/* --- common style ---------------------------------------------------- */


body,h1,h2,h3,h4,h5,h6,p,table,tr,th,td,dl,dt,dd,img,span,div,ul,li {
	margin:0px;
	border:none;
	padding:0px;
	font-size:12px;
	line-height:1.5;
	list-style-type:none;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:lighter;
}

table,
table tr,
table tr th,
table tr td {
	border-collapse:collapse;
	text-align:left;
	vertical-align:top;
}

table caption {
	display:none;
}

a:link {color: #0066CC; text-decoration:none;}
a:visited {color:#0066CC; text-decoration:none;}
a:active {color:#0066CC; text-decoration:none;}
a:hover {color:#188FC9; text-decoration:none;}



/* --- site layout ----------------------------------------------------------- */

body {
	text-align:center;
	background:#74848C;
}

div#layout {
	width:810px;
	margin:0 auto;
	background:url(../img/bg_layout.jpg) repeat-y;
	text-align:center;
	background:#ffffff;
}

div#layout div#header {
	position:relative;
	width:800px;
	margin:0 auto;
	text-align:left;
	font-size:10px;
	height: 293px;
}

div#layout div#header a {
	font-size:10px;
	color:#0066CC;
}

div#layout div#wrapper {
	overflow:hidden;
	width:800px;
	margin:0 auto;
	text-align:left;
	background:url(../img/navi_bg.jpg) repeat-y;

}

div#wrapper div#main {
	float:right;
	display:inline;
	color:#666666;
}

div#wrapper div#navi {
}

div#layout div#footer {
	position:relative;
	clear:both;
	width:800px;
	height:99px;
	margin:10px auto 0 auto;
	text-align:center;
	font-size:10px;
	background:url(../img/fotter_bg.jpg) no-repeat;
}

div#layout div#footer p {
	position:absolute;
	left: 107px;
	top: 18px;
}


/* --- header ---------------------------------------------------------------- */

div#header div.headback {
	width:800px;
	height:62px;
	background:url(../img/header_01.jpg) no-repeat;
}

div#header h1 {
	left:0;
	top:0;
	width:600px;
	height:20px;
	line-height:20px;
}

div#header p#sitemap {
	position:absolute;
	left:600px;
	top:0;
	width:200px;
	height:20px;
	line-height:20px;
	text-align:right;
}

div#header p#banner_01 {
	position:absolute;
	left:472px;
	top:73px;
	width:320px;
	height:80px;
}

div#header p#h_banner a {
	position:absolute;
	left:518px;
	top:24px;
	width:280px;
	height:52px;
	text-indent:-9999px;
}

div#header p#to_index {
	position:absolute;
	left:3px;
	top:24px;
	width:506px;
	height:52px;
}

p#main_img {
	position:absolute;
	width:796px;
	height:204px;
	margin:3px auto 0;
	background: url(../img/main.jpg) no-repeat;
	left: 1px;
}

p#main_img a.main_img_01 {
	position:absolute;
	height: 190px;
	width: 61px;
	left: 3px;
	top: 8px;
	text-indent:-9999px;
}

p#main_img a.main_img_01:hover {
	background:url(../img/main_navi01.jpg) no-repeat;
}


p#main_img a.main_img_02 {
	position:absolute;
	height: 190px;
	width: 61px;
	left: 70px;
	top: 8px;
	text-indent:-9999px;
}

p#main_img a.main_img_02:hover {
	background:url(../img/main_navi02.jpg) no-repeat;
}


p#main_img a.main_img_03 {
	position:absolute;
	height: 190px;
	width: 61px;
	left: 136px;
	top: 8px;
	text-indent:-9999px;
}

p#main_img a.main_img_03:hover {
	background:url(../img/main_navi03.jpg) no-repeat;
}

p#main_img2 {
	position:absolute;
	width:596px;
	height:204px;
	margin:3px auto 0;
	left: 201px;
}

/* --- wrapper --------------------------------------------------------------- */



/* --- navi ------------------------------------------------------------------ */


#head_navi_div {
	height:32px;
}

#head_navi_div p {
	float:left;
	width:200px;
	height:32px;
	margin:0px;
}

ul#head_navi {
	position:relative;
	float:left;
	width:600px;
	height:30px;
	background:url(../img/head_navi_bg.jpg) no-repeat;
}

li.navi_01 {
	position:absolute;
	left: 2px;
	top: 2px;
	width: 148px;
	height: 27px;
	text-indent:-9999px;
}

