﻿@charset "utf-8";



/* ==========================================================================================================

	  レイアウト構成 / 共通スタイル

============================================================================================================*/





/*  メインエリア
---------------------------------------------------------------------------------------------------------------------------------*/

div#top{height:30px;}

.koBodyTopBlock {
padding-left:1px;
}



/*---------------primary---------------------------------------------------------------------------------------------------------------*/

/*

div#primary{
width:585px;
padding-bottom:0px;
float:left;
line-height: 1.5;
}

*/

.koBodyArea a:hover { background-color: transparent;}

.koBodyArea {
	font-size		: 0.75em;
	color			: #262626;
	letter-spacing	: 0.1em;
	line-height		: 1.5;
}



/*---------------secondary-------------------------------------------------------------------------------------------------------------*/


div#secondary{
width:176px;
padding-bottom:30px;
float:left;
}





div#searchBox{
background:url(../img/search_bg.gif) repeat-y left top;
padding-top:12px;
margin-left:8px;
margin-top:15px;
margin-bottom:0px;
}


div#searchBox input#main{
background:#ffffff;
margin-bottom:10px;
margin-right:8px;
width:130px;
height:20px;
}



.searchBoxImg{
margin-left:8px;
margin-bottom:10px;
}



/*-------------------------sNav01-------------------------*/
ul#sNav01{
background:url(../img/line01.gif) repeat-x left bottom;
padding:0px 1px 1px 1px;
letter-spacing:0.05em;
}

ul#sNav01 li a{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow02.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav01 li a:link{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow02.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav01 li a:visited{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow02.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav01 li a:hover{
display:block;
color: #262626;
width:154px;
background-image:url(../img/arrow02.gif);
background-position:10px 5px;
background-repeat:no-repeat;
background-color:#d7e0a9;
padding: 2px 0px 2px 20px;
}

*+html body ul#sNav01 li a{width:154px;}
*+html body ul#sNav01 li a:link{width:154px;}
*+html body ul#sNav01 li a:visited{width:154px;}
*+html body ul#sNav01 li a:hover{width:154px;}
* html body ul#sNav01 li a{width:154px;}
* html body ul#sNav01 li a:link{width:154px;}
* html body ul#sNav01 li a:visited{width:154px;}
* html body ul#sNav01 li a:hover{width:154px;}



ul#sNav01 li#sNav01_on a{
display:block;
color: #262626;
background-color:#d7e0a9;
}
ul#sNav01 li#sNav01_on a:link{
display:block;
color: #262626;
background-color:#d7e0a9;
}
ul#sNav01 li#sNav01_on a:visited{
display:block;
color: #262626;
background-color:#d7e0a9;
}
ul#sNav01 li#sNav01_on a:hover{
display:block;
color: #262626;
background-color:#d7e0a9;
}









/*-------------------------sNav02-------------------------*/
ul#sNav02{
background:url(../img/line01.gif) repeat-x left bottom;
padding:0px 1px 1px 1px;
letter-spacing:0.05em;
}

ul#sNav02 li a{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow03.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav02 li a:link{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow03.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav02 li a:visited{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow03.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav02 li a:hover{
display:block;
color: #262626;
width:154px;
background-image:url(../img/arrow03.gif);
background-position:10px 5px;
background-repeat:no-repeat;
background-color:#b6e1e9;
padding: 2px 0px 2px 20px;
}

*+html body ul#sNav02 li a{width:154px;}
*+html body ul#sNav02 li a:link{width:154px;}
*+html body ul#sNav02 li a:visited{width:154px;}
*+html body ul#sNav02 li a:hover{width:154px;}
* html body ul#sNav02 li a{width:154px;}
* html body ul#sNav02 li a:link{width:154px;}
* html body ul#sNav02 li a:visited{width:154px;}
* html body ul#sNav02 li a:hover{width:154px;}



ul#sNav02 li#sNav02_on a{
display:block;
color: #262626;
background-color:#b6e1e9;
}
ul#sNav02 li#sNav02_on a:link{
display:block;
color: #262626;
background-color:#b6e1e9;
}
ul#sNav02 li#sNav02_on a:visited{
display:block;
color: #262626;
background-color:#b6e1e9;
}
ul#sNav02 li#sNav02_on a:hover{
display:block;
color: #262626;
background-color:#b6e1e9;
}











