@charset "UTF-8";


*{
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #000;
	text-align: left;
	vertical-align: top;
	}

body {
	margin: 0 auto;
	background-color: #fff;
	}

img {
	vertical-align: top;
	border: none;
	}

.clear {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	}


/*########################################*/


.s1 {
	font-size: 10px;
	}

.t1 {
	color: #C00;
	}

.b1 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	}
.b2 {
	padding-right: 10px;
	font-weight: bold;
	color: #c0c0c0;
	}
.b3 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	}
.b4 {
	font-size: 16px;
	font-weight: bold;
	color: #0066cc;
	}
.b5 {
	font-size: 16px;
	font-weight: bold;
	color: #C00;
	}
.b6 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	}
.b7 {
	font-size: 16px;
	font-weight: bold;
	color: #F60;
	}
.b8 {
	font-size: 12px;
	font-weight: bold;
	color: #0066cc;
	}


/* --- link --- */
a:link {text-decoration: none;color: #fff;}
a:visited {text-decoration: none;color: #fff;}
a:hover {text-decoration: none;color: #ff0;}
a:active {text-decoration: none;color: #fff;}


/*########################################*/


/*-- #main_body --*/
#main_body {
	margin: 0 auto;
	width: 950px;
	}


/* --- #header --- */
#header {
	height: 91px;
	background: url(../img/bg_header.gif) no-repeat center top;
	}

#header .c_logo {
	width: 345px;
	height: 91px;
	float: left;
	}
#header .c_logo p.c_logobox {
	padding: 22px 126px 44px 115px;
	width: 104px;
	height: 25px;
	}

#header .r_logo {
	width: 262px;
	height: 91px;
	float: left;
	}
#header .r_logo p.r_logobox {
	padding: 16px 20px 3px 20px;
	width: 222px;
	height: 72px;
	}

#header .r_banner {
	width: 343px;
	height: 91px;
	float: left;
	}
#header .r_banner p.r_bannerbox {
	padding: 25px 111px 46px 4px;
	width: 228px;
	height: 20px;
	}


/*-- #contents --*/
#contents {
	padding: 0px 35px;
	width: 880px;
	float: left;
	position:relative;
	background: url(../img/bg_contents.gif) repeat-y center top;
	}

#contents #cl_box {
	padding-left: 8px;
	width: 176px;
	position: absolute;
	}
#contents #cl_box ul li {
	float: left;
	list-style-type: none;
	}

#contents #cr_box {
	padding: 0px 23px 0px 15px;
	width: 658px;
	float: right;
	}

#contents #cr_box .title {
	height: 60px;
	}
#contents #cr_box .title_info {
	height: 60px;
	position: relative;
	}
.rss {
	position: absolute;
	top: 33px;
	left: 590px;
	}
#contents #cr_box .title_pkg {
	height: 194px;
	}
#contents #cr_box .back {
	padding: 30px 0px 0px 476px;
	width: 182px;
	height: 47px;
	float: left;
	}


/*-- cnt_box --*/
.cnt_box_h {
	height: 55px;
	}
.cnt_box_f {
	height: 31px;
	float: left;
	}
.cnt_box_c {
	width: 658px;
	float: left;
	background: url(../img/cnt_box_c.gif) repeat-y center top;
	}
.cnt_box_c2 {
	width: 658px;
	float: left;
	background: url(../img/cnt_box_c2.gif) repeat-y center top;
	}
.cnt_box_c3 {
	width: 658px;
	float: left;
	background: url(../img/cnt_box_c3.gif) repeat-y center top;
	}
.cnt_box_c4 {
	width: 658px;
	float: left;
	background: url(../img/cnt_box_c4.gif) repeat-y center top;
	}
.cnt_box_c5 {
	width: 658px;
	float: left;
	background: url(../img/cnt_box_c5.gif) repeat-y center top;
	}

.c_line {
	height: 23px;
	float: left;
	}

.cnt_box_c2 p {
	padding: 20px 30px;
	clear: both;
}
.cnt_box_c2 p img {
	padding: 0px 30px 20px 0px;
	float: left;
}
.cnt_box_c2 p.right img {
	padding: 0px 0px 20px 30px;
	float: right;
}


