@charset "euc-jp";
/* --------------------------------
■format
---------------------------------*/

* {
	font-family:"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}

body,div,p,ul,li,dl,h1,h2,h3,h4,h5,h6,table,td,th,address,blockquote {
	color:#333;
	margin: 0;
	padding: 0;
	font-size:12px;
	line-height:1.3;
}

h1,h2,h3,h4,h5,h6,address {
	font-style: normal;
	font-weight: normal;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#333333;
}

a:hover {color:#FF9900;}

table,td,th{
/*  border-collapse:collapse;*/
  border:none;
}

ul,ol,dl{
  list-style:none;
}

/* --------------------------------
■body_container
---------------------------------*/

body {
	background:#FFF;
	text-align:center;
}

div#container {
	border-width:0 1px;
	border-style:solid;
	border-color:#999;
	margin:0 auto 10px;
	text-align:left;
	width:750px;
}


/* --------------------------------
■header
---------------------------------*/

#header {
	border-bottom:2px solid #999;
	height:133px;
	width:100%;
	zoom:1;
}

#header:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    visibility:hidden;
}

#header #header-top {
	background-color:#F90;
	background-image:url(../images/header_top_back.gif);
	border-bottom:2px solid #F90;
	height:23px;
}

#header-top h1 {
	color:#FFF;
	float:left;
	line-height:1.7;
	padding:1px 0 0 5px;
	width:300px;
}

#header-top #header-menu {
	float:right;
	width: 400px;
}

#header-menu li {
	background-image:url(../images/w_arrow.gif);
	background-repeat:no-repeat;
	background-position:12px 40%;
	border-right:1px solid #FFF;
	float:right;
	font-size:11px;
	line-height:1.2;
	margin-top:5px;
	padding:0 13px 0 22px;
	white-space: nowrap;
}

#header-menu li.last {
	border:none;
}

#header-menu li a {
	color:#FFF;
}
#header-menu li a:hover {
	color:#FDA;
}

#header #logo {
	clear:both;
	float:left;
	width:260px;
}

#header #flash {
	float:right;
}

#header-under {
	clear:both;
}


/* --------------------------------
■main
---------------------------------*/

#main {
	background-image:url(../images/side_line.gif);
	background-repeat:repeat-y;
	width:750px;
	zoom:1;
}

#main:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    visibility:hidden;
}


/* --------------------------------
■mainside
---------------------------------*/

#mainside {
	float:left;
	padding:2px;
	width:147px;
}

#pickup,
#menu,
#specialmenu,
#related {
	margin-bottom:15px;
	text-align:center;
}

#mainside #pickup {
	font-size:11px;
	color: #666;
	text-align: left;
}

#mainside #pickup div {
	font-size:12px;
	color: #666;
}

#mainside #pickup div.pick-more {
	text-align:right;
	margin-right:5px;
}

#mainside img {
	margin-bottom:5px;
}

#mainside img.sidetitleimg {
	margin-bottom:2px;
}

#mainside #menu ul li{
	background-image:url(../images/menu_list.gif);
	background-position:3px 50%;
	background-repeat:no-repeat;
	border-bottom:1px #E7E7E7 solid;
	width:146px;
}

#mainside #menu ul li.last{
	border-bottom:2px #E90 solid;
}

#mainside #menu ul li a{
	display:block;
	height:20px;
	padding-left:18px;
	padding-top:6px;
	text-align:left;
}

/* win-IE only, avoid mac-IE  \*/
* html #mainside #menu ul li {
	margin-bottom:-2px;
}
*+html #mainside #menu ul li { 
	margin-bottom:-2px;
}
/* */

/* mac-IE only   \*//*/
#mainside #menu ul li a {
	font-size:90%;
	height:18px;
	padding-top:7px;
}
/* */

/* safari only */
html[xmlns*=""] body:last-child #mainside #menu ul li a {
	font-size:90%;
	height:18px;
	padding-top:7px;
}

#related div {
	background-image:url(../images/o_arrow.gif);
	background-repeat:no-repeat;
	background-position:3px 3px;
	padding-left:10px;
	font-size:11px;
	text-align:left;
	color:#666;
}

#related table{
	line-height:0;
	margin-bottom:5px;
	border-collapse:collapse;
}

#related table td a.left-inet {
	background-image:url(../images/ban_inet14_02.gif);
	width:68px;
	height:11px;
	display:block;
}

