@charset "utf-8";

@import "reset.css";


/* common */
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.txt_right{ text-align:right;}

a{}
a:link{} /* no cache */
a:visited{}/* cache */
a:hover{}/* on cursor */
a:active{}/* push */
a:focus{}

a:hover img{
opacity:0.7;
filter:alpha(opacity=70);/*for IE*/
}

em{ color:#990000; font-weight:bold;}

#header a, #footer a{text-decoration:none;}
#header a{color:#FFFFFF;}
#footer a{color: #003366;}


.tip{ font-size:0.8em; margin-bottom:1em;}

/* base layout */
html, body {  
height: 100%;
margin: 0;  
padding: 0;  
} 

body{
font-size:62.5%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;

background-color: #fff;}/*,'メイリオ',Meiryo*/

#container {
font-size:1.4em;  
border-right:#666666 1px solid; 
border-left:#666666 1px solid; 
}  

#header, #menu,#menu02,#menu03, #center ,#footer{
clear:both;
}

#ex_header .cnt,#header .cnt, #menu .cnt, #menu02 .cnt, #menu03 .cnt, #center .cnt ,#footer .cnt{
margin:0 auto;
width:920px;
}


#ex_header {  
height: 20px;
background-color: #eee;
border-bottom:#ccc solid 1px;
} 
#header {  
height: 99px;
background-color: #fff; 
background-image:url(../img/layout/bg_header.png);
background-repeat:repeat-x;
border-bottom:#ccc solid 1px; /*#009944*/
}  
#menu {  
height: 31px;  
background-image:url(../img/layout/bg_out_menu.gif);
background-repeat:repeat-x;
margin-bottom:10px; 
}  
#menu02 {  
height: 31px;
margin-bottom:20px; 
}  
#menu03 {  
height: 40px;
margin-bottom:20px;
}  


#center{
padding-bottom:110px;
background-color: #fff;
}
#footer {  
height: auto;
background-image:url(../img/layout/bg_footer.png);
background-repeat:repeat-x;
background-color:#fff;
padding-top:20px;
}   
.cnt{overflow:hidden;}


#brand{ float:left}
#brand .leftB{ margin:0 3px 0 0}
#brand .end{ margin-left:0}
#brand ul{ width:534px; clear:both}
#brand .rightUP{ margin:0 2px 2px 0}
#brand .rightUN{ margin:0 2px 0px 0}


/* --- ex_header --- */
#ex_header p{font-size:0.75em;margin-left:0px; margin-top:5px; line-height:1.5em;} 
#ex_header h1{display:block;font-size:0.75em;margin-left:0px; margin-top:5px; line-height:1.5em;} 
/* --- header --- */
#header .cnt{}
 
#header #logo{
margin:5px 0 0 0;
}

#header a:hover img{
opacity:1.0;
filter:alpha(opacity=100);/*for IE*/
}

#header .right{
text-align:right;
margin:5px 0 0 0;
} 

#header .exmenu{
margin:2px 0 2px 0;
color:#666;
}
#header .exmenu a{
color:#666;
}

.exmenu{
font-size:0.9em;
line-height:1.4em;
padding:3px 0;
height:15px;
}
#under_box{ margin:15px 0 0 0 ; text-align:right; height:36px; overflow:hidden;}


.form_open_l,.form_open_r{ cursor:pointer; display:block; float:right; margin-top:2px; padding:3px 11px 1px 11px; border-left:#666 solid 1px; height:20px; font-size:13px; line-height:1.5em }
.form_open_r{border-right:#666 solid 1px;}
.form_open{ cursor:pointer;}


/* --- menu --- */
#menu{}
#menu .cnt{
height:28px;
width:916px;
text-align:center; 
background-image: url(../img/layout/bg_menu_cnt.gif);
background-repeat: repeat-x;
background-color:#fff;/*19a679メニューに必要なスタイル暫定的に消しているだけ20120601 */
padding:0 1px;
overflow:hidden;
border-left: #CCC solid 1px;
border-right: #CCC solid 1px;
}


#menu02 .cnt,#menu03 .cnt{
width:912px;
text-align:center; 
overflow: hidden;
}


#menu ul{}

#menu li{
font-size:13px;
float:left;

width:229px;/*4カテゴリ用*/
/*width:153px;6カテゴリ用*/
}

#menu a {text-decoration:none;
			color:#444;
			display:block;
			padding:5px 0 0 0;
			height:24px;
			background-image: url(../img/layout/bg_menu_btn04-out.gif);/*4ctg用*/
			/*background-image: url(../img/layout/bg_menu_btn06-out.gif);6ctg用*/
			background-repeat:no-repeat;

}

#menu a:hover{
				color:#444;
				background-image:url(../img/layout/bg_menu_btn04-on.gif);/*4ctg用*/
				/*background-image:url(../img/layout/bg_menu_btn06-on.gif);6ctg用*/

			padding-top:6px;}