li.navi_01 a {
	display:block;
	width: 148px;
	height: 27px;
	text-indent:-9999px;
}

li.navi_02 {
	position:absolute;
	left: 152px;
	top: 2px;
	width: 148px;
	height: 27px;
}

li.navi_02 a {
	display:block;
	width: 148px;
	height: 27px;
	text-indent:-9999px;
}

li.navi_03 {
	position:absolute;
	left: 302px;
	top: 2px;
	width: 148px;
	height: 27px;
	text-indent:-9999px;
}

li.navi_03 a {
	display:block;
	width: 148px;
	height: 27px;
	text-indent:-9999px;
}

li.navi_04 {
	position:absolute;
	left: 452px;
	top: 2px;
	width: 148px;
	height: 27px;
	text-indent:-9999px;
}

li.navi_04 a {
	display:block;
	width: 148px;
	height: 27px;
}

.navi_01 a:hover {background:url(../img/head_navi_01.jpg) no-repeat;}
.navi_02 a:hover {background:url(../img/head_navi_02.jpg) no-repeat;}
.navi_03 a:hover {background:url(../img/head_navi_03.jpg) no-repeat;}
.navi_04 a:hover {background:url(../img/head_navi_04.jpg) no-repeat;}


div#navi div#menu {
	text-align:left;
	width:200px;
}

div#navi div#menu ul {
	width:190px;
	padding:0;
	margin:0;
	background:url(../img/contents.jpg) no-repeat;

}

div#navi div#menu ul li {
	width:196px;
}

div#navi div#menu ul li a {
	display:block;
	width:172px;
	height:30px;
	line-height:15px;
	margin-left:2px;
	padding-left:24px;
}

div#navi div#menu ul li a { background: url(../img/navi_top01.jpg) no-repeat; color:#ffffff;}
div#navi div#menu ul li a:hover { background: url(../img/navi_top02.jpg); color:#003366;}

div#navi div#menu ul li ul {
	width:190px;
	margin:0;
	padding:0;
	background:none;
}

div#navi div#menu ul li ul li {
	width:196px;
	height:30px;
}

div#navi div#menu ul li ul li a {
	display:block;
	width:171px;
	height:30px;
	line-height:15px;
	margin-left:2px;
	padding-left:25px;
	font-size:10px;
}

div#navi div#menu ul li ul li a { background: url(../img/navi_in01.jpg); color:#3B4856;}
div#navi div#menu ul li ul li a:hover { background: url(../img/navi_in02.jpg); color:#062D44;}

div#navi div#banner {
	margin:0 0 0 0;
	text-align:center;
}


div#navi div#menu div#navi02 {
	background:url(../img/kininaru.jpg) no-repeat;
	width:190px;
	border: solid 1px #000033;
	margin:5px 0 10px 4px;
	padding:0px;
}

div#navi div#menu ul.menu02 li.menu02_in01 {
	margin:35px 0 0 3px;
	height:40px;
	width:180px;
	padding:0px;


}

div#navi div#menu ul.menu02 li.menu02_in01 a {
	background: url(../img/kyujin_01.jpg) no-repeat;
	height:40px;
	text-indent:-9999px;
	width:180px;
	padding:0px;

}

div#navi div#menu ul.menu02 li.menu02_in01 a:hover {
	background: url(../img/kyujin_01ov.jpg) no-repeat;
}

div#navi div#menu ul.menu02 li.menu02_in02 {
	margin:5px 0 5px 30px;
	height:30px;
	width:150px;
}

div#navi div#menu ul.menu02 li.menu02_in02 a {
	background: url(../img/kyujin_02.jpg) no-repeat;
	line-height:20px;
	height:40px;
	text-indent:-10px;
	width:150px;
	padding:0px 0px 0px 30px;
}

div#navi div#menu ul.menu02 li.menu02_in02 a:hover {
	background: url(../img/kyujin_02ov.jpg) no-repeat;
}

div#navi p#banner img {
	margin:10px 0 0 4px;
}

div#navi div#rss {
	margin:10px auto;
	text-align:center;
}

div#navi div#rss img {
	margin:0 10px;
}

hr.navi_line {
	margin:0 0 0 2px;
	border:#214B68 2px solid;
	width:196px;
}



/* --- footer ---------------------------------------------------------------- */

