@charset "UTF-8";

/* ========================================
		index.css
		author:arimoto
======================================== */

/* ----------------------------------------
		カラム
---------------------------------------- */

.column_left,
.column_center{
	border-right:1px solid #d1d1d1;
}

.column_center,
.column_right{
	padding-left:11px;
}

/* ----------------------------------------
		内容
---------------------------------------- */
h1{
	height:301px;
	background:url(../img/bg_header.jpg) no-repeat;
}

.tbl_3column{
	width:850px;
}

h3.tit_newRelease,
h3.tit_recProducts,
h3.tit_eventInfo,
h3.tit_updatedInfo{
	width:266px;
	height:22px;
	margin-bottom:8px;
}

h3.tit_newRelease	{	background:url(../img/tit_newRelease.gif) no-repeat;}
h3.tit_recProducts	{	background:url(../img/tit_recProducts.gif) no-repeat;}
h3.tit_eventInfo	{	background:url(../img/tit_eventInfo.gif) no-repeat;}
h3.tit_updatedInfo{	background:url(../img/tit_updatedInfo.gif) no-repeat;}

h3.tit_newRelease span,
h3.tit_recProducts,
h3.tit_eventInfo span,
h3.tit_updatedInfo span{
	display:block;
	text-indent:-9999px;
}

/* --------------- 新着情報 --------------- */
/* ------------ リンク ------------ */
a.box_news{
	display:block;
	cursor:pointer;
}

a.box_news .link_red,
a.box_news .link_green,
a.box_news .link_blue{
	padding-left:13px;
}

a.box_news .link_red	{	color:#df3232 !important; background:url(../common/img/arrow_red_S.gif) no-repeat left 1px;}
a.box_news .link_green{	color:#00562e !important;	background:url(../common/img/arrow_green_S.gif) no-repeat left 1px;}
a.box_news .link_blue	{	color:#00316e !important;	background:url(../common/img/arrow_blue_S.gif) no-repeat left 1px;}

a:hover.box_news .link_red,
a:hover.box_news .link_green,
a:hover.box_news .link_blue{
	text-decoration:underline;
}

.div_news{
	margin-left:15px;
	margin-bottom:8px;
	width:245px;
	display:table;
}

.div_news .thumnail_photo{
	margin-right:5px;
	float:left;
}

.div_news dl{
	float:left;
	display:block;
	width:175px;
}

.div_news dt{
	color:#333;
	font-weight:bold;
	padding-bottom:2px;
	width:175px;
}

a:hover.box_news .thumnail_photo{
	border:1px solid #DF3232;
}

.update{
	font-size:10px;
	letter-spacing:1px;
	margin-right:3px;
}

.div_news dl.event_upadate{
	width:240px;
}



/* --------------- 代理店募集 --------------- */
.banner_agency{
	margin-left:1px;
}

/* ------------- フライヤーflyer ------------- */
.bg_flyer{
	background:url(../img/bg_flyer.gif) no-repeat right top;
}

.list_flyer{
	display:table;
	margin-left:17px;
}

.list_flyer li{
	width:120px;
	padding-bottom:3px;
	float:left;
	border:1px solid white;
	background:url(../img/icon_pdf.gif) no-repeat 80px top;
}

.list_flyer li a{
	display:block;
	width:65px;
}

* html .list_flyer li a{	width:85px;}

.bg_flyer .box_pdf{
	clear:both;
	display:block;
	font-size:11px;
	width:240px;
	margin-top:5px;
	margin-left:19px;
}


/* ------------- 技術資料ダウンロード ------------- */
.box_btn_techDL{	padding:5px 0 8px 0;}
* html .box_btn_techDL{	padding:5px 0 10px 0;}
*+html .box_btn_techDL{	padding:5px 0 10px 0;}
/* ------------- リンク ------------- */
.box_btn_Link{	padding:5px 0 8px 0;}
* html .box_btn_Link{	padding:5px 0 10px 0;}
*+html .box_btn_Link{	padding:5px 0 10px 0;}


/* ------------- MACTOOLS商品保証概要 ------------- */
.box_btn_guarantee{
	padding:8px 0 8px 26px;
}

/* ------------- 今月のイチオシ ------------- */
/* ------------ リンク ------------ */
a.box_recommend{
	display:block;
	cursor:pointer;
}

a.box_recommend .link_red{
	color:#df3232 !important;
	padding-left:13px;
	background:url(../common/img/arrow_red_S.gif) no-repeat left 1px;
}

a:hover.box_recommend .link_red{
	text-decoration:underline;
}

a:hover.box_recommend .thum img{
	border:1px solid #DF3232;
}

div.box_recommend{
	width:266px;
	background:url(../img/bg_recommend.jpg) repeat-y;
}

div.box_recommend .top{	vertical-align:top;}
div.box_recommend .btm{	vertical-align:bottom; display:block;}

div.box_recommend .line_h{
	display:block;
	font-size:2px;
	width:266px;
	height:2px;
	margin-bottom:6px;
	background:url(../img/line_recommend_h.gif) no-repeat;
}

.div_recommend{
	margin-left:15px;
	margin-bottom:8px;
	width:245px;
	display:table;
}

.div_recommend .thum{
	float:left;
	width:63px;
}

.div_recommend dl{
	float:left;
	display:block;
	width:175px;
}

.div_recommend dt{
	color:#333;
	font-weight:bold;
	padding-bottom:2px;
	margin-bottom:3px;
}