@charset "utf-8";
/* 文字コードセット */

/* reset　
---------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}




/* 全体構造
---------------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

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

a{outline:none;}

body{font-size:14px;/* 基本のフォントサイズ */
line-height:24px;/* 基本の行間 */
font-family:Arial,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;color:#333;}


/* link
---------------------------------------------------- */
a:link,a:visited{color:#3a73bd;text-decoration:underline;}
a:hover,a:active{color:#3a73bd;text-decoration:none;}
a:hover img{ opacity:0.6;}

/* header
---------------------------------------------------- */

header{width:100%; }

header #headetTop{ background:#4978cd; width:100%; padding:10px 0px;}
header #headetTop .inr{ width:1024px;margin:0px auto; color:#fff; font-weight:bold; height:32px; line-height:32px;}
header #headetTop .inr:after{ clear: both; content:""; display:block}




header #headerBody{width:100%; }
header #headerBody .inr{ width:1024px;margin:0px auto; }

header #headerBody h1{ float:left;}

/* navigation
---------------------------------------------------- */
header #headerBody nav{ width:562px; float: right}
nav ul{width:562px;height:82px;list-style:none; margin-top:29px;}
nav ul:after{ clear: both; content:""; display:block}
nav li{float:left;height:82px; margin-left:2px}

nav li a:hover img{ opacity:1;}




/* jQueryで画像をループ。最後STOP。
-----------------------------------*/
#keyvisual {
	margin: 0 auto;
	width:1024px;
	height:412px;
	text-align: left;
	position: relative;
	overflow: hidden; margin-bottom:30px;
}
#keyvisual img {
	top: 0px;
	right: 0px;
	position: absolute;
	opacity:0;
}


/* pagebody
---------------------------------------------------- */
#pagebody{width:1024px;margin:36px auto;text-align:left; }
#pagebody:after{ clear: both; content:""; display:block}

/* h2title
---------------------------------------------------- */
#h2Title{clear:both; width:1024px; margin:0px auto;}
#h2Title img{margin:0 auto;}




#main{ width:790px; float:left}

/* sub
---------------------------------------------------- */



#sideMenu{float:right;width:196px; margin-bottom:40px;}
.sideNavi{ margin-bottom:14px;}
.sideNavi li{list-style:none;font-size:14px;margin:0px 0px 5px;}

.sideBox{
	background:#F3F3F3;
	padding:10px
}



/* footer
---------------------------------------------------- */
footer{width:100%;clear:both;}
footer #textLink{ width:100%;text-align:center; padding:14px 0px; background:#5a87da;}



footer #textLink ul{list-style:none;width:1024px;margin:0 auto;}
footer #textLink li{ display:inline;line-height:1em;padding:0 10px; border-left: 1px solid #fff; font-size:12px;}
footer #textLink li:first-child{ border-left: 0px ;}

