@charset "UTF-8";
body {
	font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #DDDBDA;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	font-size:14px;
	color: #333;
}
.oneColFixCtr #container {
	width: 960px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF url(../img/common/header_line.gif) no-repeat center top;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
.oneColFixCtr #mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
}

/*   INIT　　　*/
P{
	margin:0
}
#contents P{
	line-height:150%;
	color: #666;
}
A{
	text-decoration:none;
	color:#00ADFF;
}
A:hover{
	text-decoration:underline;
}
A.none{
	color:#333;
}
.small{
	font-size:small;
}
.larger{
	font-size:larger;
}

.hdn{
	display:none;
}

H3{
	background:#f0f0f0;
	border-bottom:1px solid #999;
	padding-left:4px;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;;
}
H2{
	background:url(../img/common/h2_title.gif) no-repeat;
	padding-left:4px;
	font-size:16px;
	height:34px;
	margin:0px;
	padding-top:6px;
	font-weight:normal;
	color:#fff;
	font-weight:bold;
	
}
.aligncenter{
	text-align:center;
	}
.alignright{
	text-align:right;
	}

.padright4{
	padding-right:4px;
}
.pad4{
	padding:4px;
}
.font10{
	text-size:10px;
}
.red{
	color:#ff0000;
}
FORM,input,textarea{
	margin:0;
	padding:0;
	text-size:100%;
}


/*    header     */
#box{
	width:480px;
	float:right;
}
#otoiawase A{
	text-indent:-10000px;
	text-size:1px;
	display:block;
	height:39px;
	width:138px;
	float:right;
	background:url(../img/common/header/btn.gif) no-repeat;
}
#otoiawase A:hover{
	background:url(../img/common/header/btn.gif) 0 -39px no-repeat;
}
#serch{
	height:39px;
	width:332px;
	background:url(../img/common/header/bg.gif) no-repeat;
	float:left;
	padding-left:8px;
	padding-top:10px;
	font-size:12px;
	/*border:solid 1px #0ff;*/
}

#header{
	margin-top:30px;
	margin-bottom:20px;
}
#header #logo{
	width:300px;
	float:left;
}

#header LI{
	list-style-type: none;
	float:left;
	width:140px;
}
	
.pad-top4{
	padding-top:8px;
	padding-bottom:8px;
}


/** common   */

A#shop {
	display:block;
	width:180px;
	height:100px;
	background:url(../img/order/common/ban_365.gif) no-repeat;
	font-size:1px;
	text-decoration:none;
	text-indent:-100px;
}
 A#shop:hover{
	background:url(../img/order/common/ban_365.gif) 0 -100px no-repeat;
}


/*   INDEX    */
#index-image{
	margin-top:20px;
	margin-bottom:20px;
}
#news{
	float:left;
	width:600px;
}
#news DIV.headline{
	height:30px;
	margin-top:4px;
	background:url(../img/index/news_line.gif) 0 20px no-repeat;
}
#news DIV.headline IMG.news-icon{
	paddin-right:10px;
}
#top-banner{
	float:right;
	}
#top-banner UL{
	margin: 0px;
	padding: 0px;
}
#top-banner LI{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}



/*　ページトップへ*/
#gototop{
	margin-top:20px;
	float:right;
}
.gototop-faq{
	margin-top:20px;
	text-align:right;
}


/*  FOOTER　*/
#footer{
	padding:10px;
	padding-top:20px;
	height:60px;
	background:url(../img/common/footer_bg.gif) no-repeat;
}
/*  CONTENTS　*/
#leftnavi{
	margin-left:30px;
	width:230px;
	float:left;
}
#rightcontents{
	width:635px;
	float:right;
}
DIV.headline-navi{
	margin-top:0px;
	height:35px;
	background:url(../img/common/category_line.gif) 0 25px no-repeat;
}
DIV.headline-navi2{
	margin-top:0px;
	height:60px;
	background:url(../img/common/category_line.gif) 0 50px no-repeat;
}