/* --- #spec --- */
#spec {
	padding: 0px 35px;
	width: 880px;
	float: left;
	background: url(../img/spec_c.gif) repeat-y center top;
	}
#spec .spec_h {
	height: 20px;
	vertical-align:bottom;
	}
#spec .spec_f {
	background: url(../img/spec_f.gif) no-repeat center bottom;
	}

#spec dl.spec_box {
	padding: 0px 20px 0px 20px;
	width: 840px;
	}
#spec dl.spec_box dt {
	padding-bottom: 5px;
	}
#spec dl.spec_box dd.s_h_box {
	border-top: solid 1px #666;
	padding-top: 5px;
	color: #fff;
	}
#spec dl.spec_box dd.copy {
	border-top: solid 1px #666;
	padding: 7px 0px 15px 0px;
	font-size: 10px;
	line-height: 120%;
	color: #fff;
	}
#spec dl.spec_box dd.copy .sp {
	padding-left: 50px;
	font-size: 10px;
	line-height: 120%;
	color: #fff;
	}

table.spec10 {
	width: 840px;
	border-collapse: collapse;
	}
table.spec10 th {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	}
table.spec10 th.cero {
	width: 61px;
	}
table.spec10 td {
	font-size: 12px;
	line-height: 120%;
	color: #fff;
	}
table.spec10 td.s_h {
	padding-top: 2px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	}
table.spec10 td.s_care {
	padding: 7px 0px;
	font-size: 10px;
	line-height: 120%;
	color: #fff;
	}


/* --- #footer --- */
#footer {
	height: 170px;
	clear: both;
	background: url(../img/bg_footer.gif) no-repeat center top;
	}

#footer dl.navi dt {
	padding-top: 15px;
	width: 950px;
	height: 25px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	}
#footer dl.navi dd {
	padding: 8px 175px 105px 175px;
	width: 600px;
	height: 17px;
	}
#footer dl.navi ul li {
	float: left;
	list-style-type: none;
	}


/*########################################*/


/*-- top --*/
.top_box {
	width: 658px;
	height: 524px;
	background: url(../img/bg_img_top.jpg) no-repeat center top;
	}

.top_box h1 {
	width: 658px;
	height: 256px;
	}

.top_box .banner_box {
	width: 250px;
	height: 268px;
	float: left;
	}
.top_box .banner_box ul li {
	padding: 0px 10px 17px 0px;
	width: 240px;
	float: left;
	list-style-type: none;
	}

.top_box .info_box {
	width: 408px;
	height: 268px;
	float: left;
	}
.top_box .info_box .info_box_h {
	height: 38px;
	}
.top_box .info_box .info_box_c {
	height: 208px;
	background: url(../img/info/bg_info_c.gif) repeat-y center top;
	}
.top_box .info_box .info_box_f {
	height: 22px;
	vertical-align:bottom;
	}

.info_frame {
	overflow: auto;
	margin: 0px 18px;
	width: 372px;
	height: 208px;
	}

.info_balloon {
	width: 352px;
	}
.info_balloon_l {
	width: 55px;
	float: left;
	}
.info_balloon_r {
	width: 297px;
	float: left;
	}

dl.info_text {
	width: 297px;
	}
dl.info_text dt {
	padding: 0px 15px 0px 21px;
	width: 261px;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	line-height: 200%;
	color: #696969;
	background: url(../img/info/bg_infotext_h.gif) no-repeat center top;
	}
dl.info_text dd.i_text {
	padding: 0px 15px 5px 21px;
	width: 261px;
	background: url(../img/info/bg_infotext_c.gif) repeat-y center top;
	}
dl.info_text dd.i_text p {
	clear: both;
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	}
dl.info_text dd.i_text img {
	padding: 0px 7px 5px 0px;
	float: left;
	}
dl.info_text dd.box_f {
	margin-bottom: 5px;
	width: 297px;
	height: 20px;
	}
dd.i_text a:link {text-decoration: none;color: #0066cc;line-height: 120%;}
dd.i_text a:visited {text-decoration: none;color: #0066cc;line-height: 120%;}
dd.i_text a:hover {text-decoration: underline;color: #0066cc;line-height: 120%;}
dd.i_text a:active {text-decoration: none;color: #0066cc;line-height: 120%;}