@charset "UTF-8";



/*----------------------------------------------------------
共通
------------------------------------------------------------ */
body{
margin:0;
background-image:url('../imgb/bg.jpg');
background-repeat: repeat-x;
background-color:#a18860;
font-size:10px;
_font-size:62.5%;
line-height:1.6;
font-family: "ＭＳ ゴシック", Osaka, "ヒラギノゴシック W5", "中ゴシック体",  "ＭＳ Ｐゴシック";
padding:0;
margin:0;
color:#333;
}

/*
*{
margin:0px;
padding: 0px;
font-size: 100%;
list-style: none;
}*/


*:first-child+html body{font-size: 62.5%;}/* for IE7 */
* html body{font-size: 62.5%;}/* for IE5-6 */

h1,h2,h3,h4,h5{
margin:0;
}

img{
border:0;
margin:0;
padding:0;
}

.fnt12{font-size:1.2em;}
.fnt14{font-size:1.4em;}
.fnt15{font-size:1.5em;}
.fnt16{font-size:1.6em;}
.fnt18{font-size:1.8em;}

.fnt12m{font-size:1.2em;font-family: "ＭＳ 明朝","HGP明朝B";}
.fnt14m{font-size:1.4em;font-family: "ＭＳ 明朝","HGP明朝B";}
.fnt15m{font-size:1.5em;font-family: "ＭＳ 明朝","HGP明朝B";}
.fnt16m{font-size:1.6em;font-family: "ＭＳ 明朝","HGP明朝B";}
.fnt18m{font-size:1.8em;font-family: "ＭＳ 明朝","HGP明朝B";}


/*蛍光ペン*/
.pen{
background-color:#ff0;
padding:2px;
}

.red{color:#990000;}


a:link{color:#000099;text-decoration:underline;}
a:visited{color:#000099;text-decoration:underline;}
a:hover{color:#990000;text-decoration:underline;}
a:active{color:#990000;text-decoration:underline;}


#btn_faq{
width:600px;
margin:0px;
padding:0px 0px 10px;
}

#btn_faq img{
float:right;
}

.clr{
clear:both;
}

/*clearfixハック
------------------------------------------------------------ */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block; min-height: 1%;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*clearクラス
====================*/
.clr { clear:both; font-size:1px;}

div.clear {
	display:none;
	clear: both;
}

div.clear-r {
	clear: right;
}

div.clear-l {
	clear: left;
}


br.clear {
	clear: both;
}


#container{
width:718px;
margin:20px auto;
border:1px solid #999;
}



/*ヘッダ
====================*/
#header{
width:718px;
height:238px;
margin:0;
padding:0;
}

#top{
width:718px;
margin:0;
padding:0;
}

.about{
background:url(../imgb/hd02.jpg) no-repeat;
margin:0;
padding:0;
}

.kodawari{
background:url(../imgb/hd_kodawari.jpg) no-repeat;
margin:0;
padding:0;
}

.faq{
background:url(../imgb/hd_faq.jpg) no-repeat;
margin:0;
padding:0;
}

.owner{
background:url(../imgb/hd_owner.jpg) no-repeat;
margin:0;
padding:0;
}

.premium{
background:url(../imgb/hd_premium.jpg) no-repeat;
margin:0;
padding:0;
}

.zegna{
background:url(../imgb/hd_zegna.jpg) no-repeat;
margin:0;
padding:0;
}

.privacy{
background:url(../imgb/hd_privacy.jpg) no-repeat;
margin:0;
padding:0;
}

#logo{
padding-top:5px;
}

/*ナビゲーション
====================*/

div#navigation { width: 718px; height:25px; border:none; margin:0px; padding: 0px;}

div#navigation ul#mainmenu { width:718px; height:25px; list-style-type:none; margin:0px;padding:0px; }
div#navigation ul#mainmenu li { display:block; float:left; }
div#navigation ul#mainmenu li a img { border:none; }
div#navigation ul#mainmenu li a { display:block; height:25px; }

div#navigation ul#mainmenu li a.navi01 { background:url(../imgb/navigation.gif) no-repeat left top; width:93px; }
div#navigation ul#mainmenu li a.navi02 { background:url(../imgb/navigation.gif) no-repeat -93px 0px; width:99px; }
div#navigation ul#mainmenu li a.navi03 { background:url(../imgb/navigation.gif) no-repeat -192px 0px; width:139px; }
div#navigation ul#mainmenu li a.navi04 { background:url(../imgb/navigation.gif) no-repeat -331px 0px; width:99px; }
div#navigation ul#mainmenu li a.navi05 { background:url(../imgb/navigation.gif) no-repeat -430px 0px; width:149px; }
div#navigation ul#mainmenu li a.navi06 { background:url(../imgb/navigation.gif) no-repeat right 0px; width:139px; margin-right:0px;}


