@charset "UTF-8";
/* CSS Document */

/* style reset
======================*/
body,div,iframe,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,
p,blockquote {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
ul,ol,li,dl,dt,dd {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: bottom;
}

/* common style
======================*/
#container .cf:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
#container .cf {min-height: 1px;}
#container * html .cf {height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/}
#container .clr{clear:both;}
#container .flL{float:left;}
#container .flR{float:right;}
#container .taC{text-align:center;}
#container .taL{text-align:left;}
#container .taR{text-align:right;}

/* リンク
----------------------*/
a {
    text-decoration: none;
    color: #333333;
}
a:hover {
    text-decoration: underline;
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* style
======================*/

/* 大枠・共通レイアウト
----------------------*/
#container {
  width: 100%;
  font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:180%;
}
#container #header {
  width: 100%;
  text-align: center;
}

#container #contents {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
}

.section { 
	margin-bottom: 60px 
}

strong{ color:red;
font-weight:normal;}




.disc ul li{list-style-type : disc;
margin-left:19px; }

.disc ul li span{ font-weight:bold;}

.decimal ol li{list-style-type : decimal;
margin-left:19px; }

.list_yogurt ul li{
	text-indent:-1.5em;
	padding-left:1.5em;
	margin-bottom:10px;}

.list_yogurt ul li span{
	font-weight:bold;}

/* マージン
----------------------*/
.mt15{
margin-top:15px;}


 /* ヘッダー
----------------------*/
#container #header  #headerTop {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  margin-top: 24px;
}

#container #header #headerTop #headerBread {
  padding-top: 24px;
  padding-left: 10px;
}

#headerBread a{
text-decoration:none;}

#container #header #headerMainWrapper {
  background: #000000;
  width: 100%;
  color: #FFFFFF;
   text-align: left;
  clear: both;
}
#container #header #headerMainWrapper #headerMain {
  background: url(../img/about/header_img.jpg) no-repeat top center;
  height: 145px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
 
}

#container #header #headerMainWrapper #headerMain p {
  position: absolute;
  top: 200px;
  width: 520px;
  font-size: 16px;
  line-height:180%;
  text-align: center;
}

#container  #header #naviWrapper {
  height: 54px;
  width: 100%;
  background: #00A2E7;
  margin-bottom: 50px;
   border-top:1px solid #ffffff;
}



#container #header #navi {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
}
#container #header #navi li {
  line-height: 54px;
  float: left;
  height: 54px;
  border-right: 1px solid #FFFFFF;
  width: 236px;
}
#container #header #navi li.naviTop {
  border-left: 1px solid #FFFFFF;
  width: 237px;
}
#container #header #navi li a {
  text-decoration: none;
  font-size: 16px;
  color: #FFFFFF;
  display: block;
}

#container #header #navi li a:hover,
#container #header #navi li.active { background: #0085BE; }




/* ナビ
----------------------*/


.menubar {
line-height:54px;
   background-color: #00A2E7; /* バーの背景色 */
   width: 950px; /* メインメニュー全部が収まる最低横幅 */
   margin-right: auto;
  margin-left: auto;
  text-decoration: none;
  font-size: 16px;
  color: #FFFFFF;
 
}

.menubar ul#menu li {

   width: 236px; /* メニュー項目の横幅 */
   height: 54px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   border-right: 1px solid #FFFFFF;
   list-style-type: none;
   position: relative;
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
}
.menubar ul#menu a {
   background-color: #00A2E7; /* メニュー項目の背景色 */
   color:  #FFFFFF; /* メニュー項目の文字色 */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
}
.menubar ul#menu a:hover {
   background-color:  #0085BE; /* メニュー項目にマウスが載ったときの背景色 */
   color: #FFFFFF; /* メニュー項目にマウスが載ったときの文字色 */
}
/* メニューバー直後のClearfix */
.menubar ul#menu { zoom:1; text-align: left;}
.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }


.menubar ul#menu ul.sub {
   background-color: #FFFFFF; /* サブメニュー全体の背景色 */
   border-width: 0px 1px 1px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #c3c3c3; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding:15px 0 0 0;
 display: none;
  position: absolute;
  background:url(../img/sub_arrow_top.png) center top no-repeat #fff;
  
}


.menubar ul#menu ul.sub li {
line-height: 20px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
font-size:12px;
color:#565656;
font-weight:normal;
   width: 206px; /* サブメニュー1項目の横幅 */
   height:28px; /* サブメニュー1項目の高さ */
   margin-left: 15px;
    margin-top:15px;
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-bottom:1px #c3c3c3 dotted; /* サブメニュー1項目の枠線の線種 */
   border-color: #c3c3c3; /* サブメニュー1項目の枠線の色 */
    *height: 28px; /* サブメニュー1項目の高さ */
	*width: 220px; /* サブメニュー1項目の横幅 */
   
}

.menubar ul#menu ul.sub li span{font-size:10px;}

.sub_arrow_top{*margin:-40px 0px 0 0px;}

.menubar ul#menu ul.sub li img{
*margin:0px 0 0 -20px;
width:6px;
float:left;
padding:5px 0 0 15px;

}


.menubar ul#menu ul.sub li a {
 *margin:-15px 0px 0 0px;
color:#000000;
background-color: #FFFFFF; /
   line-height: 37px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 15px;  /* サブメニュー1項目の項目名前方の余白 */
   *border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   *border-bottom:1px #c3c3c3 dotted; /* サブメニュー1項目の枠線の線種 */
  *border-color: #c3c3c3; /* サブメニュー1項目の枠線の色 */
  *line-height: 23px;
}

.menubar ul#menu ul.sub li.last{
border-style:none;
}

.menubar ul#menu ul.sub li a:hover {
   background-color: #FFFFFF; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #00a2e7; /* サブメニュー項目にマウスが載ったときの文字色 */ 
   }
   
#menu .naviTop {
  border-left: 1px solid #FFFFFF;
  width: 237px;
}

#menu li a:hover,
#menu li.active a{ background: #0085BE; }
#menu li.active{ background: #0085BE; }

a.last{
border-style:none;
}

.active a{ background: #0085BE; }


/* コンテンツ
----------------------*/
#container #contents h3 {
  font-size: 32px;
  background: url(../img/icon_arrow_h2.jpg) no-repeat center top;
  text-align: center;
  color: #5e8b9d;
  padding-top: 16px;
  font-weight: normal;
  margin-bottom: 30px;
  line-height: nomal !important;
}
#container #contents h3 span {
  border-bottom: 1px solid #5e8b9d;
  padding-bottom:7px;
  line-height: nomal !important;
}

#container #contents h3 span {padding-bottom:0px\9;} /* IE8 */
*+html #container #contents h3 span {padding-bottom:0;} /* IE7 */
#container #contents h3 span:not(:target){padding-bottom:0px¥9;} /* IE9 */

#container #contents .conBoxTop {
  background: url(../img/bg_conBox_top.gif) no-repeat left top;
  width: 950px;
}

#container #contents .conBoxBtm {
  background: url(../img/bg_conBox_btm.gif) no-repeat left bottom;
  margin-bottom: 30px;
}

#container #contents .conBoxInn { padding: 30px; }

#container #contents .conBoxInn p span { font-size:12px; color:#999999;}

#container #contents .imgR {
  float: right;
  margin-left: 0px;
}

#container #contents .itemL {
  width: 505px;
  float: left;
}

/*width 設定*/
#container #contents .wid550{
	width: 550px;
}

#container #contents .wid520{
	width: 520px;
}


.ng_mrg{
	margin-top: -50px;
}

#container #contents .itemL p span { color: #FF0000; }

#container #contents p a {
  text-decoration:underline;
}

