@charset "shift_jis";


body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 85%;		/*全体的な文字サイズ設定箇所*/
	line-height: 2;
	color: #333333;		/*全体的な文字色設定箇所*/
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #fa943e url(images/bg5.png) repeat;
}

h1,h2,h3,h4,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

.fla {
	text-align: center;
	height: 200px;
	background: #000102;
	padding-top: 100px;
	color: #999999;
}

.color1 {
	color: #00382C;
}

.look {
	background: #DDE4E2;
}

/*影
-------------------------------------------------------------------------------------------*/
#kage {
    background-image: url(images/kage.jpg);
    background-repeat: repeat-y;
    width: 970px;
    margin-right: auto;
    margin-left: auto;
    background-position: center;
}


/*コンテナー（HP全体の枠組み）
------------------------------------------------------------------------------------------*/
#container {
	width: 950px;		/*HPの幅*/
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background: #fff94c;	/*背景色を白に。imagesフォルダに入っているcontainer_bg.gifを縦にリピート(repeat-y)。*/
}





/*ヘッダー
------------------------------------------------------------------------------------------*/
#header {
	position: relative;
	background: #ffffff url(images/header_bg2020.gif) no-repeat;	/*ヘッダーの背景色と壁紙。imagesフォルダのheadder_bg.gifを配置させている。*/
}

#header h1 {
	font-size: 10px;	/*h1タグの文字サイズ*/
	color: #174b9a;		/*文字色*/
	line-height: 1.2;
	position: absolute;	/*ヘッダーに対して絶対配置させる指示*/
	right: 20px;			/*ヘッダーに対しての横からの位置指定*/
	top: 5px;			/*ヘッダーに対しての上からの位置指定*/
	font-weight: normal;

}

#header img {
	vertical-align: top;
	padding-left: 0px;
}








/*メインメニュー
------------------------------------------------------------------------------------------*/
ul#menu li {
	float: left;
	height: 62px;
	width: 190px;
}
ul#menu img {
	vertical-align: top;
}



/*コンテンツ
------------------------------------------------------------------------------------------*/
#contents {
	clear: left;	/*メインメニューのfloat解除*/
	width: 100%;
}



/*メインコンテンツ（左側ブロック）
------------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 570px;
	margin-left: 15px;
	margin-top: 15px;
	margin-bottom: 100px;
	display: inline;
}

#main h2 {
	background: #00539A url(images/h2_bg.gif) no-repeat;	/*h2見出しの背景画像と背景色設定。*/
	height: 45px;
	font-size: 110%;	/*文字サイズ*/
	color: #FFFFFF;		/*文字色*/
	padding-left: 55px;
	line-height: 45px;
	overflow: hidden;
}

#main h2.b {
	background: #00539A url(images/h2_2.gif) no-repeat;	/*h2見出しの背景画像と背景色設定。*/
	height: 45px;
	font-size: 110%;	/*文字サイズ*/
	color: #FFFFFF;		/*文字色*/
	padding-left: 55px;
	line-height: 45px;
	overflow: hidden;
}

#main p {
	padding: 0.5em 10px 1em;
}

#main a {
	color: #0000ff;	/*メインコンテンツのリンク色設定*/
}

#main a:hover {
	color: #f57084;	/*メインコンテンツのリンクのカーソルがのった時の色*/
}

#main div.center {
	padding: 0.5em 49px 0.5em 49px;
}

#main h3.ybg {
	background: #fff94c url(images/ybg.gif) no-repeat;
	height: 25px;
	font-size: 110%;	/*文字サイズ*/
	color: #FFFFFF;		/*文字色*/
	padding-left: 25px;
	line-height: 25px;
	overflow: hidden;
}

#main h3.zbg {
	background: #fff94c url(images/zbg.gif) no-repeat;
	height: 40px;
	font-size: 120%;	/*文字サイズ*/
	color: #FFFFFF;		/*文字色*/
	padding-left: 35px;
	line-height: 40px;
	overflow: hidden;
}

#main h3.zbg2 {
	background-color: #6c66a9;
	width:95%;
	font-size: 100%;
	color: #FFFFFF;
	line-height: 40px;
/*	padding-left: 5px; */
	padding-left:10px;
	padding-right:10px;
}

