@import url("/css/common.css");

/* --------------------- common --------------------- */

/* common_css調整 */
body{background:url('/image/back.jpg') repeat-x 0 0;}
#header{margin-bottom:0;}
#contents{width:588px;text-align:center;}



/* リセット */
#contents *{padding:0;margin:0;}
#contents li{list-style-type:none;}

/* 強調 */
#contents em{font-style:normal;font-weight:bold;}
#contents strong{color:#ad0032;}

/* --------------------- headline --------------------- */
h1{
	color:#aaa;
	font-size:10px;
	text-align:right;
	font-weight:normal;
	margin:0;
}

h2{margin:0;}

/* --------------------- mainvisual --------------------- */
#mainvisual{margin:1px auto 0;}

/* ---------------------------------------------------------------- */
/* tabarea：タブエリア */
/* ---------------------------------------------------------------- */
/* リセット */
#tabarea *{margin:0;padding:0;}
#tabarea img{vertical-align:bottom;}
#tabarea a:hover img{opacity:0.7;filter:alpha(opacity=70);}


#tabarea{
	margin:1em auto 2em;
	width:530px;
}

#tabarea ul{}
/* clear hack */
#tabarea ul{zoom:1;}
#tabarea ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#tabarea li{
	width:265px;
	float:left;
	list-style:none;
}

#tabarea li a{
	display:block;
	width:265px;
	height:141px;
	background:no-repeat 0 100%;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	text-decoration:none;
}

#tabarea li a.tabactive{
	height:141px;
	background:no-repeat 0 0;
	position:relative;
}

/* ボタン背景： */
/* -------------------------------------------- */
#tabarea #tab-chair a{background-image:url('../image/tab_chairrider.gif');}
#tabarea #tab-drive a{background-image:url('../image/tab_sword.gif');}
/* ボタン背景： */
/* -------------------------------------------- */
#tabarea #tab-chair a.tabactive{background-image:url('../image/tab_chairrider_on.gif');}
#tabarea #tab-drive a.tabactive{background-image:url('../image/tab_sword_on.gif');}


/* -------------------------------------------- */
/* .block：タブ内容 */
/* -------------------------------------------- */
#tabarea .block{
}
/* clear hack */
#tabarea .block{zoom:1;}
#tabarea .block:after{content:".";clear:both;height:0;display:block;visibility:hidden;}



/* チェアーライダー */
/* -------------------------------------------- */
#tabarea #tab1{
	background:url('../image/back_product.gif') repeat-y 0 0;
}

/* チェアーライダー*/
#chair-rider{
	margin:0 auto;
	background:url('../image/top_product1.gif') no-repeat 0 0;
}

/* チェアーライダー：テキスト */
#chair-rider p.text{
	padding:1em 24px;
	text-align:left;
}

/* チェアーライダー：5つの特徴 */
#chair-rider p.point{
	width:504px;
	height:202px;
	margin:0 auto;
	text-align:left;
	background:url('../image/img_5point.gif') no-repeat 0 0;
	zoom:1;
}
#chair-rider p.point img{margin:160px 0 0 42px;}

/* チェアーライダー：ご購入をお考えの方へ */
#chair-rider p.buy{
	padding:0 12px 1em;
	text-align:right;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
}

/* チェアーライダー：ココが違う */
#chair-rider .difference{
	padding:1em 0;
	background:url('../image/bottom_product.gif') no-repeat 0 100%;
}

/* ソード */
/* -------------------------------------------- */
#tabarea #tab2{
	background:url('../image/back_product.gif') repeat-y 0 0;
}
#tabarea #tab2 p.read{
	padding:1em 24px;
	background:url('../image/top_product2.gif') no-repeat 0 0;
	text-align:left;
}

#tabarea #tab2 dl{margin:0 auto;}
#tabarea #tab2 dt{margin:0 0 12px;}
#tabarea #tab2 dd{margin:0 0 1em;}

#tabarea #tab2 p.more{
	margin:0 12px;
	padding:0 12px 1em;
	text-align:right;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
}

#tabarea #tab2 .unidrive{
	padding:1em 0 1em;
	background:url('../image/bottom_product.gif') no-repeat 0 100%;
}
#tabarea #tab2 .unidrive p{
	padding:12px 0 0 135px;
	text-align:left;
}

/* --------------------- tagarea --------------------- */

#tagarea{
	margin:0 auto 1em;
	width:530px;
	text-align:left;
}