/*    menu    */
UL#headermenu {
	margin:0px;
	padding:0px;
	text-align:center;
}
UL#headermenu LI {
	width:153px;
	padding-right:0.1px;
	
	/*text-indent:-10000px;*/
}
#headermenu LI#saiyo A{
	display:block;
	width:153px;
	height:31px;
	background:url(../img/common/menu/menu_05.gif) no-repeat;
	font-size:1px;
	text-decoration:none;
}
#headermenu LI#saiyo A:hover{
	background:url(../img/common/menu/menu_05.gif) 0 -31px no-repeat;
}
#headermenu LI#new A{
	display:block;
	width:154px;
	height:31px;
	background:url(../img/common/menu/menu_04.gif) no-repeat;
	font-size:1px;
	text-decoration:none;
}
#headermenu LI#new A:hover{
	background:url(../img/common/menu/menu_04.gif) 0 -31px no-repeat;
}
#headermenu LI#jigyo A{
	display:block;
	width:154px;
	height:31px;
	background:url(../img/common/menu/menu_03.gif) no-repeat;
	font-size:1px;
	text-decoration:none;
}
#headermenu LI#jigyo A:hover{
	background:url(../img/common/menu/menu_03.gif) 0 -31px no-repeat;
}
#headermenu LI#kaisha A{
	display:block;
	width:155px;
	height:31px;
	background:url(../img/common/menu/menu_02.gif) no-repeat;
	font-size:1px;
	text-decoration:none;
}
#headermenu LI#kaisha A:hover{
	background:url(../img/common/menu/menu_02.gif) 0 -31px no-repeat;
}
#headermenu LI#csr A{
	display:block;
	background:url(../img/common/menu/menu_01.gif) no-repeat;
	font-size:1px;
	text-decoration:none;
	width:151px;
	height:31px;
}
#headermenu LI#csr A:hover{
	background:url(../img/common/menu/menu_01.gif) 0 -31px no-repeat;
}
#headermenu LI#home A{
	display:block;
	width:152px;
	height:31px;
	background:url(../img/common/menu/menu_06.gif) no-repeat;
	font-size:1px;
	text-decoration:none;
}
#headermenu LI#home A:hover{
	background:url(../img/common/menu/menu_06.gif) 0 -31px no-repeat;
}


/*　会社概要　*/
TABLE#gaiyo TH{
	width:90px;
}
TABLE#gaiyo .line{
	border-bottom:solid 1px #999;
}
DIV.column{
	padding:4px;
	border:solid 1px #666;
	}
H4{
	border-bottom:dotted 1px #006699;
	margin:0px;
	padding:0px;

}
H4 A{
	color:#333;
	
}

/* 更新情報 */
TABLE TD.border{
	background:url(../img/index/news_line.gif) no-repeat;
}
/*　営業案内　*/
TABLE#eigyo .line{
	border-bottom:solid 1px #999;
}
/*　アクセス　*/
iframe#map{
	padding-left:40px;
}
.navy{
	color:navy;
}

/*　自転車シール　*/
TABLE.seal{
	background:#999;
}
TABLE.seal TD{
	background:#fff;
	text-align:left;
}

TABLE.seal TH{
	background-color: #FFC;
}

/*　テーブル　*/
TABLE.outline{
	background:#999;
}
TABLE.outline TH{
	background:#f0f0f0;
}
TABLE.outline TD{
	background:#fff;
}

/*文字色*/
.white{
	color:#fff;
}
/* FAQ */
.faq{
	padding:4px;
	background-color:#E3EFFD;
	margin-left:30px;
	margin-top:20px;
	margin-bottom:20px;
}

/*　FORMs*/
TABLE TD.form{
	background-color:#FFC;
}
TABLE TD.form2,
TABLE TH.form2
{
	background-color:#f0f0f0;
}

/*　ORDER　自転車シール*/
.btn-order IMG{
	border:solid 1px #fff;
	padding:1px;
}
.btn-order:hover IMG{
	border:solid 1px #00ADFF;
	padding:1px;
}

#singlecontents{
	width:800px;
	margin:auto;
	}
A.btn-Onlineshop{
	display:block;
	height:110px;
	width:190px;
	background:url(../img/order/common/tyumon_online_01.gif) no-repeat;
	
}
A.btn-Onlineshop:hover{
	background:url(../img/order/common/tyumon_online_01.gif) 0 -111px no-repeat;
}
A.btn-fax{
	display:block;
	height:110px;
	width:190px;
	background:url(../img/order/common/tyumon_fax_01.gif) no-repeat;
	
}
A.btn-fax:hover{
	background:url(../img/order/common/tyumon_fax_01.gif) 0 -124px no-repeat;
}.border01 {
	padding: 4px;
	border: 1px solid #CCC;
}