﻿@charset "utf-8";
/***********************************************/
/*main.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:5px;}

#main div.i_box_l01{
clear:both;
float:left;
width:335px;
height:110px;
padding:0;
margin:5px 0 0 5px;
background:url(../img/index/bg_01.jpg) no-repeat 0 0;
}

#main div.i_box_l02{
float:left;
width:335px;
height:110px;
padding:0;
margin:5px 0 0 5px;
background:url(../img/index/bg_03.jpg) no-repeat 0 0;
}

#main div.i_box_r01{
float:right;
height:110px;
width:340px;
padding:0;
margin:5px 5px 0 0;
background:url(../img/index/bg_02.jpg) no-repeat 0 0;
}

#main div.i_box_r02{
float:right;
width:340px;
height:110px;
padding:0;
margin:5px 5px 0 0;
background:url(../img/index/bg_04.jpg) no-repeat 0 0;
}

#main p.text{
margin: 0;
padding: 40px 0 0 5px;
font-size: 12px;
}

#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;
padding-top:10px;
text-align:right;
width:100%;}

.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/icon01.gif) no-repeat 3px;
display:inline;
font-size:10px;
margin:6px;
padding:0 0 0 12px;}

#main .topicPath li.firstChild{
background:none;
margin:0;
padding:0}

#main .topicPath li.c{color:#006699}

p.info_t01 {
  font-size:12px;
		float:left;
		}
	
p.info_t02{
  font-size:12px;
	margin-top:15px;}
	
p.info_t03{
  font-size:12px;
	float: right;
	clear:both;}
	
p.info_t04 {
  font-size:12px;
	float:left;
	width:420px}

.info_02 {
  margin:15px 0;
	}
.info_03 {
  margin-left:15px 0;
	}

.info_05 {
  margin-left:15px;
	}

/* 見出し
*****************************************/

#main h3{
background:url(../img/common/h3bg.gif) no-repeat 0 100%;
color:#006699;
font-weight:bold;
margin:0 0 15px;
padding:0;
}

#main h3 span{
background:url(../img/common/h3bgTop.gif) no-repeat 0 0;
font-size:medium;
_font-size:small;
display:block;
padding:8px 0 5px 20px;
font-size:18px;
margin-top:10px;}

#main h4{
background:url(../img/common/h4bg.gif) no-repeat 0 100%;
font-weight:bold;
color:#006699;
margin:0 0 10px 0;
padding:0;
margin-top:15px;
clear:both;
}

#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;
font-size:16px;}



/* リスト
*****************************************/



/* 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 #cccccc;
border-top:1px solid #cccccc;
background-color:#FFFFFF;
}

#main table th{
background:#fbfbf9;
border-bottom:1px solid #cccccc;
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 #cccccc;
border-bottom:1px solid #cccccc;
padding:10px;
vertical-align:middle;}


#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:95%;
}
/***********************************************/

.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:15px;
}


.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_gray_bg.gif);
}

.small{
font-size:12px;
}

.small2{
font-size:13px;
}

*html .small2{
font-size:12px;
}

.img_right{
float:right;
padding:3px 0 0px 8px;

}

.clear{
clear:both;
}
.center{
text-align:center;
}


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*index*/

#i_navi li{
float:left;
}

.i_box01{
clear:both;
padding:0px;
margin-bottom:10px;
width:680px;
height:110px;
}

.i_box_l{
float:left;
width:335px;
padding:0;
margin:0;
}

.i_box_r{
float:right;
width:340px;
padding:0;
margin:0;
}

#i_box03{
clear:both;
background:url(../img/index/bg_05.jpg) no-repeat right top;
width:680px;
margin-top:20px;
}

#i_box04{
width:680px;
margin-top:20px;
}

#i_box04 .float-l {
  width: 480px;
	float: left;
	margin: 0;
	padding: 0;
}	

*html body #i_box04 .float-l {
  width: 460px;
}

#i_box04 .float-r{
  width: 200px;
	float: right;
	margin: 0;
	padding: 0;
}
	
 .left{
 float:left;
 padding-bottom:15px;
 }
 .right{
 float:right;
  padding-bottom:15px;
 }

/*service index*/

.si_box01{
	padding:0px;
	width:670px;
	border:1px solid #cccccc;
	
}

.si_box02{
	padding:0px;
	width:670px;
}

.si_box_r{
	width:300px;
	border:1px solid #cccccc;
	float:right;
}

.si_box_r2{
	width:300px;
	float:right;
}

.si_box_l{
	width:300px;
	border:1px solid #cccccc;
	float:left;
}




/*service voice*/

.sv_box{
border: 1px solid #cccccc;
padding:10px;
sidth:680px;
}

.sv_boxp{
	background: url(../img/service/voice/img_03.jpg) no-repeat left;
width:540px;
padding-left:126px;
}

*html .sv_boxp{
width:100%;
padding-left:126px;
}


/*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;
}



/*faq*/

.faq01{
background:url(../img/qa/img_01.gif) left no-repeat;
height:33px;
width:620px;
padding:7px 0 0 40px;
font-size:15px;
font-weight:bold;
_height:40px;
}


*html .faq01{
width:620px;
padding:7px 0 20px 40px;
margin:0px;
}

.faq02{
background:url(../img/qa/img_02.gif) left no-repeat;
padding:0px 0 12px 70px;
font-size:15px;

}


/*sitemap*/

.stm01{
background:url(../img/common/icon01.gif) no-repeat;
padding:0px 0 5px 17px;

font-weight:bold;

}

.stm02{
background:url(../img/common/icon02.gif) no-repeat;
padding:0px 0 5px 15px;
margin-left:10px;
}


/*reserch*/

#gallery{
width:690px;
}

#gallery:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

*html #gallery{
width:680px;
}


.p_l{
float:left;
margin:0 0px 20px 0;
background:url(../img/info/reserch/img_03.jpg) no-repeat;
width:220px;
}

*html .p_l{
float:left;
margin:0 0px 20px 0;
background:url(../img/info/reserch/img_03.jpg) no-repeat;
width:215px;
}

#gallery img{
padding:;
}

*html #gallery img{
margin:0px;
}


/*/border:1px solid #cccccc;


