@charset "utf-8";

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

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

/* style css */

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

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

#global-navi li a.car{
	width:90px;
	background:url('../../common_img/header/m_car.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:15px;
}

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

#choice div{
	margin:0 0 0 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;
}

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