@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

body{
	background:#E6E0D4;
	color:#666;
	text-align:center;
	font-size:85%;
	line-height:1.5;
	/*\*/
	letter-spacing:0.1em;
	/**/
	}
	
body { font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif; }

	
a { text-decoration: underline;	}
a:link, a:visited, a:active { color: #3598AC;}
a:hover { color: #9cc; }

a img ,img { border:none; vertical-align: top; }
	
h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form, input{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}
	
h1{ width:880px; text-align:left; font-size:10px; margin:6px auto;}
#headinfo{  width:880px; text-align:right; margin:auto;}
#headinfo img { margin-left:20px;}

#wrapper { width:892px; margin:auto; background:url(../img/bg_m.gif) repeat-y;}
#contents{ width:860px; margin:16px auto 0px; text-align:left;}
#bg{ background:url(../img/bg_b.gif) no-repeat bottom; padding-bottom:20px;}
#conBox { width:620px; float:left;}
/*#conBox { width:620px;}*/

#header { background:url(../img/bg_t.gif) no-repeat top center;}
#header h2 { padding-top:26px;}
	
#naviBox { width:200px; float:left; margin-right:25px; }
/*#naviBox { width:200px; margin-right:25px; }*/
#navi { background:#F7F4EE; padding-bottom:4px; margin-bottom:14px;}
#navi ul { margin-top:10px; margin-bottom:6px; width:190px;}
#navi ul li { list-style:none; padding-left:20px; background:url(../img/ico_li_b.gif) no-repeat 8px 4px; padding-bottom:4px;}

#naviOr ul { margin-bottom:10px;}
#naviOr ul li { list-style:none; padding-left:20px; background:url(../img/ico_li_o.gif) no-repeat 8px 4px; padding-bottom:4px;}


#top .mainTxt{ padding:6px 8px; color:#fff; background:#1A4701;}

#top #topics{ color:#482400; margin-top:20px;}
#top #topics .left{ width:335px;}

#top #style { clear:both; margin-top:30px;}
#top #style h2 { margin-bottom:15px;}
#top #style div{ width:205px; float:left; margin-right:1px;}
#top #style div.mm{ margin-top:15px;}
#top #style .txt{ padding:6px;}

#top #interior { color:#c60;}
#top #interior h2 { margin-bottom:15px; }
#top #interior strong{ color:#930;}

#top #interior strong a:link, #top #interior strong a:visited, #top #interior strong a:active { color: #930;}
#top #interior strong a:hover { color: #963; }

#top #interior .inBox01{ width:294px; float:left; clear:both; padding-bottom:10px;}
#top #interior .inBox02{ width:294px; float:right;padding-bottom:10px;}
#top #interior .inBox01 img, #top #interior .inBox02 img { padding-right:10px;}

#top #column h2 { margin-bottom:15px; }
#top #column .right{ width:360px;}

#footBox{  background:#E6E0D4; padding:15px; text-align:center;}


.mainTxt{ background:#F7F4EE; color:#FF6699; padding:8px 10px; margin-bottom:30px; border-top:1px solid #B2A587;border-bottom:1px solid #B2A587;}
.mainTxt02{ padding:0px 10px 10px; margin-bottom:30px; border-bottom:1px solid #B2A587;}
h2.line, h3.line{ clear:both; background:url(../img/h3_line.gif) repeat-x bottom; padding-bottom:6px; padding-left:8px; font-size:120%; color:#482400; font-weight:bold; margin-bottom:15px;}
h3.opline{ clear:both; background:url(../img/h3_line.gif) repeat-x bottom; padding-bottom:6px; padding-left:8px; font-size:120%; color:#482400; font-weight:bold; margin-bottom:15px;}

ul.icoBw li { list-style:none; padding-left:20px; background:url(../img/ico_li_bw.gif) no-repeat 8px 4px; padding-bottom:4px; margin-left:20px;}

h3.bwb, h4.bwb{ color:#482400; font-weight: bold; border-bottom:1px dashed #B2A587;}
ol.no{ list-style:inherit; padding-left:24px;margin-left:20px; color:#482400;}




/* Villa Design Basisi
---------------------------------------------------- */
.dbphotoTxt{ width:370px; float:left;}
.dbphoto{ width:220px; float:right; text-align:right;}
.profile { width:410px;}
.profile h4{ font-weight:bold; color:#596941;}
.profile p{ margin-bottom:15px;}

/* Villa Design Option
---------------------------------------------------- */

.optionTxt{ width:460px; float:right;}




/* Other
---------------------------------------------------- */
.company { border-collapse:collapse;}
.company td{ padding:4px 6px; border:1px solid #eee;}
.company th{ padding:4px 6px; text-align:left; border:1px solid #eee; background:#F7F4EE; color:#482400; }
.company caption{ font-weight:bold;}

/* オンラインフォーム
---------------------------------------------------- */
#onlineForm {width: 100%; margin-top: .5em; margin-bottom: 1.5em;}
#onlineForm td div{ margin-top:4px; margin-bottom:4px;}
#onlineForm th,
#onlineForm td {
	padding: 6px;
	border: 1px solid #fff!important;
	}
#onlineForm th {
	width: 10em;
	background: #ccc;
	text-align: center;
	}
#onlineForm td {
	background: #f2f2f2;
	}
.bigB01{ font-size:150%; color:#C00; font-weight:bold;}

.w50{width:50px;}
.w200{width:200px;}
.w300{width:300px;}

/* スペース関連
---------------------------------------------------- */

.mb05{	margin-bottom:05px;}	
.mb10{	margin-bottom:10px;}	
.mb15{	margin-bottom:15px;}	
.mb20{	margin-bottom:20px;}
	
.mt05{	margin-top:5px;}
.mt10{	margin-top:10px;}
.mt15{	margin-top:15px;}
.mt20{	margin-top:20px;}
.mt30{	margin-top:30px;}

.mr10{ margin-right:10px;}
.mr30{ margin-right:30px;}
.mr50{ margin-right:50px;}

/* その他
---------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clr{clear:both; visibility: hidden; min-height: 0; height: 0; width:0;}
.left{float:left;}
.right{float:right;}

.toLeft, th.toLeft, td.toLeft {text-align:left;}
.toRight, th.toRight, td.toRight {text-align:right;}
.toCenter, th.toCenter, td.toCenter {text-align:center;}