@charset "UTF-8";


/* ***
 *	root
 *	link
 *	layout
 *	footer
 *	header
 *	global menu
 *	bread link
 *	fixed
 *	warakuan Outline
 *	base
 *	guide
 *	checklist
 *	pager
 *	sort
 *	list
 *	checklist button
 * ***/


/* ***
 *	root
 * ***/
* {
	margin: 0;
	padding: 0;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

img{
	border:none;
}

html {
	height: 100%;
	font-size: 62.5%;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

p,h1,h2,h3,h4,h5,h6,h7,ul,ol,li,dl,dt,dd,p,caption,th,td,form,input,textarea,blockquote,embed,object{
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

input, select, textarea {
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;	line-height: 1.0;
}

	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html .clearfix{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html .clearfix{
		zoom: 1;
	}

/* ***
 *	link
 * ***/
a:link,a:visited,a:hover,a:active{
	text-decoration:none;
}

a:link{
	color:#000;
}

a:visited {
	color:#000;
}

a:hover {
	color:#515152;
}

a:focus {
	color:#000;
}

/* ***
 *	layout
 * ***/
/* whole
-------------------------------------------------------*/
body{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background:#fff;
	color:#222;
	font-size: 14px;
	font-size: 1.4em;
	font-family: "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	line-height: 1.0;
/*
	font-family:"游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;	line-height: 1.0;
*/
	-webkit-text-size-adjust: 100%;
}

* html div#pageWrap{
    height:100%;
}

div#pageWrap{
	position: relative;
	width:100%;
	min-height:100%;
	margin:0 auto;
	border-top:9px #99cc66 solid;
	text-align:left;
}

body > #pageWrap {
	height:auto;
}

div#page{
	position:relative;
	width:930px;
	margin:0 auto;
}

div.topBtn{
	position: fixed;
	width:930px;
	bottom:100px;
	pointer-events:none;
}

div.topBtn a{
	display:block;
	width:61px;
	height:61px;
	margin-left:auto;
	pointer-events:auto;
}

/* ***
 *	footer
 * ***/
/* area
-------------------------------------------------------*/
div#footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	background:#99cc66;
	color:#fff;
}

div.footColumn{
	width:930px;
	margin:0 auto;
	padding:15px 110px;
}

	div.footColumn:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div.footColumn{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div.footColumn{
		zoom: 1;
	}

div.footColumn dl{
	float:left;
	width:40%;
}

div.footColumn dl dt{
	font-size: 23px;
	font-size: 2.3rem;
	font-weight:bold;
	line-height:1.2;
}

div.footColumn dl dd{
	padding:1px 0 0;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight:normal;
	line-height:1.6;
}

div.footColumn div.footmenu{
	float:right;
	width:60%;
}

div.footmenu ul{
	word-spacing: -1em;
	display: table;
	display: block\9;
	font-size:0;

	width:100%;
	padding:7px 0;
	list-style-type:none;
	text-align:right;

	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
}

div.footmenu ul li{
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;

	padding:0 12px;
	border-left:1px #fff solid;
	font-size: 12px;
	font-size: 1.2rem;
	line-height:14px;
}

div.footmenu ul li:first-child{
	padding:0 12px 0 0;
	border:none;
}

	div.footmenu ul li.first-child{ /*IE-expression (first-child) */
		padding:0 12px 0 0;
		border:none;
	}

	div.footmenu ul li{ /* IE-expression (first-child) */
		behavior: expression(
		this.className += (this.previousSibling == null) ? " first-child" : "",
		this.style.behavior = "none"
		);
	}

div.footmenu ul > *:first-child + * + * {
	padding:0 0 0 12px;
}

div.footmenu ul li a:link,
div.footmenu ul li a:visited,
div.footmenu ul li a:hover{
	color:#fff;
}

/* copyright
-------------------------------------------------------*/
div.footmenu > p{
	padding:4px 0 0;
	font-size: 10px;
	font-size: 1.0rem;
	text-align:right;
}

/* ***
 *	header
 * ***/
div#header{
	position:relative;
	width:930px;
	height:120px;
	margin:0 auto;
	padding:20px 110px 20px;
}

	div#header:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
		}

	/* IE6 */
	* html div#header{
		zoom: 1;
	}
	/* IE7 */
	*:first-child+html div#header{
		zoom: 1;
	}

div#header h1{
	float:left;
	width:220px;
	height:75px;
	line-height:0;
}

div.headerContact{
	position:absolute;
	top:35px;
	right:330px;
	width:235px;
}

div.headerContact > ul{
	width:235px;
	list-style-type:none;
}

div.headerContact > ul li{
	margin-bottom:5px;
	line-height:0;
}

