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

	SiteName : 有限会社西本設備
	FileName : style.css
	
	== URL ======================================
	http://www.setsubiya.com/
	
-------------------------------------------------- */


/* clearfix
================================================== */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/* 共通リンク
================================================== */
a {color:#000;text-decoration:none;}
a:hover {color:#000;text-decoration:underline;}
a img {border:none;}


/* html,body
================================================== */
html {
	height: 100%;
}

body {
	margin: 0 auto;
	font-size: 80%;
	font-family:Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6em;
	color: #000;
	background-color: #FFF;
	height: 100%;
}


#container {
	margin: 0 auto; padding: 0 2px 0;
	background: url("../img/bg_container.gif") 0% 0% repeat-y;
	width: 810px;
	height: 100%;
	min-height: 100%;
}

body > #container {
	height: auto;
}


/* ヘッダー
================================================== */
#header {
	margin: 0 auto; padding: 0;
	width: 810px;
	height:92px;
	background: url("../img/bg_header.gif") 0% 0% no-repeat;
	position: relative;
	}


#header h1 {
	margin: 0; padding: 0;
	font-size: 80%;
	font-weight: normal;
	position:absolute;
	top: 5px;
	left: 10px;
	}


#header img#logo {
	position:absolute;
	bottom: 12px;
	left: 10px;
	}


#header img#guide {
	position: absolute;
	bottom: 12px;
	right: 10px;
}


/* 左カラム（ナビゲーション）
================================================== */
#col_navi {
	float: left;
	margin: 15px 0; padding: 0 10px;
	width: 175px;
	}
	
	#col_navi ul#banner {
	margin: 0; padding: 0;
	list-style-type: none;
	}
	
	#col_navi ul#banner li {
	margin: 0 auto;
	padding: 0;
	}


/* 右カラム（コンテンツ）
================================================== */
#col_contents {
	float: left;
	margin: 15px 0; padding: 0;
	width: 610px;
}


/* フッター
================================================== */
#footer {
	margin: 0 auto; padding: 20px 10px;
	width: 790px;
	font-size: 80%;
	text-align: center;
	background: url("../img/bg_footer.gif") 0% 0% no-repeat;
	}
	
	#footer p {
	margin: 0;
	}


/* FLASH
================================================== */
#flash {
	margin:0 auto 2em; padding:0pt;
	width:592px;
	height:230px;
}


/* TOPページ（右カラム内）
================================================== */
#top_mainsign {
	margin: 0; padding: 0;
	width: 605px;
	height: 350px;
	background: url("../img/bg_mainsign.jpg") 0% 0% no-repeat;
	position: relative;
	}
	
	#top_mainsign .txt {
	width: 335px;
	height: 120px;
	position: absolute;
	top:  215px;
	left: 15px;
	}
	
	#top_mainsign .txt p {
	font-size: 13px;
	line-height: 1.5em;
}


#top_banner {
	margin: 10px 0; padding: 0;
	width: 605px;
	height: 190px;
	}
	
	#top_banner img,
	#top_banner img.top,
	#top_banner img.end {
	float: left;
	margin-right: 10px;
	}
	
	#top_banner img.end {
	margin-right: 0;
	}
	
	#top_banner img.top {
	margin: 0 0 10px 0;
}
	

#top_news {
	margin: 0; padding: 0;
	width: 605px;
	height: 200px;
	overflow: auto;
	}

	#top_news table {
	margin-bottom: 2em;
	width: 585px;
	}
	
	#top_news table th {
	width: 585px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-align: left;
	}
	
	#top_news table td.photo {
	width: 100px;
	text-align: left;
	vertical-align: top;
	}
	
	#top_news table td.photo img {
	border: 1px solid #655335;
	}
	
	#top_news table td.text {
	width: 485px;
	text-align: left;
	vertical-align: top;
}	


/* セカンドページ
================================================== */
/* セカンドページ 新着情報バックナンバー
================================================== */
table.newsbn {
	margin-bottom: 3em;
	width: 770px;
	}
	
	table.newsbn td.title {
	padding-bottom: 0.5em;
	font-size: 120%;
	font-weight: bold;
	}
	
	table.newsbn td.photo {
	width: 88px;
	text-align: left;
	vertical-align: top;
	}
	
	table.newsbn td.photo img {
	border: 1px solid #655335;
	}
	
	table.newsbn td.text {
	width: 682px;
	text-align: left;
	vertical-align: top;
}


