@charset "UTF-8";


/*リセットスタイル*/

html, body, ul, ol, li, dl, dt, dd, table, th, td, form, input {
	margin:0;
	padding:0px;
}
p, h1, h2, h3, h4, h5, h6 {
	margin:0px 0px 10px 0px;
	font-weight: normal;
}

img {
border:none;
}

html {
	font-size:0.85em;
	line-height:1.8;
	font-weight:normal;
	padding:0px;
	margin:0px;
}
body {
	padding:0px 0px 0px 0px;
	margin:0px;
	background-color: #FFF;
}


.note {
	font-size:0.8em;
	clear: both;
}
.smaller {
	font-size:0.8em;
}

.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	clear:both;
}
* html .clearfix {
	height:1%;
	clear:both;
}
.clearfix {
	display:block;
	clear:both;
}

.left {
	margin: 0px 10px 0px 0px;
	float: left;
}
.right {
	margin: 0px 0px 0px 10px;
	float: right;
}

.clear {
clear:both;
}


/*リンクボタン*/

.btns {
width:88px;
height:20px;
overflow:hidden;
font-size:10px;
line-height:10px;
color:#CCCCCC;
}

.btns a {
width:78px;
height:10px;
padding:5px 5px 5px 5px;
overflow:hidden;
display:block;
text-align:left;
color:#CCCCCC;
background-image:url(../img/btns.gif);
background-position:0px 0px;
background-repeat:no-repeat;
}


.btns a:hover {
background-position:0px -20px;
color:#FFFFFF;
}



a:link {
	color:#06C;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#06C;
}
a:hover {
	text-decoration: none;
	color:#418ECC;
}



/*コンテンツベース*/

#header {
	width:940px;
	margin:0 auto;
	padding: 20px 0px 0px 0px;
}

#header .ttl {
	width:540px;
	margin:0;
	padding: 0px;
	float:left;
	height: 100px;
}
#header .txz {
	width:290px;
	margin:0;
	padding: 0px;
	float:right;
	text-align: right;
	height: 100px;
}
a.btncontact {
	width:140px;
	margin:10px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	float:left;
	text-align: center;
	height: 0px;
	display:inline-block;
	background-image:url(../img/btncontact.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}

a:hover.btncontact {
	background-position:0px -40px;
}

a.btnmember {
	width:140px;
	margin:10px 0px 0px 0px;
	padding: 40px 0px 0px 0px;
	float:right;
	text-align: center;
	height: 0px;
	display:inline-block;
	background-image:url(../img/btnmember.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	overflow:hidden;
}
a:hover.btnmember {
	background-position:0px -40px;
}


#inquiry {
	width:905px;
	margin:0 auto;
	height:30px;
	padding: 0px 0px 0px 45px;
	text-align: right;
}

#mainimg {
	background-repeat:repeat-y;
	width:940px;
	margin:0 auto;
	padding: 0px 0px 20px 0px;
}


#topics {
	width:640px;
	margin:0;
	padding: 0px 0px 10px 0px;
	border-top: #DDD solid 0px;
	border-bottom: #DDD solid 0px;
}

#topics ul {
	width:620px;
	margin:0;
	list-style:none;
	padding: 0px 0px 0px 0px;
	border-top: #DDD dotted 1px;
}
#topics li {
	padding: 5px 0px 5px 15px;
	background-image:url(../img/arrow.gif);
	background-position:2px 10px;
	background-repeat:no-repeat;
	border-bottom: #DDD dotted 1px;
}



#topbnr {
	width:260px;
	margin:0;
	float:right;
}

#topcontents {
	background-repeat:repeat-y;
	width:940px;
	margin:0 auto;
	padding: 0px 0px 20px 0px;
}


#contents {
	background-repeat:repeat-y;
	width:940px;
	margin:0 auto;
	padding: 0px 0px 20px 0px;
	border-top: #DDD solid 1px;
	border-bottom: #DDD solid 1px;
	border-left: #DDD solid 1px;
	border-right: #DDD solid 1px;
}


