@import url(form.css);

/*CSSリセット---------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th{ 
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	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;
}

.cpr{
font-size:80%;
color:#666666;
}


/*clearfix---------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*コンテンツ-------------------------------------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#333333;
	line-height:1.5em;
	text-align:center;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background:url(image/body_bg.gif);
	background-repeat:repeat-y ;
	background-position:center top;
	
	
}
/*リンク指定*/	

a:hover{
	color:#FA4C00;


}
a:link{
	color:#0865CF;


}

/*h要素*/	
h1{font-style:normal;font-size:10px;margin:0;color:#999999;padding:2px;background-color:#111467;border-bottom:solid 1px #0B0D49;color:#f1f1f1;}
h2{font-style:normal;font-weight:normal;font-size:120%;margin:0;padding:5px 10px;color:#ffffff;background-color:#111467;}
h3{font-style:normal;font-weight:normal;margin:0 0 20px 0;font-size:150%;color:#111467;padding:5px 8px;border-left:solid 5px #111467;}
h3 .none{font-style:normal;font-size:120%;margin:0;padding:0;}
h3.title{background-image:url(common/h4_bg.gif);
	background-repeat:repeat-x;
	background-position:left center;font-weight:bold;font-size:120%;margin:0px 0 10px 0;padding:5px 10px;border-bottom:1px dotted #ccc;border-left:solid 10px #111467;}
h4{font-style:normal;font-weight:normal;color:#111111;font-size:110%;margin:0;padding:5px 0;}
h5.title{font-weight:normal;color:#111467;font-size:110%;margin:0;padding:5px 10px;}

h4.lice{background-color:#e5ecfa;color:#1b1d7c;font-weight:bold;font-size:100%;margin:0;padding:3px 10px;}
h4.dist{background-color:#e5ecfa;color:#1b1d7c;font-weight:bold;font-size:100%;margin:0;padding:3px 10px;}


h5{font-weight:bolder;font-size:100%;margin:0;padding:0 5px;}

/*P要素*/	
p{margin:0;padding:5px 10px;}
p.topics{margin-top:3px;margin-bottom:13px;margin-left:10px;margin-right:10px;padding:1px;border-bottom:dotted 1px #dcdcdc;}
p.font{margin:0px;padding:1px;text-align:right;}
p.up{font-size:11px;font-weight:boldermargin-top:3px;margin-bottom:13px;margin-left:0px;margin-right:0px;padding-right:5px;border-bottom:dotted 1px #999999;text-align:right;padding-left:10px;background:url(common/3kaku.gif);
background-repeat:no-repeat;background-position:right center;}
p.up a:link{color:#333333;text-decoration:none;}
p.up a:hover{color:#FA4C00;text-decoration:none;}
p.backtop{margin-top:10px;margin-bottom:13px;margin-left:0px;margin-right:0px;padding-right:10px;padding-top:10px;text-align:right;border-top:dotted 1px #999999;}


/*フォントサイズ*/	
.main11{
	font-size:11px;	

}
.date{
	font-size:85%;
	color:666666;
	padding-right:10px;
	
}
.style1 {
color: #FF0000;
font-weight:bolder;
}

/*テーブル見出し*/	
.listtop {
	background-color: #E5ECFA;
	color: #333333;
	border-style: solid;
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
    border-color: #ffffff  #D8E3FA #D8E3FA #ffffff; 

}

/*パンくず*/	
#pankuzu {
	clear:both;
	text-align:left;
	font-size:90%;margin:0 0 20px 0;
	width:800px;border-bottom:1px dotted #ccc;
	
}
#pankuzu p{
	margin:0;
	padding:8px 20px;
	
}

/*トップイメージ*/
#topimg {
	text-align:left;
	width:760px;
	height:308px;
	background-image:url(image/top.jpg);


}
/*ヘッダ----------------------------------------------*/
#menu {
	width:760px;
	
	/*background-color:#191C78;	*/
	background-image:url(common/head_bg.gif);
	background-repeat:repeat-x ;
	background-position: left bottom;
}
.navi{
	width:760px;
}
ul.navi{
	list-style-type:none;
	width:759px;
	height:40px;
	margin:0;
	padding:0;
	background-image:url(common/menu_bg.gif);
	border-right:1px solid #797979;
}
li.navi{
	width:130px;
	height:40px;
	margin:0;
	padding:0;
	float:left;

}
li.navi-r{
	width:230px;
	height:40px;
	margin:0;
	padding-top:3px;
	float:right;
	text-align:right;
	vertical-align:middle;

}

/*ヘッダ新----------------------------------------------*/
#header{
	width:100%;background-color:#ccc;
	background-image:url(image/header_bg.gif);
	background-repeat:repeat-x;
	background-position:left center;

}
#gnavi{
	width:800px;
	margin:0 auto;text-align:left;

}

#gnavi ul{
	width:800px;height:45px;
	margin:0;padding:0;float:left;

}
#gnavi li{
	float:left;margin:0;padding:0;
}

/*メインテーブル----------------------------------------------*/
#container {
	text-align:left;
	width:800px;
	margin:0 auto;
	/*border: 1px solid #191C78;*/

}
#main {
	
	width:770px;
	margin:1px auto 20px auto;
	background-color: #ffffff;
}


/*左コンテンツ----------------------------------------------*/	
#left{
	float:left;
	width:160px;margin-right:0px;
}
#topleft{
	float:left;
	width:100px;margin-left:5px;
}
#left ul{
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0px;
	/*border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;*/
	
	
}

