@charset "utf-8";

@import "../../css/common.css";

/*==================================================================*/

/* style css */

/*==================================================================*/

#container a:hover img{opacity:0.75;filter:alpha(opacity=75);}

#global-navi li a.bike{
	background:url('/common_img/header/m_bike.gif') no-repeat 0 -40px;
}

/* -------------------------------------------- */
/* container：コンテンツ */
/* -------------------------------------------- */
#container *{margin:0;padding:0;}
#container{
}

/* ---------------------------------------------------------------- */
/* catch */
/* ---------------------------------------------------------------- */
#catch{
	margin:0 0px 15px 0;
	_height:216px;
	min-height:216px;
	padding:20px 0 0 10px;
	background:url('../image/back_catch.jpg') no-repeat 100% 0;
}

#catch h2{
	margin-bottom:15px;
}

#catch p{
	margin-left:30px;
}

/* ---------------------------------------------------------------- */
/* example */
/* ---------------------------------------------------------------- */
#example{
	width:940px;
	margin:0 auto 20px;
	padding-bottom:10px;
	background:url('../../common_img/line_example.gif') repeat-y 0 0;
}
/* clear hack */
#example{zoom:1;}
#example:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#example .example-area{
	float:left;
	width:290px;
	margin-right:35px;
	font-size:0.9em;
}

#example .last{
	margin-right:0;
}

#example .example-area h3{
	margin-bottom:4px;
	padding:3px 0 2px;
	background:url('../../common_img/back_example.gif') no-repeat 0 0;
	font-size:1.2em;
	color:#fff;
	text-align:center;
}

#example .example-area .photo{
	margin-bottom:10px;
}

#example .example-area .explanation{
	margin-bottom:15px;
	padding:0 15px;
}

#example .example-area dt{
	margin-bottom:5px;
}

#example .example-area dd{
	padding:0 15px;
}

#ex-btn{
	list-style:none;
	width:953px;
	margin:0 auto 20px;
	padding:0 7px 30px 0;
	background:url('../../common_img/line_triple.gif') repeat-x 0 100%;
}
/* clear hack */
#ex-btn{zoom:1;}
#ex-btn:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#ex-btn li{
	float:right;
	padding-left:8px;
}

/* ---------------------------------------------------------------- */
/* choice */
/* ---------------------------------------------------------------- */
#choice{
	width:940px;
	margin:0 auto 30px;
}

#choice h2{
	margin-bottom:10px;
}

#choice p{
	margin:0 0 10px 20px;
}

#choice p.note{
	margin:0 0 10px 0px;
	font-size:0.9em;
}


#choice div{
	margin:0 0 25px 15px;
}


#choice div ul{
	list-style:none;
}
/* clear hack */
#choice div ul{zoom:1;}
#choice div ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#choice div li{
	float:left;
	padding-right:21px;
}


/* ---------------------------------------------------------------- */
/* cyclepark */
/* ---------------------------------------------------------------- */

#cyclepark{
	width:944px;
	margin:0 auto;
	background:url('../image/cyclepark_bottom.gif') no-repeat 0 100%;
}

#cyclepark .inner{
	padding:28px 15px 28px 20px;
	background:url('../image/cyclepark_top.gif') no-repeat 0 0;
}

/* clear hack */
#cyclepark .inner{zoom:1;}
#cyclepark .inner:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#cyclepark .left{
	float:left;
	width:395px;
}

#cyclepark .left h3{
	margin-bottom:20px;
}

#cyclepark .left p{
	margin-bottom:15px;
}

#cyclepark .left h4{
	margin-bottom:6px;
}

#cyclepark .left dl{
	padding:6px 8px 3px 8px;
	background:#f5f5f5;
}

#cyclepark .left dt{
	padding-left:5px;
	border-left:#e46b00 5px solid;
	font-weight:bold;
	color:#e46b00;
}

#cyclepark .left dd{
	margin-bottom:6px;
	padding-left:10px;
	font-size:0.8em;
}

#cyclepark .right{
	float:right;
}

#cyclepark-note{
	margin:0 0 30px 12px;
	font-size:0.9em;
}

/* ---------------------------------------------------------------- */