@charset "utf-8";

a,h1,h2, h3, h4, div, p, hr, blockquote, address, noscript {
	text-align  : left;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	margin:0;
	padding:0;
}

body, h1, h2, h3, h4, h5, h6, p, address, div {
	font-size: 12px;
	line-height:15px;
	font-weight: normal;
	font-style: normal;
	color: #666666;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	margin:0;
	padding:0;
}

span, img {
	border: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}

ul, ol, dl, dt, dd {
	list-style: none;
	padding:0;
	margin::0;
}


/* ____________________ */

body{
	margin: 0px;
	padding: 0px;
	background: #fff;
	font-size: small;
	text-align: center;
	background:#ffffff url(../img/side_bar.jpg) repeat-y top center;
}

a:link,a:visited{
	color: #666666;
	text-decoration: none;
}

a:hover{
	color: #0051fa;
	text-decoration: underline;
}

#layout{
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	height: auto;
	background: #fff;
}

/* _______________________________________________center-box________________________________________________________ */


#center_box{
	margin: 0;
	padding: 0;
	width: 900px;
	text-align: left;
}

	#center_box p{
		font-family: "ＭＳ ゴシック", "Osaka－等幅";
		font-size: 12px;
		line-height: 150%;
		padding:20px 0 0 10px;
	}


/* __________head__________ */

#header{
	margin: 0px;
	padding: 0px;
	width: 900px;
	height:auto;	
}

#header .header_bar {
	background:url(../img/header_bar.jpg) repeat-x top left;
	height: 10px;
}

#header .header_h1 h1 {
	margin: 0px;
	padding: 20px 0 0 12px;
	font-size: 14px;
	font-weight: bold;
	float:left;
	width:500px;

}

#header .header_p p {
	margin: 0px;
	padding: 20px 12px 0 0;
	float:right;
	width:300px;
	text-align:right;
}

#top_img {
	width:900px;
}


/* ___global-navi___ */

#nav{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#nav ul{
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 47px;
	list-style-type: none;
}

#nav li{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 47px;
	text-indent: -9999px;
}

#nav li#on_01{
	background: url('../img/nv.jpg') no-repeat 0px -47px;
}

#nav li#on_02{
	background: url('../img/nv.jpg') no-repeat -150px -47px;
}

#nav li#on_03{
	background: url('../img/nv.jpg') no-repeat -300px -47px;
}

#nav li#on_04{
	background: url('../img/nv.jpg') no-repeat -450px -47px;
}

#nav li#on_05{
	background: url('../img/nv.jpg') no-repeat -600px -47px;
}

#nav li#on_06{
	background: url('../img/nv.jpg') no-repeat -750px -47px;
}


#nav li a{
	display: block;
	width: 150px;
	height: 47px;
}

#nav li a.nv_01{
	background: url('../img/nv.jpg') no-repeat 0px 0px;
}

#nav li a.nv_01:hover{
	background: url('../img/nv.jpg') no-repeat 0px -47px;
}

#nav li a.nv_02{
	background: url('../img/nv.jpg') no-repeat -150px 0px;
}

#nav li a.nv_02:hover{
	background: url('../img/nv.jpg') no-repeat -150px -47px;
}

#nav li a.nv_03{
	background: url('../img/nv.jpg') no-repeat -300px 0px;
}

#nav li a.nv_03:hover{
	background: url('../img/nv.jpg') no-repeat -300px -47px;
}

#nav li a.nv_04{
	background: url('../img/nv.jpg') no-repeat -450px 0px;
}

#nav li a.nv_04:hover{
	background: url('../img/nv.jpg') no-repeat -450px -47px;
}

#nav li a.nv_05{
	background: url('../img/nv.jpg') no-repeat -600px 0px;
}

#nav li a.nv_05:hover{
	background: url('../img/nv.jpg') no-repeat -600px -47px;
}

#nav li a.nv_06{
	background: url('../img/nv.jpg') no-repeat -750px 0px;
}

#nav li a.nv_06:hover{
	background: url('../img/nv.jpg') no-repeat -750px -47px;
}



/* __________p-navi__________ */

#pankuzu{
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 30px;
	background:url(../img/navi_bar.jpg);
}

#pankuzu p{
	margin: 0px;
	padding: 8px 0px 0px 37px;
	color: #555;
	font-size: x-small;
}

/* _______________________________________________contents ________________________________________________________ */

#contents {
	width: 900px;
	background-image:url(../img/contents.jpg);
	background-repeat:repeat-y;
	clear: both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* _______________________________________________left________________________________________________________ */

#left {
	width: 250px;
	float: left;
}

/* _______left-navi________ */

#nav_left ul{
	margin: 20px auto 0px;
	padding: 0px;
	width: 221px;
	height: 204px;
	list-style-type: none;
}

