﻿@charset "utf-8";
@import "base.css";

a:link{color:#006699;}
a:visited{color:#006699;}
a:hover{color:#CC9900;}
a:active{color:#CC9900;}

* {line-height:1.5em;}
strong{font-weight:bold;}
/*レイアウト*/
body {text-align:center;padding:10px 0;}
#wrapper{width:846px; background:url(../images/bg_mid.jpg) repeat-y; margin:0 auto; text-align:left;}
h1 {height:105px; background:url(../images/bg_header.jpg) no-repeat;padding-left:10px; }
h1 a{display:block; height:80px; width:220px;text-indent:-9999px;}
#top_sub{background:url(../images/bg_c_top.jpg) no-repeat; padding:10px 35px 0;}
#contents{background:url(../images/bg_c_btm.jpg) no-repeat center bottom; padding:20px 35px;}

/*コンテンツ*/
h2 {  height:17px; margin-bottom:10px; text-indent:-9999px;}
h2.main_sub { background:url(../images/main_sub.jpg) no-repeat; height:40px; margin-bottom:5px;}
h2.ttl_01{background:url(../images/ttl_service.jpg) no-repeat;}
h2.ttl_02{background:url(../images/ttl_order.jpg) no-repeat;}
h2.ttl_03{background:url(../images/ttl_caution.jpg) no-repeat; clear:both; margin-top:20px;}
h2.ttl_04{background:url(../images/ttl_sample.jpg) no-repeat; height:18px;margin-bottom:5px;}
span.ttl_05{background:url(../images/ttl_flow.jpg) no-repeat;display:block;height:17px; margin-bottom:10px; text-indent:-9999px;}
h2.ttl_06{background:url(../images/ttl_form1.jpg) no-repeat;}
h2.ttl_07{background:url(../images/ttl_form2.jpg) no-repeat;}
h2.ttl_08{background:url(../images/ttl_form3.jpg) no-repeat;}
h2.ttl_flow{background:url(../images/ttl_flow.jpg) no-repeat;margin:20px 0;}
img.flow_img{margin-bottom:40px;}

#col_l {width:420px; float:left;}
#col_r {width:340px; float:right;}
#col_l p {margin-bottom:20px;}
span.indent { text-indent:-1em; padding-left:1em; display:block;}
#col_r p {text-align:right;}



.l_col{float:left; width:590px;}


/*サイド*/
#side{float:right; width:170px; border:1px solid #ccc;border-top:none;}
#side h3{font-weight:bold; text-align:center; color:#fff; background:#4487A4;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#side .side_box{padding:10px 5px;}
#side .side_box a{display:block; height:17px; line-height:17px; padding-left:20px; margin-bottom:0.5em; color:#666;}
#side .side_box a.one{background:url(../images/crown_1.jpg) no-repeat;}
#side .side_box a.two{background:url(../images/crown_2.jpg) no-repeat;}
#side .side_box a.three{background:url(../images/crown_3.jpg) no-repeat;}
#side .side_box a.four{background:url(../images/crown_4.jpg) no-repeat;}
#side .side_box a.five{background:url(../images/crown_5.jpg) no-repeat;}
#side .side_box_link{padding:10px 5px;}
#side .side_box_link a{display:block; height:17px; line-height:17px; margin-bottom:0.5em; color:#666;}


/*footer*/
.footer {height:60px; background:url(../images/bg_btm.jpg) no-repeat;text-align:center; }
.footer a{line-height:37px;color:#666;}

/*bnr*/
.bnr {width:820px; margin:0 auto;}


/*フォーム*/
.form table{width:100%;_width:772px; border-left:1px #CCCCCC solid; border-top:1px #CCCCCC solid;}
.form th,
.form td{ border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid; text-align:left; padding:0.5em 0.8em;}
.form th{background:#EEFAFF;font-weight:bold;color:#006699;}
.btn{ padding:0.5em 0.8em;}
.btn p {margin-bottom:10px;}

td span.imgfile {margin-bottom:10px; display:block;}

