@charset "utf-8";
/* CSS Document */

*{
	font-size: 100%;
	font-weight: normal;
	font-family:"Noto Sans JP", "Verdana", "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", Osaka, sans-serif;
	font-style:normal;
	margin: 0px;
	padding:0px;
}


body{
	width: 100%;
	text-align:center;
	color:#333333;
	font-size:13px;
	line-height:1.2em;	
}

/*回り込み関係*/
.both{ clear:both;}
.left{float:left;}

.h01{
	margin:5px 0px 0px 5px;
	padding-left:25px;
	border-bottom:1px dashed #cfcfcf;
	background-image:url(../418image/h04.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:25px;
	line-height:25px;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	color:#333333;
}
#d{
background-image:url(../418image/d.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
width:330px;
height:40px;
display:block;
padding:60px 0px 0px 16px;
margin:5px 0px 0px 15px;
text-align:left;
float:left;
font-size:11px;
line-height:14px;
}
#dh{
background-image:url(../418image/dh.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
width:210px;
height:40px;
display:block;
padding:60px 0px 0px 136px;
margin:5px 0px 0px 6px;
text-align:left;
float:left;
font-size:11px;
line-height:14px;
}
#md{
background-image:url(../418image/md.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
width:330px;
height:47px;
display:block;
padding:53px 0px 0px 16px;
margin:5px 0px 5px 6px;
text-align:left;
}
#kizu{
display:block;
margin:0px;
padding:0px 0px 0px 7px;
}

#kizu li{
display:inline;
float:left;
margin:0px;
padding:0px;
}
#kizu a{
display:block;
margin:0px;
padding:0px;
}

ul, li{ list-style-type: none; }
b,strong{ font-weight:bold; }
img{border:0px;}
.clr{clear:both;}
.border01{ border-bottom:1px solid #ffffff; }

h1,
.headertitle{
	font-size: 10px;
	line-height: 1.2em;
	color: #FFFFFF;
	text-align: center;
	/* background-image:url(../418image/newhead_01.jpg); */
	background-repeat: repeat-y;
	height:12px;
	display: block;
	margin: 0px;
	font-weight: normal;
}

h2{
	height:36px;
	line-height:36px;
	padding:0px 0px 0px 10px;
	font-size:18px;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	border-bottom:solid 2px #1f5ab4;
	border-left:solid 5px #1f5ab4;
	color:#434343;

  min-height: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
  background-repeat: repeat-x;
  border: 1px solid #d4d4d4;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

h3{
	display:block;
	height:25px;
	line-height:25px;
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	font-size:14px;
	background-image:url(../418image/h3.gif);
	background-repeat:no-repeat;
	background-position:left;
}

h4{
	display:block;
	background-color:#0040a1;
	color:#ffffff;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:3px 0;
	text-align:center;
}

h5{
	color:#333333;
	font-weight:bold;
	display:block;
	padding:3px 0;
	font-size:1em;
	margin:0 0 5px 0;
}

a, 
a:visited{
	color: #333333;
	text-decoration: none;
	outline:none;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}

.style01{ color:#0000ff; }
.style02{ color:#ff0000; }
.style03{ color:#0033ff; }
.style04{ color:#ff6600; }
.style05{ color:#000066; }

.size01{ font-size:10px; }
.size02{ font-size:12px; }
.size03{ font-size:14px; }
.size04{ font-size:16px; }
.size05{ font-size:18px; }

.box{ padding:0 15px; }


/*--外箱のスタイル--*/

#container{
	width: 960px;
	margin:0 auto;
	background-color:#ffffff;
	background:ulr(../418image/sp.gif) repeat center;
}

#main { padding:0px 20px 0 0; background-color:#ffffff; }

#maintop {
	padding:0px 0 0 0;
	width:960px;
}

/*--ヘッダー部分--*/

#header{
	width:960px;
	background-image:url(../../images/headerBgNew.jpg);
	background-repeat: repeat-y;
	background-position:center;
}
#head_back{
	background-color:#1d58b2;
	background-image:url(../418image/head_back.jpg);
	background-repeat: repeat-x;
	background-position:0px 0px;
}


/* a.toprogo{
	display:block;
	width:314px;
	height:85px;
	float:left;
} */

a.headerlink{
	display:block;
	float:right;
	margin:63px 0 0 0;
	width:130px;
	color:#ffffff;
	font-weight:bold;
}

/* topmap */
#topMap {
    background-image:url(http://www.418.co.jp/temp/418image/topMapBg02.gif); 
    background-repeat:no-repeat; 
    width:960px;
    height:650px;
	margin-top:12px;
	position:relative;
}
#topMap .hokkaido {
	position:absolute;
	top:150px;
	left:373px;
}
#topMap .tohoku {
	position:absolute;
	top:219px;
	left:322px;
}
#topMap .tohoku ul {width:100px; padding:0px;}
#topMap .tohoku ul li {float:left; list-style-type:none;}

#topMap .kantoh {
	position:absolute;
	top:300px;
	left:298px;
}
#topMap .kantoh ul {width:100px; padding:0px;}
#topMap .kantoh ul li {float:left; list-style-type:none;}

