@charset "utf-8";

/* ---------- reset ---------- */
*
{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-family: Verdana, Arial, sans-serif;
}

/* ボックスの最後にclearをセット
==========================================================*/
.clearfix:after,

div#wrapper:after,
div#content:after,
div#sidebar :after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix,

div#wrapper,
div#content,
div#sidebar { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix,
* html div#container,
* html div#wrapper,
* html div#content,
* html div#sidebar  { height: 1% }
.clearfix,
div#container,
div#wrapper,
div#content,
div#sidebar  {display:block;}
/* end MacIE5 */
/* clearfix end
==========================================================*/

/* ---------- reset_end ---------- */

/* ---------- body ---------- */

body
{
	color:inherit;
	background:#fff;
	color:#8f8f8f;
}

a
{
	color:#8f8f8f;
	background-color:inherit;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a:hover img
{
	text-decoration:none;
}

div.separate
{
	clear:both;
}

hr.clear
{
	display:none;
}

li
{
	list-style-type:none;
}

.clear
{
	clear:both;
}

.none
{
	display:none;
}
p
{
	color: #8f8f8f;
}

/* 画像hover
==========================================================*/
a:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
}
/* ---------- body_end ---------- */

/* ----------------------------------------
 header_start 
 ---------------------------------------- */
div#header
{
	width: 100%;
	background:url(img/cmn/headerBG.gif) repeat-x #93b12d 0 0;
}

div.header-inner
{
	margin: 0 auto;
	padding: 10px 0;
	width: 800px;
	text-align: left;
}

div.header-inner h1
{
	color: #fff;
	font-size: 70%;
	font-weight: bold;
}

/* ---------- header_end ---------- */


/* ----------------------------------------
 container_start 
 ---------------------------------------- */
div#container
{
	width: 100%
	margin:0 auto;
	text-align:center;
	background: url(img/cmn/bodyBG.gif) repeat-x #fff 50% 0;
}

.clear
{
	clear:both;
}
/* ---------- container ---------- */

/* ----------------------------------------
 flash_start 
 ---------------------------------------- */
div#flash
{
	width: 100%;
	margin: 0 auto;
	background: transparent;
}

div.flash-inner
{
	margin: 0 auto;
	padding-top:0;
	width: 800px;
	height: 300px;
	font-size:0;
}


/* ---------- banner_end ---------- */

/* ----------------------------------------
 content_start 
 ---------------------------------------- */

div#content
{
	width: 100%;
	margin: 0 auto;
	background: url(img/cmn/contentsBG.gif) repeat-x #fff 50% 0;
}

div.container-inner
{
	width:800px;
	margin:0 auto;
	padding-bottom: 20px;
	background: transparent;
}


/* ---------- content_end ---------- */

/* ----------------------------------------
 main_start 
 ---------------------------------------- */
div#main
{
	float:right;
	width:550px;
	text-align:left;
	background:url(img/cmn/maintopBG.gif) no-repeat 0 0;
}

