@charset "UTF-8";


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

body {
	margin: 0 auto;
	background-color: #f5f5f5;
	scrollbar-highlight-color: #f5f5f5;
	scrollbar-shadow-color: #c9caca;
	scrollbar-3d-light-color: #f5f5f5;
	scrollbar-arrow-color: #0068b7;
	scrollbar-base-color: #afafb0;
	scrollbar-darkshadow-color: #afafb0;
	}


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

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

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

.s1 {
	font-size: 10px;
	}

.s2 {
	font-size: 12px;
	font-weight: bold;
	line-height:1.0em;
	}


/* --- link --- */
a {text-decoration: none;color: #0068b7;}
a:hover {text-decoration: underline;color: #043c78;}


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


/*-- header --*/
#header {
	background: url(../img/bg_header.gif) repeat-x left top;
	}

#header .h_box {
	margin: 0 auto;
	width: 980px;
	height: 130px;
	}

#header .h_box .logo {
	padding: 0px 5px;
	width: 140px;
	height: 130px;
	float: left;
	}
#header .h_box .title {
	padding: 13px 108px 18px 0px;
	width: 440px;
	height: 99px;
	float: left;
	}

/* --- news_box --- */
.news_box {
	margin: 13px 0px 18px 0px;
	width: 282px;
	height: 99px;
	float: left;
	background: url(../img/bg_news_box.gif) repeat-x left top;
	}

.n_data {
	margin: 8px 5px 11px 22px;
	width: 255px;
	height: 80px;
	overflow: auto;
	}
p.n_day {
	margin-top: 5px;
	padding: 0px 8px 0px 20px;
	font-weight: bold;
	color: #7d7d7d;
	background: url(../img/bg_news_bt.gif) no-repeat left center;
	}
p.n_text {
	padding: 3px 8px 7px 20px;
	clear: both;
	line-height: 1.2em;
	background: url(../img/bg_news_line.gif) no-repeat left bottom;
	}


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


/*-- g_navi --*/
#g_navi {
	margin: 0 auto;
	padding: 13px 7px 21px 7px;
	width: 966px;
	height: 34px;
	clear: both;
	background: url(../img/bg_g_navi.gif) no-repeat left top;
	}
#g_navi ul li {
	padding: 0px 3px;
	width: 132px;
	height: 34px;
	float: left;
	list-style: none;
	}


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


/* --- mainbody --- */
#mainbody {
	margin: 0 auto;
	width: 980px;
	}

#main_box {
	width: 980px;
	float: left;
	position: relative;
	}

#main_box_left {
	margin-right: 8px;
	width: 754px;
	float: left;
	}
#main_box_right {
	width: 218px;
	float: left;
	position: relative !important;
    position: absolute;
	_right: 0px;
	}


/*-- care_box --*/
#care_box {
	margin-top: 8px;
	width: 754px;
	}
.care_box_hf {
	height: 15px;
	float: left;
	}
.care_box_c {
	padding: 0px 20px;
	width: 714px;
	float: left;
	background: url(../img/bg_care_box_c.gif) repeat-y left top;
	}
.care_box_c p {
	line-height: 1.5em;
	color: #696969;
	}


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


/*-- s_navi --*/
#s_navi {
	width: 218px;
	float: left;
	background: url(../img/bg_s_navi.gif) repeat-y left top;
	}
#s_navi ul {
	padding: 0px 12px;
	width: 194px;
	}
#s_navi ul li {
	padding-bottom: 5px;
	float: left;
	list-style: none;
	}
#s_navi ul li a {
	padding: 1px;
	width: 190px;
	background: #fff;
	border: solid 1px #c9caca;
	display: block;
	}
#s_navi ul li a:hover {
	border: solid 1px #7d7d7d;
	}

.s_navi_list {
	margin-bottom: 5px;
	padding: 0px 12px;
	width: 194px;
	clear: both;
	}

.s_navi_h {
	padding: 16px 35px 0px 35px;
	width: 148px;
	height: 17px;
	background: url(../img/bg_s_navi_h.gif) no-repeat left top;
	display: block;
	}