#related table td a.right-inet {
	background-image:url(../images/ban_inet14_03.gif);
	width:78px;
	height:11px;
	display:block;
}

#related table td a:hover {
	background-position:0 -11px;
}

#related table td a span {
	display:none;
}

#related table img {
	margin:0;
}


/* --------------------------------
■content
---------------------------------*/

#content {
	margin-left:151px;
	padding:0 15px;
}

#breadcrumbs{
	margin-left:152px;
	margin-bottom:15px;
	font-size:11px;
	color:#666;
	border-top: 1px solid #FFF;
}

#breadcrumbs a {
	color:#09F;
}

#breadcrumbs a:hover {
	color:#FFCC00;
}

#breadcrumbs a.stay {
	color:#666;
}

#breadcrumbs a.stay:hover {
	color:#666;
}

#content h3 {
	background-image:url(../images/title.gif);
	color:#FF9900;
	font-size:16px;
	font-weight:bold;
	height:24px;
	margin-bottom:15px;
	padding:6px 0 0 2px;
	clear: right;
	width: 564px;
	background-repeat: no-repeat;
}


#content div.tu-com {
	padding:2px;
	margin:0 0 10px;
	background-color:#EEE;
	border-bottom:1px #999 solid;
}

#content h3 .detail {
	float:left;
	width:50px;
	display: block;
}

#content h3 .h3title {
	float:left;
	display:block;
	width:514px;
}

#content .inner-link {
	margin-bottom: 20px;
}

#content .inner-link a {
	color:#0099FF;
}

#content .inner-link a img {
	margin-right:2px;
	margin-bottom:2px;
}

#content .inner-link a:hover {
	color:#FFCC00;
}


#content div.apart {
	padding:0 7px 30px 0;
	width:98%;
	float:right;
}

/**/
	* html #content div.apart{overflow: visible;}
/**/


#content div.apart table.inner-apart{
	width:550px;
}

#content #info {
	width:566px;
	margin-bottom: 20px;
}
#content #info-head,
#content #info-body,
#content #info-foot {
	padding:0 12px;
}

#content #info-head {
	background-image:url(../images/info_head.gif);
	height: 20px;
}

#content #info-head p {
	color:#F00;
	display:inline;
	font-weight:bold;
	background-color:#FFF;
	padding: 0 2px;
	font-size: 16px;
	line-height: 1.1;
}

#content #info-body {
	background-image:url(../images/info_body.gif);
	line-height: 1.5;
}

#content #info-foot {
	background-image:url(../images/info_foot.gif);
	height: 15px;
}

#content div.apart:after {
    content: "";
    display: block;
    clear: right;
    height: 0px;
    visibility:hidden;
}

#content div.apart .sym-calender {
	width:415px;
}

#content div.apart .lane {
	background-image:url(../images/line.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:3px 0;
}

#content div.apart .lane p {
	margin-bottom:2px;
}

#content div.apart .lane p.date {
	background-image:url(../images/list_m.gif);
	background-repeat:no-repeat;
	background-position:2px 4px;
	float:left;
	text-align:left;
	width: 76px;
	white-space: nowrap;
	padding-left: 11px;
	overflow: hidden;
}

#content div.apart .lane p.

#content div.apart .lane p.date-under {
	color:#666;
	float:left;
	text-align:right;
	width: 87px;
}

/* mac-IE only   \*//*/
#content div.apart .lane p.date,
#content div.apart .lane p.date-under {
	font-size:90%;
}
/* */

/* safari only */
html[xmlns*=""] body:last-child #content div.apart .lane p.date,
html[xmlns*=""] body:last-child #content div.apart .lane p.date-under {
	font-size:90%;
}

#content div.apart .lane p.raceconcrete-head {
	background-image:url(../images/o_arrow.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	float:left;
	text-align:left;
	padding-left:13px;
	width: 80px;
}

#content div.apart .lane p.raceconcrete {
	text-align:left;
	margin-left:183px;
	width:223px;
}



#content div.apart .lane p.raceconcrete-sol {
	text-align:left;
	margin-left:183px;
}

#content div.apart .lane p.concrete {
	background-image:url(../images/o_arrow.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	text-align:left;
	padding-left:13px;
	margin-left:87px;
	width: 455px;
}