#main h4.title_s {
	margin:0 5px;
	padding:0 10px;
	border-bottom:1px dotted #6c66a9;
	border-left:5px solid #6c66a9;
}

div.lybg {
background: #fbf5b9;
padding:8px;
}


div.faq_q {
	background: url(images/faq_q_bg.png) no-repeat;
	margin:15px 0 0 20px;
	padding:0 0 0 30px;
}

div.faq_a {
	background: url(images/faq_a_bg.png) no-repeat;
	margin:0 0 20px 20px;
	padding:0 0 0 30px;
}
img.m_right {
	margin: 20px 5px 0 0;
}


/*メインコンテンツ内の「What's New」部分
---------------------------------------------------------------------------*/
#main dl.new {
	width: 548px;		/*What's Newボックスの幅*/
	height: 100px;		/*What's Newボックスの高さ*/
	overflow: auto;		/*この設定でiframe風に見える*/
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	border-right: 1px solid #00382C;	/*What's Newのフチの右ライン。*/
	border-bottom: 1px solid #00382C;	/*What's Newのフチの下ライン。*/
	border-left: 1px solid #00382C;		/*What's Newのフチの左ライン。*/
	background: #f5f6f7;	/*What's Newボックスの背景色*/
}

#main dt {
	font-weight: bold;	/*日付を太字に。通常の太さがいいなら、この1行を丸ごと削除。*/
	color: #00382C;		/*日付の文字色を緑（#00382C）に*/
}

#main dd {
	border-bottom: 1px dotted #1D5F87;	/*説明文の下に1pxの点線(dotted)を#1D5F87の色で入れる。*/
}







/*サブコンテンツ（右側ブロック）
------------------------------------------------------------------------------------------*/
#sub {
	float: right;
	width: 320px;
	color: #333333;		/*サブコンテンツの文字色*/
	background: #fff94c;
	margin: 15px 15px 100px;
	display: inline;
}

#sub a {
	color: #0000ff;		/*サブコンテンツのリンクの文字色*/
	font-size: 120%;
}

#sub a:hover {
	color: #f57084;		/*サブコンテンツのリンクにカーソルがのった時の文字色*/
}

#sub p {
	background-color: #fff94c;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

#sub p.side_qa {
	font-size:10px;
}
#sub h3 {
	background: #f8a0ac url(images/h3_bg_2.gif) repeat-x top;
	color: #FFF;
	line-height: 33px;
	text-align: center;		/*文字をセンタリング。左よせでいいならこの１行を丸ごと削除。*/
	letter-spacing: 0.2em;	/*文字間隔を少し広げる設定。*/
	font-size: 100%;
	padding-top: 0.5em;
}

#sub ol.side_faq {
	font-size:9px;
	padding:0 5px 0 20px;
}


/*フッター
------------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align: center;
	background-color: #f8a0ac;
	background-image:url(images/footer.jpg);
	background-repeat: no-repeat;
/*	height: 200px; */
	height:auto;/* MODIFIED [15/08/09] */
/*	padding-top: 10px; */
	padding-top:90px;/* MODIFIED [15/08/09] */
	padding-bottom: 10px;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

#footer p {
	padding: 6.2em 0px 0px;
	padding:0;
}

#footer p.copy {
	padding: 5px 0px 15px;
	padding:3px 0;
}

/* ADDED [15/08/09] */
dl.list001 {
	margin:10px 0;
}

dl.list001 dt {
	margin:10px 0 0;
}

dl.list001 dd {
	padding:0 0 10px;
	padding-left:1em;
}

dl.list001.mt0,
dl.list001.mt0 dt:first-child {/* [15/10/02] */
	margin-top:0;
}

#main dl.list001.mb0,
#main dl.list001.mb0 dd:last-child {/* [16/01/29] */
	margin-bottom:0;
	padding-bottom:0;
}


#main dl.list001 dd:last-child {
	border-bottom:0;
}

#main dl.border0 dd {
	border-bottom:0;
}

#main .bld {
	font-weight:bold;
}

#main .em {
	color:#ee0000;
}

#sub .columnFrame ul {
	margin:10px 5px;
}

#sub .columnFrame li {
	margin:5px 0;
}

#sub .columnFrame li a {
	position:relative;
	padding-left:12px;
	font-size:1em;
}

