@charset "utf-8";
@import url(reset.css);
@import url(general.css);

body {
	color:#333333;
	font-size:87%;
	line-height: 1.6;
	background-color:#F3BFC2;
}

img{
	vertical-align:bottom;
}

/*--------------------------------------
  List Module
---------------------------------------*/
ul,
ol,
dl {
	margin: 1em 26px;
	padding: 1px 8px;
}
li,dd {
	margin:0.5em 0 0;
}


dt {font-weight:bold;}
dd {margin-left:5em;}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0 8px;
}
ul li { list-style:disc;}
ul li ul li{ list-style:circle;}
ol li { list-style:decimal;}
ol li ol li{ list-style:lower-roman; }

/*--------------------------------------
  Layout
---------------------------------------*/
#bodyWrapper{
	border-top:3px solid #D6245E;
	background:url(../img/bodyBg.png) left top repeat-x #FFFFFF;
}

#wrapper{
	width:1018px;
	margin:0 auto;
	padding:0;
	background:url(../img/wrapperBg.png) left top no-repeat;
}
#wrapper-in{
	width:1000px;
	min-height:659px;
	height: auto !important;
	height:659px;
	margin:0 auto;
	padding:0;
	background:url(../img/contentBg.gif) left top repeat-y;
}


/* ヘッダ */
#header{
	width:1000px;
	margin:0 auto;
	padding:0;
}
#header img{
	vertical-align:top;
}
#header h1{
	float:left;
	width:251px;
	margin:0;
	padding:0;
}
#header .headBanner{
	float:right;
	width:93px;
	margin:0;
	padding:9px 15px 0 0;
}

#content{
	width:1000px;
	margin:0 auto;
	padding:0;
}

.headerSub {
  width: 100%;
  overflow: hidden;
}

.headerSub img {
  width:1000px;
}
#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#content {display: inline-block;}
/* Hides from IE-mac \*/
* html #content {height: 1%;}
#content {display: block;}
/* End hide from IE-mac */


/* メニュー */
#menu{
	float:left;
	width:195px;
}

#menu ul#globalMenu{
	border-top:11px solid #DDDDDD;
	margin:0 0 0 15px;
	padding:0;
}
#menu ul#globalMenu li{
	border-top:1px solid #FFFFFF;
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul#globalMenu li a{
	display:block;
	width:161px;
	height:26px;
	color:#666666;
	font-weight:bold;
	line-height:100%;
	text-decoration:none;
	background:url(../img/globalMenu.gif) left top no-repeat;
	margin:0;
	padding:14px 5px 0 14px;
}
#menu ul#globalMenu li a:hover{
	color:#000000;
	background:url(../img/globalMenu.gif) left bottom no-repeat;
}
#menu ul#globalMenu li ul {
	display: none;
	margin:0 0 0 0;
	padding: 8px 0;
}
#menu ul#globalMenu li ul li {
	margin: 0;
	padding: 0;
	border:none;
}
#menu ul#globalMenu li ul li a{
	width: auto;
	height: auto;
	background:none;
	margin:0;
	padding:8px 0 8px 16px;
	line-height: 1.4;
}
#menu ul#globalMenu li ul li a:hover{
	background:none;
	background-color: #F3BFC2;
}
#menu .menuMessage{
	width:180px;
	min-height:392px;
	height:auto !important;
	height:392px;
	background:url(../img/menuMessageBg.png) left top repeat-x;
	margin:0 0 0 15px;
	padding:0;
}

#menu .menuMessage p{
	color:#666666;
	line-height:150%;
	margin:0;
	padding:25px 10px 0;
}

/* サブメニュー（ページ内リンク） */
.submenu {
	margin: 20px 0 40px;
	padding: 0 0 20px 0;
	text-align: center;
	border-bottom: 1px solid #CCC;
}
.submenu li {
	margin: 5px 10px;
	display: inline-block;
	font-weight: bold;
	list-style: none;
}
/* メイン */
#main{
	float:left;
	width:775px;
	padding:12px 15px 30px 15px;
}

#main h2{
	display:block;
	width:775px;
	height:26px;
	color:#FFFFFF;
	font-size:125%;
	font-weight:bold;
	background:url(../img/h2TitleBg.png) left top no-repeat;
	margin:12px 0 20px;
	padding:6px 15px 0;
}

#main h3{
	font-size: 115%;
	font-weight:bold;
	line-height:150%;
	background:url(../img/h3TitleBg.gif) left 4px no-repeat;
	margin:15px;
	padding:0 0 0 20px;
}
#main h4{
	font-weight:bold;
	line-height:150%;
	margin:30px 15px 15px;
	padding:3px 10px 1px 0;
	border-bottom:1px solid #CCC;
}

