@charset "utf-8";

/*
-------------------------------
komamura common css
version:6th december 2013
author:1969.jp
-------------------------------*/

/* -- common
-------------------------------------------------- */
html, body {
	height: 100%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	
	font-size:12px;
	line-height:1.6;
	color:#80787b;
}

body{
  margin:0px;
  padding:0px;
	text-align:center;
}

header{
	border-top:6px solid #5a7279;
	border-bottom:1px solid #e0e0e0;
	width:100%;
	max-height:126px;
	
	
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ddffffff,EndColorStr=#ddffffff);
	background-color: rgba(255, 255, 255, 0.85);*/
	
	background:url(../images/common/optiwhite.png);
	/*
	position:fixed;
	left:0;
	
	z-index:9999;
*/
}


div#headerInner{
	width:100%;
	height:126px;
	/*min-width:640px;*/
	
	position:relative;
}

div#headerLogo{
	width:229px;
	
	position:absolute;
	left:30px;
	top:25px;
	
	z-index:1;
}


body img{
	vertical-align:bottom;
}

body img.fixsize{
	width:90%;
	height:auto;
}

body a{
	outline: none;
}

div#scrollTop{
	width:60px;
	height:60px;
	background:url(../images/common/scrollbut.png) no-repeat;
	position:fixed;
	bottom:4px;
	right:4px;
	display:none;
	cursor:pointer;
	
	z-index:998;
}

div#topicpath{
	margin:12px 30px;
}



/*-- contents
-------------------------------------------------- */	
div#contentsWrap{
	text-align:left;
	/*padding-top:132px;*/
	
	/*min-width:640px;*/
}

section.sectionBox{
	padding:60px 0;
	border-bottom: 1px solid #e0e0e0;
}

section.sectionBoxTop{
	padding:0 0 60px;
	border-bottom: 1px solid #e0e0e0;
}

article.articleBox{
	background:#fff url(../images/common/articleBg.gif) center top repeat-y;
}

div.articleInner{
	max-width:1000px;
	/*min-width:640px;*/
	margin:0 auto;
}

div.contantsBox{
	background-color:#fff;
	float:left;
	
	width:83%;
}

div.contantsBox02{
	background-color:#fff;
	float:left;
	
	width:100%;
}

div.contantsBoxInner{
	margin:12px 30px;
}


/*-- Heading Element
-------------------------------------------------- */
div#contentsWrap h1{
	max-width:940px;
	margin:0 auto;
	padding:12px 0 24px;
	font-weight:normal;
}

div#h1subContainer{
	max-width:940px;
	margin:0 auto;
}


div#contentsWrap h2.hType01{
	margin:0;
	padding:12px 0;
	text-align:right;
	line-height:1;
	font-weight:normal;
	width:17%;
	
	float:left;
}

div#contentsWrap h2.hType01 span{
	padding:12px;
}

div#contentsWrap h2.hType02{
	margin:0;
	padding:0 0 24px;
	font-weight:normal;
	font-size:160%;
}

div#contentsWrap h2.hType02 span{
}

div#contentsWrap h3.hType01{
	margin:0;
	padding:0 0 24px;
}

div#contentsWrap h3.hType01 span{
}

div#contentsWrap h3.hType02{
	border:1px solid #ccc;
	line-height:2;
	padding:0 1em;
}



div#contentsWrap h1.imageH,
div#contentsWrap h2.imageH,
div#contentsWrap h3.imageH{
	margin:0;
	padding:0;
}

/*-- paragraph Element
-------------------------------------------------- */
div#contentsWrap p{
	margin:0 0 12px;
}

div#contentsWrap p.pb0{
	margin:0 0 0;
}

/* -- list
-------------------------------------------------- */	
ul.ulStyle00{
	margin:0;
	padding:0;
	list-style:none;
}

ul.ulStyle00 li{
	margin-bottom:1em;
}

ul.ulStyle01{
	margin:0;
	padding:0;
	list-style:none;
}

