@charset "utf-8";

/* _______________________________________________________________________________________________________reset_set */

body,a,h1,h2,h3,h4,h5,h6,div,p,hr,blockquote,address,noscript,span {
	text-align  : left;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	margin:0;
	padding:0;
	color: #666666;
	font-size: 12px;
	line-height:150%;
}
img {
	border: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}
ul, ol, dl, dt, dd, li {
	list-style: none;
	padding:0;
	margin::0;
}
a:link,a:visited{
	color:#000066;
	text-decoration: none;
}
a:hover{
	color:#cc0033;
	text-decoration:underline;
}
/* _______________________________________________________________________________________________________body_layout */

body{
	margin: 0px;
	padding: 0px;
	background: #fff;
	text-align: center;
	background:#ECE9D8 url(../img/body_bg.jpg) repeat-y top center;
}

#layout{
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	height: auto;
	background: #fff;
}

/* _______________________________________________________________________________________________________header */

#header{
	position:relative;
	height:59px;
	width:900px;
}
#header_top {
	background:url(../img/header_top.jpg) repeat-x top left;
	height:3px;
}
#header h1 {
	position:absolute;
	top:8px;
	left:4px;
}
#logo {
	position:absolute;
	top:30px;
	left:4px;
}
#npb_logo {
	position:absolute;
	top:4px;
	left:630px;
}
#header p {
	position:absolute;
	top:38px;
	left:580px;
}

/* _______________________________________________________________________________________________________bookmark */

#bookmark {
	position:absolute;
	top:38px;
	left:722px;
}
img.book {
	padding-right:6px;
}
/* _______________________________________________________________________________________________________top_contents */

#top_box {
	position:relative;
	width:900px;
	height:276px;
	background:#cc0033;
	font-family:"メイリオ";
}
#left_top {
	position:absolute;
	top:4px;
	left:4px;
	background:url(../img/left_top.jpg) no-repeat;
	width:155px;
	height:132px;
}
#left_bottom {
	position:absolute;
	top:140px;
	left:4px;
	background:url(../img/left_bottom.jpg) no-repeat;
	width:155px;
	height:132px;
}
#right_top {
	position:absolute;
	top:4px;
	left:163px;
	background:url(../img/right_top.jpg) no-repeat;
	width:155px;
	height:132px;
}
#right_bottom {
	position:absolute;
	top:140px;
	left:163px;
	background:url(../img/right_bottom.jpg) no-repeat;
	width:155px;
	height:132px;
}
#left_top span,
#left_bottom span,
#right_top span,
#right_bottom span {
	padding:5px 0 0 5px;
	font-size:17px;
	font-weight:bold;
	display:block;
}
#left_top span {color:#3FC9E6;}
#left_bottom span {color:#666666;}
#right_top span {color:#FF6600;}
#right_bottom span {color:#3EA400;}

#left_top a,
#left_top a:hover,
#left_bottom a,
#left_bottom a:hover,
#right_top a,
#right_top a:hover,
#right_bottom a,
#right_bottom a:hover {	
	display:block;
	width:155px;
	height:132px;
	text-decoration: none;
}
#main_pic {
	position:absolute;
	top:4px;
	left:322px;
	width:574px;
	height:268px;
}

/* __________________________________________________________________________pankuzu_navi */

#pankuzu{
	width: 900px;
	height: 39px;
	background:url(../img/pnavi_bg.jpg) no-repeat;
}
#pankuzu p{
	padding: 7px 0px 0px 35px;
}

/* _______________________________________________________________________________________________________left_contents */

#left_contents {
	width:629px;
	height:auto;
	float:left
}

/* __________________________________________________________________________box_top */

.box_top {
	background:url(../img/box_top.jpg) no-repeat;
	width:629px;
	height:49px;
	position:relative;
}
.box_top p,
.box_top h3 {
	font-size:14px;
	color:#cc0033;
	position:absolute;
	top:14px;
	left:22px;
	font-weight:bold;
	font-family:"メイリオ";
}
.mark_search {
	position:absolute;
	top:15px;
	left:580px;
	width:21px;
	height:21px;
}

/* __________________________________________________________________________search 3retsu 7retsu 4retsu */

.box_bg03,
.box_bg07,
.box_bg04 {
	background:url(../img/box_bg.jpg) repeat-y;
	width:629px;
	height:auto;
	float:left;
}
.box_bg03 ul,
.box_bg04 ul {
	padding:15px 0 0 0;
	margin:0 0 0 25px;
}

.box_bg07 ul {
	margin:0 0 0 25px;
	clear:both;
}
*+html body .box_bg03 ul, *html .box_bg03 ul,
*+html body .box_bg04 ul, *html .box_bg04 ul{
	padding-top:20px;
}
*+html body .box_bg07 ul, *html .box_bg07 ul{
	padding-top:5px;
}

.box_bg03 li,
.box_bg07 li,
.box_bg04 li {
	padding:3px 0 3px 7px;
	_padding:0 0 0 7px;
	_margin:-2px 0;
	float:left;
	background:url(../img/mark.jpg) no-repeat 0 8px;
	_background:url(../img/mark.jpg) no-repeat 0 3px;
	text-indent:5px;
}
.box_bg03 li{width:194px;}
.box_bg07 li{width:78px;}
.box_bg04 li{width:140px;}