#sub .columnFrame li a:before {
	content:"";
	display:block;
	overflow:hidden;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-4px;
	border:4px solid transparent;
	border-left-color:#f8a0ac;
}
/* end - ADDED [15/08/09] */

/* ADDED [15/10/02] */
.arrw01 {
	position:relative;
	padding-left:25px ! important;
}

.arrw01:before {
	content:"";
	display:block;
	overflow:hidden;
	position:absolute;
	left:15px;
	top:9px;
	border:4px solid transparent;
	border-left-color:#f7a0ad;
}

/* ADDED [16/01/29] */
.arrw01_2 {
	position:relative;
	padding-left:15px ! important;
}

.arrw01_2:before {
	content:"";
	display:block;
	overflow:hidden;
	position:absolute;
	left:5px;
	top:9px;
	border:4px solid transparent;
	border-left-color:#f7a0ad;
}
/* end - [16/01/29] */

.em2 {
	color:#6c66a9;
}


.mt10 {
	margin-top:10px;
}

.mt15 {
	margin-top:15px;
}

.mt20 {
	margin-top:20px;
}

.ml10 {
	margin-left:10px;
}

.ml20 {
	margin-left:20px;
}

.mr10 {
	margin-right:10px;
}

.mr20 {
	margin-right:20px;
}

.pt10 {
	padding-top:10px;
}

.pt20 {
	padding-top:20px;
}

.pl10 {
	padding-left:10px;
}

.pl20 {
	padding-left:20px;
}

.pr10 {
	padding-left:10px;
}

.pr20 {
	padding-left:20px;
}
/* end - ADDED [15/10/02] */

/* ADDED [15/12/16] */
.bg01 {
	display:inline-block;
	margin-right:2px;
	padding:1px 3px 0;
	background:#F8A0AC;
	color:#fff;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	line-height:1.2;
}
/* end - ADDED [15/12/16] */

/* ADDED [16/01/29] */
.note {
	overflow:hidden;
	margin:10px;
	padding:10px;
	height:auto;
	border:1px solid #fa943e; 
	background:#FFF8A7;
}

.note .ttl {
	margin:0;
	padding:0;
}

