@charset "Shift_JIS";

#contents_wrap{
	font-size:81.25%;
	line-height:1.3;
}
#contents_wrap a{
	text-decoration:none;
}
#contents_wrap a:hover{
	text-decoration:underline;}

/* main */
#main{
	float: left;
	width: 650px;
}

/* common */


h1{
	margin-bottom:20px;
}

h2{
	font-size:130.8%;
	font-weight:bold;
	border-top: 2px solid #F00;
	border-bottom:1px solid #CCC;
	padding:16px 0 15px 0;
	margin:0 0 20px;
	width:100%;
}

h2 span{
	color:#C00;
	margin-right:18px;
}

h3{
	font-size:115.4%;
	font-weight:bold;
	border-bottom:1px solid #F00;
	padding: 5px 0;
	margin:30px 0 16px;
	width:100%;
}


h4{
	font-size:115.4%;
	font-weight:bold;
	border-bottom:1px solid #F00;
	padding: 5px 0;
	margin:30px 0 16px;
	width:100%;
}


h5{
	background:url(../img/common/bg_product_ttl.gif) no-repeat left center;
	padding-left: 10px;
	font-size:115.4%;
	font-weight:bold;
	width:100%;
	margin:30px 0 16px;
}

h2 + h3,h3 + h4,h4 + h5{
	margin-top:20px;
}

.h5{
	background:url(../img/common/bg_product_ttl.gif) no-repeat left center;
	padding-left: 10px;
	font-size:115.4%;
	font-weight:bold;
	border:none;
	width:100%;
	margin:20px 0 16px;
}


p.catch{
	font-size:115.4%;
	font-weight:bold;
	margin:0 0 16px;
}

p.notes{margin-top:10px; font-size:.8em; text-indent:-1em; margin-left:1.1em;}
p.img{text-align:center; margin-top:10px;}

p.img span{margin-top:10px; font-size:.8em; text-align:left; display:block;}

ul.arw a,
a.arw {
	background:url(../img/common/arr_gray.gif) no-repeat left 0.1em!important;
	padding-left: 12px!important;
	display:inline-block;
	*display:inline;
	*zoom:1;
}


/* ポイント */

.point{
	margin:40px 0 40px;
}

.point ol li{
	margin-bottom:25px;
	min-height:60px;
}

.point ol li.pt01{background:url(../img/common/bk_point01.gif) no-repeat;}
.point ol li.pt02{background:url(../img/common/bk_point02.gif) no-repeat;}
.point ol li.pt03{background:url(../img/common/bk_point03.gif) no-repeat;}
.point ol li.pt04{background:url(../img/common/bg_point04.gif) no-repeat;}

.point ol li dl{
	margin-left:70px;
}

.point ol li dl dt{
	font-weight:bold;
	margin-bottom:7px;
}


/* テーブル */

table{
	border-collapse: collapse;
	width:100%;
	margin-bottom:10px;
}

table caption.renewal{
	position:inherit !important;
	text-align:left;
	margin-bottom:5px;
	width:auto;
	height:auto;
	overflow:auto;
	font-weight:bold;
}


table.lineup01{
	width:313px;
	margin-right:20px;
	float:left;
}

table.lineup02{
	width:313px;
	float:left;
}

table th,table td{
	border:#B4B4B4 solid 1px;
	padding: 6px;
}

table.narrow th,table.narrow td{
	padding:2px;
}

table th,table td{vertical-align:top;}


table.about tr:nth-child(odd) {
    background:#F1F1F1;
}


.title01 th{background:#333; text-align:center; vertical-align:middle; color:#FFF;}
.title02 th{background:#036; text-align:center; vertical-align:middle; color:#FFF;}

.color01{background:#F1F1F1;}
.color02{background:#fff3f2;}

.center{text-align:center; vertical-align:middle;}

/* side */
#side{
	float: right;
	width: 180px;
}
#side .banner {
	margin-bottom: 8px;
}


#onestop_nav{
	margin-bottom:10px;
}
#onestop_nav ul{
	padding-bottom: 5px;
	background:url(../img/nav_menu/side_navi_onestopbottom.gif) no-repeat bottom;
}

