@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - https://richclarkdesign.com 
Twitter: @rich_clark
*/

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, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.4;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

ol,ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

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

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
    cursor:help;
}

table {
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

img {
　　　vertical-align: top;
　　　font-size:0;
　　　line-height: 0;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
}


/* -- font size -- */
body{
font-size:13px;
}

/* --------------------------------------------------------------- 基本構造 -- */


table{
font-size:inherit;
font:100%; /* IE6΍ */
}

/* clear */
.clearfix:after{
content:".";
clear:both;
display:block;
line-height:0;
height:0;
visibility:hidden;
}
.clearfix{
zoom:1;
}


body{
color:#333333; /*  */
font-family:,"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
line-height:1.5em;
text-align:center;
}

/* リンク */
a:link{
color:#333333; /* 色 */
text-decoration:none;
}
a:visited{
color:#333333; /* 色 */
text-decoration:none;
}
a:hover {
color:#333333; /* 色 */
text-decoration:underline;
}
a:active {
color:#333333; /* 色 */
text-decoration:underline;
}

.mgt10{
  margin-top:10px;
}
.mgt15{
  margin-top:15px;
}
.mgt20{
  margin-top:20px;
}
.mgt25{
  margin-top:25px;
}
.mgt30{
  margin-top:30px;
}
.mgt35{
  margin-top:35px;
}
.mgt40{
  margin-top:40px;
}

/* ここまでテンプレ */
body{
    min-width:960px;
}
#wrapper{
	width:100%;
}
.imgTxt{
  font-size:0;
  line-height:0;
}
a:hover img{
  opacity:.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

.headlineTtl{
  background:url(../img/bg_headline.gif) no-repeat;
  height:46px;
  font-size:21px;
  color:#FFF;
  font-weight:bold;
  padding:4px 13px 0;
  line-height:46px;
}
.headingTtl{
  font-size:18px;
  border-bottom:solid 1px #ccc;
  background:url(../img/bg_heading.gif) center top no-repeat;
  padding:14px 12px 8px;
  margin-top:30px;
}
.subheadTtl{
  background:url(../img/bg_subhead.gif) left center no-repeat;
  color:#2f54a3;
  font-weight:bold;
  padding-left:12px;
  margin-top:26px;
  font-size:16px;
}
.subTtl{
  margin-top:20px;
  font-size:14px;
}
.subColorTtl{
  font-size:16px;
  color:#2E53A3;
}
sup{
  line-height:1em;
}

/* ===============================================
#headerArea
=============================================== */
#headerArea{
  background: url(../img/bg_header.gif) repeat-x left bottom;
  border-bottom:2px solid #2f54a3;
}
#headerRead{
  padding: 8px 0;
  line-height:1em;
  font-size: 84.6%;
  background: #2f54a3;
  color:#FFF;
}
#headerRead p{
  width: 960px;
  margin:0 auto;
  text-align: left;	
}
#headerInner{
  width: 960px;
  height: 75px;
  margin:0 auto;
  text-align: left;
}
#headerInner:after{
  content:'';
  display: block;
  height: 0;
}
#headerSiteid {
  float: left;
   display: inline;
}
#headerLogo{
  margin-top:14px;
}
#headerLogo img{
  width: 250px;
  height: auto;
}
#gnaviArea{
  float: right;
  display: inline;
}
#gnaviArea ul{
	display: table;
	width: 680px;
	height:75px;
}
#gnaviArea ul li{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-right:1px dotted #CCC;
}
#gnaviArea ul li:first-child {
  border-left:1px dotted #CCC;
}
#gnaviArea ul li a{
  display:block;
  font-size:123%;
  font-weight: bold;
  padding: 0 20px;
  line-height: 75px;
}
#gnaviArea ul li a:hover{
  text-decoration: none;
	color:#2f54a3;
}


/* ===============================================
#contentArea
=============================================== */
#mainTtlArea{
  background:url(../img/bg_mainttl.gif) center top repeat-x;
}
#mainTtlInner{
  width:960px;
  margin:0 auto;
  font-size:0;
  line-height:0;
}
#contentArea{
  background:url(../img/bg_content.gif) center 1px repeat-x;
}
#contentInner{
  width:960px;
  margin:0 auto;
  text-align:left;
}
#crumbListArea{
  width:960px;
  height:50px;
  margin:0 auto;
  text-align:left;
}
#crumbListArea ul{
  letter-spacing:-.4em;
  line-height:1em;
  padding-top:19px;
}
#crumbListArea li{
  display:inline-block;
  letter-spacing:normal;
}
#crumbListArea li:before{
  content:">";
}
#crumbListArea li:nth-child(1):before{
  content:"";
}
#crumbListArea li p{
  padding:0 15px;
  display:inline-block;
}
#crumbListArea li:nth-child(1) p{
  padding-left:0;
}

