@charset "UTF-8";
/* --------------------------------------------------
Base Style Sheet
2016/08/22 - 
-------------------------------------------------- */
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック";
	font-size: small;
	line-height: 1;
}
html>/**/body {font-size:14px;}

/* --------------------------------------------
Element Styles
----------------------------------------------- */
/* LISTS */
ul,ol { margin: 0 0 1em 1.5em;}
dl {}
.horizontal, .vertical,
.imgIco {
list-style-type:none;
margin:0;
padding:0;
}
.horizontal li, 
.horizontal li a {float:left;}
.horizontal li a,
.vertical li a {
background-position:0 0;
background-repeat:no-repeat;
display:block;
}
.typeMenu li {display:inline;}
.imgIco li {
background-repeat:no-repeat;
background-position:0 .4em;
padding-left:1em;
}
.imgText {
background:none;
border:none;
font-size:100%;
line-height:normal;
margin:0;
padding:0;
text-indent:0;
}
/* LINES */
hr {clear:both;}

/* LINKS */
a img {border:none;}

/* --------------------------------------------
CLEAR -HACK:CLEARFIX-
----------------------------------------------- */
#container:after, #header:after, #navcontainer:after,
#content:after, #btmNav:after, #footer:after,
.clr:after {
content:"";
display:block;
visibility:hidden;
height:.1px;
font-size:.1em;
line-height:0;
clear:both;
}
/* for ie */
* html #container, * html #header, * html #navcontainer,
* html #content, * html #btmNav, * html #footer,
* html .clr {display:inline-block;}
/* no ie mac \*/
* html #container, * html #header, * html #navcontainer,
* html #content, * html #btmNav, * html #footer,
* html .clr {height:1%;}
#container, #header, #navcontainer,
#content, #btmNav, #footer,
.clr {display:block;}
/* */
*:first-child+html .clr {zoom:1;} 
/* --------------------------------------------
Page Layout
----------------------------------------------- */
body {position:relative;}
#container {position:relative;}
#container-inner {position:static;}

/* MAIN CONTENT STYLE
----------------------- */
#content {
clear:both;
position:relative;
width:100%;
}
#content-inner {
position:static;
text-align:left;
}
#mainCol,#mainBody,#subCol,#exCol {
float:left;
text-align:left;
}
#mainCol-inner,#mainBody-inner,#subCol-inner,#exCol-inner {
position:static;
width:100%;
}

/* MAIN COLUMN STYLE
----------------------- */
#mainCol {width:100%;}
#mainBody {
line-height:1.5;
width:100%;
}

/* SUB COLUMN STYLE
----------------------- */
#subCol {}
#subCol-inner {}

/* EXTRA COLUMN STYLE
----------------------- */
#exCol {}
#exCol-inner {}

/* HEADER STYLE
----------------------- */
#header {
margin:0 auto;
text-align:left;
position:relative;
width:100%;
}
#header-inner {position:static;}
#header #logo {
display:block;
overflow:hidden;
position:absolute;
text-indent:-10000px;
}
p#headLink,
ul#headList {
clear:right;
float:right;
}

/* FOOTER STYLE
----------------------- */
#footer {
clear:both;
margin:0 auto;
text-align:center;
width:100%;
}
#footer-inner{position:static;}
#footer p {}
#footer p.copyright {}


/* GLOBAL NAVIGATION STYLE
----------------------- */
#navcontainer {
clear:both;
position:relative;
width:100%;
}
#navcontainer ul#gNavList {}
#navcontainer ul#gNavList li {}
#navcontainer ul#gNavList li a{}

/* PAGE HEAD STYLE
----------------------- */
#pageHead {clear:both;}

/* PAGE Bottom STYLE
----------------------- */
#pageBottom{
clear:both;
position:static;
text-align:right;
}

/* YOUR HERE STYLE
----------------------- */
#yrHere {clear:both;}

/* RETURN TO PAGE TOP STYLE
----------------------- */
.toTop {}

/* PAGE BOTTOM NAVIGATION STYLE
----------------------- */
#btmNav {
clear:both;
text-align:center;
}

/* --------------------------------------------
Page Layout Patterns
----------------------------------------------- */
/* Only MainColumn */
body.oneColumn #mainCol {float:none;}
body.oneColumn #mainBody{float:none;}

/* SubColumn | MainColumn */
body.sm #mainBody {float:right;}
body.sm #subCol {float:left;}

/* MainColumn | SubColumn */
body.ms #mainBody {float:left;}
body.ms #subCol {float:right;}

/* SubColumn | MainColumn | ExtraColumn */
body.smx #mainCol {float:left;}
body.smx #mainBody {float:right;}
body.smx #exCol {float:right;}
body.smx #subCol {float:left;}

