@charset "utf-8";

/* =============================
(C) TAKA-architecture style CSS
last update 070806

目次

1. リセット
2. 基本レイアウト
3. 基本レイアウト（トップページ）
4. floatとclear
5. 基本リンク色

6. header: ヘッダー部分
7. navi: ナビゲーション
8. main: メイン
9. main_toppage: メイントップページ
10. main: メイン２段組（ブログ）
11. footer: フッター部分

12. ページごとの指定
13. 文字のサイズ、色、indentの指定
14. 表組み（table）の指定

============================= */


/* -----------------------------
1. リセット
----------------------------- */
html, body,
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote
	{
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
}
table {
	margin : 0;
	empty-cells: show;
}
img {
	border: none;
}
li {
	list-style: none;
}
/* Hide from IE-mac \*/
a {overflow: hidden;}
/* End hide from IE-mac */


/* -----------------------------
2. 基本レイアウト
----------------------------- */
body{
	background:#999 url(../images/common/bg.gif) repeat-y;
}
#container{
	font-size:0.8em;
	color:#fff;
	width:800px;
}
#navi{
	padding:24px 0 0;
	line-height:1.3;
	width:170px;
	float:left;
}
#main{
	padding:30px 0 10px;
	line-height:1.5;
	width:580px;
	float:right;
}
#footer{
	clear:both;
	margin-top:20px;
	padding-top:2px;
	font-size:0.775em;
	color:#ccc;
	text-align:right;
	border-top:solid 1px #aaa;
}

/* -----------------------------
3. 基本レイアウト（トップページ）
----------------------------- */
.b-index #main{
	padding-top:70px;
}



/* -----------------------------
4. floatとclear
----------------------------- */
/*float*/
.f-left{float:left;}
.f-right{float:right;}
.f-clear{clear:both;}

img.f-left{margin-right:12px;}
img.f-right{margin-left:12px;}

.box-f-left{float:left;margin-right:12px;}
.box-f-right{float:right;margin-left:12px;}

.box-f-left img,
.box-f-right img{
	margin-bottom:8px;
}

/*ボックス内でfloatをclear*/
.after-clear:after, .c3:after, .c4:after, .c5:after, .c6:after, 
.menu:after, .en-header:after, .TabbedPanelsTabGroup:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.after-clear, .c3, .c4, .c5, .c6, .menu, .en-header, .TabbedPanelsTabGroup{
	display:inline-block;
}
/* Hide from IE5-mac \*/
*html .after-clear, *html .c3, *html .c4, *html .c5, *html .c6, 
*html .menu, *html .en-header, *html .TabbedPanelsTabGroup{height:1%;}
.after-clear, .c3, .c4, .c5, .c6, .menu, .en-header, .TabbedPanelsTabGroup{display:block;}
/* End hide from IE5-mac */


/* -----------------------------
5. 基本リンク色
----------------------------- */
a:link{
	text-decoration:none;
	color:#fff;
}
a:visited{
	text-decoration:none;
	color:#eee;
}
a:active{
	text-decoration:underline;
	color:#fff;
}
a:hover{
	text-decoration:underline;
	color:#fff;
}
a[name]:hover{
	text-decoration:none;
	color:#fff;
}

#footer a:link{
	text-decoration:none;
	color:#ccc;
}
#footer a:visited{
	text-decoration:none;
	color:#ccc;
}
#footer a:active{
	text-decoration:underline;
	color:#ccc;
}
#footer a:hover{
	text-decoration:underline;
	color:#ccc;
}


/* -----------------------------
6. header: ヘッダー部分
----------------------------- */


/* -----------------------------
7. navi: ナビゲーション
----------------------------- */
h1{
	font-size:1.0em;
}
h1 a{
	display:block;
	width:150px;
	height:60px;
	text-indent:-9999px;
	text-decoration:none;
	background:url(../images/common/taka.gif) no-repeat;
}