#footer {
	width:940px;
	margin:0 auto;
	padding: 30px 0px 70px 0px;
	text-align: center;
	background-image: url(../img/logofooter.gif);
	background-repeat: no-repeat;
	background-position: 0px 20px;
	clear:both;
}
#footer .bnr a {
	margin:0px 10px 0px 10px;
	display:inline-block;
}

#footer a:link {
	color: #000000;
}

#footer a:hover {
	color: #417000;
}

#footer a:visited {
	color: #666666;
}

/*ナビゲーション1st*/
#navi {
	width:940px;
	margin:0;
	padding: 20px 0px 20px 0px;
	clear: both;
	height:30px;
}
#navi a {
	margin:0;
	padding: 30px 0px 0px 0px;
	display:block;
	height:0px;
	float:left;
	background-image:url(../img/navi.gif);
	background-repeat:no-repeat;
	overflow:hidden;
}
#navi a.tab1 {
	width:188px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#navi a:hover.tab1 {
	background-position:0px -30px;
}
#navi a.tab2 {
	width:188px;
	background-repeat:no-repeat;
	background-position:-188px 0px;
}
#navi a:hover.tab2 {
	background-position:-188px -30px;
}
#navi a.tab3 {
	width:188px;
	background-repeat:no-repeat;
	background-position:-376px 0px;
}
#navi a:hover.tab3 {
	background-position:-376px -30px;
}
#navi a.tab4 {
	width:188px;
	background-repeat:no-repeat;
	background-position:-564px 0px;
}
#navi a:hover.tab4 {
	background-position:-564px -30px;
}
#navi a.tab5 {
	width:188px;
	background-repeat:no-repeat;
	background-position:-752px 0px;
}
#navi a:hover.tab5 {
	background-position:-752px -30px;
}


/*ナビゲーション2nd*/
#navi2nd {
	width:860px;
	margin:0;
	padding: 18px 0px 0px 0px;
	clear: both;
	height:32px;
	overflow:hidden;
}
#navi2nd a {
	width:114px;
	margin:0;
	padding: 32px 0px 0px 0px;
	display:block;
	height:0px;
	float:left;
	background-image:url(../img/navitab2nd.jpg);
	background-repeat:no-repeat;
}
#navi2nd a.tab1 {
	width:114px;
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#navi2nd a:hover.tab1 {
	background-position:0px -32px;
}
#navi2nd a.tab2 {
	width:114px;
	background-repeat:no-repeat;
	background-position:-114px 0px;
}
#navi2nd a:hover.tab2 {
	background-position:-114px -32px;
}
#navi2nd a.tab3 {
	width:114px;
	background-repeat:no-repeat;
	background-position:-228px 0px;
}
#navi2nd a:hover.tab3 {
	background-position:-228px -32px;
}
#navi2nd a.tab4 {
	width:114px;
	background-repeat:no-repeat;
	background-position:-342px 0px;
}
#navi2nd a:hover.tab4 {
	background-position:-342px -32px;
}
#navi2nd a.tab5 {
	width:114px;
	background-repeat:no-repeat;
	background-position:-456px 0px;
}
#navi2nd a:hover.tab5 {
	background-position:-456px -32px;
}
#navi2nd a.tab6 {
	width:114px;
	background-repeat:no-repeat;
	background-position:-570px 0px;
}
#navi2nd a:hover.tab6 {
	background-position:-570px -32px;
}
#navi2nd a.tab7 {
	width:176px;
	background-repeat:no-repeat;
	background-position:-684px 0px;
}
#navi2nd a:hover.tab7 {
	background-position:-684px -32px;
}



/*トップページ*/


#maintop {
	width: 930px;
	text-align: left;
	padding: 5px;
	height:490px;
	background-repeat:no-repeat;
}
#maintop .topics {
	width: 395px;
	text-align: left;
	padding: 35px;
	float:left;
}


#maintop .topiclist {
	width: 395px;
	padding: 58px 0px 0px 0px;
	background-image: url(../img/mdstopics.gif);
	background-repeat: no-repeat;
	background-position: 0px 80px;
	color:#FFFFFF;
}