#content div.apart .lane p.topicsconcrete {
	background-image:url(../images/o_arrow.gif);
	background-repeat:no-repeat;
	background-position:5px 50%;
	text-align:left;
	padding-left:13px;
	margin-left:87px;
	width: 455px;
}

#content div.apart .lane p.raceconcrete a {
	padding-left:5px;
	text-indent: -0.5em;
}

#content div.apart .lane a {
	color:#333;
	display:block;
	width:100%;
}

#content div.apart .sym-calender .lane p.raceconcrete a {
	width:223px;
}



#content div.apart .lane a:hover {
	color:#FF9900;
}

td.pdf-download {
	padding-bottom:10px;
}


/* --------------------------------
■pagetop
---------------------------------*/

#pagetop {
	text-align:right;
	margin: 0 10px 5px 0;
	clear: right;
}

/* --------------------------------
■footer
---------------------------------*/

#footer {
	background-color:#999;
	border-top:solid 2px #F90;
	clear:both;
	color:#FFF;
	height:22px;
	padding-top:3px;
	text-align:center;
}

#under-banner {
	margin:0 auto;
	width:750px;
	padding-bottom: 10px;
}

#under-banner img {
	margin-right:3px;
}

#under-banner img.last {
	margin-right:0px;
}

/* --------------------------------
■general
---------------------------------*/

.right-guard {
	clear:right;
}

.left-guard {
	clear:left;
}

span.att {
	color:#FF0000;
}



/* 各種テーブル */
.border_t th {
background-color: #cdf;
color: #fff;
border: 1px solid #ccc;
padding: 4px;
text-align: center;
}
.border_t td {
background-color: #fff;
color: #666;
border: 1px solid #ccc;
padding: 4px;
}
/* ItemList */
.items p {
margin: 0px;
}
.item_list_t {
clear: right;
text-align: center;
}
.item_list_t table {
margin-left: auto;
margin-right: auto;
border-collapse:collapse;
/**.item_list_t table/item_list_t_table_width/商品一覧テーブル幅**/	width: 90%;
}
.item_list_t th {
	/**.item_list_t th/item_list_t_th_bg/商品一覧テーブル見出し背景色**/	background-color: #F90;
	/**.item_list_t th/item_list_t_th_text/商品一覧テーブル見出し文字色**/	color: #FFFFFF;
	border: 1px solid #ccc;
	padding: 4px;
	text-align: center;
}
.item_list_t td {
border: 1px solid #ccc;
padding: 4px;
}

