/*

Theme Name:kozai01

Theme URI:http://www.kozai.net/

Description:Theme for kozai.net

Auther: rio_yanagida

*/@charset "utf-8";

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

■基本の基本

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



body{

	font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;

	margin: 0;

	padding: 0;

	background:/*url() repeat-y center 0*/ #fff;

	font-size:90%;

	color:#444;

	}



img a{

	border:none;

	}



p{

	line-height: 150%;

	letter-spacing: 1px;

	}



h1{

	font-size: 120%;

	margin: 0;

	padding: 2px 3px 0px 10px;

	color: #333;

	}



ul, ol, li {

	zoom: 1;

	}

/*===========　なんとなくテーブル　===================*/



table.bdr td {

border: 1px solid #ddd;

}

table.bdr td {

padding:2px;

}



/* ---------------------------------------------------

フィルター設定

 ---------------------------------------------------*/



.filter a:hover *{

	filter:alpha(opacity=75);/*for IE*/

	opacity: 0.75; /*for FireFox, Safari,ただしIE6 では無効*/

	-moz-opacity:0.75;

	}



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

■Clearfix

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

/* universal

----------------------------------------------- */

.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

}

.clearfix {

	display: inline-table;

	min-height: 1%;

	position: relative;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}



.clearfix {

	display: block;

}

/* End hide from IE-mac */





/* common

----------------------------------------------- */

#wrapper:after,

#sidebar:after,

#sidebar2:after,

#minitabs:after,

#main:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}

#wrapper,

#minitabs

#sidebar,

#sidebar2,

#main {

	display: inline-table;

	min-height: 1%;

	position: relative;

	}

/* Hides from IE-mac \*/

* html #wrapper,

* html #sidebar,

* html .articleFooter {

	height: 1%;

	}



#wrapper,

#sidebar,

#sidebar2,

#main {

	display: block;

	}

/* End hide from IE-mac */





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

■基本レイアウト

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



/*===========　レイアウト基本　=======================*/



#header,

#head_menu,

#logo,

#bread,

#wrapper,

#main,

#sb_left,

#contents,

#sidebar,

#sidebar2,

#sb_right,

#footer{

	margin:0;

	padding:0;

	border:none;

	}



#container,

#header,

#head_menu,

#logo,

#gn,

#wrapper,

#footer{

	width:900px;

	zoom:1;

	}



#bread{

width:874px;

zoom:1

}



#sidebar,

#sidebar2{

	width:180px;

	zoom:1;

	}



#main{

	width:720px;

	zoom:1;

	}



#contents{

	width:540px;

	zoom:1;

	}











/*================　コンテナ　=======================*/



#container{

	margin:0 auto;

	padding:0;

	

	}



/*================　ヘッダー　=======================*/

#header{

	

	}



	#head_menu{

		border:1px solid #fffffe;

		height:50px;

		background:url(img/souko_logo_200.jpg) no-repeat left top #fff;

		}



	#head_menu h2{

		margin: 0;

		padding: 8px 10px 8px 15px;

		text-align: left;

		font-size: 13px;

		color: #666666;

		}



	#head_menu span{

		display:block;

		font-size:13px;

		color:#444;

		line-height:130%;

		padding:0 20px 5px 200px;

		font-size:83%;

		color:#888888;

		}



	#head_menu a{

		text-decoration:none;

		}



	#gn{

		border-top: 1px solid #696;

		height:24px;

		background-color:#fff;

		}



	#logo{

		height:105px;

		background:url(img/title.jpg) no-repeat left top #999;

		}





/*================　パンくず　=======================*/

#bread{

	border-left:25px solid #800000;

	border-top:1px solid #800000;

	border-bottom:1px solid #800000;

	border-right:1px solid #800000;

	display:block;

	height:27px;

	}



#breadcrumb{

	font-size:82%;

	color:#444;

	padding : 3px 2px 3px 3px;

	letter-spacing:0.1em;

	}





/*================　wrapper　=======================*/

#wrapper{

	margin-top:8px;

	}

/*================　メインエリア　======================*/

	#main{

		display:block;

		float:left;

		

		}



/*================　左サイドバー　======================*/



#sidebar2{

		display:block;

		float:left;

		}

		#sb_left{



}







/*================　コンテンツエリア　==================*/

		#contents{

			display:block;

			float:right;

			

			}



/*================　右サイドバー　======================*/

	#sidebar{

		display:block;

		float:right;



		}

	

		#sb_right{

			

			}

/*================　フッター　=======================*/

#footer{

	height:100px;

	color:#444;

	background-color:#999;

	}



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

■minitab

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

#minitabs {

float:right;

	margin: 0;

	padding: 0 0 0 10px;



	}