/* navi01 */
#navi01{
	padding-bottom:54px;
}
#navi01 li a{
	display:block;
	width:170px;
	height:45px;
	background:url(../images/common/navi01.gif) no-repeat;
	text-decoration:none;
	text-indent:-9999px;
}
#navi01 li#navi01-index a{background-position:0 0;}
#navi01 li#navi01-works a{background-position:0 -45px;}
#navi01 li#navi01-sketch a{background-position:0 -90px;}
#navi01 li#navi01-material a{background-position:0 -135px;}
#navi01 li#navi01-workflow a{background-position:0 -180px;}
#navi01 li#navi01-fee a{background-position:0 -225px;}
#navi01 li#navi01-blog a{background-position:0 -270px;}
#navi01 li#navi01-contact a{background-position:0 -315px;}
#navi01 li#navi01-link a{background-position:0 -360px;}

#navi01 li#navi01-index a:hover{background-position:-170px 0;}
#navi01 li#navi01-works a:hover{background-position:-170px -45px;}
#navi01 li#navi01-sketch a:hover{background-position:-170px -90px;}
#navi01 li#navi01-material a:hover{background-position:-170px -135px;}
#navi01 li#navi01-workflow a:hover{background-position:-170px -180px;}
#navi01 li#navi01-fee a:hover{background-position:-170px -225px;}
#navi01 li#navi01-blog a:hover{background-position:-170px -270px;}
#navi01 li#navi01-contact a:hover{background-position:-170px -315px;}
#navi01 li#navi01-link a:hover{background-position:-170px -360px;}

.b-index #navi01 li#navi01-index a{background-position:-340px 0;cursor:default;}
.b-works #navi01 li#navi01-works a{background-position:-340px -45px;cursor:default;}
.b-sketch #navi01 li#navi01-sketch a{background-position:-340px -90px;cursor:default;}
.b-material #navi01 li#navi01-material a{background-position:-340px -135px;cursor:default;}
.b-workflow #navi01 li#navi01-workflow a{background-position:-340px -180px;cursor:default;}
.b-fee #navi01 li#navi01-fee a{background-position:-340px -225px;cursor:default;}
.b-blog #navi01 li#navi01-blog a{background-position:-340px -270px;cursor:default;}
.b-contact #navi01 li#navi01-contact a{background-position:-340px -315px;cursor:default;}
.b-link #navi01 li#navi01-link a{background-position:-340px -360px;cursor:default;}

.info{
	padding:4px 0 0 4px;
	width:144px;
	text-align:right;
	color:#bbb;
	border-top:solid 1px #6D6D6D;
}
.info a:link{
	text-decoration:none;
	color:#bbb;
}
.info a:visited{
	text-decoration:none;
	color:#bbb;
}
.info a:active{
	text-decoration:underline;
	color:#fff;
}
.info a:hover{
	text-decoration:underline;
	color:#fff;
}



/* -----------------------------
8. main: メイン
----------------------------- */

/* 段落 */
.c3{
	margin-bottom:1px;
	background:#888;
}
.c4{
	padding:15px 20px;
	background:#888;
}

.plan{
	padding-bottom:10px;
	text-align:center;
}




/* 見出し */
h2{
	position:relative;
	width:580px;
	height:40px;
	font-size:1.0em;
}
h2 span{
	position:absolute;
	top:0;
	display:block;
	width:580px;
	height:40px;
	background:no-repeat;
}

.b-blog h2{height:55px;}

h2#h2-house span{background-image:url(../works/img/works_house.gif);}
h2#h2-others span{background-image:url(../works/img/works_others.gif);}
.b-sketch h2 span{background-image:url(../sketch/img/sketch.gif);}
.b-material h2 span{background-image:url(../material/img/material.gif);}
.b-workflow h2 span{background-image:url(../workflow/img/workflow.gif);}
.b-fee h2 span{background-image:url(../fee/img/fee.gif);}
.b-blog h2 span{height:55px;background-image:url(../blog/img/blog.gif);}
.b-contact h2 span{background-image:url(../contact/img/contact.gif);}
.b-link h2 span{background-image:url(../link/img/link.gif);}


h3{
	padding:5px 15px 4px;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.3;
	background:#707070;
}

h4{
	padding:3px 0;
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.3;
	background:url(../images/common/1dotted_2_gray.gif) 0 100% repeat-x;
}

