@charset "UTF-8";

/* メイン 共通-------------- */

/*--------------------------------------
Reset & Hack
--------------------------------------*/

html,body,div,
h1,h2,h3,h4,h5,h6,
p,pre,blockquote,
dl,dt,dd,ul,ol,li,
form,legend,fieldset,input,textarea,
th,td,
address{
margin:0;padding:0;
}

body,
h1,h2,h3,h4,h5,h6,
code{
color:#666666;
font:12px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
line-height:1.5;
}

img,
a,
fieldset{
border:0;
}

img{
vertical-align:bottom;
}

a:link, a:visited{
color:#0D63B0;
outline:0;
text-decoration:none;
}
a:hover, a:active{
color:#0D63B0;
outline:0;
text-decoration:underline;
}

ul li{
list-style:none;
}

table {
font-size:inherit;
font:100%;
}

span.bold{
font-weight:bold;
}


/*--------------------------------------
Clearfix
--------------------------------------*/

.clearfix:after {
content: "";
display: block;
clear: both;

} 

.clearfix {
  min-height: 1px;
}

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

.clear{
clear:both;
}


/*--------------------------------------
背景
--------------------------------------*/

body{
background-color:#FFFFFF;
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
background-position:center top;
_text-align:center;
}

body#top{
background-color:#FFFFFF;
background-image:url(../img/bg_top.jpg);
background-repeat:repeat-x;
background-position:center top;
_text-align:center;
}


/*--------------------------------------
共通処理
--------------------------------------*/

.fleft{
float:left;
}
.fright{
float:right;
}


.fbold{
font-weight:bold;
}


.mb2{
margin-bottom:2px;
}
.mb5{
margin-bottom:5px;
}
.mb10{
margin-bottom:10px;
}
.mb15{
margin-bottom:15px;
}
.mb20{
margin-bottom:20px;
}
.mb25{
margin-bottom:25px;
}
.mb30{
margin-bottom:30px;
}
.mb40{
margin-bottom:40px;
}
.mr20{
margin-right:20px;
}
.mr25{
margin-right:25px;
}
.mp35{
	padding-left: 35px;
}
.ml10{
margin-left:10px;
}
.ml20{
margin-left:20px;
}
.ml40{
margin-left:40px;
}


/*--------------------------------------
レイアウト
--------------------------------------*/

#container{
margin:0 auto;
width:1000px;
_text-align:left;
}








/*--------------------------------------
フッター
--------------------------------------*/

#footer{
height:96px;
padding-top:4px;
background:url(../img/f_bg.jpg) repeat-x center top;
}

#f_left{
float:left;
margin-left:10px;

}

#f_otoi{
float:left;
margin-right:16px;
width:92px;
height:25px;
text-indent:-50000px;
background:url(../img/f_link1_bt.jpg) no-repeat top left;
}
#f_otoi a:link,
#f_otoi a:visited{
display:block;
width:92px;
height:25px;
}
#f_otoi a:hover,
#f_otoi a:active{
background:url(../img/f_link1_bth.jpg) no-repeat top left;
}

#f_site{
float:left;
width:90px;
height:25px;
text-indent:-50000px;
background:url(../img/f_link2_bt.jpg) no-repeat top left;
}
#f_site a:link,
#f_site a:visited{
display:block;
width:90px;
height:25px;
}
#f_site a:hover,
#f_site a:active{
background:url(../img/f_link2_bth.jpg) no-repeat top left;
}

#f_right{
float:right;
width:167px;
height:25px;
text-indent:-50000px;
background:url(../img/f_copy.jpg) no-repeat top left;
}



/*--------------------------------------
グローバルナビ
--------------------------------------*/

#gn{
height:47px;
}

#gn ul li#gn1{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn1.jpg) no-repeat left top;
}
#gn ul li#gn1now{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn1h.jpg) no-repeat left top;
}
#gn ul li#gn1 a:link,
#gn ul li#gn1 a:visited{
display:block;
width:200px;
height:47px;
}
#gn ul li#gn1 a:hover,
#gn ul li#gn1 a:active{
background:url(../img/gn1h.jpg) no-repeat left top;
}

