@charset "utf-8";
/* CSS Document */

/* cssリセット */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;line-height: 0.5em;}
q:before, q:after {c ontent:'';}

/* 基本設定 */

body {
	font-family: Arial, Helvetica, sans-serif, "ＭＳゴシック", "Meiryo", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 0.8em;
	line-height: 1.8em;
	color: #000000;
	background: #f6f6f6;
	margin: 23px;
}

strong{
	font-weight: bold;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #000000;
	text-decoration: underline;
}

#box-center {
	text-align:center;
	width:100%;
}

#box-main {
	text-align:left;
	margin:0px auto;
	width: 620px;
}

/* ヘッダー */
#header {
	background: url(img/issho_title.gif) no-repeat;
	height: 74px;
	width: 620px;
	text-indent: -999px;
	margin: 0px 0px 6px;
}

#header a {
	height: 74px;
	width: 620px;
	display:block
}

#explain {
	line-height: 1.4em;
	margin: 0px 0px 20px;
	text-align: justify;
}

/* メニュー */

dl{
	float: left;
	margin: 0px 0px 25px;
}

dl a:link,
dl a:visited{
	text-decoration: none;
}

dl a:hover,
dl a:active{
	text-decoration: underline;
}


dt{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
}

dt a:link,
dt a:visited,
dt a:hover,
dt a:active{
	color: #000000;
}


dd{
	font-size: 0.9em;
	line-height: 1.8em;
}

/* コンテンツ */

h2{
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0px 0px 20px;
	display: block;
}

.margin_box {
	clear: both;
	margin: 40px 0px 20px;
	float: left;
}

.txt_jp{
	margin-bottom: 1.8em;
}

.txt_en{
	margin-bottom: 1.8em;
}

.news_title,
.works_title,
.press_title,
.profile_title,
.contact_title
{
	height: 28px;
	width: 620px;
	margin: 0px 0px 24px;
	text-indent: -999px;
	clear: both;
}

.news_title{
	background: url(img/news_title.gif) no-repeat;
}

.works_title{
	background: url(img/works_title.gif) no-repeat;
}

.press_title{
	background: url(img/press_title.gif) no-repeat;
}

.profile_title{
	background: url(img/profile_title.gif) no-repeat;
}

.contact_title{
	background: url(img/contact_title.gif) no-repeat;
}

.buildings_title,
.interiors_title,
.art_title,
.projects_title,
.2006_title,
.2007_title,
.2008_title,
.2009_title,
.publication_title,
.websites_title,
.texts_title,
.lectures_title,
.company_title,
.partners_title,
.adress_title,
.recruit_title{
	height: 28px;
	width: 620px;
	margin: 0px 0px 4px;
	text-indent: -999px;
	clear: both;
}

.buildings_title{
	background: url(img/works_buildings_title.gif) no-repeat;
}

.interiors_title{
	background: url(img/works_interiors_title.gif) no-repeat;
}

.art_title{
	background: url(img/works_art_title.gif) no-repeat;
}

.projects_title{
	background: url(img/works_projects_title.gif) no-repeat;
}

.2006_title{
	background: url(img/works_2006_title.gif) no-repeat;
}

.2007_title{
	background: url(img/works_2007_title.gif) no-repeat;
}

.2008_title{
	background: url(img/works_2008_title.gif) no-repeat;
}

.2009_title{
	background: url(img/works_2009_title.gif) no-repeat;
}

.publication_title{
	background: url(img/press_publication_title.gif) no-repeat;
}

.websites_title{
	background: url(img/press_websites_title.gif) no-repeat;
	margin-top: 30px;
}

.texts_title{
	background: url(img/press_texts_title.gif) no-repeat;
	margin-top: 30px;
}

.lectures_title{
	background: url(img/press_lectures_title.gif) no-repeat;
	margin-top: 30px;
}

.company_title{
	background: url(img/profile_company_title.gif) no-repeat;
	margin-top: 30px;
}

.partners_title{
	background: url(img/profile_partners_title.gif) no-repeat;
	margin-top: 30px;
}

.adress_title{
	background: url(img/contact_adress_title.gif) no-repeat;
	margin-top: 30px;
}

.recruit_title{
	background: url(img/contact_recruit_title.gif) no-repeat;
	margin-top: 30px;
}


.page_num_box{
	margin: 0px;
	height: 1.5em;
	background: #F6F6F6;
	position: relative;
	top: -1px;
	padding: 15px 0px 25px;
}