/* セカンドページ（竹のめぐみ）
================================================== */
#chikufun_megumi {
	margin: 0; padding: 0;
	width: 605px;
	height: 360px;
	background: url("../img/bg_megumi.jpg") 0% 0% no-repeat;
	position: relative;
	}
	
	#chikufun_megumi .txt {
	position:absolute;
	width: 470px;
	height: 195px;
	top: 145px;
	left: 90px;
	}

.point {
	margin: 2em 0; padding: 10px;
	width: 581px;
	border: 2px solid #BFE47F;
}


/* セカンドページ（竹粉）
================================================== */
#chikufun_yasai_f {
	margin: 0 0 2em; padding: 15px;
	width: 575px;
	background: #E5E5E5 url("../img/bg_chikufunyasai.gif") 0% 0% no-repeat;
}

#chikufun_kachiku_f {
	margin: 0 0 2em; padding: 15px;
	width: 575px;
	background: #E5E5E5 url("../img/bg_chikufunkachiku.gif") 0% 0% no-repeat;
}


/* セカンドページ（液体ガラス）
================================================== */
#pagelink {
	width: 605px;
	text-align: right;
	color: #000;
	font-weight: bold;
	}
	
	#pagelink a {
	color: #000;
	}
	
	#pagelink a:hover {
	color: #00F;
	}




/* テーブルフォーム（予約フォーム）
================================================== */
.tableform {
	margin: 0 auto 1em;
	width: 95%;
	}
	
	.tableform th,
	.tableform th.start,
	.tableform th.start01,
	.tableform th.end {
	margin: 0; padding: 5px 5px 5px 15px;
	font-weight: normal;
	background-color: #E5E5E5;
	border-top: 1px solid #BBB;
	border-right: 1px solid #BBB;
	border-collapse: collapse;
	text-align: left;
	letter-spacing: 0.2em;
	}
	
	.tableform th.start {
	font-size: 120%;
	background-color: #E5E5E5;
	border-top: 2px solid #AAA;
	border-right: none;
	}
	
	.tableform th.start01, 
	.tableform td.start01 {
	border-top: 2px solid #AAA;
	}
	
	.tableform th.end {
	border-bottom: 2px solid #AAA;
	}
	
	.tableform td,
	.tableform td.start,
	.tableform td.end {
	margin: 0; padding: 5px 5px 5px 10px;
	border-top: 1px solid #BBB;
	}
	
	.tableform td.start {
	border-top: 2px solid #AAA;
	}
	
	.tableform td.end {
	border-bottom: 2px solid #AAA;
}


/* マージン
================================================== */
.m_b00   {margin-bottom:0px;}
.m_b04   {margin-bottom:4px;}
.m_b05   {margin-bottom:5px;}
.m_b08   {margin-bottom:8px;}
.m_b10   {margin-bottom:10px;}
.m_b15   {margin-bottom:15px;}
.m_b20   {margin-bottom:20px;}
.m_b30   {margin-bottom:30px;}
.m_b40   {margin-bottom:40px;}
.m_b50   {margin-bottom:50px;}
.m_b1em  {margin-bottom:1em;}
.m_b2em  {margin-bottom:2em;}
.m_t05   {margin-top:5px;}
.m_t10   {margin-top:10px;}
.m_t15   {margin-top:15px;}
.m_t20   {margin-top:20px;}
.m_t30   {margin-top:30px;}
.m_t50   {margin-top:50px;}
.m_r05   {margin-right:5px;}
.m_r10   {margin-right:10px;}
.m_l05   {margin-left:5px;}
.m_l10   {margin-left:10px;}
.m_all05 {margin:5px auto;}
.m_all10 {margin:10px auto;}
.m_all15 {margin:15px auto;}
.m_all20 {margin:20px auto;}
.m_all50 {margin:50px auto;}
.m_all2em {margin:2em auto;}
.m_t08b05 {margin:8px auto 5px;}
.m_t10b20 {margin:10px auto 20px;}
.m_t10b30 {margin:10px auto 30px;}
.m_t10b40 {margin:10px auto 40px;}
.m_txtbox {margin: 0 5px 5px 0;}


/* iframe
================================================== 
iframe {
	margin: 0 auto 2em;
	border: 1px solid #655335;
}*/


/* 見出しタグ
================================================== */
h2 {
	margin: 0 0 10px; padding: 0;
	width: 605px;
	height: 35px;
	line-height: 35px;
	color: #FFF;
	font-size: 120%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.5em;
	background: url("../img/bg_headline.gif") 0% 0% no-repeat;
}

