/*共通*/

BODY {
	background-color:#FFFFFF;
	text-align:center;
	margin:0px;
	color:#000000;
	background-image:url(../img/bg_body.jpg);
	background-repeat:repeat-x;
}

#header {
	width:760px;
	text-align:left;
	background-color:#333333;
	color:#CCCCCC;
	height:32px;
	background-image:url(../img/bg_head.jpg);
	background-repeat:no-repeat;
	padding:14px 0px 14px 0px;
	margin:0px auto;
}
#header_lv2 {
	width:760px;
	text-align:left;
	background-color:#333333;
	color:#CCCCCC;
	height:32px;
	background-image:url(../img/bg_head.jpg);
	background-repeat:no-repeat;
	padding:14px 0px 14px 0px;
	margin:0px auto 15px auto;
}

#header_lv3 {
	width:600px;
	text-align:left;
	background-color:#333333;
	color:#CCCCCC;
	height:32px;
	background-image:url(../img/bg_head.jpg);
	background-repeat:no-repeat;
	padding:14px 0px 14px 0px;
	margin:0px auto 15px auto;
}

#body_lv1, #body_lv2 {
	width:760px;
	text-align:left;
	margin:0 auto;
}

#body_lv1_col_left, #body_lv2_col_left {
	width:140px;
	padding:0px 15px 0px 0px;
	text-align:left;
	float:left;
	background-color:#FFFFFF;
	font-size:12px;
	line-height:12px;
}

#body_lv1_col_center {
	width:460px;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left;
}
#body_lv1_col_right {
	width:140px;
	float:left;
	padding-left: 4px;
}

#body_lv2_col_right {
	width:600px;
	padding:0px 0px 0px 5px;
	text-align:left;
	float:left;
}

#contents_navi {
	margin:0px 0px 10px 0px;
	text-align:left;
	border-bottom:thin solid #CCCCCC;
	font-size:10px;
	line-height:150%;
	padding-bottom: 5px;
}



#btn_tenpo {
background-color:#999999;
float:right;
width:240px;
font-size:9px;
line-height:9px;
margin:14px 0px 0px 0px;
}
#btn_tenpo_ttl {
padding:4px 0px 4px 0px;
text-align:center;
float:left;
width:80px;
color:#000000;
background-color:#55555;
}

#btn_tenpo a {
display:block;
padding:4px 0px 4px 0px;
text-align:center;
float:left;
width:80px;
color:#FFFFFF;
background-color:#333333;
}

#btn_tenpo a:link {
color: #CCCCCC;
background-color:#666666;
}

#btn_tenpo a:visited { 
color: #CCCCCC;
background-color:#666666;
}

#btn_tenpo a:hover { 
color: #666666;
background-color:#BBBBBB;
}

#footer {
	width:760px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding: 10px 0px 30px 0px;
	clear:both;
	background-color:#FFFFFF;
	border-top:thin solid #CCCCCC;
	font-size:10px;
	line-height:10px;
}
#footer_s {
	width:600px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding: 10px 0px 30px 0px;
	clear:both;
	background-color:#FFFFFF;
	font-size:10px;
	line-height:10px;
}


/*メインコンテンツ*/

.ichiran_sub {
	padding: 0px 0px 10px 0px;
	text-align: left;
}
.ichiran_sub table {
	margin: 0px 0px 10px 0px;
	border-top:#CCCCCC solid 1px;
}
.ichiran_sub td {
	padding: 4px 0px 4px 5px;
	text-align: left;
	font-size: 10px;
	line-height: normal;
	border-bottom:#CCCCCC solid 1px;
}
.ichiran_sub th {
	padding: 4px 5px 4px 0px;
	text-align: left;
	font-size: 10px;
	line-height: normal;
	border-bottom:#CCCCCC solid 1px;
}

.staff_name {
	padding: 4px 10px 4px 10px;
	margin-bottom:10px;
	text-align: left;
	background-color:#000000;
	color:#FFFFFF;
	font-size:12px;
	line-height:140%;
	height:50px;
	border-top:#666666 solid 2px;
}

/*レフトメニュー*/


.left_menu_ttl {
	width:140px;
	padding:0px 0px 4px 0px;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom:thin solid #CCCCCC;
	font-size:10px;
	line-height:10px;
}

.left_menu {
	width:140px;
	padding:2px 0px 0px 0px;
	text-align:left;
	background-color:#FFFFFF;
	height:22px;
	border-bottom:thin dotted #CCCCCC;
}
.left_menu_icon {
	width:31px;
	height:20px;
	padding:0px 0px 0px 0px;
	float:left;
}

.left_menu_text {
	width:109px;
	height:20px;
	padding:0px 0px 0px 0px;
	text-align:left;
	float:left;
	font-size:12px;
	line-height:12px;
}

.left_menu_text a {
	display:block;
	width:99px;
	background-color:#FFFFFF;
	padding:4px 4px 4px 4px;
}

.left_menu_text a:link {
	color: #666666;
}

.left_menu_text a:visited { 
	color: #666666;
}