div#footer dl {
	overflow:hidden;
	width:700px;
	margin:0 auto 10px auto;
	background:url(../img/bg_footer.jpg) repeat-y;
	text-align:center;
	padding:10px 0 0 0;
}

div#footer dl dt {
	display:inline;
	margin:0;
}

div#footer dl dd {
	display:none;
}

div#footer p {
	overflow:hidden;
	width:581px;
	margin:10px auto;
	background:url(../img/bg_footer.jpg) repeat-y;
	text-align:center;
	color:#336699;
}


/* --- sitemap ---------------------------------------------------------------- */

div#main dl#sitemap {
	margin:0 0 20px 20px;
}

div#main dl#sitemap dt {
	margin:0 0 10px 0;
}

div#main dl#sitemap dd {
	margin:0 0 20px 20px;
}





/* --- main ------------------------------------------------------------------ */


div#main div#main_top {
	overflow:hidden;
	width:545px;
	height:auto;
	margin-right:25px;
}

div#main div#main_top p {
	margin:5px 0 10px 0;
}



dl#wahts {
	border:2px solid #C76565;
	width:526px;
	height:110px;
	overflow:auto;
	padding:5px;
	font-size:13px;
}

dl#wahts dd a{
	float:left;
	color:#968E54;
	font-weight:bold;
}

dl#wahts dt.whats_dt01 a{
	float:left;
	color:#AF2323;
	font-weight:bold;
}

dl#wahts dt.whats_dt02 a{
	float:left;
	color:#000000;
	font-weight:bold;
}

br.clear {
	clear:both;
	height:5px;
}

h2#whats01 {
	width:163px;
	height:42px;
}

h3.pick01 {
	height:30px;
	margin-top:15px;
}

h3.pick02 {
	height:30px;
	margin-top:15px;
}

a.pick04 {
	float:left;
	display:block;
	width:265px;
	height:84px;
	text-indent:-9999px;
	background:url(../img/pick01.jpg) no-repeat;
	margin:10px 5px 10px 0;
}

a.pick05 {
	float:left;
	display:block;
	width:265px;
	height:84px;
	text-indent:-9999px;
	background:url(../img/pick02.jpg) no-repeat;
	margin:10px 0 10px 0;
}
a.pick04:hover {background:url(../img/pick01_ov.jpg) no-repeat;}
a.pick05:hover {background:url(../img/pick02_ov.jpg) no-repeat;}

ul.pick03 {
	clear:both;
	position:relative;
	background:url(../img/pick03.jpg) no-repeat;
	width:547px;
	height:160px;
}

ul.pick03 li.pick03_in01 a {
	position:absolute;
	display:block;
	width:265px;
	height:84px;
	background: url(../img/pick03_in01.jpg) no-repeat;
	text-indent:-9999px;
}

li.pick03_01 {
	position:absolute;
	width:176px;
	left: 15px;
	top: 75px;
	height: 63px;
}

li.pick03_01 a {
	display:block;
	text-indent:-9999px;
	width:176px;
	height:60px;
}

li.pick03_01 a:hover {
	background:url(../img/pick03_in01.jpg) no-repeat;
}

li.pick03_02 {
	position:absolute;
	width:196px;
	left: 218px;
	top: 75px;
	height: 63px;
}

li.pick03_02 a {
	display:block;
	text-indent:-9999px;
	width:200px;
	height:70px;
}

li.pick03_02 a:hover {
	background:url(../img/pick03_in02.jpg) no-repeat;
}


/* --- common parts ---------------------------------------------------------- */


div#main div#naka_top {
	overflow:hidden;
	width:545px;
	margin-right:25px;
	margin-top:10px;
}

div#main div#naka_top p {
	margin:5px 0 10px 0;
}

h4.type01 {
	clear:both;
	background:url(../img/h4_type01.jpg) no-repeat;
	text-indent:22px;
	font-size:25px;
	color:#062D44;
	line-height:30px;
}

h4.type02 {
	clear:both;
	background:url(../img/h4_type02.jpg) no-repeat;
	text-indent:22px;
	font-size:18px;
	color:#336699;
	line-height:30px;
	font-weight:bold;
}

h3#naka_h3 {
	position:absolute;
	text-align: right;
	background:url(../img/h3_title.jpg) no-repeat;
	width: 446px;
	height: 39px;
	left: 337px;
	top: 237px;
	z-index:1;
	color:#062D44;
	font-size:25px;
	padding-right:15px;
}

