@charset "Shift_JIS";
/* common.css */

/*---------------------------------------------
  「Hotwired」サイト全ページ共通CSSファイル
---------------------------------------------*/

/*///////////////////////////////////////////////
1.タグスタイルの初期化
2.基本スタイル設定
3.基本レイアウトDIVスタイル設定
4.スキップコンテンツエリアスタイル設定
5.ヘッダーエリアスタイル設定
6.コンテンツエリアスタイル設定
7.フッターエリアスタイル設定
////////////////////////////////////////////////*/


/* 1.タグスタイルの初期化
----------------------------------------------------------------------------------------------- */

body,h1,h2,h3,h4,h5,p,ul,ol,table,img{ 	margin: 0;	padding: 0; }


/* 2.基本スタイル設定
----------------------------------------------------------------------------------------------- */
/*Firefoxのスクロールバー表示*/
html{  
    overflow:-moz-scrollbars-vertical;  
} 
/*ボディ全体*/
body {
	text-align:center;
	color:#333333;
	background-color:#E7E7E7;
	line-height:130%;
	/*font-family:ClearType,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", sans-serif;
	background-image:url(../images/common_img/bodybg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align:baseline;
}
/*画像*/
img {
	vertical-align:bottom;
	border:none;
}
/*テキストリンク*/
a{ color:#3366ff; text-decoration: underline; }
a:visited{ color: #006699; text-decoration: underline; }
a:hover{ color:#FF3300; text-decoration: underline; }　
a:active{ color:#FF3300; text-decoration: underline; }　
a img { border:none;}
/*リスト*/
ul,ol { list-style :none;}
li { line-height:140%;}
/*強調*/
em { font-style:normal; font-weight:normal;color:#CC3300;}
strong { font-style:normal; font-weight:bold; color:#CC3300;}
/*水平線*/
hr { margin:1em 0;}
/*段落*/
p{ line-height:150%; padding:5px 0px;}
/*テーブル*/
table{ border-collapse:collapse; }
/* h1 */
#headWrap h1,
#headWrap strong{
	font-size:18px;
	font-weight:bold;
	color:#FF0000;
	font-family: "A-OTF 新ゴ pro M"，"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック";
}
#headWrap h1{ line-height:150%; padding:0px 0px;}


/* h2 */
h2{
	font-family: "A-OTF 新ゴ pro M", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック";
	font-size: 130%;
	font-weight: bold;
	color: #FFFFFF;
	background-repeat: no-repeat;
	clear:both;
}
h2.h2long {
	background-image: url(../images/common_img/h2bg_long.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding-left: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom:10px;
}
/* h3 */
h3 {
	font-size:125%;
	font-family: "A-OTF 新ゴ pro M", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック";
}

/* h4 */
h4{
		font-size: 120%;
}


/* h5 */
h5 {
	font-size:100%;
	margin:5px 10px 5px 0px;
	font-weight:bold;
	background-color: #CCCCCC;
	padding-right: 3px;
	padding-left: 3px;
}

/* h6 */


/* 3.基本レイアウトDIVスタイル設定
----------------------------------------------------------------------------------------------- */
/* サイト外枠 */
div#wrap {
	width:960px;
	margin:0px auto;
	padding:0px;
	background-color:#FFFFFF;
	text-align:left;
	position: relative;
	font-size:80%;
	background-image: url(../images/common_img/headerbg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
/* ヘッダーラップ */
div#headWrap {
	width:960px;
	height:94px;
	margin-bottom:0px;
	padding-bottom:0px;
}
/* メニューラップ */
div#menuWrap { 
	width:960px;
	margin-bottom:0px;
	padding-bottom:0px;
}
/* パンくずリストラップ */
div#panWrap { 
	width:900px;
}
/* コンテンツラップ */
div#contentWrap { 
	clear:both;
	width:960px;
	position:relative;
}

/* フッターラップ */
div#footWrap { 
	width:960px; 
	clear:both;
}

/* clearfix */
#wrap div{
    zoom:1;/*for IE 5.5-7*/
}
#wrap div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}



/* 5.ヘッダースタイル設定
----------------------------------------------------------------------------------------------- */
/*ヘッダーテキスト*/
#headWrap p{
	font-size:12px;
	color:#FFFFFF;
	line-height:130%;
	margin-left:20px;
}
#headWrap em{
	color:#FFFFFF;
}
/*ロゴ*/
{
	margin:0px 0px;
}
#headWrap form {
	position: absolute;
	top: 35px;
	right: 10px;
}
#headWrap p#telNumber {
	position: absolute;
	top: 65px;
	right: 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}


/* 5.メニューラップスタイル設定
----------------------------------------------------------------------------------------------- */
/*---メインメニューエリア---*/
ul#mainMenuArea{
	margin:0;
	padding:0;
	list-style:none;
	width:960px;
	height:48px;
}
ul#mainMenuArea li{
	float:left;
	margin:0 2px 0 0;
	padding:0;
	text-align:center;
}