.left_menu_text a:hover { 
	color: #000000;
	background-color:#EEEEEE;
}




.left_menu2 {
	width:140px;
	padding:2px 0px 2px 0px;
	text-align:left;
	background-color:#FFFFFF;
	border-bottom:thin dotted #CCCCCC;
}


.left_menu_text2 {
	width:107px;
	padding:0px 0px 0px 0px;
	text-align:left;
	font-size:12px;
	line-height:14px;
}

.left_menu_text2 a {
	display:block;
	width:122px;
	background-color:#FFFFFF;
	padding:4px 4px 4px 14px;
	background-image:url(../img/arrow1.gif);
	background-repeat:no-repeat;
	background-position:3px 7px;
}

.left_menu_text2 a:link {
	color: #666666;
}

.left_menu_text2 a:visited { 
	color: #666666;
}

.left_menu_text2 a:hover { 
	color: #000000;
	background-color:#EEEEEE;
}


.bnr {
	padding:0px 0px 0px 0px;
}
.bnr a {
	display:block;
	background-color:#BBBBBB;
	padding:1px 1px 1px 1px;
	margin-bottom:10px;
}

.bnr a:link {
	background-color:#BBBBBB;
}

.bnr a:visited { 
	background-color:#BBBBBB;
}

.bnr a:hover { 
	background-color:#777777;
}

/*トップページ*/
#imageContainer {
	position:relative;
	margin:auto;
	width:760px;
}

#mainttl {
	width:100%;
	height:240px;
	text-align:center;
	background-image:url(../img/bg_main_ttl.jpg);
	background-repeat:repeat-x;
	margin:0px 0px 15px 0px;
}

.mds_obi {
	padding: 2px 10px 2px 10px;
	background-color:#666666;
	color:#FFFFFF;
	font-size:12px;
	line-height:12px;
	font-weight:600;
	clear: both;
	width: 430px;
}