/* ===============================================
#sideArea
=============================================== */
#sideArea{
  float:left;
  width:230px;
}
#sideContactArea{
  background-color:#dee9a0;
  text-align:center;
  font-size:0;
  line-height:0;
  padding-bottom:15px;
}
#sideContactTxt1{
  margin-bottom:10px;
}
#sideDataArea{
  margin-top:13px;
  border:solid 1px #cccccc;
  border-top:none;
  padding:0 9px 9px;
  background:url(../img/bg_side_data.gif) left 3px no-repeat;
}
#sideDataArea p{
  margin-top:6px;
}
#sideDataArea #sideLogo{
  margin:-3px -10px 0;
  background:url(../img/line_side_data.gif) left top no-repeat;
  padding-top:13px;
  text-align:center;
}
#sideDataArea dl{
  display:block;
  background-color:#d5f1ff;
  padding:5px 7px;
  margin-top:6px;
}
#sideDataArea dt{
  font-weight:bold;
}
#sideDataArea p.txtBox{
  display:block;
  background-color:#d5f1ff;
  padding:5px 7px;
  margin-top:6px;
}
#sideBnr{
  font-size:0;
  line-height:0;
}
#sideBnr li{
  margin-top:10px;
}
/* ===============================================
#mainArea
=============================================== */
#mainArea{
  float:right;
  width:700px;
}
/* 画像回り込み
----------------------- */
.explanationBox{
  margin-top:20px;
  display:table;
  overflow: hidden;
}
.subheadTtl+.explanationBox{
  margin-top:10px;
}
.explanationBox:after{
content:".";
clear:both;
display:block;
line-height:0;
height:0;
visibility:hidden;
}
.explanationBox{
zoom:1;
}
.explanationBoxPhotoLeft{
  float:left;
  font-size:0;
  line-height:0;
  padding-right:20px;
}
.explanationBoxPhotoRight{
  float:right;
  font-size:0;
  line-height:0;
  padding-left:20px;
}
.explanationBoxTxt{
  overflow: hidden;
}
.explanationBoxTxt p{
  margin-top:20px;
}
.explanationBoxTxt p:first-child,
.explanationBoxTxt .subColorTtl:first-child,
.explanationBoxTxt .subTtl:first-child,
.explanationBoxTxt .subTtl+p{
  margin-top:0;
}

/* テーブル
----------------------- */
.basisTable{
  width:100%;
  margin-top:20px;
  border-left:solid 1px #ccc;
  border-top:solid 1px #ccc;
}
.basisTable th,.basisTable td{
  border-right:solid 1px #ccc;
  border-bottom:solid 1px #ccc;
  padding:10px 12px 8px;
}
.basisTable th{
  color:#2E53A3;
  background-color:#d5f1ff;
  width:180px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  text-align:left;
  vertical-align:top;
}


/* リスト
----------------------- */
.arrowList li{
  background:url(../img/ic_arrow_bl.png) left 5px no-repeat;
  padding-left:13px;
  margin-top:4px;
}
.arrowList li:first-child{
  margin-top:0;
}

/* お問い合わせ
----------------------- */
#contectBox{
  font-size:0;
  line-height:0;
  margin-top:60px;
  position:relative;
}
#contectBoxBt{
  position:absolute;
  left:20px;
  bottom:20px;
}

/* ===============================================
#footerArea
=============================================== */
#footerArea{
  background:url(../img/bg_footer.gif) center bottom repeat-x;
  padding-top:43px;
}
#btGotop{
  height:14px;
  padding-bottom:15px;
  width:960px;
  margin:0 auto;
  text-align:right;
}
#btGotop a{
  display:inline-block;
  height:14px;
  line-height:14px;
  background:url(../img/ic_gotop.gif) left center no-repeat;
  padding-left:22px;
}
#footerInner{
  position:relative;
  margin:0 auto;
  height:128px;
  width:960px;
  text-align:left;
  color:#FFF;
}
#footerLink{
  position:absolute;
  line-height:1em;
  left:0;
  top:23px;
  letter-spacing:-.4em;
  display:block;
  width:500px;
}
#footerLink li{
  letter-spacing:normal;
  padding-left:13px;
  margin-right:23px;
  background:url(../img/ic_arrow_wh.png) left 2px no-repeat;
  display:inline-block;
}
#footerLink li a{
  color:#FFF;
}
#footerCopy{
  position:absolute;
  right:0;
  top:23px;
  line-height:1em;
}