.item_list_t table .item-text-left {text-align:left; border-bottom:2px #F90 solid;}
.td1 {
/**.td1/td1_bg/商品一覧テーブルデータ背景色１**/	background-color: #FFF;
/**.td1/td1_text/商品一覧テーブルデータ文字色１**/	color: #666666;
}
.td2 {
/**.td2/td2_bg/商品一覧テーブルデータ背景色２**/	background-color: #FFFFFF;
/**.td2/td2_text/商品一覧テーブルデータ文字色２**/	color: #666666;
}
.item_note {
/**.item_note/item_note_text/商品一覧 備考の文字色**/	color: #FF3333;
}
.item_list_t p {
margin: 5px 0px;
}

/* PageUnit */
.page_unit {
float: right;
margin-top: 10px;
margin-bottom: 10px;
}

/* SearchUnit */
.search_unit {
text-align: center;
}
.search_unit table {
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
}
.search_unit td {
border-bottom: 1px solid #ccc;
padding: 4px;
}
/* BackLink */
.back_link {
margin: 10px 0px;
}
/* ShowCart */
.show_cart_money {
margin: 10px 0px 0;
float: right;
}
.show_cart {
margin-left: auto;
margin-right: auto;
width: auto;
}

table.cart-table {
	text-align:left;
}

/* Flow */
.flow {
text-align: center;
margin-bottom: 20px;
}
.flow p {
/**.flow p/flow_p_bg/カートフロー背景色**/	background-color: #FFFFDD;
/**.flow p/flow_p_text/カートフロー文字色**/	color: #666666;
border: 1px solid #ccc;
width: 500px;
margin: 0px auto;
padding: 5px;
}
.flow_now {
/**.flow_now/flow_now_text/カートフロー現在の文字色**/	color: #3333FF;
}
/* ButtonSet */
.btn_set {
clear: right;
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}
.btn_set p {
margin-left: auto;
margin-right: auto;
}
/* CartForm */
.user_form {
text-align:center;
}

.user_form p {
text-align:left;
}
.user_form table {
margin: 20px auto;
/**.user_form table/user_form_table_width/カート情報入力テーブル幅**/	width: 90%;
}
.user_form th {
/**.user_form th/user_form_th_bg/カート情報入力テーブル見出し背景色**/	background-color: #CCDDFF;
/**.user_form th/user_form_th_text/カート情報入力テーブル見出し文字色**/	color: #666666;
border: 1px solid #ccc;
padding: 4px;
text-align: center;
}
.user_form td {
/**.user_form th/user_form_td_bg/カート情報入力テーブルデータ背景色**/	background-color: #FFFFFF;
/**.user_form th/user_form_th_text/カート情報入力テーブルデータ文字色**/	color: #666666;
border: 1px solid #ccc;
padding: 4px;
text-align:left;
}
.small {
/**.small/small_text/カート情報入力注釈の文字色**/	color: #3333CC;
font-size: 10px;
font-weight: normal;
}
.need_mark {
/**.need_mark/need_mark_text/カート情報入力必須項目※印文字色**/	color: #FF9999;
}
/********** 詳細画面 **********/
/* ラッパー */
.detail_wrapper {
border: 1px solid #eee;
text-align: left;
width: 350px;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
padding: 3px;
}

/* ヘッダー */
.detail_head {
width: 350px;
clear: both;
margin: 0px;
}

.detail_head h1 {
	/**h1/h1_bg/ヘッダー部見出しの背景色**/	background-color: #999;
	/**h1/h1_text/ヘッダー部見出しの文字色**/	color: #FFFFFF;
	margin: 0px;
	padding: 3px;
	text-align: center;
	font-size: 14px;
}

/* フッター */
.detail_foot {
width: 350px;
clear: both;
margin: 0px;
}
.detail_foot p {
/**.foot p/foot_p_bg/フッターの背景色**/	background-color: #999;
/**.foot p/foot_p_text/フッターの文字色**/	color: #FFFFFF;
padding: 2px;
margin: 0px;
text-align: center;
}
/* コンテンツ */
.detail_contents {
width: 350px;
}
/* イメージ */
.detail_img {
width: 350px;
float: left;
margin: 0px;
padding: 2px;
text-align:center;
}
/* 商品情報 */
.detail_info {
width: 230px;
float: right;
margin: 0px;
padding: 2px;
}
.detail_info table {
margin-left: 4px;
}
.detail_info td {
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-left: 4px;
}
.detail_bottom_btn {
width: 350px;
clear: both;
text-align: center;
margin: 40px 0px;
}
.detail_show_cart_money {
text-align: center;
margin: 15px 0px;
}
/********** Extras **********/
.btn_route {
	/**.btn_route/btn_route_bg/カート順路ボタン背景色	background-color: #CCCCFF;**/
/**.btn_route/btn_route_text/カート順路ボタン文字色**/	color: #0033CC;
	/**.btn_route/btn_route_border/カート順路ボタンボーダー色	border-color: #FFFF99;**/
width: 120px;
}
.m-button {
	color:#666666;
	width:100px;
}

.b-button {
	color:#333;
	width:180px;
}
.w80 {
width: 80px;
}
.w100 {
width: 100px;
}
.w120 {
width: 120px;
}
.w160 {
width: 160px;
}
.clear {
clear: right;
}
.center {
clear: right;
text-align: center;
}
.right {
float: right;
text-align: right;
}
.input {
height: 20px;
}
.attent {
/**.attent/attent_text/各種注目すべき文字の文字色**/	color: #CC0000;
}
.text {
letter-spacing: 0px;
margin-bottom:5px;
}
.no_border_t td {
border: none;
}
.bottom_border_t td {
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #ccc;
}
/* Error 用 */
.error {
background-color: #fee;
color: #666;
border: 1px solid #fcc;
padding: 5px;
margin: 20px auto;
width: 90%;
text-align: left;
}
/* message 用 */
.message {
background-color: #eef;
color: #666;
border: 1px solid #cdf;
padding: 5px;
margin: 20px auto;
width: 90%;
}

p.shop-c {
	color:#666666;
	font-size:11px;
}

p.shop-c a {
	color:#0099FF;
}

p.shop-c a:hover{
	color:#FF9900;
}
