@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	color: #341d1d;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html { font-size: 62.5%; }

body {
	line-height: 1;
	background-color: #ffffff;
}

a {
	color: #226942;
	border: 0;
}

ul { list-style: none; }

ol { margin-left: 25px; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table {
	margin-left: 1px;
	width: 521px;
	border-collapse: collapse;
	border-spacing: 0;
}
table.w100 { width: 100%; }

th, td {
	padding: 6px;
	font-weight: normal;
	text-align: left;
	border: 1px solid #c4c4c4;
}



/* ===== container
======================================== */
div#container, div#contents {
	width: 760px;
}

div#container {
	margin: 0 auto;
}


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

div#header {
	padding: 4px 16px 0 15px;
	width: 729px;
	height: 78px;
	background: #ffffff url(../images/bg_header.gif) scroll no-repeat 0 0;
	overflow: hidden;
}

div#header p#logo {
	float: left;
	margin-right: 14px;
	width: 41px;
	height: 61px;
}

div#header div.leftBox {
	float: left;
	width: 300px;
	height: 61px;
	overflow: hidden;
}
div#header div.leftBox p#description {
	color: #226942;
	font-size: 10px;
	line-height: 100%;
}
div#header div.leftBox h1 a,
div#header div.leftBox p#title a {
	display: block;
	margin-top: 4px;
	width: 191px;
	height: 44px;
	text-indent: -9999px;
	background: transparent url(../images/title.gif) scroll no-repeat 0 0;
}

div#header div.rightBox {
	float: right;
	width: 248px;
	overflow: hidden;
}
div#header div.rightBox dl#fontSize {
	margin-left: 121px;
	width: 127px;
	height: 21px;
	overflow: hidden;
}
div#header div.rightBox dl#fontSize dt,
div#header div.rightBox dl#fontSize dd,
div#header div.rightBox dl#fontSize dd ul li a {
	float:left;
	height: 21px;
	text-indent: -9999px;
}
div#header div.rightBox dl#fontSize dt {
	margin-right: 10px;
	width: 50px;
	height: 21px;
	background: transparent url(../images/txt.gif) scroll no-repeat 0 0;
}

div#header div.rightBox dl#fontSize dd ul {
	width: 67px;
	height: 21px;
}

div#header div.rightBox dl#fontSize dd ul li { display: inline; }

div#header div.rightBox dl#fontSize dd ul li a {
	display: block;
	width: 19px;
	height: 21px;
}
div#header div.rightBox dl#fontSize dd ul li#txt_s a { background: transparent url(../images/txt_s.gif) scroll no-repeat 0 0; }
div#header div.rightBox dl#fontSize dd ul li#txt_m a { background: transparent url(../images/txt_m.gif) scroll no-repeat 0 0; }
div#header div.rightBox dl#fontSize dd ul li#txt_l a { background: transparent url(../images/txt_l.gif) scroll no-repeat 0 0; }
div#header div.rightBox dl#fontSize dd ul li#txt_s a:hover { background: transparent url(../images/txt_s_ro.gif) scroll no-repeat 0 0; }
div#header div.rightBox dl#fontSize dd ul li#txt_m a:hover { background: transparent url(../images/txt_m_ro.gif) scroll no-repeat 0 0; }
div#header div.rightBox dl#fontSize dd ul li#txt_l a:hover { background: transparent url(../images/txt_l_ro.gif) scroll no-repeat 0 0; }

div#header div.rightBox p#tel {
	clear:both;
	margin-top: 4px;
	width: 248px;
	height: 37px;
	text-indent: -9999px;
	background: transparent url(../images/tel.gif) scroll no-repeat 0 0;
}

ul#headMenu {
	margin: 0 0 4px 534px;
	width: 225px;
	height: 20px;
	overflow:hidden;
}
ul#headMenu li {	display: inline; }
ul#headMenu li#inquiry a,
ul#headMenu li#request a {
	display: block;
	float: left;
	width: 109px;
	height: 20px;
	text-indent: -9999px;
}
ul#headMenu li#inquiry a {
	margin-right: 7px;
	background: transparent url(../images/mn01.gif) scroll no-repeat 0 0;
}
ul#headMenu li#request a { background: transparent url(../images/mn02.gif) scroll no-repeat 0 0; }


/* ===== contentsTitle
======================================== */
h1#contentsTitle,
p#contentsTitle {
	padding-left: 13px;
	height: 74px;
	color: #424242;
	line-height: 59px;
	background: transparent url(../images/bg_title.jpg) scroll no-repeat 0 0;
}


/* ===== breadCrumb
======================================== */
/*
ul#breadCrumb {
	margin: 9px 15px 12px 0;
	text-align: right;
}

ul#breadCrumb li { display: inline; }
ul#breadCrumb li.layer {
	padding-right: 11px;
	background: transparent url(../images/layer.gif) scroll no-repeat right 3px;
}
*/

