/* 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 */

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:#993300;
	outline:none;
}
a:hover{
	text-decoration:none;
	color:#CC6600;
	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:0px;
	}
h2{
	font-size:133%;
	color:#993300;
	font-weight:bold;
	margin-bottom:1.6em;
	}
h3{
	font-size:125%;
	color:#663300;
	font-weight:bold;
	margin-bottom:1.5em;
	}
h4{
	font-size:125%;
	color:#663300;
	font-weight:bold;
	margin-bottom:20px;
	background:url(../../images/common/bt_bk_sq2.gif) no-repeat 0 6px;
	padding-left:15px;
	}

h4.nobg{
	padding-left:0;
	}

h5{
	font-weight:bold;
	margin-bottom:14px;
	}

p{
	margin:10px 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:545px;
	}	
#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,
#gnavi ul li#forcompany,
#gnavi ul li#personal,
#gnavi ul li#topics,
#gnavi ul li#about,
#gnavi ul li#top a,
#gnavi ul li#forcompany a,
#gnavi ul li#personal a,
#gnavi ul li#topics a,
#gnavi ul li#about a{
	background-image:url(../../images/common/gnav.jpg);
	background-repeat:no-repeat;
	}

#gnavi ul li#top{
	background-position:0 -34px;
	width:220px;
	}
#gnavi ul li#forcompany{
	background-position:-220px -34px;
	width:230px;
	}
#gnavi ul li#personal{
	background-position:-450px -34px;
	width:230px;
	}
#gnavi ul li#topics{
	background-position:-680px -34px;
	width:110px;
	}
#gnavi ul li#about{
	background-position:-790px -34px;
	width:110px;
	}



#gnavi ul li#top a{
	background-position:0 0;
	width:220px;
	}
#gnavi ul li#forcompany a{
	background-position:-220px 0;
	width:230px;
	}
#gnavi ul li#personal a{
	background-position:-450px 0;
	width:230px;
	}
#gnavi ul li#topics a{
	background-position:-680px 0;
	width:110px;
	}
#gnavi ul li#about a{
	background-position:-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:#F4F1EC 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:60px;
	}

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

div.bottomContactBox p{
	float:left;
	width:360px;
	margin:0;
	} 
div.bottomContactBox div.img{
	float:right;
	text-align:center;
	width:204px;
	}
div.bottomContactBox img.tel{
	margin:4px 0 2px 0;
	padding-right:3px;
	}

div.bottomContactBox div#bottomdriver{
	margin-top:12px;
	}
	

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

#sidenav{
	margin:14px 0 16px 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:#F4F1EC;
	padding-left:4px;
	padding-bottom:2px;
	}

#sidenav ul li{
	margin:0;
	padding:0;
	display:block;
	}
#sidenav ul li.title{
	padding-bottom:6px;
	background:url(../../images/common/nav_separate.gif) no-repeat left bottom;
	margin-bottom:4px;
	}
#sidenav ul li.nav_a,
#sidenav ul li.nav_b{
	width:192px;
	margin-bottom:0;
	line-height:1.2em;
	background:#FFFFFF;
	color:#999999;
	border-bottom:1px solid #CBBDA5;
	}

#sidenav ul li a{
	display:block;
	margin:0;
	padding:0;
	}


#sidenav ul li.nav_a a,
#sidenav ul li.nav_a a:hover{
	width:160px;
	padding:6px 8px 5px 24px;
	}

#sidenav ul li.nav_b a,
#sidenav ul li.nav_b a:hover{
	width:150px;
	padding:6px 8px 4px 34px;
	}
	
#sidenav ul li.nav_a a{
	background:#FFFFFF url(../../images/common/bg_nav_a.gif) no-repeat 0 -40px;
	}
#sidenav ul li.nav_a a:hover{
	background:#F9E9D5 url(../../images/common/bg_nav_a.gif) no-repeat 0 0px;
	}

#sidenav ul li.nav_b a{
	background:#FFFFFF url(../../images/common/bg_nav_b.gif) no-repeat 0 -40px;
	}
#sidenav ul li.nav_b a:hover{
	background:#F9E9D5 url(../../images/common/bg_nav_b.gif) no-repeat 0 0px;
	}


/* 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;
	}
	
	
/* */

#nav .bannerBox{
	border-top:1px solid #E3DBD5;
	padding-top:16px;
	padding-bottom:6px;
	}

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



/* -- 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 -- */

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

.grayBox{
	background:url(../../images/common/graysheetBoxL_bg_top.gif) no-repeat left top;
	padding-top:10px;
	margin-bottom:16px;
	}
.grayBox div.wrap{
	background:url(../../images/common/graysheetBoxL_bg.gif) no-repeat left bottom;
	padding:12px 14px;
	padding-top:0;
	}
.grayBox p{
	margin:0;
	}

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

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

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


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


dl.verticalDl{
	margin-bottom:2em;
	}
dl.verticalDl dt{
	font-weight:bold;
	float:left;
	background:url(../../images/common/bt_bk_sq.gif) no-repeat 0 5px;
	text-indent:12px;
	}
dl.verticalDl dd{
	margin-left:9em;
	}
dl.verticalDl dt,
dl.verticalDl dd{
	margin-bottom:5px;
	}

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;
	line-height:1.0em;
	font-size: 84%;
	}
.pagetop img{
	position:relative;
	top:1px;
	margin-right:4px;
	}


/*  -- tools -- */

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


/* Clearfix */

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

}
/* for DW designview */


/* Hide from MacIE \*/

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




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

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

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

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

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


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

.bottomMarginM1em{
    margin-bottom:-10px!important;
    }

.bottomMarginM05em{
    margin-bottom:-5px!important;
    }

.bottomMargin0em{
    margin-bottom:0!important;
    }
.bottomMargin05em{
    margin-bottom:5px!important;
    }
.bottomMargin1em{
    margin-bottom:10px!important;
    }

.bottomMargin1_5em{
    margin-bottom:15px!important;
    }

.bottomMargin2em{
    margin-bottom:20px!important;
    }

.bottomMargin3em{
    margin-bottom:30px!important;
    }
	
/* row padding ----------------------------------------------- */

.bottomPaddingM1em{
    padding-bottom:-10px!important;
    }

.bottomPaddingM05em{
    margin-bottom:-5px!important;
    }

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

.bottomPadding05em{
    margin-bottom:5px!important;
    }
.bottomPadding1em{
    margin-bottom:10px!important;
    }

.bottomPadding2em{
    margin-bottom:20px!important;
    }

.bottomPadding3em{
    margin-bottom:30px!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;
	}

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


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



/*  */


/* page-break */

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