/* layout*/
html{height:100%;scrollbar-base-color:#eeebe6;}

body{background-color:#eeebe6;margin:0px;padding:0px;text-align:center;height:100%;font-style:normal;font-size:13px;color:#333;font-family:"Times New Roman", "Arial", "Helvetica", "Geneva", "游明朝", "YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E", "ＭＳ Ｐ明朝";}

/*"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;*/

a:active {font-size: 13px; color:#333; text-decoration: none;}
a:link {font-size: 13px; color:#333; text-decoration: none;}
a:visited {font-size: 13px; color:#333; text-decoration: none;}
a:hover {font-size: 13px; color:#666; text-decoration: none;}
img{border:0px;}

/* wrapは中央配置*/
#wrap{height:100%;position:relative;width:800px;background-color:#eeebe6;margin:0px auto;text-align:left;}

/* head*/
#head{width:800px;height:220px;}

/* left磯建築設計事務所タイトル*/
#left{width:200px;float:left;margin-top:0px;margin-left:0px;}

#tit{margin-top:0px;margin-left:50px;}

/* right*/
#right{width:300px;float:left;margin-top:0px;margin-left:100px;margin-right:150px;}
.navmargin{margin-top:0px;margin-left:50px;} 
/* 第2階層nav */
#nav{width:300px; float:left; margin-top:50px;margin-left:300px;margin-right:150px;}
.navmargin_a{margin-top:0px;margin-left:140px;} 

/* right box */
#nav2{width:600px; float:left; margin-top:0px} 

/* foot*/
#foot{position:relative;width:100%;clear:both;}

/* footer*/
* html div#container{height:100%;}
div#container{width: 100%;margin:0px auto;position:relative;min-height: 100%;}
body > #container {height: auto;}
#footer{position:absolute;bottom:0px;height:30px;width:100%;margin-left:50px;}

/* 2 ABOUT--*/
#con-A{width:600px; float:left;margin-left:0px;margin-right:0px;}
p.txt-f{margin-top:10px;line-height:200%;}
strong.ttl-f {text-align:left; border-left:solid 4px #cecbc6; display:block; padding:2px 5px; margin-top:40px;}
.p_photo{margin-top:0px;margin-right:20px; float:right;} 
.mail{margin-top:5px;} 

.boxL {
 width:70px;
 height:30px;
 margin-top:0px;margin-left:0px;
 float:left; 
 }

.boxR {
 width:450px;
 height:30px;
 margin-top:0px;margin-left:10px;
 float:left; 
 }







/* ul.mar li{margin-bottom: 10px;}*/

/* 2 RQUEST--*/
strong.ttl-r {text-align:left; border-left:solid 4px #cecbc6; display:block; padding:2px 5px; margin-top:6px;}
strong.ttl-rtop {text-align:left; border-left:solid 4px #cecbc6; display:block; padding:2px 5px; margin-top:10px;}
.b {font-weight: bold;}
p.b-f {font-weight: bold; margin-top:30px;margin-bottom:10px;}
.mail2{margin-top:5px;} 

/* 2 Works--*/
.box1 {
 width:136px;
 height:148px;
 margin-top:30px;margin-left:0px;
 float:left; 
 }

.box2 {
 width:136px;
 height:148px;
 margin-top:30px;margin-left:60px;
 float:left; 
 }

.box3 {
 width:136px;
 height:148px;
 margin-top:30px;margin-left:60px;
 float:left; 
 }
 
 .box4 {
 width:600px;
 height:148px;
 margin-top:30px;margin-left:0px;
 float:left; 
 }
 
.clear {clear:both;}

p.w-read{
	margin-top:5px;
	margin-left:0px;
	margin-bottom:0px;
}

p.w-read2{
	margin-top:5px;
	margin-left:0px;
	color:#858588;
	font-size:10px;
}

p.w-read3{
	margin-top:4px;
	margin-left:0px;
	color:#858588;
}

.w-read_s {
	font-size: 10px;
}
.imgmargin{margin-bottom:15px;} 
p.read{
	margin-top:10px;
	margin-left:0px;
	font-size:13px;
	font-weight:bold;
}
.backindex{margin-top:0px;margin-right:0px;float:right;} 


/* 2 Contact--*/
p.txtthx{margin-top:50px; margin-left:0px;margin-bottom:10px; line-height:200%;}

<style type="text/css">

/* 2 contact form--*/
/* body --*/
strong.ttl {text-align:left; border-left:solid 4px #cecbc6; display:block; padding:2px 5px; margin-top:2em;}
table.form {border:1px solid #000; border-collapse:collapse; margin-top:1em; }
table.form th,td {text-align:left; border:1px solid #ccc; padding:8px; font-weight:normal;}
table.form th {background:#eeebe6;}
table.form td {background:#eeebe6;}

#center3-2{
    float:left;
    width:500px;
		margin-top:20px;
}

p.txt-s{font-size: 12px;line-height:110%;}

/* 3 works --*/
.back{margin-top:0px;float:right;} 
.back_marusu{margin-top:344px;float:right;}
.back_kakio{margin-top:400px;float:right;}
.work_p{margin-top:20px;}
.work_2{margin-top:0px;}

/* とりあえずここまで　--*/



/* 2 rayout--*/


p.maintxt-a{line-height:170%;margin-top:50px;}

/* center2*/
#center2{
    float:left;
    width:300px;
}
#center2-2{
    float:left;
    width:300px;
	margin-top:50px;
}
#center2-plofile{
    float:left;
    width:446px;
	margin-top:30px;
}
/* right2*/
#right2{
	width:300px;
	float:right;
	/*height:700px;*/
	/*background-color:#f0f0f0;*/
}
#right2-2{
	width:300px;
	float:right;
	margin-top:50px;
}

#right2-proma2{
	width:154px;
	float:right;
	margin-top:40px;
}
#right2-proko2{
	width:154px;
	float:right;
	margin-top:60px;
}
#right2-proer2{
	width:154px;
	float:right;
	margin-top:65px;
}
/* contact rayout--*/
/* center3*/
#center3{
    float:left;
    width:500px;
		margin-top:35px;
}



/* right3*/
#right3{
	width:100px;
	float:right;
}
/* logoH*/
div#logoH{
	position:absolute;
	bottom:50px;
	right:0px;}
div#logoH2{
	position:absolute;
	bottom:50px;
	right:0px;}
	
/* 2 project--LAYOUT TXT*/
div#projectxt{
	float:right;
	width:180px;
	margin-top:0px;
	right:0px;
}
/* 1--*/
.imgmargin{margin-top:0px;margin-left:0px; margin-bottom:18px;} 
.imgmargin2{margin-top:0px;margin-left:204px; margin-bottom:5px;}