div#navigation ul#mainmenu li a.navi01:hover { background:url(../imgb/navigation.gif) no-repeat left bottom; width:93px; }
div#navigation ul#mainmenu li a.navi02:hover { background:url(../imgb/navigation.gif) no-repeat -93px bottom; width:99px; }
div#navigation ul#mainmenu li a.navi03:hover { background:url(../imgb/navigation.gif) no-repeat -192px bottom; width:139px; }
div#navigation ul#mainmenu li a.navi04:hover { background:url(../imgb/navigation.gif) no-repeat -331px bottom; width:99px; }
div#navigation ul#mainmenu li a.navi05:hover { background:url(../imgb/navigation.gif) no-repeat -430px bottom; width:149px; }
div#navigation ul#mainmenu li a.navi06:hover { background:url(../imgb/navigation.gif) no-repeat right bottom; width:139px; margin-right:0px;}


div#navigation ul#mainmenu li a.navi01on { background:url(../imgb/navigation.gif) no-repeat left bottom; width:93px; }
div#navigation ul#mainmenu li a.navi02on { background:url(../imgb/navigation.gif) no-repeat -93px bottom; width:99px; }
div#navigation ul#mainmenu li a.navi03on { background:url(../imgb/navigation.gif) no-repeat -192px bottom; width:139px; }
div#navigation ul#mainmenu li a.navi04on { background:url(../imgb/navigation.gif) no-repeat -331px bottom; width:99px; }
div#navigation ul#mainmenu li a.navi05on { background:url(../imgb/navigation.gif) no-repeat -430px bottom; width:149px; }
div#navigation ul#mainmenu li a.navi06on { background:url(../imgb/navigation.gif) no-repeat right bottom; width:139px; margin-right:0px;}

#mainarea{
width:718px;
background-color:#E9E2D0;
padding-bottom:3px;
}


#contents{
width:600px;
margin:auto;
background-color:#F3EFE4;
}

#topwrap{
width:680px;
margin:auto;
padding:20px 0px;
}

#topleft{
float:left;
width:380px;
}

#topleft p{
width:350px;
padding:0px;
margin:5px 0px 10px;
}

h2.top{
font-size:1.4em;font-family: "ＭＳ 明朝","HGP明朝B";
color:#990000;
}


#topright{
float:right;
width:300px;
}

.top_bnr{
margin-bottom:10px;
}

.toplead{
margin-bottom:10px;
}

#premium_contents{
width:586px;
height:616px;
margin:10px auto;
background:url('../img/premium_bg.jpg') no-repeat;
}

#premium_contents2{
width:540px;
height:616px;
margin:10px auto;
background:url('../img/premium_bg2.jpg') no-repeat;
}

.premium01{
width:500px;
margin:auto;
text-align:left;
font-size:12px;
line-height:1.6em;
padding-top:58px;
}

.premium02{
width:500px;
margin:auto;
text-align:left;
font-size:12px;
line-height:1.6em;
padding-top:30px;
}

#textarea{
width:520px;
margin:auto;
padding:20px;
}

#ttl{
width:600px;
margin:0px auto 3px;
padding-top:15px;
}

#footer{
clear:both;
height:40px;
border-top:1px solid #666;
background:#D4CAB1;
}

#ft_wrap{
width:685px;
margin:10px auto 0px;
}

#copyright{
float:right;
}

#ft_link{
}

#ft_link ul{
float:left;
margin:0;
padding:0;
}

#ft_link li{
display:block;
float:left; 
margin-right:20px;
}





/*----------------------------------------------------------
about
------------------------------------------------------------ */

#about{
width:540px;
margin:auto;
padding-top:10px;
}


table.outline{
clear:both;
width:560px;
margin:5px auto;
border:0;
padding:20px;
}

td.outline_l{
width:80px;
vertical-align:top;
font-size:1.2em;
}

td.outline_r{
width:480px;
vertical-align:top;
font-size:1.2em;
}

/*----------------------------------------------------------
privacy
------------------------------------------------------------ */
.privacy_tbl{
width:540px;
margin:10px auto;
/*border:1px solid #d4cab1;*/
padding:0px;
border-collapse: separate;
border-spacing:2px;
}

.privacy_tbl th{
text-align:left;
background-color:#e9e2d0;
padding-left:15px;
/*border:1px solid #d4cab1;*/
border-spacing:2px;
}

.privacy_tbl td{
padding:10px;
/*border:1px solid #d4cab1;*/
background-color:#ffffff;
border-spacing:2px;
}

/*----------------------------------------------------------
faq
------------------------------------------------------------ */


p.q{
background:url(../imgb/faq_q.jpg) no-repeat;
padding-left:28px;
font-weight:bold;
font-size:12px;
height:23px;
border-bottom:1px dotted #ccc;
}

p.a{
background:url(../imgb/faq_a.jpg) no-repeat;
padding-left:28px;
font-size:12px;
}






