@charset "utf-8";
@import "reset.css";
@import "module.css";
@import "styles.css";

/* CSS Document - style.css
=========================================== */
/* 
------------------------------------------- */

/* common
------------------------------------------- */
/* Space Layout
------------------------------------------- */
/* Font Layout
------------------------------------------- */
/* #Container
------------------------------------------- */
/* #header
------------------------------------------- */
/* #hNavBox
   #hNav
------------------------------------------- */
/* #content
------------------------------------------- */
/* #contentMain
------------------------------------------- */
/* #contentSide
------------------------------------------- */
/* #footer
------------------------------------------- */
/* #copyright
------------------------------------------- */
/*
==============================================
 media screen and (max-width: 1000px) ＰＣ～タブレット対応
----------------------------------------------
 media screen and (max-width: 698px)  タブレット～スマホ対応
----------------------------------------------
 media screen and (max-width: 480px)  スマホ～対応
============================================ */
/*
==============================================
 2019.0611 - ReEdt:Takashima
 2015.1029 - ReEdt:Takashima
 2015.0503 - ReEdt:Takashima
============================================ */








/* ===================================================================================================
  common
=================================================================================================== */

pre{
 overflow-wrap: break-word;/*
 overflow-x: auto;*/
 white-space: pre-wrap;
}

body{
	width: 100%;	height: 100%;	margin: 0;	padding: 0;
	background: #ffffff url(../imgs/bg-body.jpg) repeat-y center top;
	border-top: 2px solid #FF6600;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 1.7;
 overflow-wrap: break-word;
}


/* a Tag LINK
------------------------------------------- */
a:link,
a:visited{	color: #069;	text-decoration: underline;}
a:hover,
a:active{	text-decoration: none;	color: #f60;}

/* a span.exLink */
span.exLink{
	display: inline-block;
	padding-left: 12px;
	background-image: url(../imgs/icon-exlink01.png);
	background-repeat: no-repeat;
	background-position: left center;
	filter:alpha(opacity=70);	-moz-opacity: 0.7;	opacity: 0.7;
}
span.exLink:hover{	filter:alpha(opacity=100);	-moz-opacity: 1;	opacity: 1;}



/* SP時、強制非表示
------------------------------------------- */
br.brSp,
br.spBr{	/*display: none;*/}

@media screen and (max-width: 680px) /**/{/**/	br.spBr680{	display: none;}/**/}/**/
@media screen and (max-width: 698px) /**/{/**/	br.spBr700{	display: none;}/**/}/**/
@media screen and (max-width: 480px) /**/{/**/	br.spBr480{	display: none;}/**/}/**/
/* --------------------------------------- */








/* ===================================================================================================
  Space Layout
=================================================================================================== */

#Container{ width: 990px;	}

#hNav,
#sitemap,
#footer { width: 970px;}

#copyright { width: 970px;}

#header,
#content{ width: 922px;}

#content #contentMain{
	width: 670px;
	float: right;
}
#content #contentSide{
	width: 230px;
	float: left;
}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  Font Layout
=================================================================================================== */

#content .pankuzu,
#content #contentSide,
#sitemap,
#footer,
#copyright{	font-size: 90%;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #Container
=================================================================================================== */

#Container{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	text-align: left;
	zoom:1;
}
#Container:after{ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #header
=================================================================================================== */

#header {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 15px 0px;
	font-size: 85%;
}

#header p.office,
#header p.txt,
#header p.logo{
	clear: left;
	float: left;
	width: 615px;
}
#header p.txt{	margin-bottom: 2px; line-height: 1.2;}
#header p.logo img{	max-width: 615px;}
#header p.hContact{
	float: right;
	width: 280px;
	margin-top: -1em;
	text-align: right;
}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #hNavBox
  #hNav
=================================================================================================== */

#hNavBox{}
#hNavBox #toggle{	display: none;}

#hNav{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding: 0px 0px;
	background: #eee;
	border-bottom: 3px solid #eee;
}

#hNav .inner{
	padding: 13px 15px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#hNav a{
	line-height: 1;
	display: block;
	float: left;
	margin: 8px 0px;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #555;
}
#hNav a:link,
#hNav a:visited{	color: #333;	text-decoration: underline;}
#hNav a:hover,
#hNav a:active{	text-decoration: none;	color: #f60;}

#hNav a.listR{ border-right: none;}
#hNav span.hnavClose{ display: none;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #content
=================================================================================================== */

