@charset "UTF-8";
@-ms-viewport {width: device-width;}/*WIN8*/
/* ============================
  default
 ============================*/
* { margin: 0; padding: 0;}
html { overflow-y: scroll; background-color:#FFF;}
body { margin:0; padding:0; text-align:center; color:#333; background-color:#FFF; -webkit-text-size-adjust: 100%;}
h1,h2,h3,h4,h5 { margin: 0; padding: 0; font-weight: normal; font-size:100%;}
div,p,dl,dt,dd,input,table,span { margin: 0; padding: 0;}
ul,ol,li { list-style: none; margin: 0; padding: 0;}
table { border-collapse: collapse;}
th {}
td {}
img {border: none; margin: 0; padding :0; vertical-align: bottom;}
input ,select{ vertical-align:middle;}
em { font-style: normal;}
/* For FF*/
a { overflow: hidden; outline: none;}
/* ------------------------------
	FONT 
------------------------------ */
body{ font:13px/1.231 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝', 'MS PMincho',  serif;
	 *font-size:small;
	 *font:x-small;}
html>/**/body {font-size/*\**/: small\9;}
select,input,button,textarea,button{font:99%;}
table{font-size:inherit;font:100%;}
/* ------------------------------
	clearfix
------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height:0;
	font-size:1px;
}
.clearfix {	display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* ------------------------------
	link
------------------------------ */
a { color:#666; text-decoration: underline;}
a:visited { color:#666; text-decoration: underline;}
a:hover { color:#888; text-decoration: none;}

/*
'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
*/
/*
font-family:'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
*/

/* ============================
  CONTENTS
 ============================*/
#container {
	text-align: left;
	font-size: 100%;
	line-height: 1.57;
	font-weight: normal;
	margin: 0 auto;
	width: 848px;
}
/* ------------------------------
	header
------------------------------ */
#header {
	padding:60px 0 0;
	margin:0 10px 50px;
	border-bottom: 1px solid #666;
	color:#999;
	font-size:77%;
}
.header-ti {
	display:block;
	width:350px;
	height:73px;
	text-indent:-10000px;
	font-size: 1px;
	line-height: 0;
	background: url(../images/common/header_ti.gif) left top no-repeat;
}
.header-ti a {
	display:block;
	width:300px;
	height:73px;
}
/* ------------------------------
	contents
------------------------------ */
.contents{
	width:848px;
}
.sub {
	float: left;
	width: 240px;
	margin-right: 120px;
}
.main {
	float: left;
	width: 478px;
}
/* ------------------------------
	sub
------------------------------ */
/**/
.sub a,
.sub a:visited { color:#666; text-decoration: none;}
.sub a:hover { color:#333; text-decoration: none;}
/**/
.sub-menu li {
	font-size:100%;
	letter-spacing:1px;
	line-height:18px;
	margin-bottom:23px;
}
.sub-menu li#menu-future { margin-bottom:53px;}
.sub-menu li a {
	display:block;
	width:224px;
	padding-left:16px;
}
.sub-menu li a:hover,
/*.sub-menu li.stay,*/
.sub-menu li.stay a:hover {
	background: url(../images/common/menu_mark.gif) left 4px no-repeat;
}
.sub-menu li.stay,
.sub-menu li.stay a {color:#333;}
/*stay入れるまで*/
body#continue .sub-menu li#menu-continue,
body#future .sub-menu li#menu-future,
body#concept .sub-menu li#menu-concept,
body.profile .sub-menu li#menu-profile,
body.blog.portfolio .sub-menu li#menu-portfolio,
body.category.portfolio .sub-menu li#menu-portfolio,
body.single-post.portfolio .sub-menu li#menu-portfolio,
body.post-type-archive-publication .sub-menu li#menu-publication,
body.single-publication .sub-menu li#menu-publication,
body#news .sub-menu li#menu-news,
body#access .sub-menu li#menu-access,
body#machiya .sub-menu li#menu-machiya {background: url(../images/common/menu_mark.gif) left 4px no-repeat;}


body#continue .sub-menu li#menu-continue a,
body#future .sub-menu li#menu-future a,
body#concept .sub-menu li#menu-concept a,
body.profile .sub-menu li#menu-profile a,
body.portfolio .sub-menu li#menu-portfolio a,
body#portfolio .sub-menu li#menu-portfolio a,
body#news .sub-menu li#menu-news a,
body#access .sub-menu li#menu-access a,
body#machiya .sub-menu li#menu-machiya a {color:#333;}

/*sub-menu2*/
.sub-menu2 {
	margin-left:25px;
	background: url(../images/common/menu_line_left.gif) left top repeat-y;
	padding-top:10px;
}
.sub-menu2 li {
	line-height:31px;
	margin-bottom:0px;
}
li.menu-top {background: url(../images/common/menu_line_top.gif) left top no-repeat;}
li.menu-bottom {background: url(../images/common/menu_line_bottom.gif) left top no-repeat;}
.sub-menu2 li a {
	display:block;
	width:185px;
	padding-left:30px;
	background:none;
	color:#666;
}
body.profile .sub-menu li#menu-profile .sub-menu2 li a {color:#666;}
body.profile .sub-menu li#menu-profile .sub-menu2 li a:hover {background:none; color:#333;}

/*menu03*/
/**/
.sub-menu3 {
	margin-left:45px;
	background: url(../images/common/menu_line_left.gif) left top repeat-y;
	padding-top:5px;
}
.sub-menu3 li {
	line-height:31px;
	margin-bottom:0px;
}
.sub-menu3 li a {
	display:block;
	width:140px;
	padding-left:30px;
	background:none;
	color:#666;
}
.sub-menu3 li a:hover {background:none; color:#333;}

/*stay2*/
body.profile .sub-menu li#menu-profile .sub-menu2 li.stay2,
body.profile .sub-menu li#menu-profile .sub-menu2 li.stay2 a,
body.profile .sub-menu li#menu-profile .sub-menu2 li.stay2 a:hover {color:#933;}

body.profile .sub-menu li#menu-profile .sub-menu2 li.stay2 .sub-menu3,
body.profile .sub-menu li#menu-profile .sub-menu2 li.stay2 .sub-menu3 a {color:#666;}
body.profile .sub-menu li#menu-profile .sub-menu2 li.stay2 .sub-menu3 a:hover {color:#333;}

body.profile .sub-menu li#menu-profile .sub-menu2 li .sub-menu3 li.stay2,
body.profile .sub-menu li#menu-profile .sub-menu2 li .sub-menu3 li.stay2 a,
body.profile .sub-menu li#menu-profile .sub-menu2 li .sub-menu3 li.stay2 a:hover {color:#933;}

/* ------------------------------
	footer
------------------------------ */
#footer {
	clear:both;
	/*height:90px;*/
	padding-top:10px;
	padding:10px 0 80px;
	margin: 50px 10px 0;
	border-top: 1px solid #666;
}
.f-name {
	text-align:right;
	padding-right:5px;
	font-size:93%;
	letter-spacing:1px;
	color:#666;
}



/* ------------------------------
	main
------------------------------ */
/*PAGE TOP*/
.pagetop {
	clear:both;
	text-align:right;
	padding-top:50px;
	font-size:85%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
}
.pagetop a {text-decoration:none;}
.pagetop a:hover {text-decoration: underline;}
/*
.bread {
	clear:both;
	width:465px;
	text-align:right;
	padding-top:45px;
	font-size:93%;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Arial, verdana, sans-serif;
}
.bread li { display:inline; color:#999;}
.bread li a {text-decoration:none; }
.bread li a:hover {text-decoration: underline;}*/

/* ------------------------------
	共通
------------------------------ */
/*FONT　コントロール*/
.letter-01 { letter-spacing:10px;}