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

body{ 
	margin: 0; 
	padding: 0; 
	background: #fff7dd;
	line-height: 1.7em;
	font-size: 100%;
	font-family: "HGP創英角ｺﾞｼｯｸUB","メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #666;
}
h1{
	font-size: 12px; 
	/*font-weight: bold;*/
	line-height: 38px; 
	color:#ffffff;
	float: left;
	margin: 0px 0px 0px 10px;
}

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: 790px; 
	margin: 0px auto 0px auto;
	border-left: #ccc 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	background-color: #fff;
	height: 100%;
	overflow: hidden;
	padding: 0;
}
div#top{ 
	width: 100%;
	height: 38px;
	background: url(../images/top/top_bg.gif) repeat-x 0% 0%;
	vertical-align: middle;
	overflow: hidden;
}
div#header{ 
	width: 100%;
	height:200px;
	background: url(../images/header_bg.png) repeat-x 0% 0%;
	overflow: hidden;
}
div#menu{
	width: 170px;
	float: left;
	/*margin: 10px 18px 10px 10px;*/
	padding: 0px;
	overflow: hidden;
	position: relative;
	top: 10px;
	left: 10px;
	text-align:left;
}

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

a.menu_item{
	display: block;
	width: 170px;
	height: 35px;
	margin-bottom: 3px;
}

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

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

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

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

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

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

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

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

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


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: 580px;
	float: right;
	padding: 0px;
	overflow:hidden;
	position: relative;
	top: 10px;
	right: 13px;
	text-align: left;
}

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

div#footer{
	border-top: 1px #ccc solid;
	color: #999;
	font-size: 11px;
	text-align: center;
	padding: 1em 0em 1em 0em;
	margin-top: 20px;
}


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

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

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;
}

.red{ color: #f00;}
.redbold{ color: #f00; 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{ border-collapse: collapse; margin: 1px; width:578px; margin-bottom: 1em; }
table.hyou td{ border: #ccc 1px solid; text-align:center;}
table.hyou td.gray{ background-color: #eee;}
table.hyou td.yellow{ background-color: #ffffe5;}
table.hyou td.pink{ background-color: #ffeeee;}
table.hyou td.gray2{ background-color: #f7f7f7;}
table.hyou td.b2px{ border-bottom: 2px;}
table caption{ 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: 110%;
	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.kaisya{ border-collapse:collapse; width: 578px;}
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.faq{ width:578px; margin-bottom: 20px; }

table.faq th{ 
	background-color: #eff2fc; 
	text-align: left; 
	vertical-align: middle; 
	padding: 10px; 
	border-bottom: #b6c8fe 3px solid;
}
table.faq td{ background-color: #f9f9f9; padding: 10px; }

div.faq1{ 	padding-top: 10px; float: left; vertical-align:middle; width:75px}
div.faq2{
	width: 400px;
	float:left;
	font-size: 130%;
	padding-top: 20px;
}
div.faq3{
	vertical-align:middle;
	width: 130px;
	float:left;
}
div.faq4{
	float:left;
	background: url(../images/yokuaru/cara_1.gif) no-repeat right;
	font-size: 130%;
	font-weight: bold;
	padding-right: 40px;
	padding-top: 15px;
	padding-bottom: 10px;
}

span.orange{ color: #ff7500; }