h3 span,
h4 span{
	font-size:0.775em;
}


/* リスト */
ul.menu{
	width:580px;
	padding-bottom:30px;
	margin-bottom:0;
}
.menu li{
	width:144px;
	height:220px;
	padding:0 0 0;
	margin:0 1px 1px 0;
	line-height:1.2;
	background:#777;
	float:left;
}
.menu li div{
	height:170px;
	padding:10px 0 0;
	text-align:center;
	background:#888;
}
.menu li p{
	padding:3px 10px 0;
}


dl.after-clear dt{
	width:8em;
	color:#d3d3d3;
	text-align:right;
	float:left;
}
dl.after-clear dd{
	padding-bottom:3px;
	margin-left:9em;
}


/* リンク */
.prenext-en{
	clear:both;
	padding:10px 0;
	text-align:center;
	color:#eee;
}
.gototop{
	clear:both;
	padding:10px 0;
	font-size:0.775em;
	text-align:right;
}


/* -----------------------------
9. main_toppage: メイントップページ
----------------------------- */
.b-index .c3{
	padding:20px 0;
	text-align:center;
}
.b-index h3{
	padding:10px;
	text-align:center;
	background:#888;
}
.b-index .c3 p{
	padding:5px 40px;
}
#description{
	margin-bottom:30px;
}



/* -----------------------------
10. main: メイン２段組（ブログ）
----------------------------- */
.b-blog #main{
	color:#333;
}

.b-blog h2 a{
	display:block;
	width:580px;
	height:55px;
	text-indent:-9999px;
	text-decoration:none;
	background-image:url(../blog/img/blog.gif);
}


#contents{
	width:424px;
	background:#bbb;
	float:left;
}
#sub{
	width:145px;
	background:#aaa;
	float:right;
}

.entry{
	padding-bottom:12px;
}
.arch-header,
.en-header,
.b-blog h5{
	padding:2px 7px;
	font-size:1.0em;
	font-weight:normal;
	color:#fff;
	line-height:1.3;
	background:#707070;
}
.arch-header{
	padding:4px 7px;
	border-bottom:solid 1px #888;
	font-weight:bold;
}
.en-header,
.b-blog #contents h5{
	padding:3px 12px 4px;
	font-size:0.85em;
}
.en-header span{
	display:block;
	width:200px;
	font-size:0.9em;
	text-align:right;
	float:right;
}
.b-blog h3{
	padding:8px 12px;
	background:#bbb;
}
.en-ph,
.entry p{
	padding:0 12px 10px;
}
.en-footer{
	padding:0 12px;
	font-size:0.85em;
	color:#fff;
	text-align:right;
}
.en-footer .pagetop{
	font-size:0.9em;
}

.b-blog .prenext-en{
	background:#999;
}

.trackbacks,
.comments,
.error{
	padding:10px 12px;
}
.trackbacks p,
.comments p,
.error p{
	padding-bottom:5px;
}
.label{
	padding:0 0 0 6px;
	margin:5px 0 12px;
	line-height:1.3;
	border-left:solid 6px #777;
}
.trackback-url,
.errormessage{
	padding:5px 10px;
	margin-bottom:15px;
	background:#ccc;
}
.errormessage{
	padding:10px 10px;
}
.commentpreview{
	padding:10px 10px 0;
	background:#ccc;
}
.trackback-footer, .comment-footer{
	padding:2px 0 10px;
	font-size:0.85em;
	text-align:right;
	color:#fff;
	border-top:dotted 1px #999;
}


#sub ul{
	padding:8px;
}
.b-blog #sub a:link{
	text-decoration:none;
	color:#333;
}
.b-blog #sub a:visited{
	text-decoration:none;
	color:#555;
}
.b-blog #sub a:active{
	text-decoration:underline;
	color:#fff;
}
.b-blog #sub a:hover{
	text-decoration:underline;
	color:#fff;
}

.b-blog #footer{
	margin-top:0;
}





/* -----------------------------
11. footer: フッター部分
----------------------------- */