#menu .fc a{
			background-image: url(../img/layout/bg_menu_btn04-outf.gif);/*4ctg用*/
			/*background-image: url(../img/layout/bg_menu_btn06-outf.gif);6ctg用*/
}
#menu .fc a:hover{
				background-image:url(../img/layout/bg_menu_btn04-onf.gif);/*4ctg用*/
				/*background-image:url(../img/layout/bg_menu_btn06-onf.gif);6ctg用*/
				}
	

/* footer */
#footer .exmenu{
margin:25px 0;
color:#333;
text-align:left;
height:auto;
}
#fotter_cnt{ overflow:hidden; margin-bottom:20px; text-align: center;}
.csr{ margin-top:25px;}
#footer .w340{ width:330px;}
#footer .headMenu{ margin:0 0 1em 0; text-align:left; color:#666;}
#footer .headMenu a{ color:#666;}
#footer .headMenu a:hover{ text-decoration:underline;}

.column{ margin:0 0.8em 0 0.5em; width:160px;color:#666;}
.column .column{ margin:0;}

#footer .column a{color:#666;}
#footer .column a:hover{ text-decoration:underline;}
.column p.title{ margin:0 0 0.4em 0; border-left: solid 4px #666; padding:0 0 0.1em 0.5em; font-weight:bold; }
.column ul{ margin:0 0 1.5em  0;}
.column li{ margin:0 0 0.6em 0; line-height:1em;}


#saveEarth{ border:#aaa 1px solid; padding:3px 6px; width:195px; overflow:hidden; background-color:#fff; text-align:center; background-color:#fff;}

#saveEarth p { color:#999; font-size:0.85em; }
#saveEarth .title_csr{width:195px; overflow:hidden; margin:auto; padding-top:5px;}
#saveEarth .title_csr p {width:150px; margin:7px 0 0 0px; text-align:left; float: right;}
#saveEarth .title_csr img {margin:0px 0 5px 0px; float:left; width:40px; height:40px;}
#saveEarth a{color:#666;}

.title_csr{}

.item_csr{ border-top:#ccffd6 solid 5px; width:190px; overflow:hidden; padding:10px 0 5px 0;}
#fotter_cnt .info_box{ width:190px;}
#fotter_cnt #saveEarth .info_box p{ text-align:center;color:#666; margin:0; width:190px; margin-bottom:10px;}


#footer address{ font-size:0.7em; clear:both; text-align:center; padding:10px 0; border-top:#bcb 1px solid;}


#copyr{ font-size:0.7em; clear:both; text-align:center; padding:10px 0; border-top:#bcb 1px solid;}




/* center */
#breadcrumb{}
#contents{float: right; width:700px;
background-color:#00FF99;}
#c_menu{float:left; width:200px; margin-right:20px; background-color:#CCCCCC;}

.info_item p.read{ font-size:1em;}
.info_item p.title{ font-size:1em;text-decoration:underline;}

.info_item ul.gs1{ margin-left:2em;}
.info_item ul.gs1 li{ list-style:decimal;  margin-bottom:1em; color:#333333;}



/* --- menu --- */
#menu{ margin-bottom:24px}
#menu .cnt{
height:28px;
width:918px;
text-align:center; 
background-image: url(../img/layout/bg_menu_cnt.gif);
background-repeat: repeat-x;
background-color:#aaa;/*19a679メニューに必要なスタイル暫定的に消しているだけ20120601 */
padding:0 1px;
overflow:hidden;
}

#menu ul{}

#menu li{
font-size:13px;
line-height:1.3em;
float:left;
margin:0;
padding:0; 
width:229px;/*4カテゴリ用*/
/*width:153px;6カテゴリ用*/
}

#menu a {text-decoration:none;
			color:#444;
			display:block;
			padding:5px 0 0 0;
			height:24px;
			background-image: url(../img/layout/bg_menu_btn04-out.gif);/*4ctg用*/
			/*background-image: url(../img/layout/bg_menu_btn06-out.gif);6ctg用*/
			background-repeat:no-repeat;

}

#menu a:hover{
				color:#444;
				background-image:url(../img/layout/bg_menu_btn04-on.gif);/*4ctg用*/
				/*background-image:url(../img/layout/bg_menu_btn06-on.gif);6ctg用*/

			padding-top:6px;}

#menu .fc a{
			background-image: url(../img/layout/bg_menu_btn04-outf.gif);/*4ctg用*/
			/*background-image: url(../img/layout/bg_menu_btn06-outf.gif);6ctg用*/
}
#menu .fc a:hover{
				background-image:url(../img/layout/bg_menu_btn04-onf.gif);/*4ctg用*/
				/*background-image:url(../img/layout/bg_menu_btn06-onf.gif);6ctg用*/
				}


#menu03 .cnt{
margin:0 auto;
width:920px;
}	
#menu03 {  
height: 40px;
margin-bottom:20px;
}  
#menu02 .cnt,#menu03 .cnt{
width:920px;
text-align:center; 
overflow: hidden;
}