#minitabs li {

	margin: 0; 

	padding: 0px;

	display: inline;

	list-style-type: none;

	}

	

#minitabs li a{



}



#minitabs a:link, #minitabs a:visited {

	font-size: 10px;

	line-height: 14px;

	font-weight: bold;

	margin: 0px 10px 4px 10px;

	padding-top: 6px;

	text-decoration: none;

	color: #9c9;

	}



#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover {

	border-top: 4px solid #696;

	padding-top: 2px;

	background: #fff;

	color: #363;

	}



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

■ページコンテンツ内設定

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





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

■トップページのみの設定

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

div#toptable{

		text-align:center;

		}



div#toptable table.toppage{

		text-align:left;

		}



.toppage{

width:900px;

border:none;

}



.toppage td{

		vertical-align:top;

		font-size:12px;

		color:#333;

		background-color:#fff

		}

table.toppage td a img{

			border:none;

			}



.toppage_link{

			width:180px;

			height:40px;

			text-align:center;

			}



.toppage td.tit4{

		text-align:center;

		background-color:#800000;

		font-size:22px;

		color:#fff;

		}



.toppage td.freedial{

		font-size:14px;

		width:198px;

		height:92px;

		border:1px solid #ddd;

		}



.toppage td.mailer{

		width:200px;

		height:92px;

		border:1px solid #ddd;

		background:url(/images/top/mail_bg.jpg) repeat-x center top;

		vertical-align:bottom;

		text-align:center;

		}

		

.toppage td.houjin{

		width:300px;

		height:92px;

		text-align:center;

		vertical-align:middle;

		background:url(/images/top/houjin_bg.jpg) repeat-x center top;

		}



.toppage td.souko_menu{

			margin:3px;

			border:1px dotted #ddd;

			width:290px;

			height:200px;

			background-color:#fff;

			}

.toppage td.souko_menu ul{

			margin:5px 0 0 18px;

			padding:0;

			}



.toppage td.hoshou{

			margin:3px;

			border:2px solid #ddd;

			width:405px;

			height:250px;

			background-color:#fff;

			}

.toppage td.hoshou2{

			margin:2px 5px;

			width:200px;

			height:220px;

			border:1px dotted #ccc;

			}



.top_blog{

		margin:3px 5px;

		border:1px solid #ddd;

		width:290px;

		height:120px;

		}



.campaign{

width:900px;

border:none;

}



.campaign td{

		vertical-align:top;

		font-size:12px;

		color:#333;

		background-color:#fff

		}

table.campaign td a img{

			border:none;

			}



.campaign_link{

			width:180px;

			height:40px;

			text-align:center;

			}



.campaign td.tit4{

		text-align:center;

		background-color:#ffff99;

		font-size:22px;

		color:#000;

		}



.oldhouse{

width:900px;

border:1px;

}



.oldhouse td{

		vertical-align:top;

		font-size:12px;

		color:#333;

		background-color:#fff

		}

table.oldhouse td a img{

			border:none;

			}



.oldhouse td.tit4{

		text-align:center;

		background-color:#800000;

		font-size:22px;

		color:#fff;

		}



/*===========　ＴＯＰ用ここまで　=================*/







/*================　見出し　=======================*/



.article{

width:520px;

padding:0 10px;



}



.article h2{

margin-top:0px;

	border-top:5px solid #800000;

	border-bottom:5px solid #800000;

	background-color:#FFEFD5;

	background:url(img/h1.jpg) no-repeat left center;

	padding:4px 0 4px 24px;

	font-size:20px;

	}



.article h3{

	border-top:1px solid #B8860B;

	border-bottom:1px solid #B8860B;

	background-color:#FFF8DC;

	padding:3px 0 3px 10px;

	font-size:16px;

	}



.article h4{

	border-top:1px solid #D3D3D3;

	border-bottom:1px solid #D3D3D3;

	background-color:#ffffef;

	padding:1px 0 1px 10px;

	font-size:100%;

	}



/*================　パラグラフ　=======================*/



.article p{

	display:block;

	width:510px;

	padding:0 5px;

	font-size:94%;

	line-height:1.2em;

	color:#333333;

	}



.left{

display:block;

float:left;

margin:0 10px 10px 0;

zoom:1;

}



.right{

display:block;

float:left;

margin:0 0 10px 10px;

zoom:1;

}



.left:after,

.right:after{

content:".";

display:block;

height:0;

clear:both;

visibility:hidden;

}



/*  ===========　　活用事例のページ　　===============  */

table.jirei{

	display:block;

	width:500px;

	border:none;

	}



table.jirei td{

		vertical-align:top;

		border:none;

		margin:3px;

		}