.page_num,
.page_num_on {
	height: 1.6em;
	width: 1.6em;
	border: 1px solid #cccccc;
	background: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	margin: 0px 5px 5px 0px;
	float: left;
	font-size: 0.8em;
	line-height:1.6em;
}

.page_num_on {
	background: #CCCCCC;
}

.page_num a,
.page_num_on a {
	text-decoration: none;
	height: 1.6em;
	width: 1.6em;
	display: block;
}

.page_num a:hover,
.page_num_on a:hover {
	text-decoration: none;
	background: #333333;
	color: #FFFFFF;
}

.index_box{
	border-bottom: 1px dotted #cccccc;
	width: 620px;
	padding: 15px 0px 15px;
	/* 親ボックスの縦幅が中身に合うように*/
	overflow: hidden;
}

/* WinのIE用の調整 \*/
	* html .index_box{padding: 15px 0px 13px;}
/* */ 
	

.index_box p{
	margin: 1em 0px;
}

.index_imgbox{
	width: 120px;
	float: left;
}

.index_txtbox{
	width: 480px;
	float: right;
}

.detail{
	float: left;
}

.date{
	font-size: 0.8em;
	float: right;
}

.tags{
	font-size: 0.8em;
}

h3{
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0px 0px 5px;
	color: #000000;
}

h4{
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
	margin: 0px 0px 10px;
	color: #000000;
}

h3 a:link,
h4 a:link,
h3 a:visited,
h4 a:visited{
	text-decoration: none;
}

h3 a:hover,
h4 a:hover,
h3 a:active,
h4 a:active{
	text-decoration: underline;
}

.news_img {
	clear: both;
	padding-bottom: 10px;
}

.news_txt {
	clear: both;
	padding-bottom: 30px;
}

.news_cap,
.works_cap {
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 0px 0px 4px;
}

.category_cap a,
.category_cap a:link,
.category_cap a:visited,
.category_cap a:hover,
.category_cap a:active {
	font-weight: bold;
	text-decoration: underline;
}

.recommend_cap {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0px 0px 8px;
	font-weight: bold;
}

.normal_cap {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;
}

.normal_cap a,
.normal_cap a:link,
.normal_cap a:visited,
.normal_cap a:hover,
.normal_cap a:active {
	text-decoration: underline;
}

.small_cap {
	font-size: 0.8em;
	line-height: 1.2em;
	margin: 5px 0px;
}

.pic_box {
	border: 1px solid #cccccc;
}

.thumbnail_box {
	margin: 10px 8px 10px 0px;
	float: left;
}

.works_jptxt_box {
	clear: both;
	width: 620px;
	padding: 20px 0px 0px;
}

.works_entxt_box {
	text-align: justify;
	clear: both;
	width: 620px;
	padding: 20px 0px 40px;
}

.recommend_title {
	color: #000000;
}

.recommend_box {
	padding: 0px 15px;
	width: 588px;
	border: 1px solid #CCCCCC;
	position: relative;
	top: -1px;
	/* 親ボックスの縦幅が中身に合うように*/
	overflow: hidden;
}

.recommend_box img{
	float:left;
	margin-right: 15px;
}

.recommend_item_box{
	width: 588px;
	border-bottom: 1px dotted #CCCCCC;
	margin: 0px 0px -1px;
	padding: 14px 0px 14px;
	/* 親ボックスの縦幅が中身に合うように*/
	overflow: hidden;
	

}

/* WinのIE用の調整 \*/
	* html .recommend_item_box{padding: 14px 0px 5px;}
/* */ 
	
	
.press_box{
	width: 620px;
	padding: 15px 0px 5px;
	clear: both;
}

.press_box img{
	float:left;
	margin-right: 15px;
}

.map_box{
	width: 620px;
	padding: 5px 0px;
	clear: both;
	text-align: center;
}

.map_box img{
	margin: 0px 0px 20px;
}

.map_box a,
.map_box a:link,
.map_box a:visited,
.map_box a:hover,
.map_box a:active{
	font-weight: bold;
	text-decoration: underline;
}


/* フッター */
.footer_name {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 0px 3px;
	line-height: 1.2em;
	clear: both;
	position: relative;
	top: -1px;
	background: #f6f6f6;
	padding-top: 30px;
}

.footer_adress {
	border-bottom: 1px dotted #666666;
	margin: 0px 0px 5px;
	padding: 0px 0px 5px;
	line-height: 1.2em;
}