/* --------------------- new --------------------- */
#new{
	width:520px;
	margin:0 auto 36px;
	background:url('/common_img/line_dot.gif') repeat-x 0 100%;
}

/* 新着情報：見出 */
#new h3{margin-bottom:8px;}

#new dl{margin:0 6px 6px;}
/* clear hack */
#new dl{zoom:1;}
#new dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* 新着情報：日付*/
#new dt{
	float:left;
	width:110px;
	text-align:left;
	letter-spacing:0.05em;
}

/* 新着情報：内容 */
#new dd{
	float:right;
	width:396px;
	text-align:left;
}

/* 新着情報：内容：矢印 */
#new dd p{
	padding-left:18px;
	background:url('../image/arrow_new.gif') no-repeat 0 5px;
}


/* --------------------- voice --------------------- */
#voice{
	width:520px;
	margin:0 auto 36px;
	line-height:1.4em;
	background:url('../image/back_voice.gif') repeat-y 0 0;
}

#voice img{vertical-align:bottom;}

/* お客様の声：見出 */
#voice h3{
	font-size:12px;
	font-weight:normal;
	text-align:left;
	padding:15px 0 10px 208px;
	background:url('../image/headline_voice.gif') no-repeat 0 0;
}

/* お客様の声：もっと聞く */
#voice p{
	padding:2px 12px 0 0;
	text-align:right;
}

/* お客様の声：事例 */
/* clear hack */
#voice ul{zoom:1;}
#voice ul:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

#voice li{float:left;}

/* --------------------- deviser --------------------- */
#deviser{
	width:520px;
	margin:0 auto 36px;
}
/* clear hack */
#deviser{zoom:1;}
#deviser:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* 考案者の想い：写真 */
#deviser img.photo{
	float:left;
	width:166px;
}

/* 考案者の想い：右エリア */
#deviser .right{
	float:right;
	width:330px;
	text-align:left;
}

/* 考案者の想い：テキスト */
#deviser p{margin-top:12px;}

/* 考案者の想い：もっと見る */
#deviser p.btn{text-align:right;}


/* --------------------- blog --------------------- */
#blog{
	width:520px;
	margin:0 auto 36px;
	border:1px solid #ccc;
}

#blog h3{margin:0 auto 12px;}

#blog dl{
	width:490px;
	font-weight:bold;
	margin:0 auto 6px;
	padding:3px 0 1px;
	background:url('../image/back_blog.gif') 0 0;
}
/* clear hack */
#blog dl{zoom:1;}
#blog dl:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* ブログ：日付*/
#blog dt{
	float:left;
	width:90px;
	color:#197d0b;
	text-align:center;
}

/* ブログ：タイトル */
#blog dd{
	float:right;
	width:400px;
	text-align:left;
}

/* ブログ：内容 */
#blog p{
	width:470px;
	margin:0 auto 16px;
	text-align:left;
}


/* --------------------- support --------------------- */
#support{
	width:520px;
	margin:0 auto 36px;
}

/* サポート：見出 */
#support h3{margin-bottom:12px;}

#support .sub{padding:0 12px;}

/* サポート：テキスト */
#support p{
	float:left;
	width:335px;
	text-align:left;
}

/* サポート：サポート体制について */
#support img.btn{margin-left:6px;}


/* --------------------- company --------------------- */
#company{
	width:520px;
	margin:0 auto 36px;
}
/* clear hack */
#company{zoom:1;}
#company:after{content:" ";clear:both;height:0;display:block;visibility:hidden;}
/* */

/* 会社概要：左右 */
#company .left{float:left;}
#company .right{float:right;}

/* 会社概要：共通 */
#company .left,#company .right{
	width:255px;
	padding:0 0 6px;
	text-align:left;
	border:1px solid #ccc;
	background:url('../image/back_company.gif') repeat-x 0 100%;
}

/* 会社概要：部門 */
#company p.department{margin:5px;}

/* 会社概要：ロゴ */
#company p.logo{margin:12px 10px 18px;}

/* 会社概要：住所 */
#company address{
	font-style:normal;
	padding:0 10px;
}

/* 会社概要：TEL・FAX・Mail */
#company dl{margin:6px 0 0 37px;}
#company dt{float:left;width:28px;clear:both;}
#company dd{margin-left:28px;}


/* --------------------- ssl --------------------- */
#ssl{
	width:520px;
	margin:0 auto 36px;
}

/* thawte：テキスト */
#ssl p.text{
	float:right;
	width:430px;
	text-align:left;
}

#ssl p.thawte{
	float:left;
}

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