/* -----------------------------
12. ページごとの指定
----------------------------- */
/* worksエントリー */
#b-worksen .c3{
	margin-bottom:6px;
}
#plan{
	padding:10px 0;
	text-align:center;
	background:#888;
}
#plan p{
	padding:2px 10px;
	text-align:center;
}

/* sketchトップ */
#b-sketchin .menu li{
	width:289px;
	height:210px;
}
#b-sketchin .menu li div{
	height:160px;
	padding:10px 0 0;
	text-align:center;
	background:#888;
}

/* 設計の流れ */
.b-workflow h3,
.b-workflow .c4{
	border-right:solid 1px #999;
}
.b-workflow h3{
	padding:2px 15px 2px;
	font-size:1.4em;
	font-weight:bold;
}
.b-workflow h3 span{
	padding-left:15px;
	font-size:0.65em;
	font-weight:normal;
}
.b-workflow .c4{
	padding-bottom:5px;
}
.b-workflow .c4 p{
	padding-bottom:10px;
}

/* 設計料 */
.b-fee #main .after-clear{
	padding-bottom:4px;
}
.b-fee .c3{
	width:288px;
}
.b-fee h3,
.b-fee .c4{
	border-right:solid 1px #999;
}
#fee-new{
	float:left;
}
#fee-reform{
	float:right;
}
.b-fee .c4 p{
	padding-left:1.3em;
	text-indent:-1.3em;
}


/* 連絡先 */
.b-contact .plan p{
	padding:6px 10px 3px;
	border-top:solid 1px #999;
}

/* リンク */
.b-link dt{
	padding:5px 0 2px;
	background:url(../images/common/1dotted_2_gray.gif) 0 100% repeat-x;
}
.b-link dd{
	padding:3px 0 20px 20px;
}



/* -----------------------------
13. 文字のサイズ、色、indentの指定
----------------------------- */
strong{
	font-weight:bold;
	font-style:normal;
}
em{
	font-weight:bold;
	font-style:normal;
}



.large{
	font-size:1.2em;
}
.x-large{
	font-size:1.4em;
}
.small{
	font-size:0.775em;
	line-height:1.4;
}
.x-small{
	font-size:0.64em;
	font-weight:normal;
	line-height:1.4;
}

.caution{
	color:#c00;
}
.caution-b{
	color:#c00;
	font-weight:bold;
}


.white{color:#fff;}
.gray{color:#999;}
.red{color:#c00;}
.orange{color:#F60;}
.green{color:#1A8647;}
.aqua{color:#007CEC;}

.ind-10{
	padding-left:1em;
	text-indent:-1em;
}
.ind-15{
	padding-left:1.5em;
	text-indent:-1.5em;
}
.ind-2{
	padding-left:2em;
	text-indent:-2em;
}



/* -----------------------------
14. 表組み（table）の指定
----------------------------- */
table{
	width:100%;
}
td, th{
	padding:6px 8px;
	font-weight:normal;
	text-align:left;
}
th{
	line-height:1.3;
	text-align:center;
}

.ta-center{
	text-align:center;
}
.ta-right{
	text-align:right;
}

/* 設計の流れ */
.b-workflow td, .b-workflow th{
	border-right:solid 1px #999;
	border-bottom:solid 1px #c3c3c3;
}
.b-workflow th{
	font-size:0.775em;
	border-top:solid 1px #999;
}
.b-workflow td{
	color:#444;
	background-color:#ddd;
}
th.process{
	width:20%;
	letter-spacing:0.5em;
}
th.job{
	letter-spacing:0.5em;
}
th.fee{
	width:23%;
}
.b-workflow td div{
	padding-left:0.6em;
	text-indent:-0.6em;
}

/* 設計料 */
.b-fee td, .b-fee th{
	width:50%;
	text-align:center;
	border-right:solid 1px #999;
	background:url(../images/common/1dotted_2_gray.gif) 0 100% repeat-x;
}
.b-fee th{
	background-color:#808080;
	border-top:solid 1px #999;
}

/* ブログ */
.b-blog td, .b-blog th{
	padding:3px 3px;
}
.b-blog th{
	text-align:left;
}