@charset "UTF-8";
@import url(./rollover.css);
/*********************************************
**    Copyright (c) 2007 Eye Movic.
**                  All Rights Reserved.
**********************************************/
/*********************************************
**  ■初期化設定
**  ■基本設定
**  └その他
**  ■ヘッダー設定
**  ■ヘッダーメニュー設定
**  ■フッター設定
**  ■右部設定
**  ■中央設定
**  ■共通設定
**  ├要素関連
**  ├レイアウト関連
**  ├ナビゲーション関連
**  ├画像関連
**  ├テキスト関連
**  ├フォーム関連
**  ├テーブル関連
**  ├注釈関連
**********************************************/
/*++++++++++++++++++++++++++++++++++++++++
         初期化設定
++++++++++++++++++++++++++++++++++++++++*/
* {
	margin				: 0;
	padding				: 0;
	font-family			: "ＭＳ Ｐゴシック", "Osaka－等幅";
	line-height			: 150%;
	font-size			: small;
}

/*++++++++++++++++++++++++++++++++++++++++
         基本設定
++++++++++++++++++++++++++++++++++++++++*/
body {
	background			: #f7f7f7 url(../blogparts/img_body_bg.gif) repeat-x 0 0;
	margin				: 0 0 30px 0;
}

#container {
	width				: 788px;
	padding				: 0 4px 0 4px;
	margin				: 0 auto;
	background			: url(../blogparts/img_container_bg.jpg) repeat-y 0 0;
}

/*-----------------------------
         その他
-----------------------------*/
/*  リンク
-----------------------------*/
a:link {
	color				: #0033ff;
}
a:visited {
}
a:hover {
}

/*++++++++++++++++++++++++++++++++++++++++
         ヘッダー設定
++++++++++++++++++++++++++++++++++++++++*/
#header {
	width				: 780px;
	background			: url(../blogparts/img_header_bg.jpg) repeat-x 0 0;
}
	.header_logo {
		border				: none;
		margin				: 4px 0 14px 20px;
	}

h1 {
	text-align			: right;
	padding				: 7px 6px 0 0;
	font-weight			: normal;
}
.header_home {
	border				: none;
	margin				: 0 8px 7px 0;
}

/*++++++++++++++++++++++++++++++++++++++++
         ヘッダーメニュー設定
++++++++++++++++++++++++++++++++++++++++*/
#index_header_menu {
	border-bottom		: 2px solid #f51e19;
	width				: 780px;
}

/*++++++++++++++++++++++++++++++++++++++++
         フッター設定
++++++++++++++++++++++++++++++++++++++++*/
#footer {
	background			: url(../blogparts/img_footer_bg.jpg) repeat-x 0 bottom;
	width				: 782px;
	margin				: 0 0 0 -2px;
	padding				: 0 0 0 2px;
}

#footer table {
	background			: url(../blogparts/img_footer_link_bg.gif) repeat-x 0 0;
	width				: 780px;
	height				: 30px;
}
	#footer table td {
		vertical-align		: top;
		padding				: 5px 10px 0 13px;
	}
	#footer table img {
		border				: none;
	}
#footer p {
	text-align			: right;
	margin				: 5px 15px 0 0;
	padding				: 0 0 20px 0;
	font-size			: 90%;
	color				: #666666;
}

/*++++++++++++++++++++++++++++++++++++++++
         中央設定
++++++++++++++++++++++++++++++++++++++++*/
#main {
	margin				: 0 0 20px 0;
}

/* トップページ */
#index_main {
	padding				: 12px 0 0 15px;
	width				: 780px;
}
#index_news_recent {
	float				: left;
	width				: 440px;
	margin				: 0 34px 0 0;
}
#index_lineup {
	float				: left;
	width				: 291px;
	margin				: 0 0 10px 0;
}

/* 下層ページ */
#center {
	float				: left;
	width				: 520px;
	margin				: 0 10px 0 14px;
	padding				: 0 13px 0 0;
	border-right		: 1px solid #d9d9d9;
}

/*++++++++++++++++++++++++++++++++++++++++
         右部設定
++++++++++++++++++++++++++++++++++++++++*/
#right {
	float				: left;
	width				: 210px;
}

#right ul {
	margin				: 7px 10px 7px 10px;
}
	#right li {
		list-style-type		: none;
		background			: url(../blogparts/img_right_icon.gif) no-repeat 0 center;
		margin				: 0 0 4px 0;
		padding				: 0 0 3px 15px;
		border-bottom		: 1px dotted #717171;
	}
		#right li.border_none {
			border-bottom		: none;
			margin				: 0;
		}
		#right li.lyt_left30 {
			padding				: 0 0 3px 30px;
			margin				: 0 0 4px 0;
			background			: url(../blogparts/img_right_icon.gif) no-repeat 15px center;
		}

/* 共通 */
.lyt_right_common {
	background			: #efefef;
}

/* コンテンツメニュー */
.lyt_right_contents {
	background			: #ffe8d9;
	margin				: 0 0 10px 0;
}

