@charset "utf-8";



/* リセット */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;letter-spacing:0;}
h1,h2,h3,h4,h5{font-size:100%;}
ol,ul{list-style:none;}

/*共通 */
html{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;
}

body{
	font-size:65%;
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Osaka－等幅",sans-serif;
	background:url(img/index/shado1.jpg) repeat;
}

/*WinIE5.5CSS IE5.5センターよせのハック*/
body {
	text-align:center;
}

#content{
	text-align:left;
}

/*NormalCSS　IE5.5以外は通常ににするハック*/
body {
	text-align: /**/left;
}

body div{
	margin:0 auto;
}

body p{
	line-height:1.5em;
}


img{
	border-style:none;
	vertical-align: top;
}

a{
	color:#666666;
	text-decoration:none;
}

a:hover{
	color:#999999;
	text-decoration:none;
}

a:hover img{
	filter:alpha(opacity=70);
  /*-moz-opacity:0.70;*/
  opacity:0.7;
}

a:hover img{
	filter: alpha(opacity=70);
  -moz-opacity:0.70;
  opacity:0.70;
} 

a.txtLine { text-decoration: underline; }
a:hover.txtLine { text-decoration: none; }

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.clearfix{
	display:inline-block;
}

/*Hides from IE-mac*/
* html .clearfix{
	height:1%;
}

.clearfix{
	display:block;
}
/*End hide from IE-mac*/



#header,#gra-navi,#flash,#content,#footer,#wrap2{
	background-color:#FFF;
}
/*グラデーション*/
#wrap1{
	width:964px;
	background:url(img/index/bg.jpg) repeat-y;
}
#wrap2{
	width:950px;
	margin:0 auto;
}

/*ヘッダー*/
#header{
	width:869px;
	padding:15px 40px 10px 41px;
	overflow:hidden;
}




/*グランドナビゲーション*/
#gra-navi{
	clear:both;
	width:869px;
	padding:0 40px 0 41px;
}



#gra-navi ul{
	overflow:hidden;
}


#gra-navi ul li{
	display:inline;
}


#gra-navi a  {
	background-image:url(img/index/navi.jpg);
    height: 72px;   
    display: block;   
    text-indent: -9999px;   
    overflow: hidden;   
} 

#gra-navi:after{ height:0; visibility: hidden; content: "."; display: block; clear: both; }   
#gra-navi li {   
    float: left;
}
#gra-navi .gnavi00 a{ 
	width: 149px; 
	background-position:0 0;
}     
#gra-navi .gnavi01 a{ 
	width: 143px; 
	background-position:-149px 0;
}   
#gra-navi .gnavi02 a{
	width: 142px; 
    background-position:-292px 0;
}   
#gra-navi .gnavi03 a{
	width: 142px; 
    background-position:-434px 0;
}   
#gra-navi .gnavi04 a{
	width: 143px; 
    background-position:-576px 0;
}
#gra-navi .gnavi05 a{
	width: 150px; 
    background-position:-719px 0;
}
#gra-navi .gnavi00 a:hover { 
	width: 149px; 
	background-position:0 -72px;
}
#gra-navi .gnavi01 a:hover { 
	width: 143px; 
	background-position:-149px -72px;
}   
#gra-navi .gnavi02 a:hover {
	width: 142px; 
    background-position:-292px -72px;   
}   
#gra-navi .gnavi03 a:hover {
	width: 142px; 
    background-position:-434px -72px; 
}   
#gra-navi .gnavi04 a:hover {
	width: 143px; 
    background-position:-576px -72px;   
}
#gra-navi .gnavi05 a:hover {
	width: 150px; 
    background-position:-719px -72px;   
}




/*フラッシュ*/
#flash{
	width:867px;
	height:365px;
	margin:10px 41px 0 42px;
/*	background:url(img/index/fla_bg.jpg) no-repeat;*/
}

#slider01,
#slider01 img {
	width: 100%;
}
/*コンテンツ*/
#content{
	width:950px;
	overflow:hidden;
}

/*レフトカラム*/
#left-col{
	width:467px;
	padding:30px 25px 20px 35px;
	float:left;
	font-size:110%;
}

/*センターカラム*/
#cen-col{
	width:222px;
	padding:30px 12px 20px 0;
	float:left;
	font-size:120%;
}

/*ライトカラム*/
#right-col{
	width:149px;
	float:left;
	padding:30px 40px 20px 0;
}

/* update 20200611 */
.kushi2020{
	font-size:130%;
	color:#00C;
	font-weight:bold;
	text-align:left;

}


