/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */

body {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	color:#333333;
	line-height:180%;
}
a {color: #666666;}
a:visited {color:#666666;}
a:hover {color: #FF9900;}
a:active { color:#000000;}

.Hover {margin:0; padding:0;}

img {
margin:0;
padding:0;
border:none 0px;
}


/* ----------共通パーツ-------------- */






#main #content h1 {
padding:30px 0 20px 0;
margin:0;
}

#main #content h2 {
width:680px;
padding:0 0 20px 0;
margin:0;
}

#main #content h3 {
width:680px;
padding:0 0 20px 0;
margin:0;
}


#main #content .txt_box {
width:680px;
padding:0 0 20px 0;
margin:0; }


.graph{
width:680px;
text-align:center;
margin:0 0 20px 0;
}


.pagetop{
padding:10px;
text-align:right;
font-size:10px;
}

.pagetop a{
color: #666666;
text-decoration:none;
}

.pagetop  a:hover {
color: #FF9900;
}

.clear {
	clear:both;
}

/* ----------container to center the layout-------------- */
#container {
width: 100%;
margin: 0 auto;
background-color: #DFDFDF;
}

#container2 {
width: 100%;
margin: 0 auto;
background-color: #DFDFDF;
}


/* ----------ヘッダ-------------- */

#header {
	width:100%;
	height:115px;
	background-image:url(../share_images/head_bg.jpg);
	background-repeat:repeat-x;
	padding: 0px;
	margin: 0 auto;
}

#header_in {
width:950px;
padding: 0px;
margin: 0 auto;
}

#seotxt{
float:left;
width:250px;
padding-top:20px;
_padding-top:20px;
margin:0 0 0 15px;
font-size:10px;
color:#FFFFFF;
font-weight:normal;
line-height:140%;
}


#header .logo{
float:left;
font-size:9px;
color:#999999;
clear:both;
font-weight:normal;
width:281px;
margin-top:14px;
margin-bottom:15px;
}


#header .h_menu{
width:402px;
float:right;
margin-top:14px;
_margin-top:14px;
margin-bottom:10px;
_margin-bottom:0px;
}

#header .h_menu ul{
list-style-type:none;
margin:0;
padding:0;
}

#header .h_menu li{
float:left;
margin:0;
padding:0;
}


#header .g_menu{
margin:0;
_margin:0;
padding:0;
}

#header .g_menu ul{
list-style-type:none;
margin:0;
padding:0;
clear:both;
}

#header .g_menu li{
float:left;
margin:0;
padding:0;
}



/* -----------------メインカラム--------------------- */
#main {
	width:950px;
	padding: 0;
	margin: 0px auto;
	}




/* -----------------コンテンツ--------------------- */
#content {
	background-color:#DFDFDF;
	width:950px;
	padding: 0px;
	margin: 0 0 20px 0;
}


#contentan {
	width:950px;
	padding: 0px;
	margin: 0 0 20px 0;
}

#contentan.answer{
	background-image: url(../answer/images/answer_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom
}

#content.location{
	background-image: url(../areaguide/images/location_bg.jpg);
	background-repeat: no-repeat;
	background-position:500px 1050px
}

#content.garden{
	background-image: url(../garden/images/garden_bk.jpg);
	background-repeat: no-repeat;
	background-position:350px 600px
}

#content.design{
	background-image: url(../design/images/design_bk.jpg);
	background-repeat: no-repeat;
}

#content.modelroom{
	background-image: url(../modelroom/images/modelroom_bk.jpg);
	background-repeat: no-repeat;
}

#content.plan{
	background-image: url(../plan/images/plan_bk.jpg);
	background-repeat: no-repeat;
	background-position: right bottom
}
#content.hospitality{
	background-image: url(../hospitality/images/equipment_bk.jpg);
	background-repeat: no-repeat;
	background-position: right bottom
}
#content_in {
	width:880px;
	padding: 0px;
	margin: 0 auto 10px auto;
}
#content_in .column1{
	width: 880px;
	text-align: left;
	font-size: 14px;
	line-height: 160%;
	float: left;
	margin-bottom: 30px;
}
#content_in .column1plan{
	width: 880px;
	text-align: left;
	font-size: 14px;
	line-height: 160%;
	float: left;
	background-color: #FFF;
}