ul.ulStyle01 li span{
	background:url(../images/common/liststyle01.png) left center no-repeat;
	padding-left:20px;
	font-weight:bold;
}

ul.ulStyle01 li p{
	padding:0 12px 0 20px;
}
	
ul.ulStyle01 li{
	border-bottom:1px dotted #ccc;
	margin-bottom:12px;
}

ul.ulStyle02{
	margin:12px 24px;
	padding:0;
	list-style:disc;
}

ul.ulStyle02 li{}

ol.olStyle01{
	list-style:decimal;
	margin-left:24px;
	}
	
ol.olStyle01 li{}

ul.ulBrandList{
	margin-left:24px;
	padding:0;
	list-style:none;
}

ul.ulBrandList li{}

ul.ulBrandList li img{
	margin-right:12px;
}

ul.imageListInline{
	margin:0;
	padding:0;
	list-style:none;
}

ul.imageListInline li{
	margin:0;
	padding:0;
	display:inline;
}

dl.dlStyle01{}

dl.dlStyle01 dt{
	font-weight:bold;
	line-height:1.6;
	
	border-bottom:1px dotted #eee;
}

dl.dlStyle01 dd{
	margin:1em 2em 2em;
}

ul.butUl{
	margin:0;
	padding:0;
	list-style:none;
}

ul.butUl li{
	padding:0 12px 12px 0;
	float:left;
}


/* -- table
-------------------------------------------------- */	
table.yearTable{
	line-height:2;
	text-align:left;
}

table.yearTable th{
	padding:0 2em 0.5em;
	font-weight:normal;
	
	vertical-align:top;
}

table.yearTable td{
	vertical-align:top;
}

table.tbStyle01{
	width:100%;
}