/*20190604_バナー追加*/
.mu_bana{
	width: 530px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;

}
.mu_bana p{
	margin-bottom: 10px;
	font-size: 1.2em;
	text-align: center;
}

/*20191011*/

.annai2019{
	text-align: center;
	margin: 15px;
	font-size: 1.6em;
	
}

.fo_106{
	font-size:1.6em;
}
/*フッター*/
#footer{
	overflow:hidden;
	width:870px;
	margin:0 40px 0 40px;
	border-top:#CCC solid 1px;
	padding:15px 0 0 0;
}

#footer2{
	width:950px;
	background-image:url(img/index/foot-bg.jpg);
	background-repeat:repeat;
	height:130px;
	}


/*----------------------------------ここまで基本CSS---------------------------------------*/

/*ヘッダー*/
.head1{
	float:left;
	width:145px;
}

.head2{
	float:right;
	width:250px;
	text-align:right;
}

.head2 p{
	padding:5px 0;
}





/*レフトカラム*/



.left1-2{
	overflow:hidden;
	border-bottom:#333 dotted 1px;
	padding-bottom:10px;
}

.left3{
	overflow:hidden;
	clear:both;
	padding:10px 0 0 0;
}

.left4{
	float:left;
	width:267px;
}

.left4 img{
	padding-bottom:7px;
}

.left5{
	float:right;
	width:170px;
	padding-bottom:7px;
}

/*センターカラム*/
.cen0{
	padding-bottom:20px;
}

.cen1{
	background:url(img/index/cen6.jpg) repeat;
	padding:11px 10px 12px 12px;
}

.cen2{
	background-color:#FFF;
	padding:10px 8px 0 8px;
}

.cen2 ul{
	padding:8px 0;
}

.cen3{
	border-bottom:#333333 dotted 1px;
}

.cen4{
	background-color:#DEDEBC;
	padding:3px;
	margin-bottom:5px;
}

.cen5{
	text-align:right;
	padding-top:10px;
}

/*.cen6{
	border-bottom:#333333 dotted 1px;
}
*/
.cen6 li{
	font-size: 120%;
}

.cen7{
	padding-top:10px;
}

/*ライトカラム*/
#right-col img{
	padding-bottom:10px;
}

.cl-bo{
	clear:both;
}


/*フッター*/
.foot1{
	width:165px;
	float:left;
}

.foot1-2{
	overflow:hidden;
	border-bottom:#CCC dotted 1px;
}

.foot2{
	width:100px;
	float:left;
}

.foot3{
	width:275px;
	float:left;
	padding-bottom:15px;
}

.foot4{
	width:215px;
	float:right;
}

.foot5{
	clear:both;
	overflow:hidden;
	padding:5px 0;

	font-size:110%;
	width:650px;
	float:left;
}

.foot5-2{
	width:250px;
	float:right;
	text-align:right;
	font-size:110%;
	padding-top:5px;
	padding-right:5px;
}


.foot5 ul li{
	display:block;
	float:left;
	background:url(img/index/footer4.gif) no-repeat 3px 0.4em;
	padding-left:15px;
	margin-right:10px;
}

.foot6{
	clear:both;
	padding:15px 0 10px 0;
	text-align:right;
}



/*--------------2011.03ＴＯＰページ修正--------------*/



/*レフトカラム*/
#left2-col{
	width:617px;
	padding:15px 16px 0 49px;
	float:left;
	font-size:120%;
	color:#666666;
}


#left2-col .left2_1{
	overflow:hidden;
	padding-bottom:25px;
}

#left2-col .left2_2{
	width:440px;
	float:left;
}

#left2-col .left2_3{
	width:170px;
	float:right;
}

.pa-to7{
	padding-top:7px;
}




/*ライトカラム*/
#right2-col{
	width:222px;
	float:left;
	padding:15px 40px 0 0;

}

/*センターカラム*/

#cent2-col{
	overflow:hidden;
	width:870px;
	margin:10px 40px 0 40px;
	padding-bottom:15px;
	border-bottom:#999 dotted 1px;
}

#cent2-col .cent2_1{
	width:406px;
	float:left;
}

#cent2-col .cent2_2{
	width:460px;
	float:right;
}


#cent3-col{
	clear:both;
	width:870px;
	padding:20px 45px 40px 45px;
}

.sub01{
	overflow:hidden;
	padding-bottom:15px;
}

.sub01 h3{
	padding-bottom:5px;
}

.sub01_l{
	width:350px;
	float:left;
}

.sub01_l p{
	line-height:1.7em;
	font-size:110%;
}

.sub01_l img{
	padding-bottom:15px;
}

.sub01_2{
	width:250px;
	float:right;
}