.box_bg07 li.long333{width:333px;}
.box_bg07 li.long163{width:163px;}
.box_bg07 li.long248{width:248px;}

*+html body .box_bg03 li, *html .box_bg03 li,
*+html body .box_bg07 li, *html .box_bg07 li,
*+html body .box_bg04 li, *html .box_bg04 li{
	text-indent:8px;
	padding:0 0 0 7px;
	margin:-4px 0 -4px 0;
	background:url(../img/mark.jpg) no-repeat 0 4px;
}
.box_bg03 li a,
.box_bg07 li a,
.box_bg04 li a {
	font-size:10px;
}

/* __________________________________________________________________________box_bottom */

.box_bottom {
	background:url(../img/box_bottom.jpg) no-repeat;
	width:629px;
	height:10px;
	clear:both;
	padding-bottom:10px;
}
.bar {
	margin:0 0 10px 0;
}
*+html body .bar, *html .bar{
	margin:0 0 0 0;
}

/* _______________________________________________________________________________________________________right_contents */

#right_contents {
	width:271px;
	height:auto;
	float:right;
}
/* _______________________________________________________________________________________________________right_box & sponser_box(bottom) */

#right_box_top {
	background:url(../img/sponser_top.jpg) no-repeat;
	width:271px;
	height:74px;
	position:relative;
}
#right_box_bg {
	background:url(../img/sponser_bg.jpg) repeat-y;
	width:271px;
	height:auto;
	float:left;
}
#sponser_box {
	margin:0 auto 10px;
	width:882px;
	height:162px;
	background:url(../img/sponser_box.jpg) no-repeat;
	clear:both;
}
#right_box_bg ul,
#sponser_box ul {
	padding:10px 0 0 0;
	margin:0 0 15px 24px;
}
#right_box_bg li,
#sponser_box li {
	padding:4px 0 4px 7px;
}
#right_box_bg li{width:260x;}
#sponser_box li{width:800px;}

.caption01,
.caption02 {
	font-size:12px;
	color:#333333;
}
.caption01{width:210px;}
.caption02{width:800px;}

#right_box_bg em,
#sponser_box em {
	font-size:12px;
	color:#008000;
	font-family:"メイリオ";
}
*+html body #right_box_bg li, *html #right_box_bg li,
*+html body #sponser_box li, *html #sponser_box li{
	padding:7px 0 0 7px;
	margin:-2px 0 -2px 0;
}
#right_box_bg li a:link,
#right_box_bg li a:visited,
#sponser_box li a:link,
#sponser_box li a:visited {
	color:#0000DE;
	text-decoration: underline;
	font-size:16px;
}
#right_box_bg li a:hover,
#sponser_box li a:hover {
	color:#0000DE;
	text-decoration:underline;
}
#right_box_bottom {
	background:url(../img/sponser_bottom.jpg) no-repeat;
	width:271px;
	height:20px;
	clear:both;
	padding-bottom:10px;
}

/* _______________________________________________________________________________________________________text_box */

#text_box {
	width:600px;
	height:60px;
	position:relative;
}
#mark_mushi {
	position:absolute;
	top:5px;
	left:36px;
	width:19px;
	height:17px;
}
#text_pr {
	position:absolute;
	top:0;
	left:60px;
	width:500px;
}
#text_box ul {
	clear:both;
	margin:0;
}
#text_box li {
	float:left;
	padding:2px 0 2px 7px;
}

*+html body #text_box li, *html #text_box li {
	padding:7px 0 0 7px;
	margin:-2px 0 -2px 0;
}
#text_box li a:link,
#text_box li a:visited {
	color:#0000DE;
	text-decoration: underline;
}
#text_box li a:hover {
	color:#0000DE;
	text-decoration:underline;
}
.line_1 {
	background:url(../img/line_1.jpg) repeat-x;
	margin:0 auto 10px;
	width:882px;
	height:1px;
	clear:both;
}

/* _______________________________________________________________________________________________________npb_link */

#npb_link {
	padding:10px 0;
}
#npb_link p {
	padding:0 0 5px 36px;
	font-weight:bold;
}
#npb_link ul {
	padding:0 0 0 0;
	margin:0 0 0 33px;
}
#npb_link li{
	float:left;
	padding:0 0 0 3px;
}
*+html body #npb_link li, *html #npb_link li{
	margin:-3px 0 -3px 0;
}
#npb_link li a:link,
#npb_link li a:visited {
	font-size:10px;
	color:#333333;
}

/* _______clear________ */

.clear {
	clear: both;
	text-indent: -9999px;
}

/* _______________________________________________________________________________________________________footer */
	
#footer  {
	width:900px;
	height:62px;
	background:url(../img/footer.jpg) no-repeat;
	clear: both;
	margin:20px 0 0 0;
}	
#footer p{
	text-align:right;
	padding:12px 10px 0 0;
}