/*-------------------------sNav03-------------------------*/
ul#sNav03{
background:url(../img/line01.gif) repeat-x left bottom;
padding:0px 1px 1px 1px;
letter-spacing:0.05em;
}

ul#sNav03 li a{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow04.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav03 li a:link{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow04.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav03 li a:visited{
display:block;
color: #262626;
width:154px;
background:url(../img/arrow04.gif) no-repeat 10px 5px;
padding: 2px 0px 2px 20px;
}

ul#sNav03 li a:hover{
display:block;
color: #262626;
width:154px;
background-image:url(../img/arrow04.gif);
background-position:10px 5px;
background-repeat:no-repeat;
background-color:#eedfa6;
padding: 2px 0px 2px 20px;
}

*+html body ul#sNav03 li a{width:154px;}
*+html body ul#sNav03 li a:link{width:154px;}
*+html body ul#sNav03 li a:visited{width:154px;}
*+html body ul#sNav03 li a:hover{width:154px;}
* html body ul#sNav03 li a{width:154px;}
* html body ul#sNav03 li a:link{width:154px;}
* html body ul#sNav03 li a:visited{width:154px;}
* html body ul#sNav03 li a:hover{width:154px;}



ul#sNav03 li#sNav03_on a{
display:block;
color: #262626;
background-color:#eedfa6;
}
ul#sNav03 li#sNav03_on a:link{
display:block;
color: #262626;
background-color:#eedfa6;
}
ul#sNav03 li#sNav03_on a:visited{
display:block;
color: #262626;
background-color:#eedfa6;
}
ul#sNav03 li#sNav03_on a:hover{
display:block;
color: #262626;
background-color:#eedfa6;
}








ul#sNav03 li#sNav03_on ul li a{
display:block;
color: #262626;
width:144px;
background:url(../img/arrow04.gif) no-repeat 20px 5px;
padding: 2px 0px 2px 30px;
}

ul#sNav03 li#sNav03_on ul li a:link{
display:block;
color: #262626;
width:144px;
background:url(../img/arrow04.gif) no-repeat 20px 5px;
padding: 2px 0px 2px 30px;
}

ul#sNav03 li#sNav03_on ul li a:visited{
display:block;
color: #262626;
width:144px;
background:url(../img/arrow04.gif) no-repeat 20px 5px;
padding: 2px 0px 2px 30px;
}

ul#sNav03 li#sNav03_on ul li a:hover{
display:block;
color: #833c00;
width:144px;
background:url(../img/arrow04.gif) no-repeat 20px 5px;
padding: 2px 0px 2px 30px;
}

*+html body ul#sNav03 li#sNav03_on ul li a{width:144px;}
*+html body ul#sNav03 li#sNav03_on ul li a:link{width:144px;}
*+html body ul#sNav03 li#sNav03_on ul li a:visited{width:144px;}
*+html body ul#sNav03 li#sNav03_on ul li a:hover{width:144px;}
* html body ul#sNav03 li#sNav03_on ul li a{width:144px;}
* html body ul#sNav03 li#sNav03_on ul li a:link{width:144px;}
* html body ul#sNav03 li#sNav03_on ul li a:visited{width:144px;}
* html body ul#sNav03 li#sNav03_on ul li a:hover{width:144px;}






ul#sNav03 li#sNav03_on li#sNav03_on2 a{
display:block;
color: #833c00;
}
ul#sNav03 li#sNav03_on li#sNav03_on2 a:link{
display:block;
color: #833c00;
}
ul#sNav03 li#sNav03_on li#sNav03_on2 a:visited{
display:block;
color: #833c00;
}
ul#sNav03 li#sNav03_on li#sNav03_on2 a:hover{
display:block;
color: #833c00;
}





/*  共通パーツスタイル
--------------------------------------------------------------------------------------------------------------------------------*/

/*  ページトップへ
---------------------------------------------------*/

