@charset "utf-8";
/* CSS Document */

/*サイト全体*/
#all {
	width: 880px;
	margin: 0 auto;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}

body {
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	color: #333333;
	font: 12px "メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro",Osaka;
	text-align: center;
}


h1 {
	font-size:10px;
	font-weight: lighter;
	margin-top: 0px;
	color: #FFFFFF;
	padding-top: 7px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
}

p {
	line-height: 130%;
	color: #333333;
	font-weight: normal;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 5px;
}

p.guide {
	font-size: 12px;
}

p.guide_ad {
	font-size: 12px;
	margin-left:50px;
}

a:link {
	color : #333333;
	text-decoration:none;
        }

a:visited {
	color:#333333;
	text-decoration:none;
		   }

a:hover {
    color:#999999;
	text-decoration:underline;
		}  	
		
a:active {
	text-decoration:underline;
	color: #CCCCCC;
		}  			
		
.top_logo {
	float: left;
}
.free_dial {
	float: right;
}
#header {
	background-color: #E7E7E7;
	margin: 0 auto;
	background-image: url(img/bg_header.gif);
	width: 100%;
}

#menu800 {
	clear: left;
	width: 900px;
	margin: 0 auto;
}

img {
	border: 0;
}

img.menu {
	margin: 0;
	margin-right: 0px;
	padding: 0;
}

#content {
	width: 900px;
	margin: 0 auto;
}


#menu_bottom {
	clear:both;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 10px;
	color: #666666;
}



/*ヘッダー　メインメニューボタン　ロールオーバー*/
.m-bar {
	border: 0;
	margin: 0 auto;
	padding: 0;
	width: 900px;
	height: 30px;
	overflow: hidden;
	clear: left;
}

.m-bar img {
	visibility: hidden;
}

.m-bar a,
.m-bar a:link,
.m-bar a:visited {
	background-position: 0px 0px;
	float:left;
}
.m-bar a:focus,
.m-bar a:hover,
.m-bar a:active {
	background-position: 0px 30px;
	float:left;
}

.m-bar .m-top a {
	background-image: url(img/bt_top.gif);
}
.m-bar .m-ma a {
	background-image: url(img/bt_kyakusitu.gif);
}
.m-bar .m-ryo a {
	background-image: url(img/bt_ryokin.gif);
}
.m-bar .m-ser a {
	background-image: url(img/bt_setubi.gif);
}
.m-bar .m-off a {
	background-image: url(img/bt_tejun.gif);
}
.m-bar .m-li04 a {
	background-image: url(img/bt_benri.gif);
}
.m-bar .m-li02 a {
	background-image: url(img/bt_access.gif);
}
.m-bar .m-fuk a {
	background-image: url(img/bt_fuk.gif);
}
.m-bar .m-toi a {
	background-image: url(img/bt_toiawase.gif);
}


/*ヘッダー下・四角ボタン部分*/
#square {
	width: 900px;
	margin: 0 auto;
	padding-bottom: 10px;
}

img.square {
	margin-right: 15px;
}

/*ＲＯ水・プロードＴＶ*/
#ro {
	border:solid 1px #ccc;
	float: left;
	width: 290px;
	height: 110px;
	margin-bottom: 10px;
	margin-right: 10px;
}

#tv {
	border:solid 1px #ccc;
	width: 290px;
	height: 110px;
	margin-bottom: 10px;
	float: right;
}

/*デザインルーム*/
img.design_room {
	float: left;
	margin-right: 10px;
}

p.design_room {
	line-height: 180%;
	color: #333;
	}
	
#design {
	background-color: #FFFFFF;
	height: 320px;
	border: solid #ccc 1px;
	background-image: url(img/bgimg/bodyback02.gif);
	margin-bottom: 15px;
	width: 593px;
	clear: left;

}

#design02 {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
	width: 260px;
	float: right;
	height: 280px;
}

img.design_logo {
	margin-bottom: 20px;
}	
	
/*左ＢＯＸ*/	

#main_left {
	width: 595px;
	padding-bottom: 20px;
	float: left;
	border-right: 1px;
	padding-right: 20px;
	border-right-style: dotted;
	border-right-color: #999999;
}

#service {
	background-color: #FFFFFF;
	text-align: left;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	clear: left;
	border: solid #ccc 1px;
	height: 120%;
}