#nav_left li{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 221px;
	height: 34px;
	text-indent: -9999px;
}

#nav_left li#on_01{
	background: url('../img/nv_left.jpg') no-repeat -221px -0px;
}

#nav_left li#on_02{
	background: url('../img/nv_left.jpg') no-repeat -221px -34px;
}

#nav_left li#on_03{
	background: url('../img/nv_left.jpg') no-repeat -221px -68px;
}

#nav_left li#on_04{
	background: url('../img/nv_left.jpg') no-repeat -221px -102px;
}

#nav_left li#on_05{
	background: url('../img/nv_left.jpg') no-repeat -221px -136px;
}

#nav_left li#on_06{
	background: url('../img/nv_left.jpg') no-repeat -221px -170px;
}


#nav_left li a{
	display: block;
	width: 221px;
	height: 34px;
}

#nav_left li a.nv_01{
	background: url('../img/nv_left.jpg') no-repeat 0px 0px;
}

#nav_left li a.nv_01:hover{
	background: url('../img/nv_left.jpg') no-repeat -221px 0px;
}

#nav_left li a.nv_02{
	background: url('../img/nv_left.jpg') no-repeat 0px -34px;
}

#nav_left li a.nv_02:hover{
	background: url('../img/nv_left.jpg') no-repeat -221px -34px;
}

#nav_left li a.nv_03{
	background: url('../img/nv_left.jpg') no-repeat 0px -68px;
}

#nav_left li a.nv_03:hover{
	background: url('../img/nv_left.jpg') no-repeat -221px -68px;
}

#nav_left li a.nv_04{
	background: url('../img/nv_left.jpg') no-repeat 0px -102px;
}

#nav_left li a.nv_04:hover{
	background: url('../img/nv_left.jpg') no-repeat -221px -102px;
}

#nav_left li a.nv_05{
	background: url('../img/nv_left.jpg') no-repeat 0px -136px;
}

#nav_left li a.nv_05:hover{
	background: url('../img/nv_left.jpg') no-repeat -221px -136px;
}

#nav_left li a.nv_06{
	background: url('../img/nv_left.jpg') no-repeat 0px -170px;
}

#nav_left li a.nv_06:hover{
	background: url('../img/nv_left.jpg') no-repeat -221px -170px;
}


/* _______merit-banner________ */

#merit_banner {
	margin:  20px auto 0;
	padding: 0;
	display: block;
	width: 221px;
	height: 143px;
	background: url(../img/merit_banner_o.jpg) left top no-repeat;
	}
	#merit_banner a {
		display: block;
		width: 221px;
		height: 143px;
		text-decoration: none;
		background: url(../img/merit_banner.jpg) left top no-repeat;
		}
	#merit_banner a span { font-size: 1%; visibility: hidden;}
	#merit_banner a:hover { background: none;}

/* _______tel-banner________ */

#tel {
	margin:  20px auto 0;
	padding: 0;
	display: block;
	width: 221px;
	height: 116px;
	background: url(../img/tel.jpg) left top no-repeat;
	}

	#tel  span { font-size: 1%; visibility: hidden;}

/* _______seo-banner________ */

#seo {
	margin:  20px auto 0;
	padding: 0;
	display: block;
	width: 221px;
	height: 133px;
	background: url(../img/seo.jpg) left top no-repeat;
	}
	#seo a {
		display: block;
		width: 221px;
		height: 133px;
		text-decoration: none;
		background: url(../img/seo_o.jpg) left top no-repeat;
		}
	#seo a span { font-size: 1%; visibility: hidden;}
	#seo a:hover { background: none;}
	
	
/* _______team-6%________ */

#team-6 {
	margin:  100px auto 0;
	padding: 0;
	display: block;
	width: 221px;
	height: 130px;
	background: url(../img/team-6_o.jpg) left top no-repeat;
	}
	#team-6 a {
		display: block;
		text-decoration: none;
		width: 221px;
		height: 130px;
		background: url(../img/team-6.jpg) left top no-repeat;
	}
	#team-6 a span { font-size: 1%; visibility: hidden;}
	#team-6 a:hover { background: none;}

/* _______________________________________________right________________________________________________________ */

#right2 {
	width: 627px;
	float: left;
	margin-left:23px;
}

/* _______inquiry_banner________ */

#inquiry_banner {
	margin:  20px 0 0 25px;
	padding: 0;
	display: block;
	width: 549px;
	height: 121px;
	background: url(../img/inquiry_banner_o.jpg) left top no-repeat;
	}
	#inquiry_banner a {
		display: block;
		width: 549px;
		height: 121px;
		text-decoration: none;
		background: url(../img/inquiry_banner.jpg) left top no-repeat;
		}
	#inquiry_banner a span { font-size: 1%; visibility: hidden;}
	#inquiry_banner a:hover { background: none;}