#content{
	margin-left: auto;
	margin-right: auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../imgs/bg-content.jpg);
	background-repeat: repeat-y;
	background-position: left bottom;
}

body.home #content{ margin-top: -10px;}

#content .pankuzu{
	margin: -20px 0px 0px 0px;
	background-color: #FFF;
}

#content #contentMain{}

#content #contentSide{	background: url(../imgs/bg-side.jpg) repeat;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #contentMain
=================================================================================================== */

/* title : H2 [ for Content Title ]
------------------------------------------- */

#contentMain .title01,
#contentMain .title02{
	margin-bottom: 30px;
	zoom:1;
}
#contentMain .title01:after,
#contentMain .title02:after{ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#contentMain .title01 span,
#contentMain .title02 span{
	display: block;
	margin: 0px;
	background: url(../imgs/bg-title00.jpg) repeat-x left bottom;
	font-weight: bold;
	letter-spacing: 0.1em;
}
#contentMain .title01 span{
	padding: 14px 10px 10px 10px;
	font-size: 140%;
}
#contentMain .title02 span{
	padding: 8px 10px 6px 10px;
	font-size: 120%;
}

/* 個別 */
#contentMain .title01{	background: url(../imgs/bg-title01.jpg) repeat-x left top;}
#contentMain .title02{	background: url(../imgs/bg-title02.jpg) repeat-x left top;}
#contentMain p.subname{
	margin: -25px 0px 30px 0px;
	padding: 0px;
	font-size: 80%;
	font-weight: normal;
	background-image: none;
	background-repeat: no-repeat;
	text-align: right;
}



/* title : H3 [ for Chapter Title ]
------------------------------------------- */

#contentMain .chapter01,
#contentMain .chapter02{
	margin-bottom: 15px;
	padding: 2px 0px 0px 10px;
	font-size: 120%;
	font-weight: bold;
	line-height: 1.4;
}
/* 個別 */
#contentMain .chapter01{	border-left: 4px solid #555;}
#contentMain .chapter02{	border-left: 4px solid #F90;}


/* title : H4
------------------------------------------- */

#contentMain h3.option,
#contentMain h4.option{
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
	background-image: url(../imgs/bg-h4-option.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}


/* #gmc
------------------------------------------- */

#contentMain #gm{
	padding: 1px;
	background: #fff;
	border: solid 1px #ddd;
}
#contentMain #gmc {
	width: 646px;
	height: 400px;
}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #contentSide
=================================================================================================== */

#contentSide a:link,
#contentSide a:visited{	color: #333;	text-decoration: underline;}
#contentSide a:hover,
#contentSide a:active{	text-decoration: none;	color: #f60;}

#contentSide h3{
	margin: 0px;
	padding: 0px;
}

#contentSide .sideUnit{
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color: #fff;
}
/*
#contentSide .sideUnit,
#contentSide .sideUnit00{	background-color: #fff;}
*/
#contentSide .innerW{	background-color: #fff;}
#contentSide .innerB{	border-bottom: 1px solid #ccc;}
#contentSide .innerB10{	border-bottom: 10px solid #fff;}
#contentSide .innerP{	padding: 10px 10px 12px 10px;}


/* gNav
------------------------------------------- */
#contentSide .gNav{ list-style: none;}
#contentSide .gNav li {list-style: none;
	padding: 0px 1px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}
#contentSide .gNav li a:link,
#contentSide .gNav li a:visited{
	display: block;
	padding: 5px 0px 5px 27px;
	background-image: url(../imgs/bg-gnav.jpg);
	background-repeat: no-repeat;
	background-position: left center;		
}
#contentSide .gNav li a:hover,
#contentSide .gNav li a:active{	background-image: url(../imgs/bg-gnav-off.jpg);}

#contentSide .gNav .children{
	padding: 5px 0px 5px 26px;
	border-top: 1px solid #ddd;
}
#contentSide .gNav .children li{
	padding: 0px 0px;
	border-top: 1px solid #fff;
	border-bottom: none;
	line-height: 1.4;
}
#contentSide .gNav .children li a:link,
#contentSide .gNav .children li a:visited{
	display: block;
	padding: 1px 0px 1px 10px;
	background-image: url(../imgs/bg-gnav-children.jpg);
	background-repeat: no-repeat;
	background-position: left center;		
}
#contentSide .gNav .children li a:hover,
#contentSide .gNav .children li a:active{	background-image: url(../imgs/bg-gnav-children.jpg);}