h2 {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid #390 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}



/*ヘッダー*/
#header800 {
	width: 900px;
	margin: 0 auto;
}

#top_img {
	background-color: #A9C4C2;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0 auto;
}

#top_img800 {
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;
	border: 1px;
	border-color: #666666;
	border-style: solid;
	border-top: 0;
	padding-bottom: 3px;
}

.sitemap {font-size:10px;
          float:right;
		  margin-top:7px;
		  }
		  
a:link.sitemap {color : #fff;
        text-decoration:none;      
        }	
		
a:visited.sitemap {color:#fff;
           text-decoration:none;
		   }
		   
a:hover.sitemap {
	color: #ccc;
	text-decoration:underline;
		}


img.top_delux {
	padding: 10px;
}

#shadow {
	background-image: url(img/bg_shadow.gif);
	height: 20px;
	width: 100%;
	margin-bottom: 5px;
}

/*右ＢＯＸ*/
#right {
	width: 260px;
	float: right;
	margin-top: 0px;
}

img.fukuoka {margin-bottom:15px;
             }
			 
#news {
	margin-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 10px;
	padding-bottom: 10px;
}
.right_bar {
	margin-bottom: 0px;
}

#news_in {
	border: solid #999 1px;
	padding: 10px;
	background-color: #F2F2F2;
	margin: 0;
}

#fukuoka_area {
	padding-top: 10px;
	padding-bottom: 0px;
	border: solid #999999 1px;
	background-color: #F2ECE3;
}

img.news {
	background-color: #FFFFFF;
	padding: 5px;
	border: solid #ccc 1px;
	margin-bottom: 5px;
}

p .camp_title {
	font-size: 14px;
	font-weight: bold;
	color: #FF6600;
	width: 100%;
}

#can_bottom {
	width:260px;
	background:url(img/bgimg/can_bottom.gif) no-repeat 0 100%;
	min-height:100px;
	border: 0;
	margin: 0;
}


#can_top {
	width:260px;
	background:url(img/bgimg/can_top.gif) no-repeat 0 0;
	margin: 0;
	height:10px;
}
p.can {
	color: #666666;
}
#can_in {
	background-color: #FFFFFF;
	padding: 5px;
	width: 240px;
	margin: 5px;
	margin-top: 10px;
}

/*モバイルサイト*/
img.mobile {
	margin-top: 10px;
}

/*他のウィークリーマンションとはここが違う*/
div.kaiteki01 {
	background-image: url(img/bgimg/kaiteki_02.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 595px;
	margin: 0;
	clear: left;
}

div.kaiteki02 {
	width: 553px;
	border-left: solid #ccc 1px;
	border-right: solid #ccc 1px;
	margin: 0;
	padding: 10px 20px 10px 20px;
}

div.kaiteki03 {
	background-repeat: no-repeat;
	height: 12px;
	width: 595px;
	background-image: url(img/bgimg/kaiteki_03.gif);
}

#seo {
	width:900px;
	text-align:left;
	padding: 10px 0px 10px 0px;
	color:#999999;
	font-size:10px;
}

/*フッター*/		
a:link.footer {color : #fff;
        text-decoration:none;      
        }	
		
a:visited.footer {color:#fff;
           text-decoration:none;
		   }
		   
a:hover.footer {
	color: #A9C4C2;
	text-decoration:underline;
		}			

#footer {
	background-color: #4C3F30;
	width: 100%;
	color: #FFFFFF;
	font-size: 10px;
	clear: both;
	padding-bottom: 15px;
}

td.quick_link {
	width: 175px;
	vertical-align: top;
	line-height: 150%;
}

p.footer {
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	text-align: center;
}

table.quick_link {
	font-size:10px;
	color:#fff;
	clear: both;
	background-color: #4C3F30;
				  }

/*客室案内ページここから*/

#roominfo_main {
	width:630px;
	float:left;
	padding-bottom: 30px;
}

#roominfo_right {
	width:260px;
	float:right;
}

/*レンタルオフィスページここから*/

#content_rent_office {
	margin-top: 20px;
	width: 858px;
	margin: 0 auto;
	background-color:#fff;
	padding:20px;
	border:solid #666 1px;
}