#main .note p {
	margin:0;
	padding:0;
}
/* end - ADDED [16/01/29] */
/* start - ADDED [17/10/04] */
.sp_none{display: block}
.pc_none{display: none}
.add_lef{
	margin: 0;
	float: left;
	width: 50%
}
.add_lef_hi{
	height: 54px
}
.add_tbl_mg {
    position: relative;
    left: -2px;
}
#nav-toggle {
    display: none;
    position: absolute;
}
.under{
	padding-top: 20px
}
.breadcrumbs{
	margin-left: 20px
}
@media screen and (max-width:736px){
	.sp_none{display: none}
	.pc_none{display: block}	
	img{
		width: 100%;
		height: auto
	}
	#kage{
		width: 90%
	}
	#container{
		width: 96%;
		margin: 0 auto;
		position: relative
	}
	.for_sp_hdimg{
		width: 104%;
    	height: auto;
    	position: relative;
    	left: -2%;
    	margin: 0 auto
	}
	#header {
		height: auto;
    	background-color: #fff94c;
		background-image: none;
	}
	#header a img {display: none}
	#header .sp_head{padding-top: 40px}
	#header .sp_head a .sp_logo,#header .sp_head a .sp_tel{display: block}
	#header h1 {
    	font-size: 10px;
    	right: auto;
		left: 1%;
    	top: 26px;
	}
	ul#menu{
		margin: 0;
		padding: 0;		
    	position: absolute;
		z-index: 10;
    	display: none;
    	top: 40px;
		left: 5%;
    	width: 90%;
	}
	ul#menu.atv{
		display: block
	}
	ul#menu li {
		margin: 0;
		padding: 0;
		list-style: none;
		width: 100%;
		height: auto;
		margin: 0 auto;		
    	float: none;
		text-align: center;
		line-height: 54px;
		background: #f79cad;
		border-bottom: #FFFFFF solid 1px;
		color: #ffffff;		
	}
	ul#menu li:last-child {
		border: none		
	}	
	ul#menu li a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none
	}
	ul#menu li a span{
		display: block;
		color: #ffffff;
		
	}
 	#nav-toggle {
        display: block;
    	top: 0;
    	right: -2.2%;
    	height: 40px;
    	width: 40px;
	    background-color:rgba(250, 148, 62,.75);		
		z-index: 1000;
    }	
	#nav-toggle > div {
    	position: relative;
    	width: 30px;
		top: 9px;
		left: 5px
	}
	#nav-toggle span {
    	width: 100%;
    	height: 2px;
    	left: 0;
    	display: block;
    	background: #fff;
    	position: absolute;
    	-webkit-transition: .35s ease-in-out;
    	-moz-transition: .35s ease-in-out;
    	transition: .35s ease-in-out;
	}	
	#nav-toggle span:nth-child(1) {
        top: 0;
    }
	#nav-toggle span:nth-child(2) {
        top: 10px;
    }
	#nav-toggle span:nth-child(3) {
		top: 20px; 
	}
 	.open span:nth-child(1) {
        top: 10px!important;
        transform: rotate(45deg);
    }
    .open span:nth-child(2) {
        width: 0!important;
        left: 100%!important;
    }
    .open span:nth-child(3) {
        top: 10px!important;
        transform: rotate(-45deg);
    }	
	#main, #sub{float: none}
	#main h2:first-child {margin-top: 10px}
	#main h2, #main h2.b {
        background-image:
        url(images/h2_bg_l.gif), 
        url(images/h2_bg_r.gif);
    	background-repeat:
	    no-repeat,
		no-repeat;
        background-position:
   		1% 40%,
		center right;
		background-size: 10%, 30%;
		background-color: #4cf1fb;
   		width: 86%;
   		height: auto;
   		font-size: 100%;
   		padding: 2% 0 2% 12%;
   		margin-left: 1%;
   		line-height: normal;
		border-radius:40px;
		-moz-border-radius:40px;
		-webkit-border-radius:40px;

	}
	#main h2.b {
        background-image:
        url(images/h2_2_l.gif), 
        url(images/h2_2_r.gif);
		background-color: #66f943;		
	}
	#main p  {font-size: 14px}
	.ifm_Wrap{
		position: relative;
		width: 100%;
		padding-top: 75%;
	}
	.ifm_Wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.add_lef, .add_tbl_mg{
		float: none;
		width: 100%;
		left: 0
	}
	.add_lef_hi{
		height: auto
	}
	#sub a {
    	font-size: 14px;
	}
	#footer p.copy {
		padding: 0 4%
	}
	.under{
		padding-top: 10px
	}
	.breadcrumbs{
		margin-left: 2.2%
	}
	.souchi table, .souchi table tbody, .souchi table tbody tr, .souchi table tbody tr td {
		width: 100%;
		display: block;
		text-align: left
	}
	table.edt_1 td:first-child, table.edt_1 td:last-child{
		display: none
	}
	.souchi table {
		margin-bottom: 6px
	}	
	.souchi table tbody tr td {
		margin-bottom: 2px;
    	padding-left: 3%;
   	 	width: 97%;
	}
	#main div.center {
		padding: 0;
		width: 100%;
		margin: 0 auto
	}
	.syoukai table, .syoukai table tbody, .syoukai table tbody tr, .syoukai table tbody tr td {
		width: 100%;
		display: block;
	}
	.syoukai table{margin-bottom: 20px}
	.syoukai table tbody tr td {
		width: 97%;
		padding: 1% 0 1% 3%;
		margin-bottom: 2px
	}
	.faq table, .faq table tbody, .faq table tbody tr, .faq table tbody tr td {
		width: 100%;
		display: block;
	}
	.faq table{
		border: 1;
		width: 99.7%
	}
	.faq table tbody tr td {
		width: 97.7%;
		margin: 1% auto;
		padding: 0;
	}
	.contactform table, tbody, tr, td {
		width: 97.7%;
		margin: 1% auto;
		padding: 0;
		display: block;
	}
	.dis{display: none!important}
	.clearfix:before,
	.clearfix:after {
    	content: " "; /* 1 */
    	display: table; /* 2 */
	}
	.clearfix:after {
    	clear: both;	
	}	
}
@media only screen
and (max-device-width:736px)
and (orientation:landscape) {
	#header {
		height: auto;
		position: relative;
		z-index: 0
	}
	#main h2, #main h2.b {
    	line-height: normal;
    	font-size: 16px;
	}
}
/* end - ADDED [17/10/04] */