/*============================================================
CONTENTS.CSS

Copyright (C) 2006
(C)2006 ED-CONTRIVE Co.,ltd. All rights reserved
http://www.ed-contrive.co.jp/

-------------------
REVISE HISTORY
-------------------
2006-04-00	release
============================================================*/

/*============================================================
CONTENTS AREA
============================================================*/

/*------------------------
以降はCUSTOMページの指定です
--------------------------*/
div#contents-right h2.custom {
	font-size: 120%;
	background-image: url(../../custom/images/bg_h2_custom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	padding: 0.2em 0px 0.2em 5px;
}

/*------------------------
価格表：tableの指定です
--------------------------*/

div#contents-right table.custom-price {
	border: 1px solid #999999;
	border-collapse: collapse;
}

/*------------------------
価格表：項目名の指定（背景色とフォントウェイト）
--------------------------*/

div#contents-right table.custom-price th {
	width: 156px;
	padding: 2px;
	text-align: left;
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid #999999;
	border-spacing: 0px;
	font-weight: normal;
	background-color: #EEEEEE;
}

/*------------------------
価格表：価格欄の指定（背景色、テキスト右揃え）
--------------------------*/

div#contents-right table.custom-price td {
	padding: 2px;
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid #999999;
	border-spacing: 0px;
	text-align: right;
}

/*------------------------
価格表：本体価格の指定（文字色、フォントウェイトを太字）
--------------------------*/

div#contents-right table.custom-price th.hontai-th, td.hontai-td {
	font-weight: bold;
	color: #003366;
}

/*------------------------
価格表：合計金額の指定（背景色）
--------------------------*/

div#contents-right table.custom-price th.total {
	background-color: #FFFFEE;
}

/*------------------------
価格表：サポート値引きの指定（文字色）
--------------------------*/

div#contents-right table.custom-price tr.nebiki {
	color: #003366;
}

/*------------------------
価格表：カスタムプライスの指定（文字色）
--------------------------*/

div#contents-right table.custom-price tr.price {
	color: #CC0000;
}

/*------------------------
価格表：工賃無料の指定（テキスト中央揃え）
--------------------------*/

div#contents-right table.custom-price td.kouchin {
	text-align: center;
}

/*------------------------
ここから左メニュー欄指定
※ケイ線の色の変更が可能
--------------------------*/

/*===================
SUBNAVI
===================*/

div#subnavi-custom {
	width: 175px;
	margin: 0px 0px 1em 0px;
	padding: 0em 0px 0em 0px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #6699CC;
}

div#subnavi-custom ul {
	margin: 0px;
	padding: 0px;
	border-left: 5px solid #6699CC;
	border-right: 1px solid #6699CC;
}

div#subnavi-custom ul li {
	margin: 0px;
	padding: 0.5em 3px 0.5em 20px;
	border-top: 1px dotted #6699CC;
	background-image: url(../../custom/images/ic_custom_list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-type: none;
}

/*------------------------
キャッチコピー欄の指定
--------------------------*/

/*===================
CUSTOM-CATCH
===================*/
div.custom-catch {
	font-size: 120%;
	text-align: center;
	margin-bottom: 20px;
	background-color: #FFFFEE;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FF6633;
	border-bottom-color: #FF6633;
	padding: 1em;
}
/*===================
SERVICE-CATCH
===================*/
div.service-catch {
	font-size: 120%;
	text-align: center;
	margin-bottom: 20px;
	background-color: #FFFFEE;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #FF6633;
	border-bottom-color: #FF6633;
	padding: 1em;
}


DIV#contents-right TABLE.custom-price TD.title{
  text-align : center;
  background-color : #eeeeee;
  color : #003366;
  font-weight : bold;
}


/*------------------------
以降はSHOPページの指定です
--------------------------*/
DIV#contents H2.shop {
	font-size : 125%;
	background-image: url(../../custom/images/bg_h2_custom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	padding: 0.2em 0px 0.2em 5px;
  margin-left : 10px;
}


/*------------------------
以降はBIKEページの指定です
--------------------------*/
DIV#contents H2.bike {
	font-size : 125%;
	background-image: url(../../custom/images/bg_h2_custom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	padding: 0.2em 0px 0.2em 5px;
  margin-left : 10px;
}
DIV#contents H3.bike {
	font-size : 100%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	margin-left : 15px;
}
DIV#contents P.bike {
	margin-left : 15px;
	margin-bottom : 5px;
}

DIV#contents IMG.img-border
{
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-top-color : gray;
	border-right-color : gray;
	border-bottom-color : gray;
	border-left-color : gray;
}
div#contents div.bike-left-area {
	width: 520px;
	float: left;
	margin: 0px;
	padding: 1.5em 0px 1em 15px;
}



/*------------------------
以降はSERVICEページの指定です
--------------------------*/
DIV#contents H2.service {
	font-size : 125%;
	background-image: url(../../custom/images/bg_h2_custom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	padding: 0.2em 0px 0.2em 5px;
  margin-left : 5px;
}
DIV#contents H3.service {
	font-size : 100%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	margin-left : 15px;
}
DIV#contents P.service {
	margin-left : 15px;
	margin-bottom : 5px;
}

DIV#contents P.service TD.head{
	font-size : 80%;
}


/*------------------------
以降はTOURING/TIMETUNNEL/OFFROADページの指定です
--------------------------*/
DIV#contents H2.touring {
	font-size : 125%;
	background-image: url(../../custom/images/bg_h2_custom.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	padding: 0.2em 0px 0.2em 5px;
  margin-left : 5px;
}
DIV#contents H3.touring {
	font-size : 100%;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
	margin-left : 15px;
}
DIV#contents P.touring {
	margin-left : 15px;
	margin-bottom : 5px;
}




/*------------------------
以降はページ共通のの指定です
--------------------------*/
div#contents table.price {
	border: 1px solid #999999;
	border-collapse: collapse;
}
div#contents table.price td {
	padding: 2px;
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid #999999;
	border-spacing: 0px;
	text-align: right;
}
div#contents table.price td.head {
	font-weight: bold;
	background-color: #FFFFEE;
	text-align: center;
}
div#contents table.price td.text {
	text-align: left;
}
div#contents table.price td.total {
	font-weight: bold;
	background-color: #FFDDDD;
	text-align: center;
}


/*============================================================
LEFT/RIGHT AREA
============================================================*/
div#contents div.left-area {
	width: 330px;
	float: left;
	margin: 0px;
	padding: 1.5em 0px 1em 15px;
}
div#contents div.right-area {
	width: 330px;
	float: right;
	margin: 0px;
	padding: 1.5em 0px 1em 15px;
}