/* ===== contents
======================================== */
div#contents {
	background: transparent url(../images/bg_contents.gif) scroll repeat-y 0 0;
	overflow: hidden;
}

/* ===== contentsBody
======================================== */
div#contentsBody {
	float: right;
	width: 552px;
	line-height: 150%;
	background: transparent url(../images/bg_cont.gif) scroll repeat-y 0 0;
	overflow: hidden;
}

div#contentsBody div#contentsBodyWrapper {
	padding: 20px 15px 15px 15px;
	width: 522px;
	background: transparent url(../images/bg_cont_top.gif) scroll no-repeat 0 0;
	overflow: hidden;
}

div#contentsBody ul.square li,
div#contentsBody p.square,
div#contentsBody p.maru,
div#contentsBody ul.maru li,
div#contentsBody a.square,
div#contentsBody ul.dot li,
div#window ul.dot li,
div#contentsBody p.kome,
div#contentsBody ul.kome li {
	padding-left: 12px;
}
div#contentsBody ul.square li,
div#contentsBody p.square,
div#contentsBody a.square {
	background: transparent url(../images/sq_brown.gif) scroll no-repeat 0 3px;
}
div#contentsBody ul.dot li,
div#window ul.dot li {
	background: transparent url(../images/dot.gif) scroll no-repeat 0 3px;
}
div#contentsBody p.kome,
div#contentsBody ul.kome li {
	background: transparent url(../images/kome.gif) scroll no-repeat 0 3px;
}

div#contentsBody p.maru,
div#contentsBody ul.maru li {
	background: transparent url(../images/maru.gif) scroll no-repeat 0 2px;
}

div#contentsBody p.go2Top { margin: 25px 0 0 411px; }

div#contentsBody p.go2Top a {
	display: block;
	width:111px;
	height:26px;
	text-indent: -9999px;
	background: transparent url(../images/bt01.gif) scroll no-repeat 0 0;
}
div#contentsBody p.go2Top a:hover { background-image: url(../images/bt01_ro.gif); }


div#contentsBody p.go2TopTxt {
	margin-top: 6px;
	text-align: right;
}
div#contentsBody p.go2TopTxt a {
	display: block;
	padding-right: 12px;
	background: transparent url(../images/arrow_top.gif) scroll no-repeat right 4px;
}

div.txtBox {
	padding: 10px;
	width: 502px;
	border: 1px solid #cccccc;
}

div#contentsBody div.creamBox,
div#contentsBody h2.quiry {
	padding: 4px 10px;
	width: 502px;
}
div#contentsBody div.creamBox {
	background-color: #ece2be;
	overflow: hidden;
}

div#contentsBody div.partition2 {
	margin-left: 20px;
	width: 502px;
	overflow: hidden;
}
div#contentsBody div.partition2 div.col1,
div#contentsBody div.partition2 div.col2 {
	width: 240px;
}
div#contentsBody div.partition2 div.col1 { float: left; }
div#contentsBody div.partition2 div.col2 { float: right; }

div#contentsBody div.partition2 ul {
	margin: 6px 0 0 20px;
}



div#contentsBody div.recruit a {
	display: block;
	margin: 25px auto 0 auto;
	width: 125px;
	height: 26px;
	text-indent: -9999px;
	background: transparent url(../images/bt_recruit.gif) scroll no-repeat 0 0;
}
div#contentsBody div.recruit a:hover { background-position: 0 -26px; }

#kokorokara {
	font-size: 120%;
	font-weight: bold;
}


/* ===== gNavi
======================================== */
div#gNavi {
	width: 189px;
	height: auto;
	background: transparent url(../images/bg_gnavi_top.gif) scroll no-repeat 0 0;
	overflow: hidden;
}

div#gNavi ul {
	margin: 16px 16px 0 15px;
	width: 165px;
}

div#gNavi ul#level2 {
	margin: 0 0 0 14px;
	width: 151px;
}

div#gNavi ul li {
	padding-bottom: 2px;
	width: 165px;
	background: transparent url(../images/bg_gnavi_dot.gif) scroll no-repeat 0 bottom;
}

div#gNavi ul#level2 li {
	padding-bottom: 0;
	width: 151px;
	background-image: none;
}

div#gNavi ul li a,
div#gNavi ul li span.current,
div#gNavi ul li span#level1 {
	display: block;
	margin-bottom: 2px;
	padding-left: 13px;
	width: 147px;
	line-height: 23px;
	border-right: 5px solid #898158;
	background: transparent url(../images/ic_gnavi.gif) scroll no-repeat 0 6px;
}
div#gNavi ul li ul#level2 li a {
	width: 133px;
	border: 0;
}

