/***************************************************
top.css{

	1.メインコンテンツ
		：コンテンツ全体枠指定
		：コンテンツタイトル
			：タイトル枠
			：タイトル(h2)格納場所
		：タイトル下コンテンツ説明格納場所
			：コメントエリア位置
}
$main.css,v01 rei Exp $
***************************************************/
/* 1.コンテンツ枠指定(上部)
---------------------------------------------*/
/* トップコンテンツ枠 */
.contents_top{
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 650px;
	}

/* トップヘッドナビ */
.top_logo{
	float: left;
	margin: 5px 0px 5px 0px;
	_margin: 5px 0px 0px 0px;
	}

.head_navi{
	float:right;
	height:20px;
	margin:8px 0px 0px 0px;
	font-size:80%;
	color:white;
	}

.head_navi_box{
	text-align: left;
	float: left;
	width: 80px;
	height: 25px;
	}

.head_navi_left{
	padding-top: 5px;
	_padding-top: 10px;
	float: left;
	}

.head_navi_right_top{
	float: right;
	width: 65px;
	height: 15px;
	}

.head_navi_right_bottom{
	float: right;
	width: 65px;
	height: 10px;
	font-size: 60%;
	}

.head_navi_box_6{
	text-align: left;
	float: left;
	width: 90px;
	height: 25px;
	}

.head_navi_right_top_6{
	float: right;
	width: 75px;
	height: 15px;
	}

.head_navi_right_bottom_6{
	float: right;
	width: 75px;
	height: 10px;
	font-size: 60%;
	}

.head_navi_box_3{
	text-align: left;
	float: left;
	width: 65px;
	height: 25px;
	}

.head_navi_right_top_3{
	float: right;
	width: 50px;
	height: 15px;
	}

.head_navi_right_bottom_3{
	float: right;
	width: 50px;
	height: 10px;
	font-size: 60%;
	}

/* トップ画像 */
.top_img{
	width: 800px;
	height: 260px;
	_height: 240px;
	margin: 0px 0px 30px 0px;
	_margin: 5px 0px 10px 0px;
	}

/* トップの商品別リンク４つあるヤシ */
.con_product{
	float: left;
	width: 194px;
	height: 80px;
	_height: 82px;
	margin: 0px 8px 10px 0px;
	_margin: 0px 8px 0px 0px;
	}

.con_product_right{
	float: left;
	text-align: left;
	width: 194px;
	height: 80px;
	_height: 82px;
	margin: 0px 0px 10px 0px;
	_margin: 0px 0px 0px 0px;
	}

.con_product_title{
	text-align: left;
	background: transparent url(../../images/ico/blackbox_ico.gif) no-repeat scroll top;
	background-position: left center; 
	margin: 10px 0px 5px 10px;
	_margin: 15px 0px 5px 10px;
	padding: 1px 0px 0px 15px;
	_padding: 1px 0px 0px 15px;
	}

.con_product_text{
	font-size: 80%;
	width: 145px;
	text-align: left;
	margin: 0px 0px 5px 10px;
	}

/* トップのトピックス */
.clear{
	clear: both;
	}

.con_item_pre{
	background-image: url(../../images/bg/topics.gif);
	background-repeat: no-repeat;
	width: 800px;
	height: 90px;
	margin: 0px 0px 10px 0px;
	_margin: 10px 0px 10px 0px;
	}

.con_pre{
	float: left;
	text-align: left;
	width: 400px;
	}

.con_pre_b1{
	float:left ;
	text-align: left;
	width: 550px;
	}

.con_pre_b2{
	margin: 0px 0px 0px 0px;
	float: left;
	text-align: left;
	width: 250px;
	}

.con_pre_title{
	width: 290px;
	text-align: left;
	background: transparent url(../../images/ico/title_ico.gif) no-repeat scroll left top;
	margin: 5px 0px 5px 10px;
	padding: 2px 0px 0px 12px;
	_padding: 4px 0px 0px 12px;
	}

.con_pre_text{
	font-size: 80%;
	width: 380px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	background: transparent url(../../images/ico/triangle_ico.gif) no-repeat scroll left center;
	padding: 1px 0px 0px 12px;
	}

.con_pre_text_right{
	font-size: 80%;
	width: 280px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	background: transparent url(../../images/ico/triangle_ico.gif) no-repeat scroll left center;
	padding: 1px 0px 0px 12px;
	}

.con_pre_text_right2{
	font-size: 80%;
	width: 280px;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 1px 0px 0px 12px;
	}

.con_pre_img{
	float: right;
	height: 41px;
	margin: 10px 10px 0px 0px;
	}

/* トップのリンク１段３個のヤシ */
.con_about{
	text-align: left;
	float: left;
	margin: 0px 8px 8px 0px;
	_margin: 0px 8px -2px 0px;
	width: 261px;
	}

.con_about_right{
	text-align: left;
	float: left;
	margin: 0px 0px 8px 0px;
	_margin: 0px 0px -2px 0px;
	width: 261px;
	}

.con_about_title{
	font-size: 90%;
	width: 190px;
	text-align: left;
	background: transparent url(../../images/ico/triangle_ico.gif) no-repeat scroll top;
	background-position: left center; 
	margin: 10px 0px 0px 65px;
	padding: 1px 0px 0px 15px;
	font-weight: bold;
	}

.con_about_text{
	font-size: 80%;
	width: 180px;
	text-align: left;
	margin: 0px 0px 0px 70px;
	}

.con_about_pic{
	float: left;
	width: 50px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	}

/* グッドデザイン賞画像 */
img.gooddesing_img{
	margin: 5px 0px 0px 10px;
	_margin: 5px 0px 0px 9px;
	}