/* CSS document */
/* i-driver.jp */
/* Base CSS */

/* CSS Reset */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

strong{font-weight:bold;}

/* --- base setting --- */

table{
	width:100%;
	}
table td{
	padding:3px;
	}

hr{
	display:none;
	}

/* --------- a link  --------- */

a,a:visited{
	text-decoration:none;
	color:#0066FF;
	outline:none;
}
a:hover{
	text-decoration:none;
	color:#6699FF;
	outline:none;
	}



/* -------- text -------- */ 
html,input,select,textarea{
	font-size:75%;
	font-family:verdana ,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	line-height:1.6;
	color:#333;
}


h1{
	font-size:150%;
	color:#333333;
	font-weight:bold;
	margin-bottom:26px;
	}
h2{
	font-size:133%;
	color:#0099FF;
	font-weight:bold;
	margin-bottom:1.6em;
	}
h3{
	font-size:125%;
	color:#003399;
	font-weight:bold;
	margin-bottom:1.5em;
	}
h4{
	font-size:125%;
	color:#333333;
	font-weight:bold;
	margin-bottom:1.5em;
	}
h5{
	font-weight:bold;
	margin-bottom:1em;
	}

p{
	margin:1em 0;
	} 


.txtOrange{
	color:#FF6600;
	}

/* -- Structure -- */
body{
	background:url(../../images/common/bg_bline.gif) repeat-x left top;
	}

#container{
	width:900px;
	margin:0 auto;
	}


/* Header Section */
#header{
	padding-top:3px;
	color:#999999;
	}
#header .section1{
	float:left;
	width:520px;
	}	
#header .section1 p{
	font-size:84%;
	margin:0;
	}	


#header .section1 .title{
	background:url(../../images/common/title.png) no-repeat left top;
	height:36px;
	margin-top:22px;
	}

#header .section1 .title a{
	display:block;
	height:42px;
	width:100%;
	}

	
#header .section2{
	float:right;
	width:260px;
	text-align:right;
	padding-top:8px;
	}	

#header .section2 #contact{
	margin-top:20px;
	margin-bottom:3px;
	}



/* Gloval Navi */
#gnavi{
	margin:10px 0 18px 0;
	}
#gnavi ul{
	width:900px;
	}
#gnavi ul li{
	display:block;
	float:left;
	}

#gnavi ul li a{
	display:block;
	height:34px;
	text-indent:-9999px;
	}

#gnavi ul li#top{
	background:url(../../images/common/gnav_ov.jpg) no-repeat 0 0;
	width:230px;
	}
#gnavi ul li#forcompany{
	background:url(../../images/common/gnav_ov.jpg) no-repeat -230px 0;
	width:250px;
	}
#gnavi ul li#personal{
	background:url(../../images/common/gnav_ov.jpg) no-repeat -480px 0;
	width:200px;
	}
#gnavi ul li#topics{
	background:url(../../images/common/gnav_ov.jpg) no-repeat -680px 0;
	width:110px;
	}
#gnavi ul li#about{
	background:url(../../images/common/gnav_ov.jpg) no-repeat -790px 0;
	width:110px;
	}

/* hover */
#gnavi ul li#top a{
	background:url(../../images/common/gnav.jpg) no-repeat 0 0;
	width:230px;
	}
#gnavi ul li#forcompany a{
	background:url(../../images/common/gnav.jpg) no-repeat -230px 0;
	width:250px;
	}
#gnavi ul li#personal a{
	background:url(../../images/common/gnav.jpg) no-repeat -480px 0;
	width:200px;
	}
#gnavi ul li#topics a{
	background:url(../../images/common/gnav.jpg) no-repeat -680px 0;
	width:110px;
	}
#gnavi ul li#about a{
	background:url(../../images/common/gnav.jpg) no-repeat -790px 0;
	width:110px;
	}
	
#gnavi ul li a:hover{
	background:none!important;
	}


/* Content Section */

#content{
	}

#mainContent{
	float:left;
	width:660px;
	margin-right:40px;
	}

#topicpath{
	background:url(../../images/common/bg_topicpath_top.gif) no-repeat left top;
	margin-bottom:28px;
	padding-top:4px;
	}
#topicpath .wrap{
	background:url(../../images/common/bg_topicpath_bottom.gif) no-repeat left bottom;
	padding:0px 0 4px 0;
	}
#topicpath p{
	color:#666666;
	font-size:84%;
	height:1em;
	line-height:1em;
	padding:4px 10px;
	margin:0;
	}


/* */

#contentBox{
	margin:0 10px;
	}


/* bottomContactBtn */