#maintop .topiclist ul {
	width: 365px;
	padding: 15px 15px 0px 15px;
	background-color:#222222;
	height:130px;
	list-style:none;
	overflow:auto;
}
#maintop .topiclist li {
	width: 340px;
	padding: 0px 0px 12px 20px;
	background-image: url(../img/bgtopicli.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}
#maintop .topicbnr {
	width: 365px;
	padding: 15px 15px 15px 15px;
	background-color:#222222;
	height:40px;
	list-style:none;
}



#maintop .fla {
	width: 465px;
	text-align: left;
	padding: 0px;
	float:left;
}

#maintop .topiclist li a:link {
	color:#FFFFFF;
}

#maintop .topiclist li a:hover {
	color:#417000;
}

#maintop .topiclist li a:visited {
	color:#CCCCCC;
}

/*詳細ページ*/


#mainctsbg {
	margin:0 auto;
	background-color:#FFFFFF;
	width: 940px;
	text-align: left;
	padding: 0px;
}

#maincts {
	padding: 40px 40px 40px 40px;
	background-image: url(../img/accessbg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}



#conceptread {
	padding: 40px 40px 20px 40px;
	background-image: url(../img/conceptbg.gif);
	background-repeat: no-repeat;
}
.conceptreadleft {
	width: 440px;
	float:left;
	padding-top: 360px;
}
.conceptreadright {
	width: 380px;
	float:right;
}

#conceptcol {
	padding: 40px 40px 40px 40px;
}
.conceptcol {
	width: 258px;
	float: left;
}
.conceptcol3px {
	width: 258px;
	float: left;
	padding: 0px 3px 0px 0px;
}
.conceptext {
	padding: 0px 50px 0px 0px;
}

#speccol {
	padding: 10px 40px 40px 40px;
}
.speccol {
	width: 258px;
	float: left;
}
.speccol3px {
	width: 258px;
	float: left;
	padding: 0px 3px 0px 0px;
}
.spectext {
	padding: 0px 30px 0px 0px;
}