table.tbStyle01 th{
	padding:0.5em 1em;
	vertical-align:top;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

table.tbStyle01 td{
	padding:0.5em 1em;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	border-right:1p
}

.bgGray01{background-color:#eee;}
.bgGray02{background-color:#ddd;}

table.tbStyle02{
	width:100%;
}

table.tbStyle02 th{
	padding:0.5em 1em;
	vertical-align:top;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

table.tbStyle02 td{
	padding:0.5em 1em;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

table.tbStyle02 tr:nth-child(even) {
	background-color:#eee;
}

table.tbStyle02 tr:nth-child(odd) {
	background-color:#ddd;
}


table.tbStyle03 th{
	padding:0.5em 1em;
	vertical-align:middle;
	text-align:center;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#ddd;
}

table.tbStyle03 td{
	padding:0.5em 1em;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	background-color:#eee;
}

table.tbStyle03 td.tb03Image{
	margin:0;
	padding:0;
	background-color:#fff;
}





/*-- footer
-------------------------------------------------- */	
footer{
	background-color:#5a7279;
	color:#FFF;
	
	text-align:left;
	
	padding:30px 30px 12px;
}

nav#footerMenu{
	text-align:center;
	margin-bottom:60px;
}

nav#footerMenu a:link,nav#footerMenu a:visited{
	color:#fff;
	text-decoration:none;
}

nav#footerMenu a:hover,nav#footerMenu a:active{
	text-decoration:underline;
}



/*-- link
-------------------------------------------------- */	
a:link,a:visited{
	color:#206dbb;
}

a:hover,a:active{
	text-decoration:none;
}

a.arrow01:link,a.arrow01:visited{
	color:#206dbb;
	text-decoration:none;
	
	padding:0 0.8em;
	background:url(../images/common/arrow_blue.gif) left center no-repeat;
}

a.arrow01:hover,a.arrow01:active{
	text-decoration:underline;
}




a.blockTypeLink:link,a.blockTypeLink:visited{
	display:block;
	color:#fff;
	text-decoration:none;
	text-align:center;
	
	background-color:#206dbb;
	
	line-height:2.6;
	
	border-radius: 4px;
 	-webkit-border-radius: 4px;
  -moz-border-radius: 4px; 
}

a.blockTypeLink:hover,a.blockTypeLink:active{
	background-color:#2788e9;
}

a.blockTypeLink span{
	padding:0 0.8em;
	background:url(../images/common/arrow_white.gif) left center no-repeat;
}

a.bwM{
	width:160px;
}

a.bwL{
	width:300px;
}



/*--
-------------------------------------------------- */	
div#contentsWrap .magTop0{margin-top:0px;}
div#contentsWrap .magTop12{margin-top:12px;}
div#contentsWrap .magTop20{margin-top:20px;}
div#contentsWrap .magTop24{margin-top:24px;}
div#contentsWrap .magTop32{margin-top:32px;}
div#contentsWrap .magTop48{margin-top:48px;}

div#contentsWrap .magBot0{margin-bottom:0px;}
div#contentsWrap .magBot12{margin-bottom:12px;}
div#contentsWrap .magBot20{margin-bottom:20px;}
div#contentsWrap .magBot24{margin-bottom:24px;}
div#contentsWrap .magBot32{margin-bottom:32px;}
div#contentsWrap .magBot48{margin-bottom:48px;}

div#contentsWrap .magLeft12{margin-left:12px;}
div#contentsWrap .magLeft16{margin-left:16px;}
div#contentsWrap .magLeft20{margin-left:20px;}
div#contentsWrap .magLeft24{margin-left:24px;}

div#contentsWrap .magRight12{margin-right:12px;}
div#contentsWrap .magRight16{margin-right:16px;}
div#contentsWrap .magRight20{margin-right:20px;}
div#contentsWrap .magRight24{margin-right:24px;}

.padTop10{padding-top:10px;}
.padTop12{padding-top:12px;}
.padTop20{padding-top:20px;}
.padTop24{padding-top:24px;}
.padTop32{padding-top:32px;}
.padTop48{padding-top:48px;}

.padBot10{padding-bottom:10px;}
.padBot12{padding-bottom:12px;}
.padBot20{padding-bottom:20px;}
.padBot24{padding-bottom:24px;}
.padBot32{padding-bottom:32px;}
.padBot48{padding-bottom:48px;}

.padLeft10{padding-left:10px;}
.padLeft12{padding-left:12px;}
.padLeft24{padding-left:24px;}

.padRight10{padding-right:10px;}
.padRight12{padding-right:12px;}
.padRight24{padding-right:24px;}


.fLeft{float:left;}
.fRight{float:right;}
.cb{clear:both;}

.blockCenter{
	margin:0 auto;
}


/*-- fonts
-------------------------------------------------- */	
.fontSet{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.font60{font-size:60%;}
.font80{font-size:80%;}
.font90{font-size:90%;}
.font100{font-size:100%;}
.font120{font-size:120%;}
.font140{font-size:140%;}
.font160{font-size:160%;}
.font180{font-size:180%;}
.font200{font-size:200%;}
.font240{font-size:240%;}

.talignCenter{text-align:center;}
.talignLeft{text-align:left;}
.talignRight{text-align:right;}

.fontColorOrange{color:#F90;}
.fontColorRed{color:#C00;}
.fontColorGreen{color:#090;}
.fontColorBlue{color:#06F;}

.fontBold{
	font-weight:bold;
}

.w100{width:100%;}
.w50{width:50%;}
.w30{width:30%;}
.w25{width:25%;}

.lhL{line-height:2;}

.shadow {
	box-shadow: 1px 1px 1px #eee;
	-moz-box-shadow: 1px 1px 1px #eee;
	-webkit-box-shadow:1px 1px 1px #eee;
}

.vaTop{vertical-align:top;}
.vaMid{vertical-align:middle;}
.vaBottom{vertical-align:bottom;}









@media only screen and (max-width: 769px){
	header{
		position:relative;
	}

	div#contentsWrap{
		padding-top:0px;
	}

	div#contentsWrap h1{
		padding:12px 0 24px 20px;
	}
}