.s_navi_h a {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-decoration: none;
	display: block;
	}
.s_navi_h a:hover {
	color: #afafb0;
	text-decoration: none;
	}

.s_navi_c {
	padding-bottom: 5px;
	float: left;
	}

.s_navi_f {
	height: 26px;
	float: left;
	}

.pagetop {
	width: 218px;
	height: 43px;
	float: left;
	}


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


/*-- contents --*/
#contents {
	margin: 0px 8px 8px 0px;
	width: 754px;
	}

#contents_h {
	float: left;
	background: url(../img/bg_contents_h.gif) no-repeat left top;
	}
#contents_c {
	float: left;
	background: url(../img/bg_contents_c.gif) repeat-y left top;
	}
#contents_f {
	clear: both;
	background: url(../img/bg_contents_f.jpg) no-repeat left top;
	}

.cnt_title {
	padding: 12px 12px 10px 12px;
	width: 730px;
	height: 20px;
	}
.cnt_text {
	padding: 0px 22px 10px 22px;
	width: 710px;
	clear: both;
	}

#cnt_bt {
	padding: 0px 302px 10px 302px;
	width: 150px;
	height: 22px;
	clear: both;
	}
#cnt_bthide {
	padding: 0px 302px;
	width: 150px;
	clear: both;
	}

#contents_list {
	padding: 0px 2px 0px 12px;
	width: 740px;
	}

.settlement {
	padding: 0px 277px;
	float: left;
	width: 200px;
	}
input {
	margin: 10px 0px;
	padding: 3px 0px;
	width: 200px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border: solid 1px #696969;
	background-color: #333;
	}
input:hover {
	color: #afafb0;
	border: solid 1px #a9a9a9;
	}

/*-- cnt_box --*/
.cnt_box {
	padding: 0px 10px 10px 0px;
	_padding: 0px 8px 8px 0px;
	width: 360px;
	float: left;
	}

.cnt_box .cnt_box_h, .cnt_box .cnt_box_f {
	width: 360px;
	height: 12px;
	float: left;
	}
.cnt_box .cnt_box_h img {
	vertical-align: bottom;
	}

.cnt_box .cnt_box_c {
	width: 360px;
	float: left;
	background: url(../img/bg_cnt_box_c.gif) repeat-y left top;
	}
.cnt_box .cnt_box_c dl dt {
	padding: 0px 10px;
	width: 120px;
	float: left;
	}
.cnt_box .cnt_box_c dl dd {
	width: 220px;
	float: left;
	}

/*-- g_box...table --*/
table.mobile {
	width: 210px;
	height: 150px;
	border-collapse: collapse;
	}
table.mobile td {
	padding: 0px 2px 1px 0px;
	}
table.mobile th.title {
	width: 210px;
	height: 47px;
	font-weight: bold;
	}
/*table.mobile td.subtitle{
	height: 14px;
	font-size: 12px;
	font-weight: bold;
	}*/
table.mobile td.series {
	height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #7d7d7d;
	}
table.mobile td.new {
	padding-top: 2px;
	height: 16px;
	}
table.mobile td.bt {
	padding: 4px 5px 0px 0px;
	font-size: 10px;
	text-align: right;
	}
table.mobile td.bt a {
	font-size: 10px;
	text-decoration: none;
	text-align: right;
	color: #333;
	}
table.mobile td.bt a:hover {
	font-size: 10px;
	text-decoration: underline;
	text-align: right;
	color: #000;
	}


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


/* --- footer --- */
#footer {
	height: 66px;
	background: url(../img/bg_footer.gif) repeat-x left bottom;
	clear: both;
	}

#footer .navi {
	margin: 0 auto;
	padding: 31px 0px 15px 0px;
	width: 980px;
	height: 20px;
	}
#footer .navi ul li {
	float: left;
	list-style-type: none;
	}


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


/* --- 以下、ウィンドウ実行用CSS --- */
#block01, #block02, #block03, #block04, #block05, #block06, #block07 {
	width:754px;
	}

#block0101, #block0201, #block0301, #block0401, #block0501, #block0601, #block0701 {
	width:754px;
	}