@charset "utf-8";
/* CSS Document */

body{ 
	margin: 0; 
	padding: 0; 
	background: #2A2A2A url(../images/bg.gif) top center repeat-y;
	line-height: 1.7em;
	font-size: 80%;
}
h1{
	font-size: 11px; 
	font-weight: normal;
	line-height: 29px;
	color:#fff;
	float: left;
	margin: 0px 0px 0px 10px;
}

h3{ border-left: #e09433 6px solid; border-bottom: #333 1px solid; padding-left: 10px; font-size: 135%; width: 95%;}

a{ color: #3399cc; text-decoration: none;}
a:hover{ color: #3399cc; text-decoration: underline;}

a img{ border: none;}

p{ padding-top: 0px; margin-top: 0px;}

div#wrap{ 
	width: 779px; 
	margin: 0px auto 0px auto;
	background-color: #fff;
	overflow: hidden;
	padding: 0;
	background: url(../images/bg2.gif) center repeat-y;
}

div#top0{
	width: 100%;
	height: 100px;
	background: url(../images/top/top0_bg.png) repeat-x 0% 0%;
	vertical-align: middle;
	overflow: hidden;
	height: 29px;
}
	
div#top{ 
	width: 100%;
	height: 100px;
	background: url(../images/top_bg.gif) repeat-x 0% 0%;
	vertical-align: middle;
	overflow: hidden;
	border-bottom: #ccc 10px solid;
}

div#top_head{
	margin:0; padding:0;
	height: 176px;
	border-bottom: #ccc 10px solid;
}

div#top_main_txt{
	position: relative;
	top: 170px;
	left:130px;
	width: 460px;
	text-align:left;
}

div#top_navi{ height: 30px; background: url(../images/top/top_navi_bg.png) repeat-x;}

div#top_navi a.top_nav{ width: 130px; height: 30px;display: block; float:left;}

div#top_navi a#tn1{ background: url(../images/top/tn1.png) 0% 0%; }
div#top_navi a#tn1:hover{ background-position: 0px -30px; }

div#top_navi a#tn2{ background: url(../images/top/tn2.png) 0% 0%; }
div#top_navi a#tn2:hover{ background-position: 0px -30px; }

div#top_navi a#tn3{ background: url(../images/top/tn3.png) 0% 0%; }
div#top_navi a#tn3:hover{ background-position: 0px -30px; }

div#top_navi a#tn4{ background: url(../images/top/tn4.png) 0% 0%; }
div#top_navi a#tn4:hover{ background-position: 0px -30px; }

div#top_navi a#tn5{ background: url(../images/top/tn5.png) 0% 0%; }
div#top_navi a#tn5:hover{ background-position: 0px -30px; }

div#top_navi a#tn6{width: 129px; background: url(../images/top/tn6.png) 0% 0%; }
div#top_navi a#tn6:hover{width: 129px; background-position: 0px -30px; }

div#header{ 
	width: 100%;
	height:200px;
	background: url(../images/header_bg.png) repeat-x 0% 0%;
	overflow: hidden;
}

div#body1{}

div.fr_head{ width:170px; height:19px;}
div#link_head{ background: url(../images/fr_link.png) 50% 0%;} 
div.frame_body{ 
	border: #ff9900 1px solid;
	margin: 0px;
	text-align:left;
	margin-bottom: 1em;
}

div.frame_body p{ margin: 5px; font-size: 12px;}
iframe#kinkyuu{ width: 168px; height: 130px; border: 0px #f60 solid; margin-top: 0px;}

body#komado{
	background:#fff; 
	padding: 4px; 
	font-size: 12px; 
	line-height: 18px; 
	width: 140px;
}


div#menu{
	width: 180px;
	float: left;
	/*margin: 10px 18px 10px 10px;*/
	padding: 0px;
	overflow: hidden;
	position: relative;
	top: 10px;
	left: 20px;
	text-align:left;
}

div#menu_head{ 
	width: 170px;
	height:20px;
	background: url(../images/menu_head_bg.png) repeat-x 0% 0%;
	margin: 0;
}

a.nav{
	display: block;
	width: 180px;
	height: 30px;
}

a#b1{	background: url(../images/b1.png) 0% 0%; }
a#b1:hover{ background-position: 0px -30px; }

a#b2{	background: url(../images/b2.png) 0% 0%; }
a#b2:hover{ background-position: 0px -30px; }

a#b3{	background: url(../images/b3.png) 0% 0%; }
a#b3:hover{ background-position: 0px -30px; }

a#b4{	background: url(../images/b4.png) 0% 0%; }
a#b4:hover{ background-position: 0px -30px; }

a#b5{	background: url(../images/b5.png) 0% 0%; }
a#b5:hover{ background-position: 0px -30px; }

a#b6{	background: url(../images/b6.png) 0% 0%; }
a#b6:hover{ background-position: 0px -30px; }

a#b7{	background: url(../images/b7.png) 0% 0%; }
a#b7:hover{ background-position: 0px -30px; }

a#b8{	background: url(../images/b8.png) 0% 0%; }
a#b8:hover{ background-position: 0px -30px; }