#container #contents p a:hover {
	text-decoration: none;
}

#container #contents li a {
  text-decoration:underline;
}

#container #contents li a:hover {
	text-decoration: none;
}

.naviUnder {
  border-top: 1px solid #E3E2DD;
  border-bottom: 1px solid #E3E2DD;
  padding: 30px 30px 15px;
  background: #FAF7E6;
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
}


*+html.naviUnder {
  border: 1px solid #E3E2DD;
  padding: 30px 30px 35px;
  background: #FAF7E6;
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
}


.naviUnder li {
  float: left;
  width: 30%;
  background: url(../img/icon_arrow_list.jpg) no-repeat left center;
  padding-left: 20px;
  margin-bottom: 15px;
}

.naviUnder li a {
  text-decoration:underline;
}

.naviUnder li a:hover {
	text-decoration: none;
}

/* フッター
----------------------*/
.go_top{width:950px;margin:0 auto;text-align:right;}

#footer_back{
border-top: 1px #00a2e6 solid;
padding:20px 0;}
#footer{
width:950px;
margin:0 auto;}

#bottom_logo{
text-align:right;
margin-right:10px;
margin-top:-30px;
}



#footer_menu_back{
width:300px;

}

.top_footer_menu li img{
padding:5px 7px;}

.top_footer_menu li{
font-size:12px;
float:left;
margin:0 20px;
text-decoration:underline;
padding:10px 0 0 0;
}


.copy{
font-size:12px;
width:800px;
text-align: right;
padding:10px 0 0 0;}



*+html .copy{
font-size:12px;
width:800px;
text-align: right;
margin:-40px 0 0 0;}



/* about
----------------------*/

#page_title,h2{ 
font-size:32px;
margin-bottom:58px;
font-weight:normal;
line-height: 1.2em;
}

.about_img01{clear:both; width:900px; margin-top:20px;}


 .textR {width: 505px;
  float: right;
  margin-left: 0px;
}

.imgL {
  float: left;
}



.navi_footer_back{
  width:100%;
  background: #FAF7E6;
  border-top: 1px solid #E3E2DD;
  border-bottom: 1px solid #E3E2DD;
   
}

.navi_footer {
font-size:12px;
  padding: 30px 30px 15px;
  background: #FAF7E6;
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
}


*+html.navi_footer {
  padding: 30px 30px 35px;
  background: #FAF7E6;
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
}

.navi_footer_title{
background:none!important; 
 font-size:16px;
  font-weight:bold;
   padding:0!important;}


.navi_footer ul{
width: 23%;
float:left;
padding-left: 15px;
}

.navi_footer li {
  
  background: url(../img/icon_arrow_list.jpg) no-repeat left center;
  padding-left: 20px;
  margin-bottom: 15px;
  
}

.navi_footer li a {
  text-decoration:underline;
  
}

.navi_footer li a:hover {
	text-decoration: none;
}


/*2014.8.12 class=con2col*/

.con2col{
	margin-top: 10px;
}

.con2col li{
	width: 435px;
	float: right;
	padding-left: 0px;
	padding-bottom: 10px;
}

.con2col li.odd{
	float: left;
	padding-left: 0;
	padding-right: 10px;
}

.con2col li p{
	line-height: 1.5em;
	padding-top:5px;
}

.con2col li em{
	background: url('../img/icon_list.gif') no-repeat left center;
	padding-left: 15px;
	font-style: normal;
	color: #00a2e7;
	display:block;
	border-bottom:1px  solid #00a2e7;
	font-size:13px;
}


p span{ color:red!important;
font-size:13px!important;}

.naika{
width:900px; clear:both; margin:0 auto;
 background: url(../img/icon_arrow_list.jpg) no-repeat left center;
  padding-left: 20px;
  margin-bottom: 15px;}



/* clearfix
----------------------*/
.clear{clear: both;}
.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}