#content_in .column2a{
	width: 640px;
	float: left;
}

#content_in .column2b{
	width: 220px;
	text-align: left;
	font-size: 12px;
	line-height: 110%;
	float: right;
	margin-left:20px;
}


#content_in .column2c{
	width: 430px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}


#content_in .column2d{
	width: 660px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}



#content_in .column3a{
	width: 280px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
	margin-top: 20px;
	margin-right: 20px;
}

#content_in .column3b{
	width: 280px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
}

#content_in .column4a{
	width: 215px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
	margin-top: 20px;
	margin-right: 5px;
}

#content_in .column4b{
	width: 215px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
}

#content_in .column4a2{
	width: 202px;
	text-align: left;
	font-size: 12px;
	line-height: 160%;
	float: left;
	margin-top: 20px;
	margin-right: 23px;
}

#content_in .column4b2{
	width: 202px;
	text-align: left;
	font-size: 12px;
	line-height: 160%;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
}

#content_in .columnplana{
	width: 410px;
	height: 250px;
	text-align: right;

	float: left;
	margin-top: 20px;
	margin-right: 0px;
	background-color: #FFF;
	padding: 10px;
}

#content_in .columnplana .text{
	width: 200px;
	text-align: left;
	font-size: 12px;
	line-height: 140%;
	float: left;
}

#content_in .readcopy{
	width: 700px;
	text-align: left;
	margin-bottom: 20px;
	float:left
}


#content_in .answerback{
	width: 166px;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 3;
	float:right
}


#content_in .shiyoubutton{
	width: 248px;
	text-align: right;
	margin-bottom: 10px;
	margin-right: 3;
	float:right
}


.bnrlink{
	width:950px;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

.bnrlink ul{
padding:0;
margin:0;
}

.bnrlink li{
padding:0;
margin:0;
list-style-type:none;
float:left;
}



.bnrlink2 {
	width:950px;
	padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


.bnrlink2 dl {
margin:0;
padding:0;
}

.bnrlink2 dt {
float:left;
margin:0 10px 0 0 ;
padding:0;
}

.bnrlink2 dd {
float:left;
width:230px;
margin:0;
vertical-align: top;
}

.bnrlink2 dd a {
color:#666666;
}

.bnrlink2 dd a:hover {
color: #333333;
}

.outlineBox{
	background-color: #FFF;
	border: 1px #ff0000 solid;
	border: 1px #E3E3E3 solid;
 border-collapse: collapse;
 border-spacing: 0;

	
}

.outlineBox th{
    padding: 8px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

.outlineBox td{
	   padding: 8px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
}


.f10{
	font-size: 10px;
	line-height: 150%;
}


.f12{
	font-size: 12px;
	line-height: 150%;
}




/* -----------フッタ--------------------------- */
#footer {
border-top:#CCCCCC 1px solid;
clear: both;
width:100%;
background-color: #FFFFFF;
padding: 10px 0 10px 0;
margin: 10px auto 0 auto;
 }

#footer_in {
width:950px;
background-color: #FFFFFF;
padding: 10px 0 30px 0;
margin: 0 auto;
 }

#copyright {
	color: #666666;
	float:right;
	font-size:10px;
	margin: 0;
	padding:0;
	clear: both;
	text-align:right;
	width: 600px;
 }

#f_menu {
width:390px;
font-size:10px;
margin: 0;
padding:0;
 }
	
 
 
#f_menu ul {
margin: 0;
padding:0;
 }

#f_menu li {
float:left;
margin: 0;
padding:0;
list-style-type:none;
 }
 
#f_menu2 {
float:right;
width:540px;
font-size:10px;
margin: 0;
padding:0;
 }
 
 
#f_menu2 ul {
margin: 0;
padding:0;
 }

#f_menu2 li {
float:left;
margin: 0;
padding:0;
list-style-type:none;
 }

 
#f_menu a {
color: #666666;
text-decoration:none;
}

#f_menu a:hover {
color: #FF9900;
}



#f_link {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
color:#666666;
width:950px;
text-align:center;
}
	
		
#f_link a {
	color: #666666;
	text-decoration:none;
}

#f_link a:hover {
	color: #333333;
	text-decoration:underline;
}