.mds_obi_long {
	padding: 2px 10px 2px 10px;
	background-color:#666666;
	color:#FFFFFF;
	font-size:12px;
	line-height:12px;
	font-weight:600;
	clear: both;
}
.news {
	padding: 10px 0px 10px 0px;
	border-bottom:thin dotted #CCCCCC;
	width: 450px;
}
.news a {
	padding: 0px 0px 0px 15px;
	background-color:#FFFFFF;
	background-image:url(../img/arrow1.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	display:block;
	width:435px;
}

.news a:link {
	background-color:#FFFFFF;
}

.news a:visited { 
	background-color:#FFFFFF;
}

.news a:hover { 
	background-color:#FFFFFF;
}


.newitem {
	padding:10px 0px 0px 0px;
	width: 460px;
	height: 160px;
}

.newitem_bnr {
	padding:0px 10px 10px 0px;
	width: 220px;
	float:left;
	height: 70px;
}
.newitem_bnr_ttl {
	padding:0px 0px 4px 0px;
	font-size:12px;
	line-height:14px;
}
.newitem_bnr_read {
	padding:0px 0px 0px 0px;
	font-size:10px;
	line-height:14px;
}
.newitem_bnr_img {
	width: 92px;
	height:62px;
	margin:0px 10px 10px 0px;
	float:left;
}
.newitem_bnr_img img {
	padding:1px;
	width: 90px;
	height:60px;
}

.newitem_bnr_img a {
	display:block;
	background-color:#BBBBBB;
}

.newitem_bnr_img a:link {
	background-color:#BBBBBB;
}

.newitem_bnr_img a:visited { 
	background-color:#BBBBBB;
}

.newitem_bnr_img a:hover { 
	background-color:#777777;
}


.bnr_enjoy {
	padding:10px 0px 10px 0px;
	width: 450px;
}
.bnr_enjoy a {
	display:block;
	background-color:#BBBBBB;
	padding:1px 1px 1px 1px;
	margin:0px 0px 5px 0px;
	width:448px;
	height:88px;
}

.bnr_enjoy a:link {
	background-color:#BBBBBB;
}

.bnr_enjoy a:visited { 
	background-color:#BBBBBB;
}

.bnr_enjoy a:hover { 
	background-color:#777777;
}

/*ロードバイクを楽しもう*/
.menu_block {
	padding: 10px 10px 0px 10px;
	border-left:#CCCCCC solid 1px;
	margin-bottom:20px;
}

/*共有*/
.mds_w600 {
	padding: 6px 10px 6px 10px;
	margin-bottom:10px;
	background-image:url(../img/bg_mds_w600.gif);
	font-size:12px;
	line-height:12px;
	font-weight:600;
	color:#FFFFFF;
}
.mds_w200 {
	padding: 6px 10px 6px 10px;
	margin-bottom:10px;
	background-image:url(../img/bg_mds_w200.gif);
	width:180px;
	font-size:12px;
	line-height:12px;
	font-weight:600;
	color:#FFFFFF;
}


.mds_w600 a {
color:#FFFFFF;
font-size:10px;
line-height:10px;
font-weight:600;
}

.mds_w600 a:link {
color:#FFFFFF;
}

.mds_w600 a:visited { 
color:#FFFFFF;
}

.mds_w600 a:hover { 
color:#999999;
}

.textlink {
	padding: 6px 0px 6px 15px;
	background-image:url(../img/bg_textlink.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
	font-size:12px;
	line-height:12px;
	font-weight:600;
}

.tbl_list table {
	margin: 0px 0px 10px 0px;
	border-style:solid;
	border-width:0px;
	border-color:#DDDDDD;
	width:600px;
}
.tbl_list td {
	padding: 5px 10px 5px 10px;
	text-align:left;
	border-left:#DDDDDD solid 2px;
}
.tbl_list th {
	padding: 5px 10px 5px 10px;
	text-align:right;
	border-bottom:#EEEEEE solid 0px;
	width:100px;
}
.btn_shosai2 {
	margin:6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:40px;
	height:16px;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
	line-height:10px;
}
.btn_shosai2 a {
	display:block;
	height:16px;
	background-image:url(../img/btn_shosai.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:3px 0px 0px 0px;
}
.btn_shosai2 a:link {
	color:#FFFFFF;
}

.btn_shosai2 a:visited { 
	color:#FFFFFF;

}
.btn_toriatsukai {
	margin:6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100px;
	height:16px;
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
	line-height:10px;
}
.btn_toriatsukai a {
	display:block;
	height:16px;
	background-image:url(../img/btn_toriatsukai.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding:3px 0px 0px 0px;
}
.btn_toriatsukai a:link {
	color:#FFFFFF;
}

.btn_toriatsukai a:visited { 
	color:#FFFFFF;
}

.btn_toriatsukai a:hover { 
	background-image:url(../img/btn_toriatsukaif2.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

.btn_shosai2 a:hover { 
	background-image:url(../img/btn_shosaif2.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
}

.pad5 {
	padding: 5px;
}
.pad5b {
	padding: 0px 0px 5px 0px;
}
.pad10 {
	padding: 10px;
}
.pad10t {
	padding: 10px 0px 0px 0px;
}
.pad10b {
	padding: 0px 0px 10px 0px;
}
.left {
	margin: 2px 10px 10px 0px;
	float: left;
}
.right {
	margin: 2px 0px 10px 10px;
	float: right;
}
.clear {
	clear: both;
}

/*jquery.easing*/
#window {
    overflow:hidden;/* 必須 */
    position:relative;/* 必須 */
    width:760px;/* 画像1枚の横幅 */
    height:240px;/* 画像1枚の高さ */
    background: url(../img/top_bg.gif);/* 任意 */
    border:0px;/* 任意 */
    margin:auto;
}
#slideshow {
    width:1520px;/* 画像2枚分の横幅 */
    height:480px;/* 画像2枚分の横幅 */
    overflow:hidden;/* 必須 */
    position:relative;/* 必須 */
    padding:0;
    margin:auto;
}  
#slideshow li {
    width:760px;/* 画像1枚の横幅 */
    height:240px;/* 画像1枚の高さ */
    float:left;/* 横並びに */
    display:inline;
}

/*s3Slider*/
*:first-child+html #slider1 {
    width: 760px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    margin:auto; /* important */
    overflow: hidden; /* important */
}

#slider1 {
    width: 840px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    margin:auto; /* important */
    overflow: hidden; /* important */
}

*:first-child+html #slider1Content {
    width: 760px; /* important to be same as image width */
    position:relative;
    margin:auto;
}

#slider1Content {
    width: 840px; /* important to be same as image width */
    position:relative;
    margin:auto;
}

.slider1Image {
    position: relative;
    float: left;
    display: none;
}

.slider1Image img {
    border-style: none;
}

*:first-child+html .slider1Image span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    text-align:left;
    width: 733px;
    height: 35px;
    background-color: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    color: #fff;
    display: none;
}
.slider1Image span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    text-align:left;
    width: 733px;
    height: 35px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.slider1Image span strong {
    font-size: 14px;
}
.bottom {
    bottom: 0;
    left: 0;
}
.left {
    top: 0;
    left: 0;
    width: 110px !important;
    height: 240px;
}
ul { list-style-type: none;}

/*innerfade*/
*:first-child+html ul#portfolio {
    width: 760px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    margin:auto; /* important */
    overflow: hidden; /* important */
    position:relative;
}
ul#portfolio {
    width: 840px; /* important to be same as image width */
    height: 240px; /* important to be same as image height */
    margin:auto; /* important */
    overflow: hidden; /* important */
    position:relative;
}
*:first-child+html #portfolioContent {
    width: 760px; /* important to be same as image width */
    position:relative;
    margin:auto;
}
#portfolioContent {
    width: 840px; /* important to be same as image width */
    position:relative;
    margin:auto;
}
ul#portfolio li {
    width: 760px; /* important to be same as image width */
    position:relative;
    margin:auto;
}
ul#portfolio li img {
    background: #fff;
    margin: 0;
    padding: 0;
    border-style: none;
}
.margin {
	margin-top: 0px;
}
ul {
	margin-bottom: 2em;
}