div.headerGuide{
	position:absolute;
	top:35px;
	/* right:110px; */
	right: 5px;
}

div.headerGuide > ul{
	word-spacing: -1em;
	display: table;
	display: block\9;
	font-size:0;

	width:210px;
	width:315px;
	height:50px;
	list-style-type:none;
}

div.headerGuide > ul li{
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:middle;
	line-height:0;
	
	width:100px;
	margin-left:5px;
}

div.headerGuide{
	>ul{
		>li{
			height: 50px;

			a{
				display: block;
				width: 100%;
				height: 100%;

				&:hover{
					p{
						filter: alpha(opacity=75);
						-moz-opacity:0.75;
						opacity:0.75;
					}
				}

				p{
					display:-webkit-box;
					display:-ms-flexbox;
					display:flex;
					-ms-flex-wrap: wrap;
					flex-wrap:wrap;
					-webkit-box-pack:center;
					-ms-flex-pack:center;
					justify-content:center;
					-webkit-box-align:center;
					-ms-flex-align:center;
					align-items:center;
					height: 100%;
					border: 2px solid #d74400;
					color: #d74400;
					font-size: 1.2rem;
					font-weight: 700;
					text-align: center;
					letter-spacing: 0.03em;
					line-height: 1.3;
				}
			}
		}
	}
}

/* ***
 *	navi / pagetitle
 * ***/
div.navi{
	width:100%;
}

/* tab
-------------------------------------------------------*/
div.navi > div.naviBtn{
	position:relative;
	width:853px;
	margin:0 auto;
	padding:0 110px;

	box-sizing: content-box;
}

div.navi > div.naviBtn > span{
	position:absolute;
	bottom:0;
	left:50px;
	width:55px;
	height:60px;
	text-align:center;
}

div.navi > div.naviBtn > span a:link,
div.navi > div.naviBtn > span a:visited{
	color:#909090;
}

div.navi > div.naviBtn > span a:hover{
	color:#45942b;
}

div.navi > div.naviBtn > span a{
	position:relative;
	display:block;
	width:55px;
	height:60px;
	padding:43px 0 5px;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.0;
	font-weight:bold;
}

div.navi > div.naviBtn > span a::before {
	content: "";
	position: absolute;
	bottom:22px;
	left: 50%;
	display: block;
	width:14px;
	height:12px;
	background:url(/~himi/common/images/header/arrow_home.png) left top no-repeat;
	margin-left:-7px;
	z-index: 1;  
}

div.navi > div.naviBtn > span a:hover::before {
	content: "";
	position: absolute;
	bottom:22px;
	left: 50%;
	display: block;
	width:38px;
	height:38px;
	background:url(/~himi/common/images/header/arrow_home_on.png) left top no-repeat;
	margin-left:-19px;
	z-index: 1;  
}

div.navi > div.naviBtn ol{
	word-spacing: -1em;
	display: table;
	display: block\9;
	font-size:0;
	
	width:858px;
	margin-right:-5px;
	list-style-type:none;

	overflow: hidden;
	_zoom: 1;
}

div.navi > div.naviBtn ol *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

div.navi > div.naviBtn ol li{
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	
	width:138px;
	margin-right:5px;
}

div.navi > div.naviBtn ol li a{
	display:block;
	width:100%;
	padding:2px 0 0;
	background:#fff;
	border:1px #45942b solid;
	border-bottom:none;
	font-size: 17px;
	font-size: 1.7rem;
	line-height:31px;
	font-weight:bold;
	text-align:center;
}

div.navi > div.naviBtn ol > *:first-child + * + * + * + * span{
	display:inline-block;
	width:153px;
	transform-origin: left bottom;
	-moz-transform:    scaleX( 0.9 );  /* Firefox */
	-webkit-transform: scaleX( 0.9 );  /* Chrome,Safari */
	-o-transform:      scaleX( 0.9 );  /* Opera */
	-ms-transform:     scaleX( 0.9 );  /* IE */
	transform:         scaleX( 0.9 );  /* CSS3 */
}

div.navi > div.naviBtn ol li a:link,
div.navi > div.naviBtn ol li a:visited,
div.navi > div.naviBtn ol li a:hover{
	color:#45942b;
}

div.navi > div.naviBtn ol li > a.onpage{
	background:#99cc66;
	border:1px #99cc66 solid;
	border-bottom:none;
	color:#fff;
}

/* pagetitle
-------------------------------------------------------*/
div.navi > h2{
	position: relative;
	height:60px;
	margin-bottom:5px;
	background:#99cc66;
}