/*----------------------------------------------------------
owners
------------------------------------------------------------ */

.voice_headline{
width:520px;
margin:0px auto;
padding-top:20px;
padding-bottom:20px;
border-bottom:1px solid #b39f7d;
/*padding-bottom:5px;*/
/*border-bottom:1px solid #e9e2d0;*/
}


.voice{
clear:both;
width:520px;
margin:0px auto 20px;
padding:15px 0px;
background-image:url('../img/owners_bg.gif');
background-repeat:no-repeat;
background-position:right bottom;
border-bottom:1px solid #b39f7d;

}

.voice_ttl{
border-bottom:1px dotted #ccc;
color:#990000;
font-size:14px;
font-weight:bold;
margin-bottom:5px;
}

.voice_name{
color:#000000;
font-weight:normal;
}

.voice img{
float:right;
padding:5px;
}

#product{
width:500px;
margin:10px;
}

.kodawari_wrap{
width:500px;
margin:10px;
}

#product_left{
width:200px;
float:left;
padding-top:10px;
}

#product_left img{
padding-bottom:10px;
}

#product_right{
width:290px;
float:left;
padding-left:10px;
}

#kodawari_left{
width:180px;
float:left;
padding-top:10px;
}

#kodawari_right{
width:310px;
float:left;
padding-left:10px;
}

.product_submenu{list-style-type:none; margin:0px;padding:10px 0px; }
ul.product_submenu li { display:block; float:left; }
ul.product_submenu li a img { border:none; }
ul#.product_submenuli a { display:block; height:25px; }

#toroku{
text-align:center;
}

#toroku img{
padding:5px;
}


#toroku a:hover{position:relative;left:1px;top:1px;}

.form_text{
width:520px;
margin:auto;
}

.form_map{
width:510px;
margin:10px auto;
border:1px solid #ccc;
padding:15px;
background:url(../imgb/form_shimizu.jpg) bottom left no-repeat;
}

.form_map_l{
width:260px;
float:left;
}

.form_map_r{
width:230px;
float:right;
}

.form_print{
float:right;
padding:5px;
}

#calender{
width:510px;
margin:auto;
}

.recom_wrap{
clear:both;
width:540px;
margin:10px auto;
padding-top:10px;
}

#recom_l{
width:335px;
float:left;
}

#recom_r{
width:165px;
float:right;
}

#sitemap_l{
float:left;
width:250px;
font-size:1.4em;
}

#sitemap_r{
float:right;
width:250px;
font-size:1.4em;
}


/*----------------------------------------------------------
sample
------------------------------------------------------------ */
.sample_tbl{
width:520px;
margin:10px auto;
/*border:1px solid #d4cab1;*/
padding:0px;
border-collapse: separate;
border-spacing:2px;
}

.sample_tbl th{
text-align:left;
background-color:#e9e2d0;
padding-left:15px;
/*border:1px solid #d4cab1;*/
border-spacing:2px;
}

.sample_tbl td{
padding:10px;
/*border:1px solid #d4cab1;*/
background-color:#ffffff;
border-spacing:2px;
}


/*--blog-------------------------------------------*/

#topwrap_b{
width:680px;
margin:auto;
padding:20px 0px;
background-color:#F3EFE4;
}

#topright_b{
float:right;
width:180px;
padding:0 10px 0 0;
}

#topleft_b{
float:left;
width:450px;
padding:0px 10px;
}

.post {
margin: 0 0 40px;
text-align: justify;
padding-top: 5px;
border-bottom:1px dotted #ccc;
padding-bottom:10px;

}

.post h2{
padding-left:15px;
border-left:6px solid #333;
margin-bottom:10px;
clear:both;
font-size:1.6em;
}


.post h3{
padding-left:15px;
border-left:6px solid #333;
margin-bottom:10px;
clear:both;
}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}
	
.entry p{
font-size:1.2em;
line-height:130%;
margin-bottom:2em;
}

.postmetadata {
color:#999;
	}

.postmetadata a{
color:#999;
	}
	
.postmetadata {
	padding-top: 5px;
	}
.postmetadata {
	clear: left;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

.blognavi {
	display: block;
	text-align: center;
	padding-bottom: 60px;
	}
	
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.menu{
width:180px;
margin:10px auto 0px;
padding:0px;
}

.menuarea{
margin:1px auto 10px;
width:180px;
font-size:1.2em;
}

.menuarea li{
list-style-type:disc;
}

.menuarea ul{
padding:0 0 10px 10px;}

.blogdate{
text-align:right;
font-size:1.2em;
}

#blog_img{
clear:both;
width:730px;
margin:10px auto 0px;
}

ul{
padding:0;
margin:0;}

#contact{
width:450px;
padding:0px;
}

h2.pagetitle{
font-size:1.4em;
margin-bottom:15px;
color:#99999a;
}

