@import url("menu.css");

* {
margin:0;
padding:0;
list-style:none;
}

body{
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 100%;
line-height:150%;
list-style:none;
color:#666;
background:url(/public/tpl/common/images/header_back.jpg) no-repeat 50% top;
}

img{
border:0;
vertical-align:baseline;
}

h1,
h2,
h3,
h4,
h5,
h6{font-size:15px;}


a{color:#069;}

a:hover{color:#960;}

/*fire-fox,safari対策 インラインブロック要素に画像を入れると1pxの空きができる為*/
li img,
dt img,
dd img,
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img{vertical-align:bottom;}

#wrap{
width:915px;
padding:0 15px 0 25px;
margin:0 auto;
text-align:left;
}


/*↓上部コンテンツ↓*/
/****************      header      ****************/
#header{
margin:10px 10px 0 0;
}
/****************      header      ****************/


/****************      search      ****************/
#header #menu li#search{
width:223px;
padding:5px 0 10px 15px;
}
#header #menu li#search form{
display:block;
margin:0;
}

#header #menu li#search form #searchbutton{
vertical-align:bottom;
margin:2px 0 0 3px;
}

#header #menu li#search form #searchform{
margin:0;
padding:1px;
vertical-align:bottom;
}
/****************      search      ****************/


/****************      support      ****************/
#support{
width:717px;
font-size:10pt;
line-height:10pt;
float:left;
padding:0;
}
/****************      support      ****************/


/****************      パンクズリスト      ****************/
#mark{
float:right;
padding:5px 0 0;
display:block;
}
#mark li{
display:inline;
}
#mark li a{
margin:0 2px 0 0;
}
/****************      パンクズリスト      ****************/


/****************      プリントアウト      ****************/
#print{
width:130px;
text-align:left;
font-style:normal;
background:url(../images/print.gif) no-repeat left top;
display:block;
margin:2px 0 0;
padding:3px 0 10px 25px;
float:right;
font-size:10pt;
line-height:10pt;
}
/****************      プリントアウト      ****************/


/****************      文字の大きさ可変     ****************/
/*詳細な設定は、big.css，normal.css，small.cssで設定*/
#font{
width:160px;
float:left;
padding:0 0 3px;
}

* html #font{
margin:-1px 0 0;
padding:0 0 0;
}

*+html #font{
margin:-1px 0 0;
padding:0 0 0;
}

#font dt{
display:block;
text-align:right;
float:left;
padding:5px 5px 0 0;
}

#font dd{
display:block;
width:27px;
float:right;
}

#font dd a{
display:block;
width:25px;
padding:24px 0 0;
height:0;
line-height:0;
overflow:hidden;
text-indent:-9999px;
}

#font dd#small{
background:url(../images/font/small.gif) no-repeat top left;
}

#font dd#small:hover{background:url(../images/font/small_on.gif) no-repeat top left;}

#font dd#normal{
background:url(../images/font/normal_on.gif) no-repeat top left;
}

#font dd#big{
background:url(../images/font/big.gif) no-repeat top left;
}

#font dd#big:hover{background:url(../images/font/big_on.gif) no-repeat top left;}




/****************      文字の大きさ可変      ****************/
/*↑上部コンテンツ↑*/








/*↓中央コンテンツ↓*/
/****************      main      ****************/
#main{
margin:0 10px 0 0;
clear:both;
width:905px;
}


#main #contents{
background:#fff;
width:713px;
float:left;
border-right:12px solid #fff;
}

#main ul#banner{
background:#D5E8F2;
width:180px;
padding:10px 0 0;
float:right;
}
#main ul#banner li{
text-align:center;
margin:0 0 5px;
}

#main #contents ul#letmenu,
#main_contents ul#letmenu{
float:left;
}

h3{
border-left:6px solid #83B9CD;
border-bottom:1px solid #83B9CD;
padding:2px 5px;
margin:10px 0;
}

h4{
background:url(../images/navi03.gif) no-repeat left 0.3em;
padding:2px 5px 0 15px;
margin-bottom:10px;
color: #4795B1;
}

h5{
background:url(../imagesnavi04.jpg) no-repeat left top;
padding:2px 5px;
margin-bottom:10px;
}

/*--↓下記コンテンツの内容↓--*/
#main_contents #contents #cont_box p,
#main #contents #endot_cont p,

#main #contents #archives p{
padding:0 5px 10px;
}

#main #contents #endot_cont ol{
padding:5px 0 15px;
}

#main #contents #endot_cont ol li{
list-style:decimal;
padding:0 0 3px;
margin:0 0 0 30px;
}
/****************      main      ****************/
/*↑中央コンテンツ↑*/





/****************      footer      ****************/
#footer{
text-align:center;
padding:5px 100px 5px 15px;
font-size:10pt;
clear:both;
background:#0C213D url(/images/footer.jpg) no-repeat center top;
font-size:12px;
margin:15px 0 0;
}

#und_navi{
padding:10px 0 0;
list-style:none;
text-align:center;
}
#und_navi li{display:inline;}

#und_navi li a{
color:#277aa3;
}

#address{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
font-style:normal;
color:#fff;
}




/****************      ライン           *****************/
.dob{border-bottom:1px dashed #666;}
.dot{border-top:1px dashed #666;}
.dor{border-right:1px dashed#666;}
.dol{border-left:1px dashed #666;}
.border{border:1px solid #d1d1d1; padding:10px;}


/****************      color           *****************/
.red{color:red;}
.green{color:green;}
.blue{color:#003D7C;}
.pink{color:pink;}
.brown{color:blown;}
.tomato{color:tomato;}



/****************      align          *****************/
.cet{text-align:center;}
.rit{text-align:right;}
.let{text-align:left;}
.cet img{margin:5px 0;}




/****************      margin          *****************/
.mat{margin:5px 0 0;}
.mab{margin:0 0 5px;}
.mar{margin:0 5px 0 0;}
.mal{margin:0 0 0 5px;}




/****************       float            *****************/
.flet{float:left;}
.frit{float:right;}

img.frit{
margin:0 0 10px 10px;
}

img.flet{
margin:0 10px 10px 0;
}



/****************       clear            *****************/
.clear{clear:both;}
.clearfix:after,
#footer:after,
#font:after{
content: " ";
display: block;
font-size:0px;
height:0px;
line-height:0;
visibility: hidden;
clear: both;
}
.clearfix,
#footer,
#font{display:inline-block;}
* html .clearfix,
* html #footer
* html #font{height: 0.1%;}

/* Hides from IE-mac \*/
* html .clearfix,
* html #footer,
* html #font{height: 0.1%;}
.clearfix,
#footer,
#font{display: block;}
 /* End hide from IE-mac */