.bnrmargin{margin-top:50px;margin-left:0px; margin-bottom:0px;}
.txtsub{font-size:10px;color:#666;margin-top:0px;margin-bottom:10px;}
/*.txtunder{margin-top:0px;text-align: right;}*/
.imglogoH{margin-top:0px;text-align: right;}

/* 2 profile--*/
.here {font-size: 12px; color:#000;font-weight: bold;}
#e{
	border:0;
	height:1px;
	color:#e0e2e6;
	background-color:#e0e2e6;
	margin-left:0px;
	width: 290px;
	text-align:left;
	margin-right:auto;}
#e2{
	border:0;
	height:1px;
	color:#e0e2e6;
	background-color:#e0e2e6;
	margin-left:0px;
	width: 430px;
	text-align:left;
	margin-right:auto;}
p.tittxt{
	font-size: 11px;
	margin-top:15px;
	margin-left:0px;
	margin-bottom:6px;
}
p.maintxt{
	font-size: 11px;
	line-height:250%;
}

.s{font-size:10px;}

/* 2 office--*/
.txtunder2{
	font-size:11px;
	line-height:140%;
	margin-top:5px;
	text-align: right;
}


/* 2 contact form
body {font-size:80%; background:#eeebe6; color:#333;}
strong.ttl {text-align:left; border-left:solid 4px #dadcdd; display:block; padding:2px 5px; margin-top:2em;}
table.form {border:1px solid #000; border-collapse:collapse; margin-top:1em; }
table.form th,td {text-align:left; border:1px solid #CCC; padding:8px; font-weight:normal;}
table.form th {background:#eeebe6;}
table.form td {background:#eeebe6;}--*/

/* 2 contact--*/


/* 2 flow--*/


ul.fmar {margin-top:0px;}
li.ftxttit { color:#333; margin:4em; }
#d{
	border:0;
	height:1px;
	color:#e0e2e6;
	background-color:#e0e2e6;
	margin-left:0px;
	width: 600px;
}
a:active.nav-f {font-size: 11px; color:#333; text-decoration: none;}
a:link.nav-f {font-size: 11px; color:#333; text-decoration: none;}
a:visited.nav-f {font-size: 11px; color:#333; text-decoration: none;}
a:hover.nav-f {font-size: 11px; color:#666; text-decoration: none;}
.here-f {font-size: 11px; color:#000;font-weight: bold;}

p.txt-fs{font-size: 10px;line-height:150%;}

/* 2 concept--*/
p.maintxt-c{
	font-size: 11px;line-height:200%;margin-top:50px;}
/* 2 project--*/
h1.tit{font-size:11px; font-weight:bold; margin-top:0px;margin-bottom:20px;}
p.maintxt-p{
	font-size: 11px; line-height:180%; margin-top:0px;}
.boshu{font-size: 11px; color:#d07b61; }
/* 2 project--dlタグの上辺をそろえる*/
dd.first{margin-top:-1.8em;}
dl.hei{line-height:180%;}