#topMap .shinetsu {
	position:absolute;
	top:219px;
	left:156px;
}
#topMap .shinetsu ul {width:100px; padding:0px;}
#topMap .shinetsu ul li {float:left; list-style-type:none;}

#topMap .tohkai {
	position:absolute;
	top:400px;
	left:212px;
}
#topMap .tohkai ul {width:100px; padding:0px;}
#topMap .tohkai ul li {float:left; list-style-type:none;}

#topMap .kansai {
	position:absolute;
	top:311px;
	left:134px;
}
#topMap .kansai ul {width:110px; padding:0px;}
#topMap .kansai ul li {float:left; list-style-type:none;}

#topMap .chugoku {
	position:absolute;
	top:338px;
	left:0px;
}
#topMap .chugoku ul {width:100px; padding:0px;}
#topMap .chugoku ul li {float:left; list-style-type:none;}

#topMap .shikoku {
	position:absolute;
	top:425px;
	left:95px;
}
#topMap .shikoku ul {width:100px; padding:0px;}
#topMap .shikoku ul li {float:left; list-style-type:none;}

#topMap .kyushu {
	position:absolute;
	top:476px;
	left:-10px;
}
#topMap .kyushu ul {width:214px; padding:0px;}
#topMap .kyushu ul li {float:left; list-style-type:none;}

#topMap .purpose01 {
	position:absolute;
	top:69px;
	left:498px;
}

/*
#topMap .purpose02 {
    position:absolute;
    top:655px;
    left:37px;
    margin:0;
    padding:0;
    margin-top:20px;
}

#topMap .purpose002 {
    position:absolute;
    top:657px;
    left:147px;
    margin:0;
    padding:0;
    margin-top:20px;

}

#topMap .purpose03 {
    position:absolute;
    top:654px;
    left:350px;
    margin:0;
    padding:0;
    margin-top:20px;

}


#topMap .purpose003 {
    position:absolute;
    top:657px;
    left:460px;
    margin:0;
    padding:0;
    margin-top:20px;

}

#topMap .purpose04 {
    position:absolute;
    top:653px;
    left:657px;
    margin:0;
    padding:0;
    margin-top:20px;


}

#topMap .purpose004 {
    position:absolute;
    top:656px;
    left:767px;
    margin:0;
    padding:0;
    margin-top:20px;
}
*/

#topMap .purpose02 {
    position:absolute;
    top:555px;
    left:-450px;
}

#topMap .purpose002 {
    position:absolute;
    top:566px;
    left:130px;
}

#topMap .purpose03 {
    position:absolute;
    top:555px;
    left:-140px;
}