div#main h2
{
	height: 38px
	margin:10px 0 0;
	padding:10px 0 10px 20px;
	background:url(img/cmn/h2.gif) no-repeat 0 50%;
	color:#fff;
	font-size: 16px;
	font-weight: bold;
}
div#main h2
 a{color:#fff;}

div#main h3
{
	height: 44px
	margin:10px 0 0;
	padding:10px 0 5px 20px;
	background:url(img/cmn/h3.gif) no-repeat 0 50%;
	color:#009e4c;
	font-size: 16px;
	font-weight: bold;
}
div#main h3
 a{color:#009e4c;}

div#main h4
{
	margin:10px 0;
	padding:7px 0 7px 25px;
	background:url(img/cmn/h4.gif) no-repeat 0 50%;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
}

div#main h5
{
	margin:10px 0;
	padding:7px 0 7px 25px;
	background:url(img/cmn/h5.gif) no-repeat 0 50%;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
}

/* ---------- main_end ---------- */


/* ----------------------------------------
 sidebar_start 
 ---------------------------------------- */

div#sidebar
{
	float:left;
	width:230px;
	text-align:center;
}

div#sidebar a:hover
{
	text-decoration: none;
}

div#sidebar div.sideBT01
{
	width: 230px;
	height: 355px;
	margin: 0;
	padding: 0 0 20px;
}
div#sidebar div.sideBT01 p.s01 a{display: block;width: 230px;height: 134px;text-indent: -9999px;background: url(img/cmn/s01.gif) no-repeat 0 0;}
div#sidebar div.sideBT01 p.s02 a{display: block;width: 230px;height: 97px;text-indent: -9999px;background: url(img/cmn/s02.gif) no-repeat 0 0;}
div#sidebar div.sideBT01 p.s03 a{display: block;width: 230px;height: 124px;text-indent: -9999px;background: url(img/cmn/s03.gif) no-repeat 0 0;}

div#sidebar div.sideBT01 p.s01 a:hover{display: block;width: 230px;height: 134px;background: url(img/cmn/s01_hover.gif) no-repeat 0 0;}
div#sidebar div.sideBT01 p.s02 a:hover{display: block;width: 230px;height: 97px;background: url(img/cmn/s02_hover.gif) no-repeat 0 0;}
div#sidebar div.sideBT01 p.s03 a:hover{display: block;width: 230px;height: 124px;background: url(img/cmn/s03_hover.gif) no-repeat 0 0;}

div.partnerBox
{
	margin: 12px 0 22px;
	padding: 0;
	width: 230px;
}

div.partnerBox img
{
	margin-bottom: 7px;
}

div.partnerBox p
{
	margin:0 0 7px 4px;
	padding: 0;
	width: 221px;
	height: 39px;
}

div.contents-menu
{
	color:#fff;
	font-size:80%;
}

div.contents-menu img
{
 padding: 0;
 margin-bottom: 7px;
}

div.contents-menu ul
{
	width:230px;
	list-style-type:none;
	text-align: left;
}

div.contents-menu ul li
{
	font-size:1em;
	font-weight:bold;
	width: 222px;
	border-bottom: 1px #aeaeae dashed;
	margin: 0 4px;
}

div.contents-menu ul li a
{
	color: #009e4c;
	display:block;
	margin: 0;
	padding: 10px 0 10px;
	text-indent: 20px;
	background: url(img/cmn/sidePoint.gif) no-repeat 0 50%;
}

div.contents-menu ul li a:hover
{
	color: #009e4c;
	display:block;
	margin: 0;
	padding: 10px 0 10px;
	text-indent: 20px;
	background: url(img/cmn/sidePoint.gif) no-repeat 0 50%;
	text-decoration: underline;
}

div.contents-menu ul.sub-category li
{
	margin: 0;
	padding: 0;
}

div.contents-menu ul.sub-category li a
{
	margin: 0;
	padding: 0;
}

div.contents-menu ul.sub-category li a:hover
{
	margin: 0;
	padding: 0;
}

/* ---------- sidebar_end ---------- */


/* ----------------------------------------
 footer_start 
 ---------------------------------------- */
div#footer
{
	width: 100%;
	padding-top:10px;
	background:url(img/cmn/footBG.gif) repeat-x #fff 50% bottom;
}

div.footer-inner
{
	width:800px;
	margin:0 auto;
	font-size:0.7em;
	padding-bottom: 190px;
	text-align: left;
}

div.footer-inner p{
	margin-left:5px;
	padding:0 0 10px;
	color:#0e2f1a;
}

div.footer-inner p a{color:#0e2f1a;}

/* ---------- footer_end ---------- */

/* ----------------------------------------
 mainBox_start 
 ---------------------------------------- */
div.mainBox
{
	font-size: 92%;
	line-height: 140%;
	color: #8f8f8f;
}

div.mainBox div.topicPassBox
{
	margin:20px 0 15px;
}

div.mainBox div.topicPassBox p.topicPass
{
	font-size: 75%;
}


div.mainBox div.topicsBox
{
	display: block;
	width: 550px;
	margin: 0;
	padding: 15px 0 20px;
	background: #eef4ef;
}

div.topicsBox ul.topics_body
{
	font-size: 85%;
	padding: 0 0 0 20px;
}

div.topicsBox ul.topics_body li
{
	padding-bottom: 5px;
}

div.topicsBox ul.topics_body li a
{
	color: #8f8f8f;
}

/* ---------- mainBox_end ---------- */


.m_b10
{
	margin-bottom: 10px;
}

.m_b30
{
	margin-bottom: 30px;
}

.m_lr10
{
	margin: 0 10px;
}

.m_r10
{
	margin-right: 10px;
}

.m_t15
{
	margin-top: 15px;
}

.ImgLeft
{
	float:left;
}

.ImgRight
{
	float:right;
}

.main_center
{
	text-align: center;
}

.p_b30
{
	paddig-bottom: 30px;
}

/* ========================================
 TOP start 
 ======================================== */

div.top01
{
	background: #eef4ef;
	margin-bottom: 25px;
	padding: 15px 8px;
}

div.top01 div.t_left
{
	width: 276px;
	float: left;
}

div.top01 div.t_left p
{
	margin-bottom: 15px;
}

div.top01 div.t_left img
{
	margin-bottom: 10px;
}

div.top01 div.t_right
{
	width: 250px;
	float: right;
	text-align: right;
}

div.top01 div.t_right img
{
	margin-bottom: 10px;
}


/* ========================================
 CONCEPT start 
 ======================================== */

div.conceptBox
{
	margin-bottom: 20px;
}

div.conceptBox img
{
	margin-bottom: 20px;
}

div.conceptBox table
{
	width: 520px;
	margin: 10px 15px 20px;
	border-collapse: collapse;
}

div.conceptBox table tr th
{
	text-align: left;
	padding: 5px 10px;
	width: 180px;
	font-weight: normal;
	background: #e6ede8;
	border: solid 1px #92b12d;
	border-collapse: collapse;
}

div.conceptBox table tr td
{
	padding: 5px 10px;
	width: 300px;
	border: solid 1px #92b12d;
	border-collapse: collapse;
}



/* ========================================
 SALA start 
 ======================================== */


div.salaBox
{
	margin-bottom: 20px;
}

div.sala01
{
	background: #e6ede8;
	padding: 10px;
	margin-bottom: 15px;
}

div.salaTxt01
{
	width: 310px;
	float: left;
}

div.salaTxt01 ul
{
	margin-bottom: 10px;
	font-size: 85%;
	line-height: 130%
}

div.salaTxt01 ul li
{
	margin-bottom: 8px;
}

div.salaBox table
{
	width: 550px;
	margin-bottom: 20px;
	border-collapse: collapse;
}

div.salaBox table tr th
{
	width: 150px;
	padding: 5px;
	border-collapse: collapse;
	border-left: solid 1px #92b12d;
	border-right: solid 1px #92b12d;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	background: url(img/sala/sala_mokutekiBG.gif) repeat-y;
	color: #fff;
}

div.salaBox table tr th.sala_table01
{
	border-top: solid 1px #92b12d;
}

div.salaBox table tr th.sala_table02
{
	border-bottom: solid 1px #92b12d;
}

div.salaBox table tr td
{
	border-collapse: collapse;
	border: solid 1px #92b12d;
	padding: 5px;
}


/* ========================================
 GROUP start 
 ======================================== */

div.groupBox
{
	margin-bottom: 20px;
}

div.group01
{
	padding: 10px;
	background: #e6ede8;
	margin-bottom:20px;
}

div.groupBox div.group02
{
	margin-bottom: 20px;
}

div.groupBox div.group02 div.g_left
{
	width: 260px;
	float: left;
	padding-bottom:15px;
}

div.groupBox div.group02 div.g_right
{
	width: 260px;
	float: right;
	padding-bottom:15px;
}



/* ========================================
 GROUP start 
 ======================================== */


div.careBox
{
	margin-bottom: 20px;
}

div.careBox div.care01
{
	margin-top: 10px;
	margin-bottom: 20px;
}

div.careBox div.care01 p.careTxt_left
{
	width: 330px;
	float: left;
}

div.careBox div.care01 ul
{
	width: 330px;
	float: left;
}

div.careBox div.care01 ul li
{
	padding-bottom: 10px;
}

/* ========================================
 FORM start 
 ======================================== */

div.formBox
{
	margin-bottom: 20px;
}

div.formBox table
{
	width: 550px;
	border-collapse: collapse;
	font-size: 85%;
	margin-bottom: 15px;
}

div.formBox table tr th
{
	padding: 8px 10px;
	width: 150px;
	font-weight: bold;
	border: solid 1px #92b12d;
	border-collapse: collapse;
	background: #e6ede8;
	text-align: center;
	vertical-align: middle;
}

div.formBox table tr th span
{
	color: #df7e00;
}

div.formBox table tr td
{
	border: solid 1px #92b12d;
	border-collapse: collapse;
	padding: 8px 10px;
}

div.formBox table tr td input
{
	width: 80%;
	border: solid 1px #769318;
}

div.formBox table tr td textarea
{
	width: 80%;
	border: solid 1px #769318;
}

div.formBox p.form_bt
{
	text-align: center;
}

div.formBox p.form_bt input.f_bt01
{
	width: 100px;
	height: 25px;
}

/* ========================================
 LINK start 
 ======================================== */

div.linkBox
{
	margin-bottom: 20px;
}

div.link01
{
	margin-bottom: 15px;
}

div.link01 div.link_left01
{
	width: 350px;
	float: left;
}
div.link01 div.link_left01 p
{
	width: 350px;
}

div.link01 div.link_right01
{
	padding-top: 55px;
	width: 150px;
	float: right;
	text-alin: right;
}

div.link02
{
	padding: 10px;
	background: #e6ede8;
}



/************************************************
*	パートナーインデックス start 	*
************************************************/

/* ----------------------------------------
 header_start 
 ---------------------------------------- */
div#partner_header
{
	width: 100%;
	background: #afdac7;
}

div.partnaerheader-inner
{
	margin: 0 auto;
	padding: 10px 0;
	width: 800px;
	text-align: left;
}

div.partnaerheader-inner h1
{
	color: #fff;
	font-size: 70%;
	font-weight: bold;
}

/* ---------- header_end ---------- */

/* ----------------------------------------
 partnercontainer_start 
 ---------------------------------------- */

div#partnercontainer
{
	width: 100%
	margin:0 auto;
	text-align:center;
	background: #fff;
}

div#partner-content
{
	width: 800px;
	margin: 0 auto 10px;
	padding-bottom: 20px;
	background: url(img/partner/cmn/contentsBG.gif) repeat-y 0 0;
}

/* ---------- partnercontainer_end ---------- */

/* ----------------------------------------
 partner-main start 
 ---------------------------------------- */

div#partner-main
{
	float:right;
	width:550px;
	text-align:left;
}

div.partner_mainBox
{
	font-size: 92%;
	line-height: 140%;
	color: #8f8f8f;
}
}


/* ----------------------------------------
 sidebar_start 
 ---------------------------------------- */

div#partner-sidebar
{
	float:left;
	width:230px;
	padding: 0;
	margin: 0;
	text-align:center;
}

div#partner-sidebar a:hover
{
	text-decoration: none;
}

div.p-sideLOGO
{
	margin: 0;
	padding: 0;
	font-size: 0;
	width: 230px;
}

div.p-side
{
	width: 230px;
	padding: 0;
	margin-bottom: 20px;
}

div.p-side a img
{
	padding: 0;
	margin-bottom: 20px;
}

div.p-sideInfo
{
	width: 230px;
	margin: 0;
	padding: 0;
}

div.p-sideInfo div.p-Infohead
{
	margin: 0;
	padding: 0;
	font-size: 0;
}

div.p-sideInfo a
{
	font-size: 0;
	margin: 0;
	padding: 0;
}

/* ---------- header_end ---------- */


/* ----------------------------------------
 footer_start 
 ---------------------------------------- */
div#partner-footer
{
	width: 100%;
	background:url(img/partner/cmn/footBG.gif) repeat-x #e9f4f0 0 0;
}

div.Pfooter-inner
{
	width:800px;
	margin:0 auto;
	font-size:0.7em;
	padding-top: 20px;
	text-align: left;
}

div.Pfooter-inner p{
	margin-left:5px;
	padding:0 0 20px;
	color:#afdac6;
}

div.Pfooter-inner p a{color:#afdac6;}

/* ---------- footer_end ---------- */


/* ========================================
 コンドウ start
 ======================================== */


div.partner_mainBox
{
	margin-bottom: 20px;
}

div.partner_mainBox h2
{
	margin: 0;
	padding: 0;
	font-size: 0;
}

div.Time-con
{
	width: 550px;
	margin-bottom: 20px;
	padding: 15px 0 15px;
	background: #e9f4f0;
}

div.Time-con ul
{
	margin: 0 15px;
}

div.Time-con ul li
{
	padding-bottom: 8px;
}

div.Time-con ul li.kome
{
	color: #822d1f;
}

div.Time-con div.p-map01
{
	width: 520px;
	margin: 0 0 20px 15px;
}

/* ---
ナビメニュー用
-------------------------------- */
div.naviBox{
  width:800px;
  margin:0px auto;
}