#onestop_nav ul li.on{
	background-color:#CEF !important;
}

#onestop_nav ul.off li{
	background-color:#FFF !important;
}

#onestop_nav ul li.top{
	padding: 0px;
	border:none;
}

#onestop_nav ul li.bottom{
	border-bottom:none !important;
}

#onestop_nav ul li{
	font-size:92.3%;
	background:url(../img/nav_menu/arr_blue.gif) no-repeat 12px 14px;
	padding:10px 0;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px dotted #CCC;
}


/* li入れ子サブメニュー */

#onestop_nav ul li.nest{
	padding:10px 0 0 0;
	background:url(../img/nav_menu/arr_blue_nest.gif) no-repeat 10px 15px;
	border-bottom:none !important;	
}

#onestop_nav ul li.nest_2nd{
	padding:10px 0 0 0;
	background:url(../img/nav_menu/arr_blue_nest.gif) no-repeat 20px 15px;
	border-bottom:none !important;
}


#onestop_nav ul ul{
	background:none;
	margin:10px 0 0 0;
	padding-bottom: 0;
	border-top: 1px dotted #CCC;
}

#onestop_nav ul ul li{
	font-size:100%;
	background:url(../img/nav_menu/arr_blue.gif) no-repeat 22px 14px;
	padding:10px 0 10px 0;
	border-left:none;
	border-right:none;
	border-bottom: 1px dotted #CCC;
}

#onestop_nav li.nest_2nd li{
	font-size:100%;
	background:url(../img/nav_menu/arr_blue.gif) no-repeat 34px 14px;
	padding:10px 10px 10px 0;
	border-left:none;
	border-right:none;
	border-bottom: 1px dotted #CCC;
}

#onestop_nav ul li a{
	margin-left:22px;
	display:block;
	*display:inline;
	*zoom:1;
}

#onestop_nav ul ul li a{
	margin-left:34px;
	display:block;
	*display:inline;
	*zoom:1;
}

#onestop_nav li.nest_2nd li a{
	margin-left:46px;
	display:block;
	*display:inline;
	*zoom:1;
}


#onestop_nav ul li.top a{
	margin:0;
}


#onestop_nav a:link   {color:#444444; text-decoration:none;}
#onestop_nav a:visited{color:#444444; text-decoration:none;}
#onestop_nav a:hover  {color:#444444; text-decoration:underline;}
#onestop_nav a:active {color:#444444; text-decoration:underline;}



#menu{
	padding-bottom: 1px;
	border-bottom: 1px solid #ddd;
	margin-bottom:13px;
}
#menu ul{
	background-color: #ebebeb;
	padding: 10px 7px 8px;
}
#menu ul li{
	font-size:92.3%;
	width: 164px;
	height:56px;
	background:url(../img/nav_menu/bg_menu.gif) no-repeat;
	padding:0 1px 3px 1px;
	margin-bottom: 2px;
}
#menu ul li a{
	display: block;
	width: 109px;
	height:46px;
	padding: 13px 10px 0 47px;
}
#menu ul li.r1 a{
	padding-top: 21px;
}
#menu ul li#lnav01 a{ background:url(../img/nav_menu/bg_menu01.gif) no-repeat 16px 19px;}
#menu ul li#lnav02 a{ background:url(../img/nav_menu/bg_menu02.gif) no-repeat 16px 19px;}
#menu ul li#lnav03 a{ background:url(../img/nav_menu/bg_menu03.gif) no-repeat 16px 19px;}
#menu ul li#lnav04 a{ background:url(../img/nav_menu/bg_menu04.gif) no-repeat 16px 19px;}