div#gNavi ul li span.current { background: transparent url(../images/ic_gnavi_v.gif) scroll no-repeat 0 6px; }

div#gNavi ul#naxi-home {
	margin-top: 30px;
}

div#gNavi div.banner {
	margin-top: 20px;
	text-align: center;
}

/* ===== footer
======================================== */
div#footer {
	padding: 28px 0 0 15px;
	width: 745px;
	font-size: 12px;
	line-height: 110%;
	color: #858585;
	background: transparent url(../images/bg_footer.gif) scroll no-repeat 0 0;
}

ul#footerMenu { margin-right: 16px; overfloat: hidden;}

ul#footerMenu li { display: inline; }

ul#footerMenu li a{
	display: block;
	float: left;
	padding-left: 14px;
	text-decoration: none;
	background: transparent url(../images/ic_footermenu.gif) scroll no-repeat 0 2px;
}

div#footer p#copy{
	clear: both;
	padding-top: 12px;
	width: 745px;
	font-size: 10px;
	text-align: right;
}


/* ===== window
======================================== */
div#window {
	text-align: center;
	width: 608px;
}

div#window div#s-contents {
	text-align: left;
	margin: 13px auto 10px auto;
	width: 508px;
}

div#window div.roomWrapper {
	margin: 20px auto 0 auto;
	width: 423px;
	overflow: hidden;
}

div#window ul li{
	line-height: 140%;
}

div#window p#close {
	margin: 46px auto 16px auto;
	width:134px;
}

div#window p#close a {
	display: block;
	width:134px;
	height:26px;
	text-indent: -9999px;
	background: transparent url(../images/bt02.gif) scroll no-repeat 0 0;
}
div#window p#close a:hover { background-image: url(../images/bt02_ro.gif); }



/* ===== class
======================================== */

.clr { clear: both; }
.left { float: left; }
.right { float: right; }

.mT2 { margin-top: 2px;}
.mT4 { margin-top: 4px;}
.mT6 { margin-top: 6px;}
.mT7 { margin-top: 7px;}
.mT8 { margin-top: 8px;}
.mT10 { margin-top: 10px;}
.mT14 { margin-top: 14px;}
.mT17 { margin-top: 17px;}
.mT20 { margin-top: 20px;}
.mT25 { margin-top: 25px;}
.mT30 { margin-top: 30px;}
.mT50 { margin-top: 50px;}

.mR5 { margin-right: 5px; }
.mR9 { margin-right: 9px; }
.mR10 { margin-right: 10px; }
.mR12 { margin-right: 12px; }

.mB10 { margin-bottom: 10px; }

.mL4 { margin-left: 4px; }
.mL8 { margin-left: 8px; }
.mL20 { margin-left: 20px; }
.mL40 { margin-left: 40px; }
.mL1em { margin-left: 1em; }

.pT25 { padding-top: 25px;}
.pL4 { padding-left: 4px;}
.pR10 { padding-right: 10px; }

.red { color: #ee0000; }
.green { color:#00693d; }

.clearGray { background-color:#e7e7e7; }
.gBlue { background-color:#d0f3d4; }
.clearOrange { background-color:#ece2bd; }
.clearGreen { background-color:#e1f9d9; }
.clearYellow { background-color:#f4eed6; }

.txtbold { font-weight: bold; }

.center { text-align: center; }

table#quiry { width: 522px; }

table#quiry td { width: auto; }

th.noWrap { width: 8em; }

div.pinkBox,
div.grayBox,
div.yellowBox {
	padding: 6px;
	width: auto;
}
div.pinkBox {
	background-color: #ffd6d6;
	border: 1px solid #c3c3c3;
}
div.grayBox { background-color: #dddddd; }
div.yellowBox { background-color: #d4eca4; }

div.flowWrapper {
	padding: 41px 0 0 0;
	width: 502px;
	background: transparent url(../../flow/images/big_arrow.gif) scroll no-repeat center 10px;
}

div#contentsBody .txtR,
div#contentsBody .txtRm { text-align: right; vertical-align: middle;}
div#window .txtR { text-align: right; }
div#contentsBody .txtC { text-align: center; }
div#contentsBody .txtCm { text-align: center; vertical-align: middle;}

p.pagemenu img { margin-right: 25px;}
p.pagemenu img.last { margin-right: 0;}

div#contentsBody ul.contMenu { text-align: center; }

div#contentsBody ul.contMenu li { display: inline; }

div#contentsBody li.fence {
	padding-left: 20px;
	background: transparent url(../images/fence.gif) scroll no-repeat 0 0;
}

ol.blank li {
	list-style: none;
} 

/* ===== clearfix
======================================== */

div.leftBox:after,
div.rightBox:after,
div.rightBox dl#fontSize:after,
div.rightBox dl#fontSize dd ul:after,
ul#headMenu:after,
ul#footerMenu:after {
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
}