/* _______page_title & sub title________ */

.page_title {
	width:602px;
	margin-top: 20px;
}

.sub_title {
	width:549px;
	margin-top: 30px;
}
	
/* _______japan_map________ */	
	
#japan_map {
	width:602px;
	height:87px;
	margin-top: 30px;
	margin-bottom:50px;
	background:url(../img/japan_map.jpg) no-repeat;
}	
	#japan_map p{
		margin:0 0 0 195px;
		padding-top:8px;
	}	


/* _______clear________ */

.clear {
	clear: both;
	text-indent: -9999px;
}

/* _______________________________________________footer________________________________________________________ */
	
#footer  {
	width:900px;
	height:62px;
	background:url(../img/footer.jpg) no-repeat;
	clear: both;
}	
	
#footer ul{
	padding:13px 0 0 20px;
}

#footer li {
	background-repeat:no-repeat;
	background-position:0 3px;
	text-indent: 10px;
	margin:0 7px 0 0;
	float:left;
}
	.list_mark {background:url(../img/list_orange.jpg) no-repeat;}

#footer a{
	color: #666666;
}

#footer p{
	margin:0;
	padding:0;
}

/* _______________________________________________index________________________________________________________ */

/* ___global-navi-under___ */

#nav_under {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#nav_under ul{
	margin: 0px;
	padding: 0px;
	width: 900px;
	height: 36px;
	list-style-type: none;
}

#nav_under li{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 150px;
	height: 36px;
	background:url(../img/index_undermenu.jpg);
}

#nav_under li p {
	padding: 4px 10px 0;
	line-height:150%;
	font-size:10px;
	
}

/* _______index-sbar________ */

#index_sbar {
	width:547px;
	height:365px;
	margin-top:20px;
}
	.index_sbar_left{
		width:260px;
		float:left;
	}

	.index_sbar_right{
		width:250px;
		float:right;
	}

	#index_sbar p{
		padding:10px 0 15px 20px ;
		margin-top:2px;
		background:url(../img/list_blue.jpg) no-repeat;
		background-position:7px 14px;
	}


/* _______index-mbar__index__plan____ */


#index_mbar_box {
	width:564px;
	height:160px;
	margin-top:20px;
}
	.index_mbar_left{
		width:270px;
		float:left;
	}

	.index_mbar_right{
		width:270px;
		float:right;
	}

.index_mbar01,
.index_mbar02,
.index_mbar03,
.index_mbar04 {
	margin:  2px 0 20px;
	display: block;
	width: 269px;
	height: 71px;
	}
.index_mbar01 {background: url(../img/index_mbar01_o.jpg) left top no-repeat;}
.index_mbar02 {background: url(../img/index_mbar02_o.jpg) left top no-repeat;}
.index_mbar03 {background: url(../img/index_mbar03_o.jpg) left top no-repeat;}
.index_mbar04 {background: url(../img/index_mbar04_o.jpg) left top no-repeat;}

	.index_mbar01 a,
	.index_mbar02 a,
	.index_mbar03 a,
	.index_mbar04 a {
		display: block;
		width: 269px;
		height: 71px;
		text-decoration: none;
	}
	.index_mbar01 a {background: url(../img/index_mbar01.jpg) left top no-repeat;}
	.index_mbar02 a {background: url(../img/index_mbar02.jpg) left top no-repeat;}
	.index_mbar03 a {background: url(../img/index_mbar03.jpg) left top no-repeat;}
	.index_mbar04 a {background: url(../img/index_mbar04.jpg) left top no-repeat;}

	.index_mbar01 a span,
	.index_mbar02 a span,
	.index_mbar03 a span,
	.index_mbar04 a span{ font-size: 1%; visibility: hidden;}

	.index_mbar01 a:hover,
	.index_mbar02 a:hover,
	.index_mbar03 a:hover,
	.index_mbar04 a:hover{ background: none;}
	
	
/* _______clover________ */

#clover {
	margin:  20px 0 0 315px;
	padding: 0;
	display: block;
	width: 252px;
	height: 49px;
	background: url(../img/clover_o.jpg) left top no-repeat;
	}
	#clover a {
		display: block;
		width: 252px;
		height: 49px;
		text-decoration: none;
		background: url(../img/clover.jpg) left top no-repeat;
		}
	#clover a span { font-size: 1%; visibility: hidden;}
	#clover a:hover { background: none;}


/* _______________________________________________merit________________________________________________________ */

/* _______merit-sbar________ */