#topMap .purpose003 {
    position:absolute;
    top:566px;
    left:440px;
}

#topMap .purpose04 {
    position:absolute;
    top:555px;
    left:170px;
}

#topMap .purpose004 {
    position:absolute;
    top:566px;
    left:750px;
}

#topMap .purpose05 {
	position:absolute;
	top:361px;
	left:498px;
}

#topMap .purpose06 {
	position:absolute;
	top:434px;
	left:498px;
}

#topMap .purpose07 {
	position:absolute;
	top:536px;
	left:18px;
}


/*-- flash --*/
#flash{	text-align:center; }
.fmovie{ 
	background-position:center; 
	background-repeat:no-repeat; 
	margin:0 0 3px 0; 
	display:block; 
	text-align:center;
}

.fmovie2{ 
	background-position:center; 
	background-repeat:no-repeat; 
	height:55px;
	margin:0 0 3px 0; 
	display:block; 
	text-align:center;
}

/*--左メニュー部分 left--
#left {
	width: 234px;
	margin:5px 0 0 0;
	float: left;
}


.tbar{
	background-color:#2ea8e7;
	display:block;
	text-align:left;
	height:40px;
	line-height:40px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	padding:0 0 0 25px;
	background-image:url(../418image/tbar.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.tbar a,
.tbar a:visited{
	color:#ffffff;
	font-weight:bold;
	display:block;
}

.menu01{
}

.menu01 li{
	text-align:left;
	border-bottom:1px solid #ffffff;
}

.menu01 li a,
.menu01 li a:visited{
	background-image:url(../418image/button1.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:36px;
	line-height:36px;
	font-weight:bold;
	display:block;
	font-size:13px;
	padding:0 0 0 40px;
}

.menu01 li a:hover{
	background-image:url(../418image/button1-on.gif);
	color:#333333;
	text-decoration:none;
}

.menu02{
}

.menu02 li{
	text-align:left;
	display:block;
	height:36px;
	line-height:36px;
}

*/




/*-- 紹介サイト --*/
.newsite{
	margin:0 auto 10px auto;
	text-align:left;
	border: solid #cfcfcf 1px;
	padding:0px;
	font-size:12px;
	line-height:1.1em;
}

.newsite a{
	display:block;
	padding:0 8px;
}



.bocolor01{
	border:2px solid #ff88b4;
	margin:2px 5px 2px 0;
}

.bocolor02{
	border:2px solid #749bff;
	margin:2px 5px 2px 0;	
}

.bocolor03{
	border:2px solid #67af57;
	margin:2px 5px 2px 0;	
}

.bocolor04{
	border:2px solid #ff9d1d;
	margin:2px 5px 2px 0;	
}
/**/

/*--挨拶--*/
.aisatu {
	background-color: #FFFFFF;
	padding: 5px;
	text-align: left;
	margin:0 0px 10px 0px;
	border: 1px solid #cfcfcf;
}
/**/

/*-- blue box --*/
.bluebox{
	margin:10px auto;
	border: solid #cfcfcf 1px;
	padding:0px;
	font-size:12px;
	line-height:1.2em;
}
/**/


/*-- blog box --*/
.blogbox{
	background-color:#C8EBFF;
	padding:8px;
	margin:0 0 0px 0;
	text-align:left;
}

.blogbox ul,
ul.blog{
	margin:0px;
	padding:0px;
}

.blogbox li,
.blog li{
	margin:5px 0 0 0px;
	padding:0 0 0 10px;
	background-image:url(../418image/icon/dot.gif);
	background-repeat:no-repeat;
	background-position:left;
	list-style-type:none;
}

.blogbox li.cu{	
	list-style-type:none;
	background-image:none;
	background-color:#777777;
	color:#ffffff;
	font-weight:bold;
	padding:2px 10px;
	margin:5px 0 0 0;
}