div.navi > h2 > span {
	display: block;
	width:930px;
	height:60px;
	margin:0 auto;
	padding:2px 0 0;
	color:#fff;
	font-size: 30px;
	font-size: 3.0rem;
	text-align:center;
	line-height:58px;
	z-index: 1;  
}

/* pageimage
-------------------------------------------------------*/
div.navi > p{
	width:930px;
	margin:0 auto;
	line-height:0;
}

/* ***
 *	base
 * ***/
/* container
-------------------------------------------------------*/
div#container{
	width:710px;
	margin:0 auto;
	padding:60px 0 135px;
	z-index:1;
}

/* contents title
-------------------------------------------------------*/
div#container h3{
	margin-bottom:25px;
	padding:10px 0 0;
	color:#909090;
	font-size: 24px;
	font-size: 2.4rem;
	line-height:1.0;
}

/* outline
-------------------------------------------------------*/
div.outline{
	margin-bottom:60px;
}

div.outline > ul{
    display: table;
	width:710px;
	margin-bottom:45px;
}

div.outline > ul > li{
	display: table-cell;
	vertical-align:top;
}

div.outline > ul > li:first-child{
	width:475px;
	padding-right:45px;
}

	div.outline > ul > li.first-child{ /*IE-expression (first-child) */
		width:475px;
		padding-right:45px;
	}

	div.outline > ul > li{ /* IE-expression (first-child) */
		behavior: expression(
		this.className += (this.previousSibling == null) ? " first-child" : "",
		this.style.behavior = "none"
		);
	}

div.outline > ul > li > p{
	width:430px;
	padding:0 0 10px 15px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.5;
}

ol.leveld{
	width:235px;
	margin-left:auto;
	margin-bottom:-12px;
	list-style-type:none;

	overflow: hidden;
	_zoom: 1;
}

ol.leveld li{
	margin-bottom:12px;
}

ol.leveld li a{
	position: relative;
	display:block;
	width:235px;
	height:60px;
	padding:0 21px 0 13px;
	border:1px #45942b solid;
	color:#999;
	line-height:58px;
}

ol.leveld li a.row{
	padding:7px 21px 0 13px;
	line-height:22px;
}

ol.leveld li a:hover{
	background:#45942b;
	border:1px #45942b solid;
	color:#fff;
}

ol.leveld li a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 8px;
	display: block;
	width:13px;
	height:13px;
	background:url(/~himi/common/images/link_arrow.png) left top no-repeat;
	margin-top:-7px;
	z-index: 1;  
}

ol.leveld_emg{
	width:235px;
	margin-left:auto;
	margin-bottom:-12px;
	list-style-type:none;

	overflow: hidden;
	_zoom: 1;
}

ol.leveld_emg li{
	margin-bottom:0;
}

ol.leveld_emg li a{
	position: relative;
	display:block;
	width:235px;
	height:65px;
	padding:7px 45px 0 0;
	background:#ffdcd9;
	border:1px #ffdcd9 solid;
	color:#d74400;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight:bold;
	line-height:26px;
	text-align:center;
}

ol.leveld_emg li a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

ol.leveld_emg li a::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	width:30px;
	height:30px;
	background:url(/~himi/common/images/link_emg_arrow.png) left top no-repeat;
	margin-top:-15px;
	z-index: 1;  
}


div.caution{
	position:relative;
	margin-bottom:50px;
	padding-left:10px;
	border-left:5px #ff00c8 solid;
}

div.caution > dl{
	width:380px;
	line-height:1.5;
}

div.caution > dl dt{
	margin-bottom:5px;
	font-weight:bold;
}

div.caution > p{
	position:absolute;
	bottom:10px;
	right:0;
	display:block;
	width:230px;
	height:70px
}

div.caution > p a{
	display:block;
	width:230px;
	height:70px;
	padding:10px 10px 10px 56px;
	background:url(/~himi/common/images/nosmoking.jpg) 3% center no-repeat;
	border:1px #5e76ff solid;
	color:#5e76ff;
	font-size:18px;
	font-size:1.8rem;
	line-height:50px;
	font-weight:bold;
}

.txtCaution{
	color:#ff00c8;
}

a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

a.disabled{
	pointer-events: none;
	cursor: default;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

p.golink{
	padding:0 0 5px;
	border-bottom:1px #45942b solid;
}

p.golink a{
	position: relative;
	display:block;
	width:170px;
	margin-left:auto;
	color:#45942b;
	font-size:18px;
	font-size:1.8rem;
	line-height:1.5;
	font-weight:bold;
}

p.golink a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width:13px;
	height:13px;
	background:url(/~himi/common/images/link_arrow.png) left top no-repeat;
	margin-top:-7px;
	z-index: 1;  
}