/* .officeData
------------------------------------------- */

#contentSide .officeData .data{
	padding-bottom: 10px;
	line-height: 1.3;
}
#contentSide .officeData .data span{
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
}

#contentSide .officeData .phone{	margin-bottom: 10px;}

#contentSide .officeData .map{
	width: 204px;
}
#contentSide .officeData .map iframe{
	width: 100%;
	height: 200px;
}


/* .map
------------------------------------------- 

#contentSide .map {
	border: solid 1px #ddd;
	padding: 1px;
	background: #fff;
}*/


/* #gms
------------------------------------------- */

#contentSide #gm{
	padding: 1px;
	background: #fff;
	border: solid 1px #ddd;
}
#contentSide #gms {
	width: 204px;
	height: 200px;
}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #footer
=================================================================================================== */

#footer{
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #ddd/*#c0c0c0*/;
	background-color: #f6f6f6/*#eee*/;
	zoom:1;
	padding: 0px;
	color: #666;
}
#footer:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }


/* #fNav
------------------------------------------- */
#fNav{	border-top: solid 1px #fff;	border-bottom: 1px solid #ddd/*#c0c0c0*/; zoom:1; }
#fNav:after{ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

#fNav div{	float: left;	margin-right: 0px;	margin-bottom: 2px;	padding-top: 20px;	padding-right: 10px;	padding-left: 20px;}
#fNav div.vLine{	padding-right: 30px;	border-right: 1px solid #ddd/*#c0c0c0*/;	border-left: none;}
#fNav div.vLineNext{	padding-left: 30px;	border-left: 1px solid #fff;}
#fNav div.last{	padding-right: 0px;}

#fNav ul{	margin-bottom: 5px;}
#fNav ul.last{	margin-bottom: 15px;}
#fNav ul a:link,
#fNav ul a:visited{	color: #666;	text-decoration: none;}
#fNav ul a:hover,
#fNav ul a:active{	color: #f60;	text-decoration: none;}
#fNav ul li{	margin-left: 5px;	padding-left: 5px;	background-image: url(../imgs/sitemap-icon02.jpg);	background-repeat: no-repeat;	background-position: 0px 0.6em;}
#fNav ul li.categoryHead,
#fNav ul li.categoryHeadS{	margin-left: 0px;	padding-left: 10px;	background-repeat: no-repeat;	background-position: 0px 0.6em;	font-weight: bold;}
#fNav ul li.categoryHead{	background-image: url(../imgs/sitemap-icon01.jpg);}
#fNav ul li.categoryHeadS{	background-image: url(../imgs/sitemap-icon01s.jpg);}
#fNav ul.children{	margin-bottom: 5px;}
#fNav ul.children li.last{	margin-bottom: 0px;	padding-bottom: 0px;}

/* .officeData
------------------------------------------- */
#footer .officeData{	border-top: solid 1px #fff;	padding: 20px 0px 20px 20px;}
#footer .officeData div{	float: left;	padding-right: 30px;}
#footer .officeData h3{	font-size: 120%;	font-weight: bold;	color: #333;}
#footer .officeData h4{	font-weight: bold;	color: #333;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #copyright
=================================================================================================== */

#copyright{
	margin-left: auto;
	margin-right: auto;
	padding: 3px 0 3px 0;
	background: #FE9B36;
	color: #fff;
}
/**/
/* --------------------------------------- */










