@charset "UTF-8";


/* ***
 *	page guide
 *	index
 * ***/


/* ***
 *	page guide
 * ***/
div.pageGuide{
	width:710px;
	margin-bottom:60px;
}

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

	width:717px;
	margin-right:-7px;
	overflow: hidden;
	_zoom: 1;
}

div.pageGuide ol > li{
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;

	width:232px;
	margin-right:7px;
	font-size: 14px;
	font-size: 1.4rem;
}

div.pageGuide ol > li > dl{
	width:232px;
}

div.pageGuide ol > li > dl dt{
	width:232px;
	height:60px;
}

div.pageGuide ol > li > dl dt a{
	position: relative;
	display:block;
	padding:2px 0 0;
	background:#e0f0d1;
	color:#45942b;
	font-size: 22px;
	font-size: 2.2rem;
	line-height:58px;
	text-align:center;
}

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

div.pageGuide ol > li > dl dt a:hover{
	background:#45942b;
	color:#fff;
}

div.pageGuide ol > li > dl dd{
	padding:10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.5;
	text-align: justify;
}

/* onpage
-------------------------------------------------------*/
div.pageGuide ol > li > dl.onpage dt a{
	background:#45942b;
	color:#fff;
}

/* ***
 *	index
 * ***/
ul.photos{
    display: table;
	width:710px;
	margin-bottom:45px;
	list-style-type:none;
}

ul.photos li{
	display: table-cell;
	line-height:0;
}

ul.photos li:first-child{
	padding-right:25px;
}

	ul.photos li.first-child{ /*IE-expression (first-child) */
		padding-right:25px;
	}

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

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

	width:710px;
	list-style-type:none;
}

div.officehours ul li{
	word-spacing: normal;
	display:inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align:top;
	width:340px;
}

div.officehours ul li:nth-child( 2n+1 ){
	margin-right:30px;
}

div.officehours ul ol li{
	font-size: 14px;
	font-size: 1.4rem;
}

div.officehours dl{
	width:340px;
}

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

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

div.officehours dl dt{
	float:left;
	width:110px;
	padding:9px 0 0;
	color:#45942b;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight:bold;
	line-height:1.8;
}

div.officehours dl dd{
	border-top:2px #45942b solid;
	padding:7px 0 30px 120px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height:2.0;
}

/* consultation.html */
div.outline ul li div.item{
	width: 475px;
	padding-right:0px;
}
div.item > p{
	font-size: 18px;
	font-size: 1.8rem;
	line-height:1.5;
}
div.outline > ul > li.vrtb {
	vertical-align: bottom;
	padding-right: 0 !important;
}
div#container h4 {
    margin-bottom: 25px;
    padding-top: 22px;
    color: #48932c;
    font-size: 2.4rem;
    line-height: 1.0;
}
div#container h4.line {
    border-top: 1px solid #a3ca95;
}
div#container h4.pink {
	padding: 0.3em 0.5em;
	border-left: 8px solid #ff00c8;
	color:#ff00c8 !important;
}

div.information dl dt{
	position: relative;
	padding:20px 0 0;
	border-top: 1px #a3ca95 solid;
	color:#45942b;
	font-size: 22px;
	font-size: 2.2rem;
	line-height:1.0;
}

div.information dl dd{
	padding:25px 280px 30px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height:1.5;
}

div.information dl dt a{
	display: block;
}

div.information dl dt a:link,
div.information dl dt a:visited,
div.information dl dt a:hover{
	color:#45942b;
}

div.information dl dt a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

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

/* access.html */
ul.subguide {
    width: 235px;
    list-style-type: none;
}
ul.subguide > li > a {
    display: block;
    position: relative;
    width: 235px;
    height: 60px;
    padding: 2px 21px 0 20px;
    border: 1px solid #45942b;
    color: #909090;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 58px;
}

ul.subguide > li > a:hover {
	background:#45942b;
	border:1px #45942b solid;
	color:#fff;
}

ul.subguide > li > a::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 13px;
    height: 13px;
    margin-top: -7px;
    z-index: 2;
    background: url(/~himi/common/images/link_arrow.png) left top no-repeat;
}
ul.subguide > li p {
	line-height:1.4em;
}

div.outline ol.area > li > p {
	width:265px;
	padding:15px 0 0;
	line-height:1.7;
}

div.photo{
    position: relative;
	width:710px;
    height: 596px;
	margin-bottom:30px;
	background: #f1f1e5;
}
div.photo > img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
div.outline ol.area {
    display: table;
    width: 710px;
    margin-bottom: 50px;
    list-style-type: none;
}
div.outline ol.area > li {
    display: table-cell;
    vertical-align: top;
}
div.outline ol.area > li > ul.subguide > li{
	margin-bottom: 10px;
}
div.outline ol.area > li > ul.subguide > li.sub{
	margin-bottom: 0px;
}
div.outline ol.area > li > ul.subguide > li > img{
	margin-bottom: 141px;
}
div.outline ol.area > li > img.border{
    border: 2px solid #ff4445;
	box-sizing: border-box;
}

div.access ol.areaWrap {
    display: table;
    width: 710px;
    margin-bottom: 50px;
    list-style-type: none;
}

div.access{
	margin-bottom: 60px;
}

div.access ol.areaWrap > li {
    display: table-cell;
    vertical-align: top;
}

div#container div.access ol.areaWrap > li > h4{
    width: 430px;
	margin-bottom:10px;
	padding:0;
	color:#45942b;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight:bold;
}

div.access ol.areaWrap > li p{
    width: 430px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6
}

div.access ol.areaWrap > li p > span {
	color:#5e76ff;
	font-weight:bold;
}

div.access ol.areaWrap > li > dl {
    width: 430px;
    padding:20px 0 0;
}

div.access ol.areaWrap > li > dl > dt{
    position: relative;
    width: 150px;
    height: 32px;
	margin-bottom:8px;
	padding:2px 10px 0;
    background: #5e75ff;
    color: #fff;
    font-size: 17px;
    font-size: 1.7rem;
	font-weight:bold;
    line-height:30px;
}

div.access ol.areaWrap > li > dl > dt > span{
	position:absolute;
	top:2px;
	left:160px;
	color:#000;
	font-weight:normal;
}

div.access ol.areaWrap > li > dl > dd {
	padding:0 0 15px;
	font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}

div.access ol.areaWrap > li > ul.subguide > li{
	margin-bottom: 10px;
}

div#container div.access div.distant > h4{
    position: relative;
    height: 33px;
    margin-bottom:;
	padding:0 10px;
    border: 1px solid #989898;
    color:#909090;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 33px;
}

div#container div.access div.distant > dl{
	margin-bottom:35px;
}

div#container div.access div.distant > dl dt{
	margin-bottom:10px;
	padding:0;
	color:#45942b;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight:bold;
}

div#container div.access div.distant > dl dd{
	padding:0 0 10px 15px;
}

div#container div.access div.distant > dl dd p{
	text-indent: -1em;
	margin-left:1em;
	margin-bottom:8px;
	color:#5e76ff;
	font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
}

div#container div.access div.distant > dl dd p > span.black {
	color:#000;
}
div#container div.access div.distant > dl dd p > span.green {
	color:#45942b;
	font-size: 14px;
    font-size: 1.4rem;
}