#main p{
	margin:15px;
	padding:0;
}
#main hr {
	clear:both;
	border:none;
	border-bottom:1px dotted #666666;
	height:2px;
	margin:16px 0;
	color:#FFFFFF;
}

#main .flex{
	display: flex;
	align-items: flex-start;
	width:90%;
	margin: auto;
}

#main .flex a:hover{
	opacity:0.7;
}

table {
	margin: 15px;
}
table th,
table td {
	padding:5px;
	border:solid 1px #ccc;
	vertical-align: top;
}
table th {
	background-color: #FAE5E7;
	font-weight: bold;
}

/* フッター */
#footer-top{
	clear:both;
	width:100%;
	min-height:26px;
	height:auto !important;
	height:26px;
	background-color:#FAE5E7;
}
#footer-top:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#footer-top {display: inline-block;}
/* Hides from IE-mac \*/
* html #footer-top {height: 1%;}
#footer-top {display: block;}
/* End hide from IE-mac */

#footer-top .pagetop{
	width:1000px;
	margin:0 auto;
	padding:6px 61px 0 0;
}
#footer-top .pagetop a{
	display:block;
	height:20px;
	float:right;
	font-size:87%;
	color:#D6245E;
	text-decoration:none;
	background:url(../img/pagetop.gif) left top no-repeat;
	padding-left:18px;
}
#footer-top .pagetop a:hover{
	text-decoration:underline;
}

#footer{
	clear:both;
	width:100%;
	background-color:#F3BFC2;
}
#footer .copyright{
	width:800px;
	text-align:center;
	margin:0 auto;
	padding:18px 0 248px;
}

/*+++++++++++++++++++++++++++++++++++++++++++ SP Layout */
@media screen and (min-width: 767px) {
	.drawer-nav{
		display:none;
	}
	.drawer-toggle{
		display:none;	
	}
}
.drawer-hamburger-icon{
	background-color:#D6245E!important;
}
.drawer-hamburger-icon:before{
	background-color:#D6245E!important;
}
.drawer-hamburger-icon:after{
	background-color:#D6245E!important;
}
.drawer-nav li{
	list-style:none;
	width:100%;
	border-left: 6px solid #D6245E;
	padding:10px 15px;
	background-color: #F7F7F7;
}
.drawer-nav li a{
	text-decoration: none;
	display: block;
	font-weight: bold;
}
.drawer-menu ul{
    margin: 1em 0px;
    padding: 0px 5px;
}
.drawer-nav li ul li {
	list-style:none;
	border-left: none;
	padding:0 0 0 16px;
}

@media screen and (max-width: 767px) {
	img{
		max-width: 100%;
	 height: auto!important;
	}
	#bodyWrapper{
		width:100%;
		border-top:3px solid #D6245E;
		background:url(../img/bodyBg.png) left top repeat-x #FFFFFF;
		background:none;
	}
	#wrapper{
		width:100%;
		margin:0 auto;
		padding:0;
		background:url(../img/wrapperBg.png) left top no-repeat;
		background:none;
		background-color:#fff;
	}
	#wrapper-in{
		width:97%;
		min-height:659px;
		height: auto !important;
		height:659px;
		margin:0 auto;
		padding:0;
		background:url(../img/contentBg.gif) left top repeat-y;
		background:none;
	}
	#header{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	#header img{
		vertical-align:top;
	}
	#header h1{
		float:left;
		width:60%;
		margin:0;
		padding:0;
	}
	#header .headBanner{
		float:left;
		width:18%;
		margin:0;
		padding:13px 15px 0 0;
	}
	#content{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	#menu {
		display: none;
	}
	#main{
		float:none;
		width:100%;
		padding:0;
	}
	#main h2{
		display:block;
		width:98%;
		height:26px;
		color:#FFFFFF;
		font-size:100%;
		font-weight:bold;
		background:url(../img/h2TitleBg.png) no-repeat;
		background-size:cover;
		margin:10px 0px;
		padding:0 0 0 2%;
	}
	#main h3{
		font-weight:bold;
		line-height:150%;
		background:url(../img/h3TitleBg.gif) left 4px no-repeat;
		margin:15px;
		padding:0 0 0 20px;
	}
	#main h4{
		font-weight:bold;
		line-height:150%;
		margin:15px;
		padding:3px 10px 1px 0;
		border-bottom:1px solid #CCC;
	}
	#main p{
		line-height:150%;
		margin:15px;
		padding:0;
	}
	#main hr {
		clear:both;
		border:none;
		border-bottom:1px dotted #666666;
		height:2px;
		margin:16px 0;
		color:#FFFFFF;
	}
	#main .flex{
		display: block;
	}
	#main .flex img{
		width:200px!important;
	}
	#footer .copyright,
	#footer .copyright img,
	#footer-top .pagetop {
		width: 100%;
	}

}