div#main div#naka_top img {
	float:right;
	border:solid 2px #B2CAD8;
	margin:0 5px 5px 5px;
}

h5.type01 {
	clear:both;
	background: url(../img/h4_type03.jpg) no-repeat;
	text-indent:22px;
	font-size:16px;
	color:#6E9DC4;
	line-height:30px;
	font-weight:bold;
}

div#main div#naka_top dl.faq {
	background: url(../img/h4_qa.jpg) no-repeat;
	margin:30px 0px;
}

div#main div#naka_top dl.faq dt {
	margin-left:43px;
	font-size:12px;
	color:#336699;
	line-height:15px;
	height:40px;
	color:#1F517A;
	font-weight:bold;
	text-indent:0;
	padding:0 0 0 10px;
	background:none;
}

div#main div#naka_top dl.faq dd {
	margin-left:50px;
	font-size:12px;
	line-height:22px;
	color: #333333;
	text-indent:0px;
}

p.pagetop {
}

p.pagetop a {
	float:right;
	display:block;
	background: url(../img/pagetop.jpg) 0 23px;
	width:120px;
	height:22px;
	text-indent:-9999px;
}

p.pagetop a:hover {
	background: url(../img/pagetop.jpg) 0 -5px;
}

div#main div#naka_top dl dt {
	background:url(../img/list_ct.jpg) no-repeat;
	text-indent:23px;
	color:#1873BC;
}

div#main div#naka_top dl dd {
	text-indent:23px;
}


div#main div#naka_top ol li {
	list-style:decimal;
	margin:3px;
}

table.company {
	width:520px;
	border:solid 1px #296DB1;
	border-collapse:collapse;
	margin:15px 2px;
}

table.company tr th {
	width:130px;
	border:solid 1px #296DB1;
	background: url(../img/tb_bg02.jpg) repeat-y #214B68;
	color:#ffffff;
	padding:5px;
	font-weight:bold;
}

table.company tr th.entry_title {
	width:520px;
	border:solid 1px #296DB1;
	background: url(../img/tb_bg01.jpg) repeat-x;
	color:#ffffff;
	padding:5px;
	font-weight:bold;
}

table.company tr th.entry_title a {
	color:#FFFFFF;
	font-size:16px;
}

table.company tr th.category {
	width:40px;
	border:solid 1px #296DB1;
	background:#E8F5FF;
	color:#0066CC;
	padding:5px;
	font-weight:bold;
}

table.company tr td {
	width:390px;
	border:solid 1px #296DB1;
	padding:5px;
}



table.company tr td.tb_kuwaski {
	width:520px;
	border:solid 1px #296DB1;
	padding:5px;
}



table.company tr td.category {
	width:220px;
	border:solid 1px #296DB1;
	padding:5px;
}


table.inq {
	width:520px;
	border:solid 1px #296DB1;
	margin:10px;
}

table.inq tr th {
	width:164px;
	border:solid 1px #296DB1;
	background:#E8F5FF;
	color:#0066CC;
	padding:3px;
	font-weight:bold;
	text-align:right;
}

table.inq tr td {
	width:344px;
	border:solid 1px #296DB1;
	padding:3px;
}

.inq02 input {
	border:solid 1px #296DB1;
}

table.inq tr td textarea {
	border:solid 1px #296DB1;
}


div#main div#naka_top dl#sitemap dd {
	text-indent:0px;
}

a.to_entry {
	float:right;
	display:block;
	width:115px;
	height:15px;
	background:url(../img/kuwasiku.jpg) 0px 20px;
	text-indent:-9999px;
}

a.to_entry:hover {
	background:url(../img/kuwasiku.jpg) 0px -6px;
}

a.kyu {
	float:left;
	display:block;
	width:130px;
	height:32px;
	background: url(../img/bt_kyu.jpg) 0px 0px;
	text-indent:-9999px;
	margin:0 20px;
}

a.kyu:hover {
	background: url(../img/bt_kyu.jpg) 0px -34px no-repeat;
}

a.pre {
	float:left;
	display:block;
	width:130px;
	height:32px;
	background: url(../img/bt_pre.jpg) 0px 0px;
	text-indent:-9999px;
}

a.pre:hover {
	background: url(../img/bt_pre.jpg) 0px -34px no-repeat;
}

div#main div#naka_top p.pre_banner {
	margin:0 0 0 110px;
}

span.new {
	display:none;
}