.pageTop{
clear:both;
width:585px;
text-align:right;
background:url(../img/line01.gif) repeat-x left 19px;
padding-bottom:40px;
margin-left:200px;
}


.pageTopS{
clear:both;
width:585px;
text-align:right;
background:url(../img/line01.gif) repeat-x left 19px;
padding-bottom:30px;
margin-top:30px;
}




/*  pdf
---------------------------------------------------*/

.pdf{
background:url(../img/pdf.gif) no-repeat left top;
padding:5px 0px 10px 40px;}







/*  共通　ライン
------------------------------------------------------------------------*/

.line01{
background:url(../img/line01.gif) repeat-x left bottom;}










/*  共通　アロー・ポイント・タイトル
------------------------------------------------------------------------*/

.arrow01{
background:url(../img/arrow01.gif) no-repeat left 2px;
padding: 0px 0px 3px 20px;}



/*  共通　margin
------------------------------------------------------------------------*/

.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;}

.mT5{margin-top:5px;}
.mT10{margin-top:10px;}
.mT15{margin-top:15px;}
.mT18{margin-top:18px;}
.mT20{margin-top:20px;}
.mT25{margin-top:25px;}
.mT30{margin-top:30px;}
.mT35{margin-top:35px;}
.mT40{margin-top:40px;}



.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mL15{margin-left:15px;}
.mL20{margin-left:20px;}
.mL25{margin-left:25px;}
.mL30{margin-left:30px;}
.mL40{margin-left:40px;}
.mL50{margin-left:50px;}
.mL55{margin-left:55px;}


.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR15{margin-right:15px;}
.mR20{margin-right:20px;}
.mR30{margin-right:30px;}
.mR35{margin-right:35px;}
.mR40{margin-right:40px;}
.mR50{margin-right:50px;}




.pT5{padding-top:5px;}
.pT10{padding-top:10px;}
.pT15{padding-top:15px;}
.pT20{padding-top:20px;}
.pT30{padding-top:30px;}
.pT40{padding-top:40px;}
.pT50{padding-top:50px;}
.pT60{padding-top:60px;}
.pT70{padding-top:70px;}


.pB5{padding-bottom:5px;}
.pB15{padding-bottom:15px;}
.pB10{padding-bottom:10px;}
.pB20{padding-bottom:20px;}
.pB30{padding-bottom:30px;}
.pB40{padding-bottom:40px;}


.pL5{padding-left:5px;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL40{padding-left:40px;}
.pL45{padding-left:45px;}
.pL50{padding-left:50px;}


.pR5{padding-right:5px;}
.pR10{padding-right:10px;}
.pR15{padding-right:15px;}
.pR20{padding-right:20px;}
.pR25{padding-right:25px;}
.pR30{padding-right:30px;}
.pR40{padding-right:40px;}






/*  共通　font
------------------------------------------------------------------------*/

.f10{font-size:0.8em;}
.f12{font-size:0.75em;}
.f14{font-size:1.2em;}


.fBold{font-weight:bold;}
.fNormal{font-weight:normal;}
.fRed{color:#ae0c1b;}


.fc01{color:#517A05;}
.fc02{color:#005C8D;}
.fc03{color:#833c00;}
.fc04{color:#911777;}
.fc05{color:#141F72;}
.fc06{color:#4F3882;}
.fc07{color:#B03702;}
.fc08{color:#911425;}
.fc09{color:#c08601;}
.fc10{color:#032777;}


/*  共通　link
------------------------------------------------------------------------*/

.linkBlack a {color: #262626;}
.linkBlack a:link {color: #262626;}
.linkBlack a:visited {color: #262626;}
.linkBlack a:hover {color: #999999;}

.linkRed a {color: #ae0c1b;}
.linkRed a:link {color: #ae0c1b;}
.linkRed a:visited {color: #ae0c1b;}
.linkRed a:hover {color: #262626;}



/*  フロート・クリア・調整
------------------------------------------------------------------------*/

.fL{float:left;}
.fR{float:right;}
.clear{clear:both;}
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}
.z100{z-index:100;}