.blogbox li.more{	
	padding:2px 0;
	margin:5px 0px 0px 0px;
	text-align:right;
	list-style-type:none;
	background-image:none;
	
}
/**/

/*-- S link club --*/
.slclubframe {
	border: 1px solid #cfcfcf;
	text-align:center;
}

.slclubframe ul{
	margin:0px auto;
	padding:0px;
	width:185px;
}

.slclubframe li{
	padding:2px 0;
	display:block;
}

.slclubframe li p{
	padding:0 5px;
	text-align:left;
	font-size:10px;
	line-height:10px;
}
/**/

.linebox {
	border: 1px dotted #EBEBEB;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	line-height: 1.5em;
}

/**/

/*--右メニュー--*/

#right {
	display: block;
	float: right;
	width: 191px;
	margin-top: 10px;
}

.news {
	display: block;
	border: 1px solid #999999;
}

.tbar{
	background-color:#2ea8e7;
	display:block;
	text-align:left;
	height:40px;
	line-height:40px;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
	padding:0 0 0 13px;
		/* padding:0 0 0 25px; */
	background-image:url(../418image/tbar.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.tbar a,
.tbar a:visited{
	color:#ffffff;
	font-weight:bold;
	display:block;
}

/**/

/*--link site map ----*/
.link{
	list-style-type:disc;
	margin:10px 0 20px 40px;
}

.link li{
	list-style-type:disc;
	margin:10px 0 0 0px;
}

.link li a,
.link li a:visited,
.linkunderline{
	text-decoration:underline;
}

/**/

/*--list --*/
.list{
	list-style-type:disc;
	margin:3px 0 10px 20px;
}

.list li{
	list-style-type:disc;
}

ol.list li{
	list-style-type:decimal;
	padding:0 0 5px 0;
}

/**/

/*-- table --*/

.table01{
	padding:0px;
	margin:0 auto;
	border:none;
	border-collapse:collapse;
    border-spacing:0px;
}

.table01 td{
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:12px;
	line-height:1.3em;
	vertical-align:top;
}

.table01 th{
	padding:0 10px 10px 0;
	margin:0px;
	text-align:left;
	vertical-align:top;
}


.table02{
	margin:0 auto;
    border-top:1px solid #a9a9a9;
    border-left:1px solid #a9a9a9;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
}
.table02 th{
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    color:#ffffff;
    background-color:#878787;
    padding:5px 10px;
	font-weight:bold;
}
.table02 td{
	border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:5px;
}

.table02 td img{
	margin:0 0 3px 0;
}

.table03{
	margin:0 auto;
    border-top:1px solid #0033ff;
    border-left:1px solid #0033ff;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
}
.table03 th{
    border-right:1px solid #0033ff;
    border-bottom:1px solid #0033ff;
    background-color:#ccffff;
    padding:5px 10px;
}

.bkb{
	background-color:#0033FF;
	color:#ffffff;
	font-weight:bold;
    padding:5px 10px;
}
.table03 td{
	border-right:1px solid #0033ff;
    border-bottom:1px solid #0033ff;
    padding:5px 10px;
}

.table04{
	padding:0px;
	margin:0 auto;
	border:none;
}

.table04 td{
	padding:10px 20px;
	margin:0px;
	border:1px solid #a9a9a9;
	font-size:10px;
}

.table04 th{ padding:5px; border:none; text-align:left; }

.table05{
	margin:0 auto;
    border:none;
	border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
	width:400px;
}

.table05 td{
    border-bottom:1px  dotted #cccccc;
    padding:5px 10px;
	vertical-align:top;
	text-align:left;
}

.table05 th{
    padding:5px 15px;
	width:60px;
	text-align:left;
	vertical-align:top;
	border-rght:1px dotted #cccccc;
    border-bottom:1px dotted #cccccc;
	background-coor:#f7f7fb;
	font-weight:bold;
	white-space:nowrap;
}

.table05 td.bkb2{ background-color:#dddddd; text-align:center; font-weight:bold; border:none; }
.table05 td.tell{ font-weight:bold; color:#2a82b9; }
.table05 td.pad0{ border-bottom:none; padding:0px; }


.table06{
	padding:0px;
	margin:0;
	border:none;
	border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
}

.table06 td{ padding:5px; border:none;  text-align:left; vertical-align:top; }
.table06 th{ padding:5px 10px; border:none; text-align:left; vertical-align:top; white-space:nowrap; }
.lft{ text-align:left; }



.flashmovie{
	font-size:12px;
	line-height:1em;
	text-align:center;
	vertical-align:top;
}

.flashmovie img{
	margin:0 0 3px 0;
}

/**/

/*-- button01 --*/
a.button01,
a.button01:visited{
	width:320px;
	height:25px;
	line-height:25px;
	font-size:14px;
	margin:0 auto;
	display:block;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	background-image:url(../418image/button/01.gif);
	background-repeat:no-repeat;
	background-position:center;
}

a.button01:hover{
	background-image:url(../418image/button/01-on.gif);
	text-decoration:none;
}

/**/

/*-- q and a --*/
.question{
	background-image:url(../418image/icon/question.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:28px;
	line-height:28px;
	color:#0040a1;
	font-weight:bold;
	padding:0px 0 0 35px;
	margin:5px 0 0 0;
	display:block;
	border-bottom:1px solid #a9a9a9;
}

.question2{
	background-image:url(../418image/icon/question.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:40px;
	line-height:20px;
	color:#0040a1;
	font-weight:bold;
	padding:0px 0 0 35px;
	margin:5px 0 0 0;
	display:block;
	border-bottom:1px solid #a9a9a9;
}

.answer{
	margin:5px 0 0 10px;
	background-image:url(../418image/icon/answer.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding:0 0 0 35px;
	display:block;
	min-height: 3em;
}
/**/	



/*--真ん中コンテンツ部分--*/


#maincontents {
	width: 750px;
	margin: 10px 2px 0 8px;
	float: left;
	background-color:#ffffff;
	text-align:left;
}

#maincontents2 {
	width: 720px;
	margin: 5px 0px 0 0;
	padding:10px 0;
	float: left;
	text-align:left;
	background-color:#ffffff;

}


/**/


/*-- recruit --*/

.location{
	margin:0 0 0 10px;
	padding:0 0 20px 0;
}

.location p{
	float:left;
	display:block;
	width:90px;}

a.recr,
.location p a,
.location p a:visited{
	display:block;
	background-image:url(../418image/icon/arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:3px 0 3px 15px;
	text-align:left;
}

a.recr:hover,
.location p a:hover{
	background-image:url(../418image/icon/arrow-on.gif);
}

.recbox{ border:1px solid #a9a9a9; padding:10px; margin:0 15px; }


/*--フッター部分--*/

.fbanner{
	text-align:center;
	padding:0px 10px;
}

.fbanner ul{
	margin:0 auto;
}

.fbanner li{
	float:left;
	width:170px;
	display:block;
	text-align:center;
	padding:5px 0;
}

.qrcode418{
	text-align:center;
	padding:5px;
	margin:0 20px;
	border:1px solid #a9a9a9;
}

#footer {
	background-image: url((../../images/f.jpg);
	background-repeat: no-repeat;
	height: 61px;
	line-height:61px;
	width: 960px;
	vertical-align: middle;
	display: block;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

/* 2012.09.05 追加 */
.h02{border-left:4px solid #00C; padding-left:10px; font-weight:normal; font-size:17px; margin-bottom:15px; height:30px; line-height:30px; text-align:left; color:#009}

.p01{padding:10px;}

.img_border{padding:2px;border:1px solid #cfcfcf;}

.center{text-align:center;}

.sen{border-left:1px #CCCCCC solid; padding:8px;} 

.sen01{border-left:1px Transparent solid; padding:8px;}