#gn ul li#gn2{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn2.jpg) no-repeat left top;
}
#gn ul li#gn2now{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn2h.jpg) no-repeat left top;
}
#gn ul li#gn2 a:link,
#gn ul li#gn2 a:visited{
display:block;
width:200px;
height:47px;
}
#gn ul li#gn2 a:hover,
#gn ul li#gn2 a:active{
background:url(../img/gn2h.jpg) no-repeat left top;
}

#gn ul li#gn3{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn3.jpg) no-repeat left top;
}
#gn ul li#gn3now{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn3h.jpg) no-repeat left top;
}
#gn ul li#gn3 a:link,
#gn ul li#gn3 a:visited{
display:block;
width:200px;
height:47px;
}
#gn ul li#gn3 a:hover,
#gn ul li#gn3 a:active{
background:url(../img/gn3h.jpg) no-repeat left top;
}

#gn ul li#gn4{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn4.jpg) no-repeat left top;
}
#gn ul li#gn4now{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn4h.jpg) no-repeat left top;
}
#gn ul li#gn4 a:link,
#gn ul li#gn4 a:visited{
display:block;
width:200px;
height:47px;
}
#gn ul li#gn4 a:hover,
#gn ul li#gn4 a:active{
background:url(../img/gn4h.jpg) no-repeat left top;
}

#gn ul li#gn5{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn5.jpg) no-repeat left top;
}
#gn ul li#gn5now{
float:left;
width:200px;
height:47px;
text-indent:-50000px;
background:url(../img/gn5h.jpg) no-repeat left top;
}
#gn ul li#gn5 a:link,
#gn ul li#gn5 a:visited{
display:block;
width:200px;
height:47px;
}
#gn ul li#gn5 a:hover,
#gn ul li#gn5 a:active{
background:url(../img/gn5h.jpg) no-repeat left top;
}




/*--------------------------------------
ヘッダー
--------------------------------------*/

#header{
height:71px;
}
#h_left{
float:left;
margin-top:8px;
}
#h_left #logo{
float:left;
width:247px;
height:56px;
text-indent:-50000px;
background:url(../img/h_logo.jpg) no-repeat top left;
}
#h_left #logo a{
display:block;
width:247px;
height:56px;
}
#h_left #lead{
float:left;
width:314px;
height:56px;
text-indent:-50000px;
background:url(../img/h_lead.jpg) no-repeat top left;
}

#h_right{
float:right;
width:159px;
}

#h_right #txt-size{
position:relative;
margin-bottom:11px;
_margin-bottom:6px;
width:159px;
height:33px;
background:url(../img/h_ts_bg.jpg) no-repeat top left;
}
#h_right #txt-size #normal{
position:absolute;
top:6px;
left:115px;
width:34px;
height:18px;
text-indent:-50000px;
}
#h_right #txt-size #normal a:link,
#h_right #txt-size #normal a:visited{
display:block;
width:34px;
height:18px;
}
#h_right #txt-size #normal a:hover,
#h_right #txt-size #normal a:active{
}
#h_right #txt-size #big{
	position:absolute;
	top:6px;
	left:78px;
	width:34px;
	height:18px;
	text-indent:-50000px;
}
#h_right #txt-size #big a:link,
#h_right #txt-size #big a:visited{
display:block;
width:34px;
height:18px;
}
#h_right #txt-size #big a:hover,
#h_right #txt-size #big a:active{
}

#h_otoi{
float:left;
width:71px;
height:14px;
text-indent:-50000px;
background:url(../img/h_otoibt.jpg) no-repeat top left;
}
#h_otoi a:link,
#h_otoi a:visited{
display:block;
width:71px;
height:14px;
}
#h_otoi a:hover,
#h_otoi a:active{
background:url(../img/h_otoibth.jpg) no-repeat top left;
}
#h_site{
float:right;
width:71px;
height:14px;
text-indent:-50000px;
background:url(../img/h_sitebt.jpg) no-repeat top left;
}
#h_site a:link,
#h_site a:visited{
display:block;
width:71px;
height:14px;
}
#h_site a:hover,
#h_site a:active{
background:url(../img/h_sitebth.jpg) no-repeat top left;
}