h3 {
	margin: 0 0 10px; padding: 0;
	width: 605px;
	height: 40px;
	line-height: 44px;
	font-size: 20px;
	font-weight: bold;
	text-indent: 1em;
	letter-spacing: 0.3em;
	border-top: 2px solid #D9D9D9;
	border-bottom: 2px solid #D9D9D9;
}


h4 {
	margin: 2em 0 0.5em; padding: 0.3em 0;
	width: 605px;
	letter-spacing: 0.2em;
	text-indent: 1em;
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
}

h5 {
	margin: 2em 0 1em;
	width: 605px;
	color: #50B31F;
	font-size: 100%;
	border-bottom: 1px solid #E5E5E5;
}




/* フォント
================================================== */
/* 段落 */
p {margin:0 0 7px;}

/* サイズ */
.txt_b {font-weight: bold;}
.txt_xlarge {font-size:140%;}
.txt_large {font-size:120%;line-height: 1.4;}
.txt_large_b {font-size:120%;line-height: 1.4;font-weight: bold;}
.txt_small {font-size:90%;line-height: 1.4;}
.txt_xsmall {font-size:80%;line-height: 1.4;}
.txt_xsml {font-size:80%;letter-spacing: 0;}

/* 緑色 */
.txt_grn {color:#50B31F;}
.txt_grn_b {color:#50B31F; font-weight:bold;}
.txt_grn_small {color:#50B31F; font-size:90%;}

/* 青色 */
.txt_blue {color:#004495;}
.txt_blue_b {color:#004495; font-weight:bold;}
.txt_blue_large_b {color:#004495; font-size:120%; font-weight:bold;}
.txt_blue_xsmall {color:#004495; font-size:80%;}

/* 赤色 */
.txt_red {color:#C00;}
.txt_red_b {color:#C00; font-weight:bold;}
.txt_red_lb {color:#C00; font-size:120%; font-weight:bold;}
.txt_red_xsmall {color:#C00; font-size:80%;}

/* 橙色 */
.txt_orng {color:#F90;}
.txt_orng_b {color:#F90; font-weight:bold;}
.txt_orng_lb {color:#F90; font-size:120%; font-weight:bold;}
.txt_orng_xsmall {color:#F90; font-size:80%;}

/* エラー */
.error {color:#CC0000;font-weight:bold;}
.error_txt {margin:0pt;width:100%;}





/* 旧htmlより（CSS）
================================================== */
/* -----------------------------------------------
 * セカンドページ
 * ----------------------------------------------- */
.second_tit {
	display:block;
	width:567px;
	height:45px;
	padding:25px 0px 15px 25px;
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	letter-spacing:3px;
	background:#FFFFFF url("../img/second_tit_bg.gif")  0% 0% no-repeat;
	}

.second_subtit {
	margin:1em 0;
	padding-left: 18px;
	width: 585px;
	height: 28px;
	line-height: 28px;
	color:#217953;
	font-weight:bold;
	letter-spacing: 0.2em;
	border:1px solid #217953;
	background:url("../img/second_subtit_bg.gif") 0% 0% no-repeat;
	}

#product_ekitaiglass table.uchiwake {
	float: right;
	margin-left: 10px; padding: 5px;
	border: 3px double #CCC;
}

#product_ekitaiglass ul.3col {
	margin: 0 0 0 1em; padding: 0;
	}

	#product_ekitaiglass ul.3col li {
	margin: 0 0 10px; padding: 0;
}

table.list {
	margin: 1em auto 2em;
	width: 95%;
	}

	table.list th {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-left: 3px solid #999;
	border-right: 1px solid #CCC;
	border-collapse: collapse;
	white-space: nowrap;
	}
	
	table.list th.top {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-left: none;
	border-right: 1px solid #CCC;
	border-collapse: collapse;
	white-space: nowrap;
	}
	
	table.list th.last {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 3px solid #999;
	border-collapse: collapse;
	white-space: nowrap;
	}
	
	table.list td {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-collapse: collapse;
	}
	
	table.list td.last {
	margin: 0; padding: 5px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-collapse: collapse;
}
/* -----------------------------------------------
 * セカンドページ（会社概要）
 * ----------------------------------------------- */
.company_list01 {
	width:159px;
	padding:5px 0px 5px 10px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}

.company_list02 {
	width:412px;
	padding:5px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}

.company_list03 {
	width:159px;
	padding:5px 0px 5px 10px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	} 

.company_list04 {
	width:412px;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	}

/* -----------------------------------------------
 * セカンドページ（社長の一言）
 * ----------------------------------------------- */
#staff_president {
	width:592px;
	margin:0px 0px 20px;
	padding:0px;
	font-size:16px;
	line-height:25px;
	background:#FFFFFF url("../img/staff_noteline.gif");
	}
	
	#staff_president p {
	font-family:"ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "細明朝体", serif;
	font-size:16px;
	line-height:25px;
	padding:0px;
	margin:0px;
	}

#staff_list {
	}
	
	#staff_list dt{
	margin:0px;
	padding:0px 0px 0px 210px;
	}
	
	#staff_list dd{
	margin:0px;
	padding:0px 0px 0px 170px;
	}

.staff_coment {
	width:580px;
	margin:0px 0px 10px;
	padding:5px;
	border:1px solid #CCCCCC;
	vertical-align:top;
	text-align:left;
	} 

.staff_coment_img {
	margin-right:10px;
	border:1px solid #595959;
	}
	
.staff_coment_tit {
	margin:0px 0px 20px;
	padding:5px;
	font-size:12px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	background:#CCCCCC;
	}

/* -----------------------------------------------
 * セカンドページ（お問い合わせ）
 * ----------------------------------------------- */
.contact_kome {
	width:592px;
	margin:10px 0px 3px;
	padding:5px 0px;
	text-align:left;
	font-weight:bold;
	}

/* -----------------------------------------------
 * セカンドページ（リンク）
 * ----------------------------------------------- */
#link a {
 	text-decoration:none; color:#0066B3; font-weight:bold;
	}

#link a:hover {
	text-decoration:underline; color:#0066B3; font-weight:bold;
	}

#link td {
 	padding:5px;
 	border-bottom: 1px solid #E6E6E6;
	}

/* -----------------------------------------------
 * セカンドページ（工事）
 * ----------------------------------------------- */
#works {}

	#works ul {
	list-style-type:disc;
	}
	
	#works li {
	display:list-item;
	padding:4px 0px;
	}

.works_suido {
 	width:592px;
	margin:0px 0px 0px;
 	background:#FFFFFF url("../img/works_suido_bg.jpg") 100% 0% no-repeat;
	}
	
.works_denki {
 	width:592px;
	margin:0px 0px 0px;
 	background:#FFFFFF url("../img/works_denki_bg.jpg") 100% 0% no-repeat;
	}	

.works_kucho {
 	width:592px;
	margin:0px 0px 0px;
 	background:#FFFFFF url("../img/works_kucho_bg.jpg") 100% 0% no-repeat;
	}	

/* -----------------------------------------------
 * セカンドページ（豆知識）
 * ----------------------------------------------- */
#knowledge{} 

 	#knowledge img {
 	border:1px solid #595959;
 	}
	
	#knowledge p {
	margin:0px 0px 10px;
	}


/* -----------------------------------------------
 * マージン
 * ----------------------------------------------- */
.margin_01 {
margin:15px 0px;}

.margin_02 {
margin:0px 0px 15px;}

.margin_03 {
margin:5px 0px;}

.margin_04 {
margin:0px auto 10px;}

.margin_05 {
margin:0px auto 30px;}

.margin_06 {
margin:0px auto;}


/* -----------------------------------------------
 * 書体 
 * ----------------------------------------------- */
.x-large { font-size:18px; }
.large	 { font-size:14px;line-height: 1.4; }
.small	 { font-size:12px;line-height: 1.3; }
.x-small { font-size:10px;line-height: 1.2; }

.text_orange {color:#FF6633;}
.text_orange_b {color:#FF6633;font-weight:bold}

.text-b {font-weight: bold}
.text-14b {font-size:14px;font-weight:bold;line-height:140%}
.text-16b {font-size:16px;font-weight:bold;line-height:140%;letter-spacing:5px;}
.text_white {color:#FFFFFF}
.text_white_b {color:#FFFFFF;font-weight:bold}
.text_yellow {color:#FFCC00}
.text_yellow_b {color:#FFCC00;font-weight:bold}
.text_brown {color:#74531A}
.text_brown_b {color:#74531A;font-weight:bold}
.text_blue {color:#0173A2}
.text_blue_b {color:#0173A2;font-weight:bold}
.text_blue_14b {color:#0173A2;font-size:14px;font-weight:bold}
.text_blue_x {color:#0173A2;font-size:18px;font-weight:bold}
.text_red {color:#CC0000}
.text_red_b {color:#CC0000;font-weight:bold}
.text_red_14b {color:#CC0000;font-size:14px;font-weight:bold}
.text_red_x {color:#CC0000;font-size:18px;font-weight:bold}