table.jirei td p{

		display:block;

		border-left:3px solid #666; 

		font-size:0.8em;

		padding-left:5px;

		margin:0 8px 10px 7px;

		}

table.jirei td img a{

		border:none;

		}



.kaisetsu{

		margin:10px 20px 5px 10px;

		padding:10px 10px 5px 10px;

		border:1px dotted #ddd;

		}



/*  ===========　　会社概要のページ　　===============  */

#prof_table table td.le_be{width:120px;height:24px;vertical-align:top;}

#prof_table table td.be_ri{width:400px;height:24px;vertical-align:top;}

#prof_table table td{border-bottom:1px dotted #ccc;}



/*  ===========　　全国の古材倉庫　　===============  */



#contents2{

	width:700px;

	zoom:1;

	margin-left:15px;

	}



#shopinfo table{

			display:block;

			width:680px;

			height:auto;

			border:2px solid #ccc;

			}



#shopinfo td{

			border:1px solid #ddd;

			}



#shopinfo td.t01{

			text-align:center;

			width:180px;

			height:30px;

			}



#shopinfo td.t02{

			width:500px;

			height:30px;

			background-color:#eee;

			}



#shopinfo td.t03{

			width:500px;

			}



#shopinfo td.t04{

			height:30px;

			width:180px;

			background:url(img/ico_phone.jpg) no-repeat left center;

			padding-left:30px;

			}



#shopinfo td.t05{

			height:30px;

			width:500px;

			background:url(img/ico_ie.jpg) no-repeat left center;

			padding-left:32px;

			}



#shopinfo td.t06{

			height:30px;

			width:500px;

			background:url(img/blog.jpg) no-repeat left center;

			padding-left:40px;

			}

/*

http://www.kozai.net/wp01/wp-content/themes/kozainet/img/ico_ie.jpg







#contents2{

	width:700px;

	zoom:1;

	margin-left:15px;

	}



#shopinfo table{

			display:block;

			width:680px;

			height:auto;

			border:2px solid #ccc;

			}



.t01,.t02,.t03,.t04,.t05,.t06{

			display:block;

			height:30px;

			border:1px solid #ddd;

			}





.t01{

			text-align:center;

			width:180px;

			}



.t02{

			width:500px;

			background-color:#eee;

			}



.t03{

			width:500px;

			}



.t04{

			width:180px;

			background:url(img/ico_phone.jpg) no-repeat left center;

			padding-left:30px;

			}



.t05{

			width:500px;

			background:url(img/ico_ie.jpg) no-repeat left center;

			padding-left:32px;

			}



.t06{

			width:500px;

			background:url(img/blog.jpg) no-repeat left center;

			padding-left:40px;

			}



*/

/*================　見出し　=======================*/



.article2{

width:675px;

margin:0 30px 0 10px;



}





.article2 h2{

margin-top:0px;

	border-top:5px solid #800000;

	border-bottom:5px solid #800000;

	background-color:#FFEFD5;

	background:url(img/h1.jpg) no-repeat left center;

	padding:4px 0 4px 24px;

	font-size:20px;

	}



.article2 h3{

	border-top:1px solid #B8860B;

	border-bottom:1px solid #B8860B;

	background-color:#FFF8DC;

	padding:3px 0 3px 10px;

	font-size:16px;

	}



.article2 h4{

	border-top:1px solid #D3D3D3;

	border-bottom:1px solid #D3D3D3;

	background-color:#ffffef;

	padding:1px 0 1px 10px;

	font-size:100%;

	}



/*===============　「木の種類」ページ　====================*/



.kw_woodtable {

	margin: 5px 0px 10px;

	padding: 0px;

	width: 100%;

	border: 1px solid #622308;

}



.kw_woodtable2 {

	margin: 5px 0px 10px;

	padding: 0px;

	width: 100%;

	border: 1px solid #9F8527;

}



.kw_woodtd1 {

	width: 552px;

	margin: 0px;

	padding: 0px;

	height: 27px;

	background-image: url(/images/wood/t2_back.gif);

	background-repeat: no-repeat;

}



.kw_woodtd2 {

	width: 82px;

	font-size: 12px;

	line-height: 120%;

	color: #FFFFFF;

	background-color: #8B442E;

	text-align: center;

	margin: 0px;

	padding: 3px 0px;

	font-weight: bold;

}

.kw_woodtd3 {

	width: 82px;

	text-align: center;

	margin: 0px;

	padding: 1px;

	border-right: 1px solid #999999;

}

.kw_woodtd4 {

	font-size: 12px;

	line-height: 120%;

	margin: 0px;

	padding: 3px 0px 3px 10px;

	border-bottom: 1px solid #8B442E;

	background-color: #DDC2AC;

	font-weight: bold;

}

