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

* {	margin: 0; padding: 0; list-style: none; font-size: 100%; }
img { border: none; vertical-align: top; }
a { color: #45c7ee; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; color:#3366CC; }
a img { border: 0; }
.clear{
	/*clearfix*/
	overflow: hidden; 
	position: relative;
	/*clearfix*/

}
.txt-right{ text-align:right; }
.txt-center{ text-align:center; }
.txt-orange{ color:#FF6600; }
.txt-red{ color:#FF0000; }
img.img-left{ float:left; margin:0 6px 3px 0;}
img.img-right{ float:right; margin:0 0 3px 6px;}
strong{ color:#000000;}
body{
	margin:0;
	padding:0;
	font-size:13px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
	color:#333;
	border-top:4px solid #333;
}
#wrap{
	margin:0 auto;
	width:840px;
	background:#fff;
}

/*----------------------------------------------------------------------

 Header

-----------------------------------------------------------------------*/
#header{
	width:840px;
	/*clearfix*/
	overflow: hidden; 
	position: relative;
	/*clearfix*/
}
h1{
	margin-top:2px;
	font-size:12px;
	font-weight:normal;
	text-align:right;
}
.img-logo{
	float:left;
	width:240px;
}
.img-contact{
	float:right;
	width:300px;
	margin-top:8px;
}

/*----------------------------------------------------------------------

 Global Navigation

-----------------------------------------------------------------------*/
#navigation { height: 28px; background: url(../images/navigation.jpg) no-repeat; padding: 6px 10px 6px; margin-top: 8px; }
#navigation ul { font-size: 13px; line-height: 28px; text-transform: capitalize; }
#navigation ul li { float: left; display: inline; list-style-type: none; padding-right: 2px; }
#navigation ul li a { float: left; display: inline; color: #fff; text-decoration: none; padding-left: 17px; }
#navigation ul li a span { float: left; display: inline; padding-right: 17px; background-position: right 0 !important; }
#navigation ul li a:hover,
#navigation ul li a.active,
#navigation ul li a:hover span,
#navigation ul li a.active span { color: #717171; background: url(../images/nav_active.jpg) no-repeat 0 0; }


/*----------------------------------------------------------------------

 Footer

-----------------------------------------------------------------------*/
#footer-wrap{
	margin:0;
	width:100%;
	height:240px;
	border-top:1px solid #000;
	background:#cc0000 url(../images/bg_footer.jpg) left top repeat-x;

}

#footer{
	margin:10px auto 0 auto;
	width:840px;
	color:#fff;
}
.footer-box{
	float:left;
	width:206px;
	padding-top:30px;
	margin-right:2px;
}
#footer ul{
	margin-left:10px;
}
#footer li {
	margin:6px 0;
}
p.copy{
	margin-top:14px;
}
#footer a{
	color:#fff;
}
#footer a:hover{
	color:#45c7ee;
}
.ftbox1{
	margin-top:20px;
	padding-top:70px;
	background:url(../images/logo_ft.png) left top no-repeat;
}
.ftbox1 p{
	margin-bottom:12px;
}
.ftbox2{
	height:180px;

	border-left:1px solid #666;
	background:url(../images/ft_ttl1.png) 10px 0 no-repeat;
}
.ftbox3{
	height:180px;

	border-left:1px solid #666;
	background:url(../images/ft_ttl2.png) 10px 0 no-repeat;
}
.ftbox4{
	height:180px;

	border-left:1px solid #666;
	background:url(../images/ft_ttl3.png) 10px 0 no-repeat;
}

/*
#footer{
	width:840px;
	height:100px;
	margin-bottom:10px;
	padding:20px 0 0 0;
	border-top:1px solid #ccc;
	background:url(../images/footer.jpg) 0 10px no-repeat;
	color:#fff;
}
#footer ul{
	margin:0 0 10px 10px;
	font-size:12px;
}
#footer li {
  padding: 0 6px;
  display: inline; 
  border-left: 1px solid #999; 
}
#footer li a{
	color:#fff;
}
#footer li:first-child {
  border: none; 
}
#footer p{
	margin-left:16px;
}
*/
/*----------------------------------------------------------------------

 Page Common

-----------------------------------------------------------------------*/
.breadcrumb{
	margin:10px 0;
}
h2.h2-ttl{
	margin:20px 0 10px 0;
	padding-left:36px;
	color:#FF6600;
	font-size:20px;
	font-weight:bold;
	text-shadow:1px 1px 1px #ccc;
	/*border-bottom:1px solid #999999;*/
	background:url(../images/note.png) left center no-repeat;
}
#main-content{
	width:760px;
	margin:20px auto;
	min-height:480px;
}
#main-content h3{
	color:#669900;
	font-size:14px;
	text-shadow:1px 1px 1px #ccc;

}
#main-content p{
	margin-bottom:14px;
	line-height:1.8;

}
.bn_contact{
	margin-bottom:40px;
	text-align:center;
}
/*----------------------------------------------------------------------

 Top Page

-----------------------------------------------------------------------*/
#message-box{
	margin-top:20px;
	height:315px;
	overflow:auto;
	font-size:14px;
	line-height:2;
	background:url(../images/bg_top_mes.jpg) left top no-repeat;
}
#message-box .p1{
	margin:60px 10px 14px 28px;
}
#message-box .p2{
	margin:14px 10px 14px 28px;
}



.top-content{
	margin:20px 0 10px 0;
	padding:0 0 20px 0;
}
.top-content p{
	margin:0 4px 12px 0;
	color:#666;
	line-height:1.6;


}
#top-content-l{
	float:left;
	width:360px;

}
#top-content-r{
	float:right;
	width:460px;
}
#top-content-l2{
	float:left;
	width:410px;

}
#top-content-r2{
	float:right;
	width:410px;
}
#top-content-l3{
	float:left;
	width:460px;

}
#top-content-r3{
	float:right;
	width:360px;
}