#bottomContactArea{
	margin-top:80px;
	}

div.bottomContactBox{
	background:url(../../images/common/blueBoxL_bg_top.gif) no-repeat left top;
	padding-top:10px;
	margin-bottom:14px;
	}
div.bottomContactBox div.wrap{
	background:url(../../images/common/blueBoxL_bg.gif) no-repeat left bottom;
	padding:10px 20px 20px 24px;
	}

div.bottomContactBox p{
	float:left;
	width:360px;
	margin:0;
	} 
div.bottomContactBox div.img{
	float:right;
	width:204px;
	} 
div.bottomContactBox div#bottomdriver{
	margin-top:12px;
	}
	

/* sideNav */
#nav{
	float:right;
	text-align:left;
	width:200px;
	}

#nav .banner{
	margin-bottom:14px;
	}

#sidenav{
	margin:14px 0 18px 0;
	background:url(../../images/common/bg_nav_top.gif) no-repeat left top;
	padding-top:4px;
	}
#sidenav .wrap{
	background:url(../../images/common/bg_nav_bottom.gif) no-repeat left bottom;
	padding-bottom:4px;
	}

#sidenav ul{
	background-color:#E5E5E5;
	padding-left:4px;
	padding-bottom:2px;
	}
#sidenav ul li{
	margin:0;
	padding:0;
	display:block;
	}
#sidenav ul li.title{
	margin-bottom:1px;
	}
#sidenav ul li.nav_a a,
#sidenav ul li.nav_b a{
	display:block;
	margin:0;
	padding:0;
	height:26px;
	width:192px;
	line-height:2.2em;
	}

#sidenav ul li.nav_a a{
	background:url(../../images/common/bg_nav_a.jpg) no-repeat 0 -26px;
	text-indent:26px;
	}
#sidenav ul li.nav_a a:hover{
	background:url(../../images/common/bg_nav_a.jpg) no-repeat 0 0px;
	color:#0066FF;
	}
#sidenav ul li.nav_b a{
	background:url(../../images/common/bg_nav_b.jpg) no-repeat 0 -26px;
	text-indent:44px;
	}
#sidenav ul li.nav_b a:hover{
	background:url(../../images/common/bg_nav_b.jpg) no-repeat 0 0px;
	color:#0066FF;
	}

/* avout , topics */
div.navC ul li{
	background:url(../../images/common/bg_nav_c.gif) no-repeat 0 0;
	height:111px;
	margin-bottom:0;
	margin-top:0;
	}
*html div.navC ul li{
	margin-bottom:-3px!important;
	}
div.navC ul li span.txt{
	display:block;
	line-height:1.5em;
	padding:10px 18px 8px 18px ;
	}
div.navC ul li span.btn{
	display:block;
	margin-left:12px;
	}
	
	
/* */


div.bannerBox{
	border-top:1px solid #DDD;
	padding-top:18px;
	}


/* -- footer -- */
#footer{
	background:#666666 url(../../images/common/bg_footer_wh.gif) no-repeat left top;
	margin:0;
	margin-top:28px;
	color:#DDDDDD;
	font-size:84%;
	}
#footer a,
#footer a:visited{
	color:#DDDDDD;
	}
#footer a:hover{
	color:#FFFFFF;
	}
#footer .group{
	padding:10px 18px;
	line-height:1.8em;
	background:url(../../images/common/bg_footer_wh.gif) no-repeat right top;
	}
#footer .group p{
	margin:0;
	}

#footerlink{
	margin:0;
	background-color:#1B1B1B;
	height:1.5em;
	padding:8px 12px 8px 18px;
	}

#footerlink p{
	float:left;
	width:460px;
	margin:0;
	}
#footerlink div{
	background:url(../../images/common/copyright.gif) no-repeat left top;
	float:right;
	width:230px;
	height:11px;
	margin-top:3px;
	}


/* acce */

	

/* -- parts -- */

div.grayRBox{
	background:url(../../forcompany/images/service/graybox_bgtop.gif) no-repeat left top;
	padding-top:16px;
	margin-bottom:20px;
	line-height:1.8;
	}
div.grayRBox .wrap{
	background:url(../../forcompany/images/service/graybox_bg.gif) no-repeat left bottom;
	padding:0 1.5em 6px 1.5em;
	}

div.grayBoxS{
	background:url(../../images/common/grayBoxS_bg_top.gif) no-repeat left top;
	padding-top:10px;
	width:300px;
	margin-bottom:16px;
	}
div.grayBoxS div.wrap{
	background:url(../../images/common/grayBoxS_bg.gif) no-repeat left bottom;
	padding-bottom:10px;
	}