/*一般的カテゴリタブ*/
ul#mainMenuArea li a {
	display:block;
	padding-top:15px;
	background-image:url(../images/common_img/tab.gif);
	width:122px;
	height:27px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	font-family:  "A-OTF 新ゴ pro M", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック";;
}
ul#mainMenuArea li.line2 a {
	padding-top:10px;
	line-height:1.1;
	font-size:12px;
	height:32px;
}
ul#mainMenuArea li a:hover,
ul#mainMenuArea li a:active {
	background-image:url(../images/common_img/tab_on.gif);
	padding-top:10px;
	height:32px;
	color:#FFFFFF;
}
ul#mainMenuArea li.line2 a:hover,
ul#mainMenuArea li.line2 a:active {
	background-image:url(../images/common_img/tab_on.gif);
	padding-top:5px;
	height:37px;
	color:#FFFFFF;
}
/*ホームタブ*/
ul#mainMenuArea li#menuHome a{
	width:80px;
	background-image:url(../images/common_img/tab_home.gif);
	margin-left:10px;
}
ul#mainMenuArea li#menuGlossary a{
	width:80px;
	background-image:url(../images/common_img/tab_home.gif);
}
ul#mainMenuArea li#menuHome a:hover,
ul#mainMenuArea li#menuHome a:active,
ul#mainMenuArea li#menuGlossary a:hover,
ul#mainMenuArea li#menuGlossary a:active{
	background-image:url(../images/common_img/tab_home_on.gif);
}
/*カスタムカータブ*/
ul#mainMenuArea li#menuCar a{
	background-image:url(../images/common_img/tab_red.gif);	
}
ul#mainMenuArea li#menuCar a:hover,
ul#mainMenuArea li#menuCar  a:active {
	background-image:url(../images/common_img/tab_red_on.gif);
}
/*カスタムバイクタブ*/
ul#mainMenuArea li#menuBike a{
	background-image:url(../images/common_img/tab_blue.gif);	
}

ul#mainMenuArea li#menuBike a:hover,
ul#mainMenuArea li#menuBike a:active {
	background-image:url(../images/common_img/tab_blue_on.gif);
}


/*サブメニューエリア*/
ul#subMenuArea{
	margin:0;
	padding:0;
	list-style:none;
	width:960px;
	height:27px;
}
ul#subMenuArea li{
	float:left;
	margin:0 0px 0 5px;
	padding:0;
	text-align:center;
}
/*一般的カテゴリタブ*/
ul#subMenuArea li a {
	display:block;
	background-image:url(../images/common_img/sub.gif);
	padding-top:1px;
	width:185px;
	height:25px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	font-family:  "A-OTF 新ゴ pro M", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック";;
	vertical-align:baseline;
}
ul#subMenuArea li a:hover,
ul#subMenuArea li a:active {
	background-image:url(../images/common_img/sub_on.gif);
	height:25px;
	color:#FF3300;
}





/* 6.コンテンツエリアスタイル設定
----------------------------------------------------------------------------------------------- */
/*パンくずリスト*/
#panWrap{
	padding-left:20px;
	padding-top: 10px;
}


/*グレー角丸ボックス*/
.rBox {
	background-color: #E8E8E8;
}
.rbottom{
background-color:#ffffff;
}
.rbottom span{
	display:block;
	overflow:hidden;
	background-color:#E8E8E8;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.r1{margin: 0px 5px;height:0px;border-bottom:1px solid #000000;}
.r2{margin: 0px 3px;height:1px;}
.r3{margin: 0px 2px;height:1px;}
.r4{margin: 0px 1px; height: 2px;} 


/*---バナーエリア---*/
#bannerArea {
	clear: left;
	width: 940px;
	padding-top:5px;
	margin-top: 30px;
	margin-left: 10px;
	_margin-left:5px;
	margin-bottom:5px;
	border-top:1px dotted #666666;
}
#bannerArea ul{
	width:940px;
	margin:0 auto;
}
#bannerArea li {
	float: left;
	height: 75px!important;
	width: 230px;
	margin-left: 5px;
	_margin-left:3px;
}
.fsl{
	font-size:10px!important;
}


	

/* 7.フッターエリアスタイル設定
----------------------------------------------------------------------------------------------- */



#footMenuArea{
	margin-top:10px;
	margin-bottom:0px;
}
#footMenuArea li.first{
	border-left:1px solid #FFFFFF;
}
#footMenuArea li {
	font-size: 10px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	border-right:1px solid #FFFFFF;
}
#footMenuArea li a:link,
#footMenuArea li a:visited{
	color:#FFFFFF;
}
#footMenuArea li a:hover,
#footMenuArea li a:active{
	color:#FF0000;
}
#footInfoArea{
	background:url(../images/common_img/footerbg.gif) left bottom no-repeat;
	background-color:#E7E7E7;
	margin-top:0px;
}
#footContent {
	clear:both;
	float: left;
	width: 400px;
	margin-left: 20px;
	padding-bottom:10px;
}
#footContent h4{
	background-color:#FFFFFF !important;
}
#footContent2 {
	float: right;
	width: 400px;
	margin-right: 20px;
	text-align:right;
	padding-bottom:10px;
}
#toOldSite {
	position: absolute;
	top: 35px;
	right: 10px;
}