#mainctsbg_access {
	margin:0 auto;
	width: 940px;
	text-align: left;
	padding: 0px;
	background-image: url(../img/accessbg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#outline {
	padding: 40px 40px 20px 40px;
	background-image: url(../img/outlinebg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
table.outline{
	width:100%;
}

.outline td{
	padding: 3px 0px 3px 0px;
}

.outline th{
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	text-align: left;
	width:20%;
	vertical-align:top;
}





dl.outlinespec {
	border:#CCC solid 1px;
	padding:20px 20px 10px 20px;
	background-color: #EFEFEF;
}


dl.outlinespec dt {
	padding:0px;
	font-weight:bold;
	margin:0px 0px 4px 0px;
	line-height:1.4;
}


dl.outlinespec dd {
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:1.4;
}


dl.accessspec {
	padding:20px 0px 10px 0px;
}


dl.accessspec dt {
	padding:0px;
	font-weight:bold;
	margin:0px 0px 4px 0px;
	line-height:1.4;
}


ul.basiclist {
	padding:0px;
	margin:0px 0px 10px 0px;
	list-style:none;
}


ul.basiclist li {
	padding:0px 0px 10px 20px;
	background-image:url(../img/bgli.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	line-height:1.5em;
	font-size:12px;
}



ul.basiclist li .emphasis {
	font-size:14px;
	font-weight:bold;
}

#locationcts {
	padding: 40px 0px 40px 40px;
	background-image: url(../img/accessbg.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}


.locationlistcol {
	clear:both;
}

.locationlist {
	width:270px;
	float:left;
	padding:0px 25px 20px 0px;
	font-size:12px;
}
.locationlist h3 {
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	margin-bottom:5px;
}


.locationwide {
	width:860px;
	padding:0px 0px 20px 0px;
}








#plan {
	padding: 0px 0px 0px 0px;
	width:860px;
	background-image:url(../plans/img/imgplan.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:430px;
	margin-bottom:40px;
	clear:both;
}


ul.btnplan {
	list-style:none;
	clear:both;
	height:160px;
}

ul.btnplan li {
	width:172px;
	height:160px;
	float:left;
	font-size:12px;
	line-height:16px;
}

ul.btnplan li.applied_a {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

ul.btnplan li.applied_b {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied_2.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

ul.btnplan li.applied_c {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied_3.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

ul.btnplan li.applied_d {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied_4.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

ul.btnplan li.applied_e {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied_5.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

ul.btnplan li.applied_f {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied_6.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

ul.btnplan li.applied_g {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied_7.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

ul.btnplan li.applied_h {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied_8.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}

ul.btnplan li.applied_i {
	width:142px;
	height:80px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:65px 15px 15px 15px;
	display:block;
	color:#666;
	background-image:url(../plans/img/applied_9.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
}




ul.btnplan a {
	width:142px;
	height:130px;
	float:left;
	font-size:10px;
	line-height:16px;
	padding:15px;
	display:block;
	color:#000;
}

ul.btnplan a.roomf {
	background-color:#EDD9FF;
}
ul.btnplan a:hover.roomf {
	background-color:#DCE;
}


ul.btnplan a.roomg {
	background-color:#FDD6D6;
}
ul.btnplan a:hover.roomg {
	background-color:#F3CCCC;
}

ul.btnplan a.roomh {
	background-color:#FDF0D7;
}
ul.btnplan a:hover.roomh {
	background-color:#EEE3CB;
}

ul.btnplan a.roomi {
	background-color:#FEFED8;
}
ul.btnplan a:hover.roomi {
	background-color:#F0F0CB;
}

ul.btnplan a.rooma {
	background-color:#F0FDD7;
}
ul.btnplan a:hover.rooma {
	background-color:#E1EDC9;
}

ul.btnplan a.roomb {
	background-color:#D7FDD7;
}
ul.btnplan a:hover.roomb {
	background-color:#C9EDC8;
}

ul.btnplan a.roomc {
	background-color:#D9FFED;
}
ul.btnplan a:hover.roomc {
	background-color:#C8EDDB;
}

ul.btnplan a.roomd {
	background-color:#D9EDFF;
}
ul.btnplan a:hover.roomd {
	background-color:#C9DDEE;
}

ul.btnplan a.roome {
	background-color:#D7D7FD;
}
ul.btnplan a:hover.roome {
	background-color:#CBCAEF;
}



#plansright {
	padding: 0px 0px 0px 10px;
	float: right;
	width:420px;
}

#plansleft {
	padding: 0px 10px 0px 0px;
	float: left;
	width:420px;
}

table.plans {
	width:420px;
}

table.plans td{
	padding: 5px 3px 5px 3px;
	border-bottom: solid #333333 1px;
}

table.plans th{
	padding: 7px 3px 7px 3px;
	border-top: solid #333333 2px;
	border-bottom: solid #333333 1px;
	background-color: #EFEFEF;
	font-weight: normal;
}

.plans a{
	display: block;
}

#designread {
	padding: 40px 40px 20px 40px;
	background-image: url(../img/designimg.jpg);
	background-repeat: no-repeat;
	background-position: 426px 40px;
}
.designread {
	width: 330px;
}
#specread {
	padding: 40px 40px 20px 40px;
	background-image: url(../img/spec_danmen.gif);
	background-repeat: no-repeat;
	background-position: 426px 110px;
}
.spec {
	width: 350px;
}
.spec h2 {
	padding: 0px 0px 10px 0px;
}


table.event {
	width:860px;
	margin-bottom:20px;
}

table.event td{
	padding: 10px 20px 5px 20px;
	border-top: solid #EEE 1px;
}

table.event th{
	padding: 10px 20px 7px 0px;
	border-top: solid #EEE 1px;
	font-weight: normal;
	width:60px;
	vertical-align:top;
}




a.btnl {
width:176px;
height:22px;
padding:10px 0px 0px 24px;
overflow:hidden;
display:block;
text-align:left;
font-size:12px;
color:#333;
background-image:url(../img/bgbtn.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
line-height:1em;
}


a:hover.btnl {
background-position:0px -32px;
color:#333;
}