#content #content_rent_office #01 {
	float: left;
	width: 33%;
	margin-right:100px;
}
#content #content_rent_office #02 {
	width: 33%;
}
#content #content_rent_office #03 {
	float: right;
	width: 33%;
	margin-left:100px
}

/*サイト管理者ページここから*/

table.admin {
	text-align:left;
	line-height:160%;
	font-size:12px;
	margin-bottom: 40px;
}

th.admin {
	color:#663300;
	background-color:#A9C4C2;
	width:120px;
	border-left: solid 5px #630;
		  }

#yoshikei {
	border: solid 1px #ccc;
	float: left;
	height: 110px;
	width: 290px;
}

#orange_life {
	height: 110px;
	width: 290px;
	border: solid 1px #ccc;
	float: left;
	margin-right: 10px;
}

td.admin {border-bottom:dashed 1px #ccc;
}

#nenkei {
	border:solid 1px #ccc;
	width: 258px;
	height: 98px;
	margin-bottom: 10px;
	margin-top: 10px;
}
#tokutoku {
	height: 98px;
	width: 593px;
	border: solid 1px #ccc;
	margin-bottom: 10px;
	margin-top: 10px;
}
#marutoku img {
	width: 250px;
	margin-bottom: 5px;
}
#marutoku {
	background-color: #CCCCCC;
	border: solid #6EAD3A 1px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#marutoku p {
	width: 240px;
	background-color: #FFFFFF;
	padding: 5px;
}
#design_room {
	margin: 0 auto;
	
}
#blackhead {
	height: 5px;
	width: 800px;
	margin: 0 auto;
	background-image: url(img/bgimg/blackhead.gi);
}
#blakfoot {
	background-image: url(img/bgimg/blackfoot.gi);
	background-repeat: no-repeat;
	height: 5px;
	width: 800px;
	margin: 0 auto;
}

#design_room p {
	width: 250px;
	padding: 25px;
}
#design_room {
	width: 610px;
}
p.d_room {
	width: 250px;
	margin-left: 25px;
}
#newdesign {
	background-image: url(img/design_room/001.gif);
	width: 573px;
	border: solid #ccc 1px;
	padding: 10px;
	margin-bottom: 20px;
	clear: both;
	margin-top: 10px;
}
#droom_header {
	background-image: url(img/design_room/001.gif);
	width: 585px;
	border: solid #ccc 1px;
	padding: 10px;
	margin-bottom: 20px;
	clear: both;
}
address {
	font-size: 12px;
	color: #333333;
}
#access {
	height: 120px;
	width: 555px;
	overflow: auto;
	margin: 15px 0px 15px 0px;
	border: solid #ccc 1px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #F0EBDF;
	padding-top: 10px;
}

#access p {
	background-color: #FFFFFF;
	padding:10px;
}
#sitemap_left {
	width: 275px;
	float: left;
	margin-right: 20px;
	border-right: dashed 1px #ccc;
	padding-right: 20px;
}
#sitemap_right {
	width: 265px;
	float: right;
}
#sitemap_center {
	width: 275px;
	float: right;
	margin-right: 20px;
	border-right: dashed 1px #ccc;
	padding-right: 20px;
}
#mobileqr {
	height: 200px;
	width: 200px;
	border: solid 1px #ccc;
	padding: 20px;
	margin-left: 25px;
	font-size: 10px;
}
div.send {
	width: 550px;
}

.form table{
font-size:12px;
text-align:left;
}
#blog_enter {
	height: 78px;
	width: 258px;
	border: #ccc 1px solid;
}
td .text_left {
	text-align: left;
}
#content .text_left td {
	text-align: left;
}
p.s_corse {
	text-align: center;
}
.m-bar .m-top img {
	border: 0;
}
p.adr {
	text-align: center;
}
#content #main_left .type {
	margin-bottom: 10px;
	border: 1px solid #ccc;
}
#content .toku6 {
	margin: 20px;
	border: 1px #ccc solid;
}

#content #right .r_banner {
	margin-top: 10px;
}
#s_text {
	font-size: 10px;
	color: #999999;
	margin-top: 15px;
	text-align: left;
}
#camp img {
	width: 593px;
	border: solid 1px #ccc;
	margin-bottom: 10px;
}

table.ryo02 {
	font-size:10px;
}