a#b9{	background: url(../images/b9.png) 0% 0%; }
a#b9:hover{ background-position: 0px -30px; }

a#b10{	background: url(../images/b10.png) 0% 0%; }
a#b10:hover{ background-position: 0px -30px; }


div.fr_head{ width:170px; height:19px;}

div#kinkyuu_head{ background: url(../images/fr_kinkyuu.png) 50% 0%;} 
div#link_head{ background: url(../images/fr_link.png) 50% 0%;} 

div.frame_body{ 
	border: #ff9900 1px solid;
	margin: 0px;
	text-align:left;
	margin-bottom: 1em;
}

div.frame_body p{ margin: 5px; font-size: 12px;}
 
div#main{
	width: 540px;
	float: right;
	padding: 0px;
	overflow:hidden;
	position: relative;
	top: 10px;
	right: 20px;
	text-align: left;
}

img#top_banner1{ margin: 10px 0px 10px 0px;}

div#footer{
	border-top: 10px #ccc solid;
	color: #fff;
	font-size: 11px;
	text-align: center;
	padding: 1em 0em 1em 0em;
	margin-top: 30px;
	background-color: #282828;
	width: 780px;
}


/*************************************************************/

iframe#info{ width: 576px; height: 120px; border: 1px #ccc solid; margin-top: 10px;}

.red{ color: #c00; font-weight:bold;}

img.left_img{ float:left; margin: 0px 20px 50px 0px;}

span.sitamuki{ 
	background: url(../images/sitamuki.png) 0% 50% no-repeat;
	padding: 0px 0px 0px 20px;
	line-height: 15px;
}

table.hyou{ margin-bottom: 2em; }
table.hyou td{ border: none; text-align:left;}

table.step{ width:578px; margin-bottom: 20px; }

table.step th{ 
	background-color: #eff2fc; 
	text-align: center; 
	vertical-align: middle; 
	padding: 10px; 
	border-right: #b6c8fe 3px solid;
	width: 100px;
}
table.step td{ background-color: #f9f9f9; padding: 10px;  }


div.otoiawasesaki{
	width: 500px;
	text-align: center;
	color: #FF6600;
	font-size: 130%;
	font-weight: bold;
	padding:20px;
	border: #ccc 1px solid;
	margin: auto;
	margin-bottom: 1.5em;
}

div.otoiawasesaki img{ margin-top: 15px;}

p.keiyakusyo{ margin-bottom: 2.0em;}
p.arobat{ font-size: 10px; width: 578px; line-height: 16px;margin-bottom: 2.0em;}

table.faq{ width:578px; margin-bottom: 15px; }

table.faq th{ 
	text-align: left; 
	vertical-align: middle;
	font-size: 110%;
	color: #333; 
	background-color: #f9f9f9;
	padding: 2px;
}

table.faq td{ padding: 2px; }

div.faq1{ float: left; vertical-align:middle; width:40px}
div.faq2{ float: left; vertical-align:middle; width: 460px;}

/*
table.kaisya{ border-collapse:collapse; width: 540px;}
table.kaisya th{ background-color: #333; color:#fff; text-align:right; padding: 10px;border: none; }
table.kaisya td{  text-align:left; padding: 10px; border-width: 0px 1px 1px 0px; border-color: #333; border-style: solid;}
*/
table.kaisya{ border-collapse:collapse; width: 540px;}
table.kaisya th{ background-color: #eee; text-align:right; padding: 10px;border: #ccc 1px solid; }
table.kaisya td{  text-align:left; padding: 10px; border: #ccc 1px solid;}

table#top_osusume{
	margin:10px 0px 20px 30px;
	font-size: 120%; 
	background: url(../images/top/top_tbl_bg.png) 100% 0% #fff no-repeat;
	width: 720px;
}

table#nagare{
 border-collapse:collapse;
 width:95%;
 margin-left: 3px;
}

table#nagare th{
	border: 3px #d69138 solid;
	background-color:#d69138;
	color:#fff;
	font-weight: normal;
	padding-left: 3px;
}


table#nagare td{
	border: 3px #d69138 solid;
	padding: 0px;
	font-size: 13px;
	line-height:18px;
}

table#nagare td p{ padding: 5px 5px 5px 5px; }
table#nagare td img{ margin: 0px;}
table#nagare td.ya{	border: none;}

table.ryoukin { border: none; margin-bottom: 10px; width: 100%;}
table.ryoukin th{ background-color: #666; color: #fff; text-align: center; font-weight: normal; width: 25%; padding: 3px;}
table.ryoukin td{ background-color: #f0f0f0; text-align: center;padding: 3px; }

div#top_bt{ margin-left: 20px; }
a.top_bt{ display:block; width: 186px; height: 85px; float:left; border: 0px #ccc solid;}

table.kakomi{ border: 1px #CD9A03 solid; border-collapse: collapse; margin-left: 1px; }
table.kakomi th{ border: none; background-color: #CD9A03; padding: 5px; text-align:center; }
table.kakomi td{ border: none; padding: 10px 10px 10px 10px;}

p.cyuusyaku{ font-size: 12px;}

p#totop{
 margin: 0px 0px 0px 1px;
 font-size: 12px;
 line-height: 12px;
}