.kw_woodtd5 {

	width: 88px;

	font-size: 12px;

	line-height: 120%;

	text-align: center;

	margin: 0px;

	padding: 2px 0px;

	background-color: #FEF4D5;

	border-right: 1px solid #999999;

	border-bottom: 1px solid #999999;

}

.kw_woodtd6 {

	font-size: 12px;

	line-height: 120%;

	text-align: center;

	margin: 0px;

	padding: 2px 0px;

	background-color: #FEF4D5;

	border-bottom: 1px solid #999999;

}

.kw_woodtd7 {

	width: 88px;

	font-size: 12px;

	line-height: 120%;

	margin: 0px;

	padding: 5px;

	vertical-align: top;

	border-right: 1px solid #999999;

}

.kw_woodtd8 {

	width: 174px;

	font-size: 12px;

	line-height: 120%;

	margin: 0px;

	padding: 5px;

	vertical-align: top;

}



.kw_woodtd9 {

	width: 82px;

	font-size: 12px;

	line-height: 120%;

	color: #FFFFFF;

	background-color: #9F8527;

	text-align: center;

	margin: 0px;

	padding: 3px 0px;

	font-weight: bold;

}

.kw_woodtd10 {

	font-size: 12px;

	line-height: 120%;

	margin: 0px;

	padding: 3px 0px 3px 10px;

	border-bottom: 1px solid #9F8527;

	background-color: #E4D7B7;

	font-weight: bold;

}



.k_kaitab1 {

	width: 520px;

	font-size: 12px;

	line-height: 120%;

	color: #000000;

	margin-bottom: 3px;

}



.k_kitd1 {

	width:170px;

	padding-bottom: 10px;

	vertical-align: top;

}



.k_titletd {

	font-size: 12px;

	color: #000000;

	text-align: center;

	padding: 3px 0;

	border: 1px solid #CC9966;

}

.k_titletd2 {

	font-size: 12px;

	color: #000000;

	text-align: center;

	padding: 3px 0;

	border: 1px solid #CC9966;

}

.k_kntit2td {

	width: 520px;

	font-size: 14px;

	line-height: 120%;

	color: #660000;

	margin-bottom: 20px;

	height: 25px;

	padding: 2px 0 0 10px;

	background: url(/images/wood/titlebar1.gif) no-repeat;

}



.k_tdpa {

	padding-top: 15px;

}



.k_kntit4td {

	width: 510px;

	font-size: 14px;

	line-height: 120%;

	color: #FFFFFe;

	margin: 0px;

	padding: 1px 0 0 5px;

	background: url(/images/wood/titlebar2.gif) no-repeat;

	height: 20px;

	font-weight: bold;

}



.k_kitab1 {

	width: 510px;

	margin-bottom: 3px;

}



.k_kitext1 {

	font-size: 12px;

	color: #cc9966;

	line-height: 120%;

	font-weight: bold;

}



.k_pumatab1 {

	width: 510px;

	margin-bottom: 3px;

	border: 1px solid #CC9966;

	padding: 2px 4px 6px 8px;

}



.k_pumatd1 {

	width: 150px;

	padding: 2px 4px 6px 8px;

	border-bottom: 1px solid #CC9966;

}

.k_pumatd2 {

	width: 360px;

	padding: 3px 0;

	border-bottom: 1px solid #CC9966;

}



/*■■■■■■■■　ヘッドライン　■■■■■■■■■■*/

div.headline{

		display:block;

		margin:3px 0px;

		padding:5px 10px 10px 10px;

		border-left:1px solid #ccc;

		border-right:1px solid #ccc;

		border-bottom:1px solid #ccc;

		border-top:5px solid #800000;

		}



/*.headline h2{

		margin-top:3px;

		border-left:8px solid #ff8000 ;

		padding-left:10px;

		}*/



.headline h3{

		margin-top:3px;

		border-left:none  ;

		padding-left:5px;

		}

.headline p{

display:block;

width:485px;

}





/*■■■■■■■■　TOPNEWSテーブル用　■■■■■■■■■■*/

#news{

	 width:440px;

	 height:272px;

	 margin-top:4px;

	 overflow:auto;

	 border:1px solid #666;

	}



#news td{

	border-bottom:1px dotted #ccc;

	}

td.newsleft{

width:70px;

}



td.newsright{

	width:360px;

	padding-left:5px;

	margin-left:5px;

padding-bottom:5px;

	}



/*■■■■■■■■　問合せフォーム用　■■■■■■■■■■*/



.cform{

	display:block;

	width:600;

	margin-left:20px;

margin-top:20px;

	}

.cformltd{

	width:190px;

	border:1px solid #ccc;

	}

.cformrtd{

	width:400px;

	border:1px solid #ccc;

	margin-left:5px;

	}