.imgBorder{
	border:1px solid #DDDDDD;
	}

p.link{
	padding-left:13px;
	background-image: url(../../images/common/bt_s.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	}
p.blanklink{
	padding-left:15px;
	background-image: url(../../images/common/blank.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	}


.tel{
	font-size:125%;
	font-weight:bold;
	}


div.dotline{
	display:block;
	width:100%;
	height:4px;
	background:url(../../images/common/dot_line.gif) repeat-x left top;
	margin:6px 0 30px 0;
	}

.notice{
	font-size:84%!important;
	}

.strong{
	font-weight:bold;
	}

.top{
	margin-top:0!important;
	padding-top:0!important;
	}

.pagetop{
	text-align:right;
	margin-top:30px;
	}


/*  -- tools -- */

span.alt{
	display:none;
	}
	
.clearfloat{
	height:1px;
	clear:both;
	}


/* Clearfix */

.clearfix:after,
#header:after,
#gnavi ul:after,
.footerlink:after,
#iTopics:after {
	content:url(../../images/common/spacer.gif);
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#header,
#gnavi ul,
.footerlink,
#iTopics {
	display: inline-block;
	min-height: 1px;
	position:relative;/*for preview*/

}
/* for DW designview */


/* Hide from MacIE \*/

*html.clearfix,
#header,
#gnavi ul,
.footerlink,
#iTopics {
	height: 1%;
}
.clearfix,
#header,
#gnavi ul,
.footerlink,
#iTopics {
	display: block;
}
/* End Hide from MacIE */




/* col float----------------------------------------------- */

.rightFloat1em{
 float:right;
 margin-left:16px;
 margin-bottom:16px;
 }

.leftFloat1em{
 float:left;
 margin-right:16px;
 margin-bottom:16px;
}

.rightFloat0em{
float:right;
 margin-left:0em;
 }

.leftFloat0em{
float:left;
margin-right:0em;
}


/* row margin ----------------------------------------------- */

.bottomMarginM1em{
    margin-bottom:-1em!important;
    }

.bottomMarginM05em{
    margin-bottom:-0.5em!important;
    }

.bottomMargin0em{
    margin-bottom:0em!important;
    }
.bottomMargin05em{
    margin-bottom:0.5em!important;
    }
.bottomMargin1em{
    margin-bottom:1em!important;
    }

.bottomMargin1_5em{
    margin-bottom:1.5em!important;
    }

.bottomMargin2em{
    margin-bottom:2em!important;
    }

.bottomMargin3em{
    margin-bottom:3em!important;
    }
	
/* row padding ----------------------------------------------- */

.bottomPaddingM1em{
    padding-bottom:-1em!important;
    }

.bottomPaddingM05em{
    margin-bottom:-0.5em!important;
    }

.bottomPadding0em{
    margin-bottom:0em!important;
    }

.bottomPadding05em{
    margin-bottom:0.5em!important;
    }
.bottomPadding1em{
    margin-bottom:1em!important;
    }

.bottomPadding2em{
    margin-bottom:2em!important;
    }

.bottomPadding3em{
    margin-bottom:3em!important;
    }
	
	

.mb02{
	margin-bottom:2px!important;
	}
.mb03{
	margin-bottom:3px!important;
	}
.mb04{
	margin-bottom:4px!important;
	}
.mb05{
	margin-bottom:5px!important;
	}
.mb06{
	margin-bottom:6px!important;
	}
.mb07{
	margin-bottom:7px!important;
	}
.mb08{
	margin-bottom:8px!important;
	}
.mb09{
	margin-bottom:9px!important;
	}
.mb10{
	margin-bottom:10px!important;
	}

.mt02{
	margin-top:2px!important;
	}
.mt03{
	margin-top:3px!important;
	}
.mt04{
	margin-top:4px!important;
	}
.mt05{
	margin-top:5px!important;
	}
.mt06{
	margin-top:6px!important;
	}
.mt07{
	margin-top:7px!important;
	}
.mt08{
	margin-top:8px!important;
	}
.mt09{
	margin-top:9px!important;
	}
.mt10{
	margin-top:10px!important;
	}
.mt12{
	margin-top:12px!important;
	}
.mt14{
	margin-top:14px!important;
	}
.mt16{
	margin-top:16px!important;
	}
.mt20{
	margin-top:20px!important;
	}


/* 右端オブジェクトのrightマージン消去 */
.end{
	margin-right:0!important;
	}


.nobg{
	background-image:none!important;
	}



/*  */


/* page-break */

.brake{
	page-break-before:always;
	}