#left li a{
	padding:5px 10px;
	display:block;
	border-top:1px solid #ffffff;
	border-bottom:1px dotted #bcbcbc;
	font-size:90%;
	background-image:url(common/ya.gif);
	background-repeat:no-repeat;
	background-position:left center;
	
}

#left li a:hover{
	padding:5px 10px;
	display:block;
	background-color: #ececec;
}

#left li.select a{
	padding:5px 10px;
	display:block;
	border-top:1px solid #ffffff;
	border-bottom:1px dotted #bcbcbc;
	font-size:90%;
	background-color: #e5ecfa;background-image:url(common/ya_r.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
#left li.submenu{
	padding:5px 0px 5px 20px;
	display:block;
	border-top:1px solid #ffffff;
	border-bottom:1px dotted #bcbcbc;
	font-size:90%;
	
	background-image:url(common/tree.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
#left li.submenu a{
	padding:5px 0px;
	border-top:1px solid #ffffff;
	border-bottom:0px dotted #bcbcbc;
	font-size:100%;
	display:inline;
	background-image:none;
	background-repeat:no-repeat;
	background-position:left center;
	
}

/*右コンテンツ----------------------------------------------*/
#right {
	float:left;
	width:595px;
	padding:0px;
}
#right1 {
	float:left;
	width:770px;
	padding:0px;
}
#right2 {
	width:540px;
	margin-right:auto;
	margin-left:auto;
}
#right3 {
	width:298px;
	padding:0px;
}
#formfin {
	width:540px;
	height:540px;
	margin-right:auto;
	margin-left:auto;
}

/*採用情報----------------------------------------------*/
div.recruit h4{
	margin:0 0 5px 0;
	padding:5px;
	color:#111467;
	background-color: #E5ECFA;
	
}
div.recruit ul{
	list-style-type:none;
	margin:0 0 10px 0;

}
div.recruit li{
	display:inline;
	padding:5px 0;
	margin:0 0 0 20px;

}
.job {
	float:left;
	width:570px;
}
.jobbox {
	float:left;
	width:548px;
	padding:10px 0;
	margin:0 0 5px 0;
	background-image:url(image/job_bg.gif);
	background-repeat:no-repeat ;
	background-position: left top;
	border-bottom:1px dotted #000066;
}
span.jobtitle{
	font-size:130%;
	color:#000066;
	padding:0 0 0 5px;
	border-left:15px solid #ff3300;
}


/*ブランド一覧----------------------------------------------*/
dl.brands{
	font-size:95%;
	float:left;
	margin:0 1px 1px 0;
	line-height:120%;
}
dl.brands dt{
	width:90px;
	float:left;
	padding:0 5px 0px 0;
}
dl.brands dd{
	height: 1%;
	margin-left:90px;
	vertical-align:center;
}

#brandindex {
width:580px;
float:left;
} 

#brandindex h5{
font-size:90%;background-color:#ececec;margin:5px 0 0 0;
}


#roundarea {
width:570px;
float:left;
}
.roundbox {
clear:both;float:left;
width:262px;
padding:18px 10px 10px 10px;
border:1px solid #eaeaea;
}
.roundbox-r {
float:left;
width:262px;
padding:18px 10px 10px 10px;
border:1px solid #eaeaea;
}


/*フッタ----------------------------------------------*/
#footer{
	clear:both;
	padding:10px 0 0 0;
	margin:20px 0 0 0;
	border-top:1px solid #bbb;
	text-align:center;
}
#footer ul{
	list-style-type:none;
	margin:0;
	padding:5px;border-right:solid 1px #dcdcdc;

}
#footer li{
	display:inline;
	margin:0;
	padding:5px;
	border-left:solid 1px #dcdcdc;
}
#footer li a:link{
	color:#0865CF;
	
}
#footer li a:visited{
	color:#0865CF;
	
}
#footer li a:hover{
	color:#0865CF;
	
}
/*コピーライト----------------------------------------------*/
#copy{
	clear:both;
	padding:0;
	margin:0 auto;background-color:#1b1d7c;color:#fff;
	font-size:10px;text-align:center;
	
}