footer a:link,footer a:visited{color:#fff;text-decoration:none;}
footer a:hover,footer a:active{color:#fff;text-decoration: underline;}

#footerBody{width:1024px;margin:0 auto; padding:30px 0px;}
#footerBody:after{ clear: both; content:""; display:block}

#footerBody div:nth-child(1){ float:left; width:300px; margin-right:20px}
#footerBody div:nth-child(2){ float:left ; width:360px}
#footerBody .accessBox{ float:right; width:196px; text-align:center; font-size:11px; line-height:13px;}


footer #copy{  padding:24px 0px;text-align:center; width:100%; border-top:1px solid #333; clear:both; font-size:10px; font-weight:bold; }



.pageTop{width:1024px;margin:0 auto;}


#pagetop {
    position: fixed;
    bottom: 0px;
    right: 10px;
}

			


/* 	1,トップページ（index.html）
---------------------------------------------------- */


#searchBox{ width:100%; background:#f6f6f6; padding:36px 0px;}
#searchBox .inr{ width:1024px; margin:0px auto;}



#ancherList{ list-style:none; margin-bottom:36px;}
#ancherList:after{ clear: both; content:""; display:block}
#ancherList li{ width:316px; float:left ; text-align:center; margin-right:36px; font-size:18px; }
#ancherList li:last-child{ margin-right:0px;}
#ancherList li a{ color:#fff; padding:8px; display:block; text-decoration:none;}
#ancherList li a:hover{ opacity:0.6;}
#ancherList li:nth-child(1) a{ background:#00bbdd;}
#ancherList li:nth-child(2) a{ background:#1d69be;}
#ancherList li:nth-child(3) a{ background:#5c4ec0;}






.radios{ list-style:none; margin-bottom:16px;}
.radios:after{ clear: both; content:""; display:block}

.radios li{ float:left;  width:140px; height:40px; margin-bottom:16px; text-align:center; font-size:13px; font-weight:bold; position:relative;}


.radios.topPage li{margin-right:7px;}
.radios.lowPage li{margin-right:22px;}

.radios.topPage li:nth-child(7n+7){ float:right; margin-right:0px;}
.radios.lowPage li:nth-child(5n+5){ float:right; margin-right:0px;}


.radios li label{ display: table-cell;width:140px; height:42px; line-height:14px; vertical-align:middle;  }
.radios li label:before{ content:"▶ "; font-size:8px;}

.radios li label span{ font-size: 10px; display:block;}
.radios input[type=checkbox] {position:absolute;opacity:0;width:140px;height:42px;margin:0;cursor:pointer; top:0px; left:0px;}
.radios input[type=checkbox]:checked {cursor:auto;}
.radios input[type=checkbox]:checked + label {color:#fff;}


.radios.parts li label{background: url(../images/bg_btn01.png) no-repeat left top;}
.radios.parts input[type=checkbox]:checked + label {background:url(../images/bg_btn01_0.png) no-repeat left top;}


.radios.pc li label{background: url(../images/bg_btn02.png) no-repeat left top;}
.radios.pc input[type=checkbox]:checked + label {background:url(../images/bg_btn02_0.png) no-repeat left top;}

.radios.others li label{background: url(../images/bg_btn03.png) no-repeat left top;}
.radios.others input[type=checkbox]:checked + label {background:url(../images/bg_btn03_0.png) no-repeat left top;}






.formBtn input{ width:220px; background:#5a87da; color:#fff; border:none;}

.formBtn input:hover{ opacity:0.6;}


#news{height:260px;overflow:auto;overflow-y:scroll;}
#news table{width:100%; background:#fff;}
#news table th{width:15%;border-bottom:#ccc dotted 1px;padding:15px 0px ;font-weight: normal;text-align:left; font-size:10px; font-weight: bold;  }
#news table td{border-bottom:#ccc dotted 1px;padding:5px 7px;}
#news table img{border:0;vertical-align: middle; margin-left:10px}
#news table .newIcon{ margin-left:10px;}





/* 	02
---------------------------------------------------- */


#ancherList2{ list-style:none; margin-bottom:36px;}
#ancherList2:after{ clear: both; content:""; display:block}
#ancherList2 li{ width:252px; float:left ; text-align:center; margin-right:16px; font-size:18px; }
#ancherList2 li:last-child{ margin-right:0px;}
#ancherList2 li a{ color:#fff; padding:8px; display:block; text-decoration:none;}
#ancherList2 li a:hover{ opacity:0.6;}
#ancherList2 li:nth-child(1) a{ background:#00bbdd;}
#ancherList2 li:nth-child(2) a{ background:#1d69be;}
#ancherList2 li:nth-child(3) a{ background:#5c4ec0;}


.resultTable{  width:100%; position:relative; border-collapse:collapse; margin-bottom:60px;}
.resultTable::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	z-index: 2;
	content: '';
	width: 790px;
	height: 5px;
	background-color: #ccc;
}

.resultTable th{  text-align:center; vertical-align: middle; width: 160px; font-size:24px; background:url(../images/bg_line_tate.gif) repeat-y right top;}
.resultTable td{ padding:16px 16px 8px 16px ;}

.icon{ list-style:none}
.icon:after{ clear: both; content:""; display:block}
.icon li{ float:left; width:140px; height:42px; margin-right:8px; margin-bottom:8px; text-align:center; font-size:13px; font-weight:bold; color:#11388D; line-height:42px;}


.icon li.parts{ background:url(../images/bg_btn01_b.png)  no-repeat left top;}
.icon li.pc{ background:url(../images/bg_btn02_b.png)  no-repeat left top;}
.icon li.others{ background:url(../images/bg_btn03_b.png)  no-repeat left top;}
.icon li span{ font-size:10px; display:block;}


.icon li div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 14px;
	width: 140px;
	height: 42px;
}




.icon2{ list-style:none}
.icon2 li{ float:left; width:140px; height:42px; margin-right:8px; margin-bottom:8px; text-align:center; font-size:13px; font-weight:bold;  line-height:42px;}
.icon2 li.parts{ background:url(../images/bg_btn01_b.png)  no-repeat left top;}
.icon2 li.pc{ background:url(../images/bg_btn02_b.png)  no-repeat left top;}
.icon2 li.others{ background:url(../images/bg_btn03_b.png)  no-repeat left top;}
.icon2 li span{ font-size:10px; display:block;}

.icon2 li div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 14px;
	width: 140px;
	height: 42px;
}


.storeTable{ width:100%; border-collapse:collapse; margin-bottom:20px;background:url(../images/bg_line_tate.gif) repeat-y right top;}
.storeTable th{padding:8px; background:url(../images/bg_line_tate.gif)  repeat-y left top; text-align:left}




.storeTable th:nth-child(1){ width:60px;text-align:center}
.storeTable th:nth-child(2){ width:200px;}


.storeTable th:nth-child(3){ }




#storeBox{}


#storeBox table{ width:100%; border-collapse:collapse; font-size:18px; margin-bottom:40px;border:solid 1px #333; }
#storeBox table th{  padding:4px 8px; border-bottom:1px solid #ccc; background:#262626; color:#fff; text-align:left; line-height:140%;}

#storeBox table tr:first-child th:nth-child(1){ width:80px; text-align:center; border-right:1px #fff solid; }
#storeBox table tr:first-child th:nth-child(2){}
#storeBox table tr:nth-child(2) th{ font-weight:normal; font-size:16px;  background:#4e4e4e;  }






#storeBox  table td{ padding:8px 8px 0px 8px; box-shadow:0px 1px 3px #ccc inset;}

#storeBox  a{ color:#11388D; text-decoration:none;}
#storeBox  a:hover { opacity:0.6 }

/*.storeTable2{ width:100%; border-collapse:collapse; font-size:18px; margin-bottom:40px;}
.storeTable2 th{ border: solid 1px #ccc; padding:8px 8px; border-bottom:5px solid #ccc; }
.storeTable2 th:nth-child(1){ width:60px; text-align:center}
.storeTable2 th:nth-child(2){ width:240px;background: #eef2f8}
.storeTable2 th:nth-child(3){ background:#f0f0f0; font-weight:normal; font-size:16px;}
.storeTable2 th.floor3{ background:#5C4EC0; color:#fff;}
.storeTable2 th.floor2{ background:#0068DD; color:#fff;}
.storeTable2 th.floor1{ background:#00BBDD; color:#fff;}
.storeTable2 th.floorB1{ background:#16bfa5; color:#fff;}
.storeTable2 td{ border: solid 1px #ccc; padding:8px 8px 0px 8px;}
*/



.appealtable{ width:100%; border-collapse:collapse;}
.appealtable th{ border:solid 1px #ccc; background:#f0f0f0; text-align:center; vertical-align:middle}
.appealtable td{ border:solid 1px #ccc; padding:8px;}
.appealtable tr:nth-child(2) th{ background:#FAFAFA}


.table01{ width:100%; border-collapse:collapse}
.table01 th{ font-weight:bold; border:solid 1px #ccc; padding:8px; line-height:100%; text-align:left; background:#F0F0F0;}
.table01 td{border:solid 1px #ccc; padding:8px; font-size:12px;}


#language{}
#language dl:after{ clear: both; content:""; display:block}
#language dt{ border:solid 1px #ccc; padding:0px 20px; float:left}
#language dd img{ float:left; margin-left:8px;}



#floorBox {  width:456px; float:left}
#floorBox ul{list-style:none;}
#floorBox li{ margin:0px 8px 20px 0px; float:left}

#snsBox{ width:456px;}
#snsBox ul{list-style:none;}

#snsBox li{ float:left; margin:0px 8px 0px  0px;}


.textBox{ border: solid 1px #ccc; padding:16px;}

.imgBox { }
.imgBox :after{ clear: both; content:""; display:block}
.imgBox  li{ float:left; margin-right:16px;list-style:none}
.imgBox  li:nth-child(3){ float:right; margin-right:0px;}



/* 03
---------------------------------------------------- */
.floor{ list-style:none; font-size:18px; font-weight:bold;}
.floor:after{ clear: both; content:""; display:block}
.floor li{ border:solid 1px #333; float:left; margin-right:16px;}
.floor li a{display:block; padding:8px 40px; }




.floorTable{ width:100%;}

.floorTable td,
.floorTable th {padding: 5px 10px;border: 1px solid #ccc; line-height:1.4em; }

.floorTable th { color:#11388D; }

.floorTable td{ font-size:13px;}

.floorTable tr:nth-child(even) td {background: #fbfbfb;}
.floorTable tbody tr.clickable:hover td {background: #ecf2fa;cursor: pointer;}
		
		
		
		


/* 05
---------------------------------------------------- */

#faqBox{border-top: solid 1px #ccc;}
#faqBox:after{ clear: both; content:""; display:block}

#faqBox dl{ width:790px;  padding:40px 0px ; border-bottom: solid 1px #ccc;}


#faqBox dt{}
#faqBox dt { background: url(../images/bg_q.gif) no-repeat left top; padding:0px 0px 0px 80px; margin-bottom:40px; }
#faqBox dd { background: url(../images/bg_a.gif) no-repeat left top; padding:0px 0px 0px 80px; min-height:36px; }





/* 5,　お問い合わせ	contact.html	
---------------------------------------------------- */
.agreeBox{ border:1px solid #ccc; padding:5px;}
.privacyBox{height:250px;overflow:auto;overflow-y:scroll; font-size:90%; line-height: normal; padding:0px 10px}
.privacyBox h4{ font-size:120%; font-weight:bold; border-bottom:#CCC solid 1px; margin-bottom:10px;}
.privacyBox p{ margin-bottom:1em}
.privacyBox ul{ margin-bottom:1em; margin-left:20px}
.privacyBox li{ list-style:decimal outside; margin-left:2em; margin-bottom:5px }






/* 汎用スタイルシート
---------------------------------------------------- */
hr{border:none;border-top:dashed 1px #CCC;height:1px;color:#FFFFFF; margin-bottom:20px}
img{border:0;vertical-align:bottom;}
table{margin-top:1px;}
h2,h3,h4,h5,h6{clear:both;}
.form-s{width:70px;}
.form-m{width:150px;}
.form-l{width:300px;}

.form-h{height:80px;}


.formBtn input{ font-size:120%; font-weight:bold; padding:8px 40px; }
.needinput{background-color:#fee;border:1px solid #ccc;}
input[type="checkbox"],input[type="radio"]{vertical-align:middle;}
input{font-size:100%;vertical-align:middle;padding:2px;}
input[type="text"],select{border:1px solid #ccc;}
input:focus[type="text"]{border:1px solid #06c;}
textarea{border:1px solid #ccc;width:99%;}
.clear{clear:both;}
.red{color:#c00;}

.f-left{float:left;}
.f-right{float:right;}


.tac{text-align:center;}
.tar{text-align:right;}
.large{font-size:16px;line-height:30px;}
.small{font-size:80%;line-height:normal;}


.table{width:100%;border-top:1px solid #ccc;}
.table th{border-bottom:1px solid #ccc;padding:7px 15px; vertical-align:middle; font-weight:bold; text-align:left;}
.table td{border-bottom:1px solid #ccc;padding:7px 15px;}
.table ul{margin-left:18px;}
.table .need{
	background:url(../images/icon_need.png) no-repeat 90% center #e5e5e5;
}
.table td span{color:#666;font-size:90%;}




.title{font-size:36px; text-align:center; margin-bottom:36px; font-weight:normal; }
.title span{ display: block; color:#11388d; font-weight:bold; font-size:12px; line-height:12px; margin-bottom:16px;}


.subTitle.color01{ color:#00bbdd;}
.subTitle.color02{ color:#0068dd;}
.subTitle.color03{ color:#5c4ec0;}


.subTitle {position: relative; font-size:30px;padding-bottom: 12px; margin-bottom:24px; line-height:36px;}
.subTitle::after {position: absolute;bottom: -4px;left: 0;z-index: 2;content: '';width: 100%;height: 5px;background: url(../images/bg_title.gif);}






.subTitle2 {position: relative; font-size:30px;padding-bottom: 12px; margin-bottom:24px;}
.subTitle2::after {position: absolute;bottom: -4px;left: 0;z-index: 2;content: '';width: 100%;height: 5px;background: url(../images/bg_title.gif);}
.subTitle2 span{ font-size:14px;color:#00bbdd;}

.subTitle2 img{ float:right; margin-left:8px;}

.subTitle3{ background:#4978CD; color:#fff; padding:8px 36px;; font-size:16px; line-height:16px; margin-bottom:16px; display: inline-block; border-radius:4px;}

.textLink a{ background: url(../images/icon_link.gif) no-repeat left center; padding:0px 0px 0px 8px;}
.pdfLink a{ background: url(../images/icon_pdf.png) no-repeat right center; padding:0px 28px 0px 0px;}


.btn a { display: inline-block; background:#333; color:#fff; padding:4px 30px; text-decoration:none; text-align:center;}
.btn a span{ font-size:12px;}

.btn a:hover { opacity:0.6;

		} 
		

.frame img{border:1px solid #b9b9b9;padding:4px;}

.In{ line-height: normal}
.In li{ margin-left:1em; list-style:outside;	}

.w230{width:230px;}
.w240{width:240px;}
.w290{width:290px;}
.w300{width:300px;}
.w385{width:385px;}


.w460{width:460px;}


.w520{width:520px;}

.w540{width:540px;}



.w25p{width:25%;}
.w100p{width:100%;}


.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}

.mr10{margin-right:10px;}
.mr20{margin-right:20px;}

.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
@media print {

}