/* CSS Document * Written by Eriko Yamashita */

/* サイト基礎
------------------------------------------------ */
body,form,textarea,input,select {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #333;
	}
body {
	margin: 0;
	padding: 0;
	background-color: #e0e0e0;
	}
img {
	border: none;
	}
input,select {
	margin: 0;
	padding: 0;
	}

h1 {font-size: 12px; font-weight: bold;}
a {color: #2d45a6;}

.list_style01 {margin-left: 20px; padding: 0;}
	.list_style01 li {margin: 6px; line-height: 18px;}
.list_style02 {margin-left: 20px; padding: 0;}
	.list_style02 li {margin: 2px; line-height: 16px;}

/* 色・スタイル
------------------------------------------------ */

.copyright {color: #999; line-height: 20px; font-size: 10px;}
.copyright a {color: #999; text-decoration: none;}
.copyright a:hover {color: #333; text-decoration: underline;}

.tex-red {color: #c00;}
.tex-red-bold {
	color: #c00;
	font-weight: bold;
}
.tex-gray-14px {color: #666; font-size: 14px;}

.tex-blue-bold {color: #111184; font-weight: bold; line-height: 16px;}

.tex-10px {font-size: 10px; line-height: 130%;}

.lh-16px {line-height: 16px;}
.lh-18px {line-height: 18px;}

/* 2008.10.16　Deguchi追加 purpose＞houseにて使用 */
.lh-18px-m {
	line-height: 18px;
	padding-left: 10px;
}

.lh-20px {line-height: 20px;}


td.border-right {border-right: #ccc 1px dashed;}

/* イメージの回り込み
------------------------------------------------ */

.img_r {
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.img_l {
	float:left;
	margin: 5px;
}
.img_m {
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.img_c {
	margin-top: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	text-align:center;
}


/* 以下はレイアウトに関する記述です。
------------------------------------------------------------------------------------------------ */

/* 全体
------------------------------------------------ */
#Header  {margin: 0 auto; width:764px; background: url(../img/table_bg.gif) repeat-y top left;}
table.wrapper {margin: 0 auto; background: url(../img/table_bg.gif) repeat-y top left;}
table#footer {margin: 0 auto; height:46px; background: url(../img/foot_bg.gif) no-repeat top left;}
table#navi {background-color: #666;}
#footlink p {margin: 26px auto 20px; line-height: 180%;}
#footlink p.p2 {margin: 20px auto; color: #999; line-height: 180%;}
#footlink p.p2 a {color: #2da658;}
.side {background: url(../img/side_bg.gif) repeat-y top left;}


/* HEader
------------------------------------------------ 
#Header  {margin: 0 auto; padding:34px 0 12px 0; width:764px; background: url(../img/table_bg.gif) repeat-y top left;}
#Header #Title { display:block; width:200px; height:39px; margin:0 0 0 14px; 
text-indent:-9999px; overflow:hidden; background:url(../img/siteid.jpg) 0 0 no-repeat;}
#Header p.sLink { position:absolute; margin:-119px 0 0 0; padding:0; text-align:right; width:736px; font-weight:bold;}
#Header table { margin:-30px 0 0 414px;}*/

/* メイン
------------------------------------------------ */
/* パンくずリスト */
td.topic_path {height: 37px; background: url(../img/topic_path.gif) repeat-x top left; text-indent: 8px; line-height: 32px;}
	.topic_path a {color: #c06;}

/* ページ内小見出し */
table.caption {height: 29px; background: url(../img/caption.gif) no-repeat top left;}
td.caption {color: #263e9f; text-indent: 16px; line-height: 29px;}
	td.caption a {
	text-decoration: none;
	display: block;
	width: 410px;
	height: 29px;
	}
td.caption2 {
	color: #263e9f;
	text-indent: 16px;
	line-height: 29px;
	background-image: url(../img/caption_harf.gif);
	background-position: right;
}

table.caption_harf {height: 29px; background: url(../img/caption_harf.gif) no-repeat top left;}
td.caption_harf {color: #263e9f; text-indent: 16px; line-height: 29px;}
	td.caption_harf a {
	text-decoration: none;
	display: block;
	height: 29px;
	}


a.arrowlink {background: url(../img/arrowlink.gif) no-repeat center left; padding-left: 16px; font-weight: bold;}

.tab1 {
	width: 132px; height: 22px; background: url(../img/tab1.gif) no-repeat top left;
	color: #fff; text-indent: 20px; font-weight: bold; line-height: 22px;}
	.tab1 a {display: block; width: 130px; height: 22px; text-decoration: none; color: #fff;}
.tab2 {
	width: 132px; height: 22px; background: url(../img/tab2.gif) no-repeat top left;
	color: #111184; text-indent: 20px; font-weight: bold; line-height: 22px;}
	.tab2 a {display: block; width: 130px; height: 22px; text-decoration: none; color: #111184;}
.tab3 {
	width: 264px; height: 22px; background: url(../img/tab3.gif) no-repeat top left;
	color: #fff; text-indent: 20px; font-weight: bold; line-height: 22px;}
	.tab3 a {display: block; width: 262px; height: 22px; text-decoration: none; color: #fff;}
.tab4 {
	width: 264px; height: 22px; background: url(../img/tab4.gif) no-repeat top left;
	color: #111184; text-indent: 20px; font-weight: bold; line-height: 22px;}
	.tab4 a {display: block; width: 262px; height: 22px; text-decoration: none; color: #111184;}
.tab_c_select {
	width: 132px; height: 22px; background: url(../img/tab_c_select.gif) no-repeat top left;
	color: #3333AA; text-indent: 20px; font-weight: bold; line-height: 22px;}
	.tab_c_select a {display: block; width: 130px; height: 22px; text-decoration: none; color: #3333AA;}


.tab_a {background-color: #111184;}
.tab_b {padding: 4px; background-color: #dbe0ef; line-height: 22px;}
.midashi {
	font-size: 12px;
	background-color: #9DBED0;
	height: 26px;
	width: 520px;
	text-indent: 10px;
	padding-left: 10px;
	font-weight: bold;
	color: #000033;
}
.midashi2 {
	font-size: 14px;
	height:30px;
	padding-left: 10px;
	font-weight: bold;
	color: #003366;
}
.midashi3{
	font-size: 12px;
	color: #003366;
	padding: 5px 15px 5px 15px;
	margin: 5px 0px 5px 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
}


/* 用語集 */
td.word {border: #6cc 1px dashed; line-height: 150%;}

/* トップページ
------------------------------------------------ */
table.purpose1 {
	background-color: #f9f9f9;
	border-right: #aabddb 1px solid; border-bottom: #aabddb 1px solid; border-left: #aabddb 1px solid;}
	td.purpose2 {background-color: #fff; border: #aabddb 1px solid;}
	td.purpose3 {padding: 3px 6px;}
	td.purpose3 p {margin: 0; padding: 0;}

table.goods1 {background-color: #aabddb;}
	td.goods2 {
		margin: 0; padding: 0 14px; background: url(../img/arrow.gif) #f0f5fb no-repeat top left;
		color: #111184; line-height: 20px; font-weight:bold;}
	td.goods3 {padding: 3px; background-color: #fff;}
	td.goods4a {background-color: #fff;}
	td.goods4b {padding: 3px 6px; background: url(../img/td_bg.jpg) #e8e8e8 repeat-x top left;}
	td.goods4b p, td.goodsTopics p {margin: 0; padding: 0; font-size: 11px; line-height: 135%;}
	td.goodsTopics {
	padding: 3px 6px;
	background:url(../img/bg_td.jpg) bottom repeat-x;
}


/* トピックス */
td.topics {padding: 10px 5px;}
	td.topics p {margin: 0; padding: 0 14px; background: url(../img/arrow.gif) no-repeat top left; line-height: 20px;}
	.date {color: #2255aa; font-weight: normal;}

td.topics-blog {padding: 10px 5px;}
	.topics-blog h3 {
		margin: 0; padding: 0 14px; height: 20px;
		background: url(../img/arrow.gif) no-repeat top left;
		font-size: 12px; font-weight: bold; line-height: 20px;
		}
	td.topics-blog p {margin: 6px 0 0 14px; padding: 0; width: 494px; line-height: 140%;}
	td.topics-blog .next {
		padding: 0 14px;
		}

/* サイド
------------------------------------------------ */
table.side1 {
	background-color: #fff;
	border: #999 1px solid;
	border-top:none;
}
	.sidebn1 {margin: 10px auto 2px;}
	.sidebn2 {margin: 2px auto 10px;}
	.sidebn3 {margin: 2px auto 2px;}
.sidemenu ul{
	margin:0 0 10px;
	padding:0;
	list-style:none;
	border:1px solid #2F4CAB;
}
.sidemenu li{
	margin:0;
	padding:0;
	list-style:none;
}	
.sidemenu li {
	height:24px;
	line-height:24px;
	text-indent:1.5em;
	border-top:1px dotted #CCC;
}
.sidemenu li a {
	display:block;
	text-decoration:none;
	background:url(../img/listmark.gif) 5px center no-repeat #E7F8F8;
	zoom: 1;
}
.sidemenu a:hover{
	text-decoration:underline;
	color:#CC0066;
}
table.side2 {border-right: #aabddb 1px solid; border-left: #aabddb 1px solid;}
	td.side2a {background-color: #fff; border-bottom: #aabddb 1px solid;}
	td.side2b {padding: 3px 6px; background: url(../img/td_bg.jpg) #e8e8e8 repeat-x top left; color: #111184; font-weight: bold; line-height: 120%;}

/* 商品から選ぶ
------------------------------------------------ */
p.goods_p01 {margin: 0; padding: auto; line-height: 125%;}
p.goods_p02 {margin: 0; padding: 10px 0 16px; line-height: 135%;}

/* ----------- 商品詳細 ----------- */
/* テーブル */ .spec {width: 100%; border-top: #999 1px solid; border-right: #999 1px solid; border-left: #999 1px solid;}
/* テーブル */ .spec th {padding: 6px; width: 100px;
	background-color: #f0f5fb; border-bottom: #666 1px solid; border-right: #999 1px solid;
	text-align: left; font-weight: normal;}
/* テーブル */ .spec td {padding: 6px; background-color: #fff; border-bottom: #999 1px solid;}

/* p        */ .feature {line-height: 150%; padding: 4px 10px; color: #444;}
/* h4       */ h4 {font-size: 12px; font-weight: bold; line-height: 200%; padding: 0 10px;
	border-top: #666 1px solid; border-bottom: #666 1px dashed;}
/* h5       */ h5 {font-size: 12px; font-weight: bold; line-height: 200%; padding: 0 10px;
	border-top: #666 2px solid; border-bottom: #666 1px dashed;}

/* カメラ基礎知識
------------------------------------------------ */
/* ４分割線付 */ .bk_title1 {background-color: #60bbd6; color: #fff; border-right: #fff 1px solid; line-height: 18px;}
/* ４分割線無 */ .bk_title2 {background-color: #60bbd6; color: #fff; line-height: 18px;}
/* 導入　部分 */ .bk_td0 {padding: 10px 6px; line-height: 18px;}
/* ４分割左端 */ .bk_td1 {border-right: #60bbd6 1px solid; border-bottom: #60bbd6 1px solid; border-left: #60bbd6 1px solid; line-height: 18px;}
/* ４分割　他 */ .bk_td2 {border-right: #60bbd6 1px solid; border-bottom: #60bbd6 1px solid; line-height: 18px;}
/* 背景１　青 */ .bk_bg1 {background-color: #f4fbfd; border-right: #60bbd6 1px solid; border-left: #60bbd6 1px solid; line-height: 18px;}
/* 背景２　黄 */ .bk_bg2 {background-color: #fbfbef; border-right: #60bbd6 1px solid; border-bottom: #60bbd6 1px solid; border-left: #60bbd6 1px solid; line-height: 18px;}

p.pad3 {margin: 0; padding: 0px; line-height: 125%;}

/* 早見表 */ .gr_table {background-color: #666; font-size: 10px; line-height: 150%;}
/* レンズ表 */ .lens_table {background-color: #666; font-size: 12px; line-height: 150%;}
/* 表　桃 */ .gr_td1 {background-color: #fde;}
/* 表　緑 */ .gr_td2 {background-color: #d8ffb0;}
/* 表　橙 */ .gr_td3 {background-color: #ffdbca;}
/* 表　白 */ .gr_td4 {background-color: #fff;}
/* 表　青 */ .gr_td5 {background-color: #D2F0FF;}
/* モデルマンション表 */ .model_table {background-color: #FFFFFF; font-size: 12px; line-height: 150%;}

/* サイトマップ
------------------------------------------------ */
ul.sitemap {margin: 14px 10px;}
.sitemap li{padding: 6px 0;}
.sitemap_tb { background-color:#EEF3F6;}


/* トップ　ハードディスク 2008.12.12.以降未使用
------------------------------------------------ 
#hard_recoder { margin:0 0 0 3px; zoom:1; clear:both;}
#hard_recoder:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden; }
#hard_recoder div.hard { width:522px; height:104px; background:url(../img/hard01.jpg) 0 0 no-repeat; text-indent:-9999px; overflow:hidden; }
#hard_recoder ul.hard_navi { margin:0; padding:0; list-style:none; zoom:1; clear:both;}
#hard_recoder ul.hard_navi li { float:left; margin:0; padding:0;}

------------------------------------------------------------------------------------------------ */
.indexmenu {
	background: url(../purpose/img/bg_menu.gif) repeat-y;
	padding:20px 50px;
}
.indexmenu ul{
	margin:0;
	padding:0;
}
.indexmenu li{
	margin:0;
	padding:0;
	list-style:none;
	height:24px;
	line-height:24px;
	background:url(../img/listmark.gif) left center no-repeat;
	text-indent:1.2em;
}
.indexmenu li a {
	text-decoration:none;
}
.indexmenu a:hover{
	text-decoration:underline;
	color:#CC0066;
}