﻿@charset "utf-8";
/***********************************************/
/*main.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 15px}

#main p{
padding:5px;
}
span.new{display:none}

#main .adr div{margin:0}

#main .fig,
#main .btn{text-align:center}

#main .sign{text-align:right}

.pageTop{

clear:both;
margin:0 0 20px;
text-align:right;
width:670px;}

.pageTop a{
background:url(../img/common/pageTop.gif) no-repeat 0 2px;
font-size:x-small;
_font-size:12px;
padding:0 0 5px 15px}

*:first-child+html .pageTop a{
font-size:12px;
}


#main .topicPath{
margin:0 0 5px;
text-align:right;
}

#main .topicPath li{
background:url(../img/common/navBg.png) no-repeat 3px;
display:inline;
font-size:10px;
margin:0 0 0 6px;
padding:0 0 0 12px;}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}

#main .topicPath li.c{color:#663300}

/* 見出し
*****************************************/

#main h3{
background:url(../img/common/h3bg.gif) no-repeat 0 100%;
color:#663300;
font-weight:bold;
margin:0 0 15px;
padding:0;
}

#main h3 span{
background:url(../img/common/h3bgTop.gif) no-repeat 0 0;
font-size:20px;
_font-size:small;
display:block;
padding:5px 0 5px 20px}

#main h4{
background:url(../img/common/h4bg.gif) no-repeat 0 100%;
font-weight:bold;
color:#ffffff;
margin:0 0 10px 0;
padding:0;
margin-top:15px;}

#main h4 span{
background:url(../img/common/h4bgTop.gif) no-repeat 0 0;
display:block;
font-size:18px;
padding:2px 10px 5px 23px;
margin-bottom:20px;}



/* リスト
*****************************************/



/* dl
*****************************************/

#main dl dt{font-weight:bold}

#main dl dd{margin:0 0 0 10px}

#main dl.point dt{margin:0 0 10px}

#main dl.point dd{margin:0 0 20px}

#main dl.jirei dt{margin:0 0 2px}



/* テーブル
*****************************************/

#main table{
border-left:1px solid #cc9966;
border-top:1px solid #cc9966;
background-color:#FFFFFF;
}

#main table th{
background:#fbfbf9;
border-bottom:1px solid #cc9966;
font-weight:bold;
padding:5px;
vertical-align:middle;
width:180px}

* html #main table th{width:;}

#main table td,#main table th{
border-right:1px solid #cc9966;
border-bottom:1px solid #cc9966;
padding:10px}


#main table td p,
#main table td div{margin:0}


#main table td dl dd{margin:-90px 0 40px 130px}
#main table td dl.note dd{margin:-75px 0 30px 130px}

#main table td dl.note{margin:0}


caption {
font-size:12px;
}

.w100{
width:100%;
}
/***********************************************/

.index #main h3,
.index #main h3 span{
background:none;
border:none;
margin:0;
padding:0}


#main:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

/*\*/
*html .index #main{height:1%}
.index #main{display:block}
/**/



/*共通*/

.gray{
background:url(../img/common/box_gray_bg.gif);
font-weight:bold;
color:#9999990;
font-size:14px;
width:100px;
}

.gray2{
background:url(../img/common/box_gray_bg.gif);
font-weight:bold;
color:#9999990;
font-size:14px;
}

.orange{
font-weight:bold;
color:#FF6600;
font-size:16px;
}

.green{
font-weight:bold;
color:#669900;
font-size:16px;
}


.brown{
font-weight:bold;
color:#996600;
font-size:16px;
}

.black{
font-weight:bold;
color:#000000;
font-size:15px;
htight:10px;
}

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

.bg_green{
background:url(../img/common/box_green_bg.gif);
padding:10px;
width:200px;
}

.bg_brown{
background:url(../img/common/box_blown_bg.gif);
padding:10px;
}

.bg_gray{
background:url(../img/common/box_gray_bg.gif);
padding:10px;
}

.bg_yellow{
background:url(../img/common/box_yellow_bg.gif);
padding:10px;
width:200px;
}

.small{
font-size:12px;
}

.small2{
font-size:13px;
}

*html .small2{
font-size:12px;
}

.img_right{
float:right;
padding-top:3px;
}

.clear{
clear:both;
}
.center{
text-align:center;
}

/*index*/


#main_banner01{
padding-top:20px;
}

#main_banner02{
padding-botom:40px;
}

#main_banner02 li{
float:left;
}


.ml_10{
margin-left:20px;
}

*html .ml_10{
margin-left:5px;
}

#main_navi ul{
padding:0;
margin:0;
}

#main_navi ul li,
#main_navi ul li a{
float:left;
display:block;
}

.left{
float:left;
}

hr{
width:650px;
clear:both;
height:0px;
}
/*about index*/

.bg_01{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
background:url(../img/about/index/merit_bg.gif) bottom no-repeat #fff;
padding:10px;
}


/*about check*/

.bg_02{
border-top:1px solid #d6ac83;
background:url(../img/about/check/bg_02.gif) bottom right no-repeat;
padding:10px;
width:650px;
}

*html .bg_02{
border-left:1px solid #d6ac83;
padding:5px;
}


/*service howto*/

.how{
width:665px;
clear:both;
}


.how_l{
float:left;
margin-right:20px;
width:190px;

}

.how_r{
float:right;
width:460px;
}

.how_r p{
color:#663300;
}


/*service voice*/

.bg_03{
border-bottom:1px solid #cccccc;
background:url(../img/company/voice/bg_03_2.gif) top left no-repeat;
padding:35px 10px 5px 10px;
width:655px;
}

*html .bg_03{
border-bottom:1px solid #cccccc;
background:url(../img/company/voice/bg_03.gif) top left no-repeat;
}

/*service flow*/

.bg_04{
border:1px solid #d6ac83;
padding:0px 0px 5px 0px;
margin:0 0 20px 0;
width:650px;
}


/*faq*/

.faq01{
background:url(../img/qa/img_01.gif) left no-repeat;
height:33px;
width:620px;
padding:7px 0 0 50px;
font-size:15px;
font-weight:bold;
_height:40px;
}


*html .faq01{
width:620px;
padding:7px 0 0 50px;
margin:0px;
}

.faq02{
background:url(../img/qa/img_02.gif) left no-repeat;
padding:0px 0 12px 62px;
font-size:15px;

}


/*sitemap*/

.stm01{
background:url(../img/common/icon02.gif) no-repeat;
padding:0px 0 5px 17px;
color:#663300;
font-weight:bold;

}

.stm02{
background:url(../img/common/icon03.gif) no-repeat;
padding:0px 0 5px 30px;

}