/* ============================================================================================
 ＰＣ～タブレット対応
------------------
	common
------------------
	Space Layout
------------------
	#header
------------------
	#hNavBox , #hNav
------------------
	#content
------------------
	#footer
================== */
@media screen and (max-width: 1000px) {
/* ============================================================================================================== */



/* ===================================================================================================
  common
=================================================================================================== */

body{	-webkit-text-size-adjust: 100% ; background: #ffffff url(none);}
body{	font-size: 13px;	line-height: 1.6;}
#content{	background-image: url(none);}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  Space Layout
=================================================================================================== */

#Container,
#sitemap,
#hNav,
#footer,
#copyright,
#content { width: 100%;}

#content #contentMain{
	width: 670px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}
#content #contentSide{	display: none;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #header
=================================================================================================== */

#header {	width: 670px;	float: none;	padding: 10px 0px 15px 0px;}
#header p.office,
#header p.txt,
#header p.logo{	width: 64%;}
#header img{	width: 100%;	height: auto;	margin-top: 0.5em;}
#header p.hContact{	width: 34%;	margin-top: -1.3em;	margin-bottom: 10px;	text-align: right;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #hNavBox , #hNav
=================================================================================================== */

#hNav .inner{	width: 670px;	margin-right: auto;	margin-left: auto;	padding: 13px 0px;	border-top: none;	border-bottom: none;}
#hNav a.listR{ border-right: 1px solid #555;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #content
=================================================================================================== */

#content .pankuzu{
	width: 670px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #footer
=================================================================================================== */

#footer{	border-top: none;	background-color: #f6f6f6;	padding: 0px;	color: #333;}
#footer .innerW{	border-bottom: solid 1px #c0c0c0;}

/* #fNav
------------------------------------------- */
#fNav{	width: 100%;	margin: 0px;	padding: 20px 0px; border-top: none;}
#fNavIn{	width: 700px;	margin: 0px auto; zoom:1; }
#fNavIn:after{ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

#fNav div{	float: none;	margin: 0px auto;	padding: 0px;}
#fNav div.vLineSv{	display: none;}
#fNav div.vLine{	padding-right: 0px;	border-right: none;	border-left: none; width: 95%;}
#fNav ul,
#fNav ul.last{	margin-bottom: 0px;}
#fNav ul a:link,
#fNav ul a:visited{	color: #666;	text-decoration: none;}
#fNav ul a:hover,
#fNav ul a:active{	color: #f60;	text-decoration: none;}
#fNav ul li{	display: block;	margin-left: 0px;	padding-left: 10px;	background-image: url(../imgs/icon-footer01.jpg);	background-repeat: no-repeat;	background-position: 0 0.45em;}
#fNav ul li li{	margin-left: 10px;	padding-left: 8px;	background-image: url(../imgs/icon-footer02.jpg);	background-repeat: no-repeat;	background-position: 0 0.5em;}
/**/

/* #fNav01
------------------------------------------- */
#fNav div#fNav01{	margin-left: 20px;	margin-right: 0px;	padding-top: 10px;	padding-left: 0px;	padding-right: 0px;}
#fNav #fNav01 ul,
#fNav #fNav01 ul.last,
#fNav #fNav01 li{	margin-left: 0px; padding-left: 0px;}
#fNav #fNav01 ul a:link,
#fNav #fNav01 ul a:visited{	float: left; display: block;	margin-right: 10px;	margin-bottom: 10px;	padding: 8px 12px;	background-color: #fff;	border: 1px solid #e6e6e6;	border-radius: 5px 5px 5px 5px;	color: #454545;	line-height: 1;}
#fNav #fNav01 ul a:hover,
#fNav #fNav01 ul a:active{	background-color: #aaa;	border: 1px solid #969696;	color: #fff;}
/**/

/* .officeData
------------------------------------------- */
#footer .officeData{	background-color: #f6f6f6;	border-top: solid 1px #fff;	padding: 20px 0px 0px 0px;}
#footer .officeData div{	float: none;	width: 660px;	margin: 0px auto;	padding: 0px 0px 20px 0px;	padding-right: 0px;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #copyright
=================================================================================================== */

#copyright{	border-top: solid 1px #fff;}
/**/
/* --------------------------------------- */








/* ========== */
}
/* ========== */
/**/











/* ============================================================================================
 タブレット～スマホ対応
	width: 96%;
------------------
	Space Layout
------------------
	#header
------------------
	#hNavBox
------------------
	#footer
================== */
@media screen and (max-width: 698px) {
/* ============================================================================================================== */


body{	font-size: 12px;	line-height: 1.5;}
/* --------------------------------------- */
#Container img{	width: auto; height: auto;}
#Container img.wdSp100,
#Container .wdSp100 img{	width: 100%;}
/* --------------------------------------- */








/* ===================================================================================================
  Font Layout
=================================================================================================== */










/* Space Layout
======================================================================= */

#Container{	padding-top: 45px; overflow: hidden ;}

#header,
#content #contentMain,
#content .pankuzu,
#footer .officeData div{	width: 96%;	margin-right: auto;	margin-left: auto;}
#footer{	width: 100%;	margin-right: auto;	margin-left: auto;}
#content #contentSide{	display: none;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #header
=================================================================================================== */

#header{	padding: 0px 0px 30px 0px;}
#header img{	width: 98%;	height: auto;}
#header p.hContact{	width: 34%;}
/**/
/* --------------------------------------- */








/* ===================================================================================================
  #hNavBox
=================================================================================================== */

#hNavBox{ position: fixed; top: 0; left: 0; width: 100%; z-index: 10;}

/* #toggle */
#hNavBox #toggle{
 position: fixed; top: 0; left: 0; width: 100%; z-index: 11;
 display: block; position: relative; width: 100%;
 background: #214EAB; text-align: center;
}
#hNavBox #toggle a{ position: relative; display: block; width: 100%; padding: 11px 0; color:#FFF; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