h2.top{
	margin:10px 8px 4px 0;
	padding:3px 0 8px 0;
	font-size:16px;
	background:url(../images/top_h2botline.jpg) left bottom repeat-x;
}


p.more{
	margin-right:8px;
	text-align:right;
}
div.addr{
	padding-top:10px;
	border-top:1px dotted #ccc;
}
p.flow-str{
	width:350px;
	margin:0;
	padding:8px 0;
	border:1px solid #999;
	background:#f5f5f5;
	text-align:center;
}
p.flow-img{
	margin:3px 0;
	padding-top:2px;
	color:#6699CC;
}
p#ananew{
	margin-bottom:10px;
	padding:3px 0 3px 195px;
	background:url(../images/webunoana_s.jpg) left center no-repeat;
}
#information{
	margin-top:12px;
	padding:3px;
	color:#FFFFFF;
	border:1px solid #999;
	background:#cc0000;
}
/*----------------------------------------------------------------------

 About

-----------------------------------------------------------------------*/
#tbl-about{
	width:760px;
	margin:10px 0 20px;
	background:#fff;
	border:1px solid #ccc;
	border-collapse:collapse;
	line-height:1.8;
}
table caption{
	text-align:left;
	font-weight:bold;
}
#tbl-about tr{
	
}
#tbl-about th{
	padding:16px 10px;
	text-align:left;
	background:#f5f5f5;
	font-weight:normal;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#tbl-about td{
	padding:20px 10px;
	text-align:left;
	background:#fff;
	border-bottom:1px solid #ccc;
}

/*----------------------------------------------------------------------

 Service

-----------------------------------------------------------------------*/
.servicebox{
	margin:0 0 20px 0;
}

/*----------------------------------------------------------------------

 Price

-----------------------------------------------------------------------*/

table.price{
	width:760px;
	margin:10px 0 20px;
	background:#fff;
	border:1px solid #ccc;
	border-collapse:collapse;
	line-height:1.8;
}
table.price th{
	width:180px;
	padding:16px 10px;
	text-align:left;
	background:#f5f5f5;
	font-weight:normal;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
table.price td{
	padding:20px 10px;

	border-right:1px solid #ccc;
	background:#fff;
	border-bottom:1px solid #ccc;
}
table.price td.td1{
	width:180px;
	text-align:center;
	
}

/*----------------------------------------------------------------------

 FAQ

-----------------------------------------------------------------------*/
ol.faq{
	margin:0 0 30px 30px;
	
}
ol.faq li{
	margin-left:20px;
	margin:8px 0;
	list-style-type: decimal

}
ol.faq li a{
	color:#333;
}
ol.faq li a:visited{
	color:#999;
}
.ansbox{
	margin:10px 20px 20px 0;
	padding:6px 20px 0 20px;
	border:1px solid #999;
	background:#f5f5f5;
	color:#333333;
}
p.faq-q{
	padding:0 0 6px 24px;
	margin-bottom:6px;
	background:url(../images/idx_q.jpg) 0px 2px no-repeat;
	border-bottom:1px dotted #999;
}
p.faq-a{
	padding:0 0 0 24px;
	background:url(../images/idx_a.jpg) 0px 2px no-repeat;
	line-height:150%;
}


/*----------------------------------------------------------------------

 Contact

-----------------------------------------------------------------------*/
h3.mail-ttl{
	padding-left:36px;
	padding:16px 0 16px 36px;
	background:url(../images/email.png) left center no-repeat;
}
h3.phone-ttl{
	padding-left:36px;
	padding:16px 0 16px 36px;
	background:url(../images/phone.png) left center no-repeat;
}
#frm-contact {
	margin: 20px;
	width:600px;
}

#frm-contact dl dt {
    margin:0;
    padding:0;
}
#frm-contact dl dt span{
    color:#FF0000;
    font-weight:bold;
}
#frm-contact dl dd{
    margin:0 0 20px;
    padding:0;
}
#frm-contact dl dd input,
#frm-contact dl dd textarea{
	width:500px;
	padding:6px 3px;
}

#frm-contact .btn{
	padding:4px 0;
	width:80px;
}

/*----------------------------------------------------------------------

 Privacy

-----------------------------------------------------------------------*/
#ol-privacy{
	margin-left:30px;
}
#ol-privacy li{
	margin-bottom:30px;
	list-style-type: decimal
}

/*----------------------------------------------------------------------

 Sitepolicy

-----------------------------------------------------------------------*/
#stpolicy{
}
#stpolicy dt{
	font-weight:bold;
}
#stpolicy dd{
	margin:6px 0 30px 0;
	line-height:1.6;
}

/*----------------------------------------------------------------------

 Tokusho

-----------------------------------------------------------------------*/
#tbl-tokusho{
	width:760px;
	margin:10px 0 20px;
	background:#fff;
	border:1px solid #ccc;
	border-collapse:collapse;
	line-height:1.8;
}
table caption{
	text-align:left;
	font-weight:bold;
}
#tbl-tokusho tr{
	
}
#tbl-tokusho th{
	padding:16px 10px;
	text-align:left;
	background:#f5f5f5;
	font-weight:normal;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#tbl-tokusho td{
	padding:20px 10px;
	text-align:left;
	background:#fff;
	border-bottom:1px solid #ccc;
}


/*----------------------------------------------------------------------

 404

-----------------------------------------------------------------------*/
#img-404{
	margin:10px 0;
}