#merit_sbar {
	width:602px;
	margin-top:20px;
	height:110px;
}
	.merit_sbar_left{
		width:290px;
		float:left;
	}

	.merit_sbar_right{
		width:290px;
		float:right;
	}

	#merit_sbar p{
		padding:0;
		margin-top:15px;
	}

.merit_img {
	width:548px;
	margin-top: 20px;
}

/* _______________________________________________point________________________________________________________ */

#graph_box {
	width:602px;
	height:290px;
}
#graph_left {
	width:330px;
	float:left;
}
#graph_right {
	width:270px;
	float:left;
	margin-top:20px;
}

/* _______________________________________________plan________________________________________________________ */

/* _______common-plan________ */

.function_left {
	width:135px;
	float:left;
}

/* _______right-plan　regular-plan________ */

#function_box01 {
	width:602px;
}

#function_box01 ul{
	height:136px;
	list-style-type: none;
	width:135px;
	margin:15px 0 10px;
	padding: 0px;
}

#function_box01 li{
	height: 31px;
	width:135px;
	margin: 0px;
	padding: 0px;

}

/* _______business-plan premium-plan________ */

#function_box02 {
	width:602px;
}

#function_box02 ul{
	height:166px;
	list-style-type: none;
	margin:15px 0 10px;
	padding: 0px;
	width:135px;
}

#function_box02 li{
	height: 31px;
	margin: 0px;
	padding: 0px;
	width:135px;

}

/* _________________________________plan-list__________________________________ */


/* __________________plan-list-title_____________________ */


#plan_list_title {
	width:567px;
	margin-top:20px;
}

#plan_list_title ul{
	padding: 0px;
	height:40px;
	list-style-type: none;
	margin:0;
}

#plan_list_title li{
	padding: 0px;
	height:40px;
	margin:0;
	float:left;
	display:inline;
}

/* _____________________plan-list________________________ */

#plan_list {
	width:567px;
}

.plan_list_left {
	width:127px;
	float:left;
}

#plan_list ul{
	padding: 0px;
	height:470px;
	list-style-type: none;
	margin:0;
}

#plan_list li{
	padding: 0px;
	height:25px;
	margin:0;
}


#plan_list_left02 {
	width:110px;
	float:left;
}

#plan_list_left02 ul{
	padding: 0px;
	height:470px;
	list-style-type: none;
	margin:0;
}

#plan_list_left02 li{
	padding: 0px;
	height:25px;
	width:110px;
	text-align:center;
	background:url(../img/plan_list.jpg) no-repeat;
	line-height: 195%;
	margin:0;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 14px;
}

#plan_list_clear {
	clear: both;
	margin:0;
	padding:0;
}


/* _____________________top-scroll________________________ */

#top {
	padding-left:460px;
}

/* _______________________________________________privacy________________________________________________________ */

.privacy {
	width:598px;
}

.privacy ul {
	padding:0 0 0 3em;
}
.privacy li {
	padding-top:15px;
	list-style:decimal;
	line-height:1.5em;
}
.signature p {
	padding:2em 0 12em;
	text-align:right;
	line-height:2em;
}

/* _______________________________________________company________________________________________________________ */

#company {
	width:602px;
}

#company_yline {
	width:105px;
	height:723px;
	margin:30px 0 0 0;
	background:url(../img/company_yline.jpg) no-repeat;
	float:left;
}

	#company_yline p {
		margin:0;
		padding:0;
		line-height: 200%;	
		padding-top:10px;
		
	}

#company_right {
	float:left;
	margin:30px 0 0 30px;
}

	#company_right p {
		margin:0;
		line-height: 200%;	
		padding-top:10px;
	}

	#company_right h6 {
	line-height: 120%;
	font-size: 10px;
	padding:0 0 5px 20px;			
	}
		
#unei_houshin p {
	line-height: 150%;
	float:left;
	width:400px;
	padding:16px 0 55px 40px;
}

/* _______________________________________________sitemap________________________________________________________ */


#sitemap {
	padding:20px 0 90px 0;
	line-height: 2em;
}

#sitemap ul {
	margin:0 0 10px 5px;
}
#sitemap li {
	margin:12px 0;
}
#sitemap ul li {
	background:url(../img/sitemap_mark.gif) no-repeat;
	text-indent:20px;
	background-position:0 5px;
	margin-left:10px;
}
#sitemap ul li ul li {
	background:url(../img/list_mark_blue.jpg) no-repeat;
	text-indent:12px;
	background-position:0 8px;
	margin-left:20px;
}

/* _______________________________________________form________________________________________________________ */


.padding_form{
	margin:0 0 0 3px;
	float:left;
}

table {
	text-align:center;
	line-height:20px;
}

td .recruit{
	padding:10px;
}

#soushin {
	text-align:center;
	margin:10px auto;
}