/*++++++++++++++++++++++++++++++++++++++++
         共通設定
++++++++++++++++++++++++++++++++++++++++*/
/*-----------------------------
         要素関連 
-----------------------------*/
/*  見出し
-----------------------------*/
h2 {
	font-size			: 150%;
	background			: url(../blogparts/img_h2_bg.gif) no-repeat 0 bottom;
	margin				: 0 0 15px 0;
	padding				: 0 0 3px 0;
}

h3 {
	font-size			: 116%;
	background			: url(../blogparts/img_h3_bg.jpg) no-repeat 0 0;
	height				: 27px;
	margin				: 0 0 10px 0;
	padding				: 5px 0 0 20px;
}

h4{
	background			: #cccccc url(../blogparts/img_right_icon.gif) no-repeat 10px center;
	padding				: 3px 10px 3px 25px;
	margin				: 0 0 10px 0;
}

/*-----------------------------
         レイアウト関連 
-----------------------------*/
.flt_left	{ float: left; }
.c_both		{ clear: both; }
.lyt_block	{ display: block; }
.lyt_sps5	{ margin: 0 0 5px 0; }
.lyt_sps10	{ margin: 0 0 10px 0; }
.lyt_sps20	{ margin: 0 0 20px 0; }
.lyt_sps30	{ margin: 0 0 30px 0; }
.lyt_sps40	{ margin: 0 0 30px 0; }
.lyt_sps50	{ margin: 0 0 50px 0; }
.lyt_left	{ text-align: left; }
.lyt_center	{ text-align: center; }
.lyt_right	{ text-align: right; }
.lyt_top	{ vertical-align: top; }
.lyt_middle	{ vertical-align: middle; }
.lyt_bottom	{ vertical-align: bottom; }

.entry {
	margin				: 0 0 20px 0;
}
	.entry p {
		margin				: 0 0 18px 0;
	}

/*-----------------------------
         ナビゲーション関連 
-----------------------------*/
#navi {
	margin				: 13px 0 15px 15px;
}

/*-----------------------------
         画像関連 
-----------------------------*/
.border_non { border: none; }

/*-----------------------------
         テキスト関連 
-----------------------------*/
.txt_bld	{ font-weight: bold; }
.txt_f10	{ font-size: 78% !important; }
.txt_f15	{ font-size: 117% !important; }