/* .toggleHumberger */
#hNavBox .toggleHumberger,
#hNavBox .toggleHumberger span { display: block; transition: all .4s; box-sizing: border-box;}
#hNavBox .toggleHumberger{ position: fixed; top: 3px; left: 3px; z-index: 11; width: 39px; height: 38px;}
/* .toggleHumberger | span */
#hNavBox .toggleHumberger span { position: absolute; left: 7px; width: 24px; height: 3px; background-color: #fff; border-radius: 2px;}
#hNavBox .toggleHumberger span:nth-of-type(1) {	top: 8px;}
#hNavBox .toggleHumberger span:nth-of-type(2) {	top: 16px;}
#hNavBox .toggleHumberger span:nth-of-type(3) {	top: 24px;}
/* .toggleHumberger | active */
#hNavBox .toggleHumberger.open{ /*border: 1px solid rgba(255, 255, 255, 0);*/ background: none;/* filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;*/}
#hNavBox .toggleHumberger.open span{ background-color: #fff;}
#hNavBox .toggleHumberger.open span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-315deg); transform: translateY(8px) rotate(-315deg);}
#hNavBox .toggleHumberger.open span:nth-of-type(2) { opacity: 0;}
#hNavBox .toggleHumberger.open span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(315deg); transform: translateY(-8px) rotate(315deg);}

/* #hNav */
#hNav{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9; overflow: auto; -webkit-overflow-scrolling: touch; display: none; padding: 70px 0px 120px 0px; border-bottom: none; background: #214EAB;}
#hNav .inner{ width: 100%; padding: 0 0 100px 0; border-top: 1px solid #c6c6c6; border-bottom: none;}
#hNav a{ line-height: 1; display: block; float: none; margin: 0px; padding: 12px 10px; border-right: none; border-bottom: 1px solid #c6c6c6;}
#hNav a:link,
#hNav a:visited{ color: #fff; text-decoration: none; background: #214EAB;}
#hNav a:hover,
#hNav a:active{ color: #333; text-decoration: none; background: #fff; opacity: 0.95;}

/* span.hnavClose */
#hNav span.hnavClose{ display: block; width: 4em; height: 4em; line-height: 4em; margin-top: 50px; margin-right: auto; margin-left: auto; padding: 0px; border-radius: 50%;
 background-color: #fff; cursor: pointer; text-align: center;}
#hNav span.hnavClose:hover{ background: #214EAB; border: 1px solid #fff; color: #fff;}
/* --------------------------------------- */








/* ===================================================================================================
  #footer
=================================================================================================== */

/* #fNav
------------------------------------------- */
#fNav{	width: 100%;	margin: 0px;	border-top: none;}
#fNav div{	float: none;	width: 100%;	margin: 0px auto;	padding: 0px;}
#fNav #fNav01 ul a:link,
#fNav #fNav01 ul a:visited{	margin-right: 8px;	margin-bottom: 8px;	padding: 7px 10px;}
/**/

/* .officeData
------------------------------------------- */
#footer .officeData{	padding-right: 20px;	padding-bottom: 20px;	padding-left: 20px;	line-height: 1.6;}
#footer .officeData div{	width: 100%;	padding: 0px;}
#footer .officeData h4{	margin-bottom: 15px;}
/**/
/* --------------------------------------- */








/* ========== */
}
/* ========== */
/**/










/* ============================================================================================
 スマホ対応
================== */
@media screen and (max-width: 480px) {
/* ============================================================================================================== */


/* #header
------------------------------------------- */
#header img{	width: 98%;	height: auto;}
#header p.office,
#header p.txt{	line-height: 1.5;}
#header p.logo{	clear: left;	float: none;	width: 100%;}
/**/

/* #footer .officeData
------------------------------------------- */
#footer .officeData{	line-height: 1.4;}
#footer .officeData h4{	margin-bottom: 10px;}
/**/
/* --------------------------------------- */




/* ========== */
}
/* ========== */
/**/