/* ExtraColumn | MainColumn | SubColumn */
body.xms #mainCol {float:right;}
body.xms #mainBody {float:left;}
body.xms #exCol {float:left;}
body.xms #subCol {float:right;}


/* ------------------------------
* All Content Block Style
* ------------------------------ */
.mainBlock {}
.itemBlock, .itemBlockH2, .itemBlockH3, .itemBlockH4, .itemBlockH5, .itemBlockH6, .formBlock {
clear:both;
position:relative;
margin-bottom: 35px;
}
/* ------------------------------
* All inBlock** Style
* ------------------------------ */
.inBlockLR, 
.inBlockL1R9, .inBlockL2R8, .inBlockL3R7, .inBlockL4R6, .inBlockL5R5, 
.inBlockL6R4, .inBlockL7R3, .inBlockL8R2, .inBlockL9R1,
.inBlockLimg, .inBlockRimg, .inBlockLCR {
position:relative;
width:100%;
}
.lBox, .rBox, .cBox {
float:left;
position:static;
width:30%;
display:inline; /* dummy style for Win IE */
}
.rBox {
float:right;
margin-right:0;
}

/* inBlock 2 column */
.inBlockLR div.lBox {width:50%;}
.inBlockLR div.rBox {width:50%;}

.inBlockL1R9 div.lBox {width:10%;}
.inBlockL1R9 div.rBox {width:90%;}

.inBlockL2R8 div.lBox {width:20%;}
.inBlockL2R8 div.rBox {width:80%;}

.inBlockL3R7 div.lBox {width:30%;}
.inBlockL3R7 div.rBox {width:70%;}

.inBlockL4R6 div.lBox {width:40%;}
.inBlockL4R6 div.rBox {width:60%;}

.inBlockL5R5 div.lBox {width:50%;}
.inBlockL5R5 div.rBox {width:50%;}

.inBlockL6R4 div.lBox {width:60%;}
.inBlockL6R4 div.rBox {width:40%;}

.inBlockL7R3 div.lBox {width:70%;}
.inBlockL7R3 div.rBox {width:30%;}

.inBlockL8R2 div.lBox {width:80%;}
.inBlockL8R2 div.rBox {width:20%;}

.inBlockL9R1 div.lBox {width:90%;}
.inBlockL9R1 div.rBox {width:10%;}

.inBlockLimg img {
float:left;
margin:0 .75em .75em 0;
}
.inBlockLimg .cap {float:left;margin:0 .75em .25em 0;}
.inBlockLimg .cap img {float:none;margin:0;}

.inBlockRimg img {
float:right;
margin:0 0 .75em .75em;
}
.inBlockRimg .cap {float:right; margin:0 0 .25em .75em;}
.inBlockRimg .cap img {float:none; margin:0;}

/* inBlock 3 column */
.inBlockLCR div.cBox {margin-left:.5em;}

.block-index .inBlockLimg > *,
.block-index .inBlockRimg > * {
	overflow: hidden;
}

/* --------------------------------------------
CLEAR -HACK:CLEARFIX- for inBlocks
----------------------------------------------- */
.inBlockLR:after, 
.inBlockL1R9:after, .inBlockL2R8:after, .inBlockL3R7:after, .inBlockL4R6:after, .inBlockL5R5:after, 
.inBlockL6R4:after, .inBlockL7R3:after, .inBlockL8R2:after, .inBlockL9R1:after,
.inBlockLimg:after, .inBlockRimg:after, .inBlockLCR:after {
content:"";
display:block;
visibility:hidden;
height:.1px;
font-size:.1em;
line-height:0;
clear:both;
}
/* for ie */
* html .inBlockLR, 
* html .inBlockL1R9, * html .inBlockL2R8, * html .inBlockL3R7, * html .inBlockL4R6, * html .inBlockL5R5, 
* html .inBlockL6R4, * html .inBlockL7R3, * html .inBlockL8R2, * html .inBlockL9R1,
* html .inBlockLimg, * html .inBlockRimg, * html .inBlockLCR {display:inline-block;}
/* no ie mac \*/
* html .inBlockLR, 
* html .inBlockL1R9, * html .inBlockL2R8, * html .inBlockL3R7, * html .inBlockL4R6, * html .inBlockL5R5, 
* html .inBlockL6R4, * html .inBlockL7R3, * html .inBlockL8R2, * html .inBlockL9R1,
* html .inBlockLimg, * html .inBlockRimg, * html .inBlockLCR {height:1%;}
.inBlockLR, 
.inBlockL1R9, .inBlockL2R8, .inBlockL3R7, .inBlockL4R6, .inBlockL5R5, 
.inBlockL6R4, .inBlockL7R3, .inBlockL8R2, .inBlockL9R1,
.inBlockLimg, .inBlockRimg, .inBlockLCR {display:block;}
/* */