.txt_red	{ color : #ff0000 !important;}

/* フォーム注意書き */
.txt_input_text {
	margin				: 0 0 20px 0;
}
	.txt_input_text span {
		color				: #ff0000;
	}


/*-----------------------------
         フォーム関連 
-----------------------------*/
input {
	margin				: 3px 0 3px 0;
}

select {
	vertical-align		: middle;
	margin				: 3px 5px 3px 0;
}
	select option {
		padding				: 0 5px 0 0;
	}

.frm_button {
	height				: 30px;
	padding				: 0 10px 0 10px;
}

/*-----------------------------
         テーブル関連 
-----------------------------*/
.tbl_common {
	border-collapse		: collapse;
	table-layout		: fixed;
	width				: 520px;
	margin				: 0 0 20px 0;
}
	.tbl_common caption {
		background			: url(../blogparts/img_right_icon.gif) no-repeat 3px center;
		padding				: 3px 10px 3px 18px;
		text-align			: left;
	}
	.tbl_common th {
		border				: 1px solid #999999;
		padding				: 5px 10px 5px 10px;
		width				: 130px;
		font-weight			: normal;
		background			: #e1e1e1;
		text-align			: left;
	}
		.tbl_common th span {
			color				:#ff0000;
		}
	.tbl_common td {
		border				: 1px solid #999999;
		padding				: 5px 10px 5px 10px;
		line-height			: 120%;
	}

.tbl_common label {
	width				: 165px;
	display				: block;
	float				: left;
}
.tbl_common font {
	font-size			: 85%;
	color				: #666666;
}

/*-----------------------------
         注釈関連 
-----------------------------*/
.txt_annotation {
	color				: red;
}

/* ++++++++++++++++++++ 各ページデザイン部分設定 ++++++++++++++++++++ */
/* ++++++ トップページ ++++++ */
/* 最新ニュース */
.lyt_news_all {
	text-align			: right;
	border-bottom		: 1px dotted #828282;
	margin				: -16px 0 5px 0;
	padding				: 0 0 5px 0;
}
.index_news_entry {
	line-height			: 120%;
	border-bottom		: 1px dotted #828282;
	padding				: 0 10px 10px 5px;
	margin				: 0 0 5px 0;
}
	.index_news_entry span {
		display				: block;
		line-height			: 120%;
	}

/* 商品ラインナップ */
.tbl_index_lineup_menu th {
	vertical-align		: top;
}
.tbl_index_lineup_menu td {
	padding				: 8px 10px 0 11px;
	vertical-align		: top;
}
	.tbl_index_lineup_menu td p {
		line-height			: 120%;
		font-size			: 85%;
		color				: #666666;
		margin				: 5px 0 0 0;
	}

/* ++++++ ニュース ++++++ */
.news_entry {
	line-height			: 120%;
	border-bottom		: 1px dotted #828282;
	padding				: 0 10px 10px 5px;
	margin				: 0 0 5px 0;
}
	.news_entry span {
		display				: block;
		line-height			: 120%;
	}
.entry-page {
	margin				: 8px 0 0 0;
	text-align			: right;
}

/* ++++++ 商品情報 ++++++ */
.tbl_merchandise {
	margin				: 0 0 10px 0;
}
	.tbl_merchandise td {
		vertical-align		: top;
	}

.lst_lineup li {
	list-style-type		: none;
	float				: left;
	text-align			: center;
	line-height			: 100%;
	margin				: 0 0 2px 9px;
}
	.lst_lineup li img {
		border				: 0;
		margin				: 2px;
	}
		.lst_lineup li span {
			border				: 1px solid #cccccc;
			display				: block;
			margin				: 0 0 -3px 0;
		}

.lst_usage {
	list-style-type		: none;
	margin				: 0 0 20px 10px;
}
	.lst_usage li {
		float				: left;
		width				: 245px;
	}

/* ++++++ 商品情報詳細 ++++++ */
.lst_merchandise_entry {
	margin				: 0 10px 0 25px !important;
}
/* 商品写真 */
.lyt_merchandise_photo {
	border				: 1px solid #cccccc;
}
.lyt_merchandise_photo img {
	margin				: 2px;
}

/* 製品特徴テキスト */
.lyt_entry_detail p {
	line-height			: 120%;
	margin				: 0 0 25px 8px;
}

/* 商品特徴テーブル */
.tbl_merchandise_detail {
	border-collapse		: collapse;
	table-layout		: fixed;
	width				: 520px;
	margin				: 10px 0 0 0;
}
	.tbl_merchandise_detail th, .tbl_merchandise_detail td {
		border				: 1px solid #cccccc;
		padding				: 1px 5px 1px 5px;
		text-align			: left;
	}
	.tbl_merchandise_detail th {
		width				: 133px;
		font-weight			: normal;
		background			: #ebebeb;
	}
.tbl_merchandise_detail table {
	border-collapse		: collapse;
}
	.tbl_merchandise_detail table th {
		background			: none;
		border-left			: none;
	}
	.tbl_merchandise_detail table td {
		border-width		: 1px 0 1px 0;
	}
		.tbl_merchandise_detail table.tbl_merchandise_sub th {
			width			: 97px;
		}
		.tbl_merchandise_detail table.tbl_merchandise_sub td {
			width			: 97px;
				border-width		: 1px 0 1px 1px;
		}

/* プリントリンクボタン */
.lyt_merchandise_detail_bottom {
	text-align			: right;
	margin				: 10px 0 0 0;
}
	.lyt_merchandise_detail_bottom img {
		margin				: 0 0 0 5px;
		border				: 0;
	}

/* プリントページ */
#pageBreak{
	page-break-after:always;
}

/* ++++++ ちぐさはナゼ選ばれるのか？ ++++++ */
img.img_chosen_image {
	margin				: 0 15px 10px 10px;
	float				: left;
}

/* ++++++ 施工事例 ++++++ */
.tbl_construction td {
	vertical-align		: top;
}

.tbl_construction p {
	border				: 1px solid #cccccc;
}
	.tbl_construction img {
		margin				: 2px;
	}

/* ++++++ 社長挨拶 ++++++ */
.img_greeting_photo {
	margin				: 0 0 15px 15px;
}

/* ++++++ 主要取引先 ++++++ */
.lst_customer {
	list-style-type		: none;
	margin				: 0 0 0 30px;
}
	.lst_customer li {
		float				: left;
		width				: 245px;
	}

/* ++++++ 資料請求 ++++++ */
.lyt_request_brand {
	margin				: 0 0 10px 0;
}
	.lyt_request_brand p {
		color				: #666666;
		font-weight			: bold;
	}


/* ++++++ WDシリーズ詳細ページ ++++++ */
.wd_title {
	padding-bottom		: 5px;
	}
	
.wd_photo01 {
	padding-top			: 5px;
	padding-bottom		: 15px;
	}
.wd_photo02 {
	padding-top			: 5px;
	padding-bottom		: 30px;
	}

.wd_allow {
	width				: 100%;
}
	.back {
		float				: left;
		text-align			: left;
		}
	.next {
		text-align			: right;
	}
	
/* ++++++ リンクとバナーについて ++++++ */

.banner_tb {
	margin-bottom		: 15px;
}

table.banner {
	border-collapse		: collapse;
	margin-left			: 5px;
}
	table.banner th {
		width				: 50px;
		vertical-align		: top;
		text-align			: left;
		font-weight			: normal;
	}
		table.banner td textarea {
			width				: 430px;
			height				: 90px;
			border				: 1px solid #cccccc;
			background			: #FFE8D9;
			padding				: 0 5px 0 5px;
			overflow			: auto;
		}
		/*Opera hack*/
		html:first-child table.banner td textarea {
			height				: 60px;
			padding				: 3px 5px 3px 5px;
		}
		/*end*/