@charset "utf-8";

/* CSS Document */
html{overflow-y: scroll;}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background : #ffffff;
	color : #313131;
	font-size: 90%;
	line-height: 150%;
	font-family: ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3;
	}
	


table,img,p {
    border: 0px;
}


.images {
	margin:10px;
}

p{
margin: 3px 0px}

h1{
width: auto;
height: 50px;
margin: 0px auto;}

h2{
	width: 531px;
	height: 22px;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: bold;
	padding: 4px 17px;
	margin: 10px 0 10px 0;
	background:url(../images/h2_bg.gif);
	}
	
h3{
	width: 531px;
	height: 19px;
	font-size: 14px;
	font-weight: bold;
	padding: 3px 17px;
	margin: 10px 0 10px 0;
	background:url(../images/h3_bg.gif);
	}

h4{
	border-bottom:dotted 1px;
	margin:20px 0 5px 0;
}

.pagetop {
	height: 7px;
	width: 85px;
	background: url("../images/return.gif");
	background-repeat:no-repeat;
	background-position:left center;
	margin:10px 0px 0px 480px;
	padding: 0px 0px 10px 0px;
	text-align: right;
}

.pagetop02 {
	height: 7px;
	width: 85px;
	background: url("../images/return.gif");
	background-repeat:no-repeat;
	background-position:left center;
	margin:10px 0px 0px 640px;
	padding: 0px 0px 10px 0px;
	text-align: right;
}

dt{
	font-weight:bold;
	color:#0f3b63;
	margin:5px 0 3px 0;
}

dd{
	text-indent:-1em;
}

dl.company{
	height: 170px;
	border-bottom: dotted 1px;
	padding:0px 0px 10px 0px;
}


/* フロート回り込み解除 */
br.clear {
    clear: both;

}


/*リンク関連 */
a { text-decoration: underline; }
a:link { color: #313131; }
a:visited { color: #313131; }
a:hover { color: #313131; }

img { border-style:none; }
a img { border-style:none; }


/*テーブル設定
-------------------------------------*/

table{
	width: 550px;
	border: 0px;
	}

table.ichiran{
	width: 560px;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	}
	
.ichiran tr{
	background: url(../images/company/line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	}

.ichiran th{
	width: 100px;
	font-weight: bold;
	text-align: left;	
	}

.ichiran td{
	margin: 0px;
	padding: 8px; 
	}

table.com_yakuin{
	width: 280px;
	border: 0px;
	padding: 0px;
	mergin: 0px;
	}
.com_yakuin tr{
	background: #ffffff;
	}
.com_yakuin td{
	width: 140px;
	margin: 0px;
	padding: 3px; 
	}
	
table.rec_tab{
	width: 420px;
	border: 0px;
	padding: 0px;
	mergin: 0px;
	}
.rec_tab tr{
	background: #ffffff;
	}
.rec_tab td.tab1{
	width: 140px;
	margin: 0px;
	padding: 1px 3px; 
	}

/*採用の流れテーブル設定*/
table.flow{
	width: 560px;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	}
	
.flow tr{
	margin: 0px;
	}

.flow th{
	width: 210px;
	}

.flow td{
	margin: 0px;
	padding: 0px 5px; 
	vertical-align: top;
	}

	
	
/*フォーム用テーブル設定 */
table.form_tb{
	width: 550px;
	border-collapse: collapse;
	border: solid 1px #b1b2b4;
	}

.form_tb th{
	width: 112px;
	height: 33px;
	font-weight: 100;
	text-align: left;
	padding: 0px 8px;
	border: solid 1px #b1b2b4;	
	background: #f0f5f8;
	}

.form_tb td{
	margin: 0px;
	padding: 8px; 
	border: solid 1px #b1b2b4;
	background: #fdfdfd;
	}

span.red{
	color: #FF0000;
	}
	
div.form_btn1{
	width: 150px;
	margin: 5px auto;
	}
	
div#form_btn2{
	width: 300px;
	margin: 5px auto;
	}


#form_btn2 img{
	border: 0px;
}
#form_btn2 table{
	border: 0px;
	width: 300px;
	}
#form_btn2 td{
	border: 0px;
	width: 150px;
	}
#form_btn2 button{
	background: #ffffff;
	width: 160px;
	border: 0px;
	cursor: pointer;
	margin: 0px auto;
}




/*トップページ設定
-------------------------------------*/
div#top_main{
	width: auto;
	height: 365px;
	margin: 0px auto;
	background: url(../images/image_bg.gif)
	background;
}

#top_main div.main_image{
	width: 737px;
	margin: 0px auto;
	padding: 10px}

#top_main ul{
	margin: 5px 0px;
	padding: 0px 97px;
	}
#top_main li{
	display: inline;
	margin: 0px auto;
	padding: 0px 2px;
	width: 736px;
}

div#top_nb{
	width: 736px;
	margin: 10px auto;
	color: #1d157e;
	background: #ffffff;
	}

#top_nb a { text-decoration: underline; }
#top_nb a:link { color: #1d157e; }
#top_nb a:visited { color: #1d157e; }
#top_nb a:hover { color: #88abda; }

div#threepoint{
	width: 935px;
	margin: auto;}

#treepoint ul{
    list-style: none;
    width: 100%;
}
#threepoint li{
    list-style: none;
    float: left;
    width: 242px;
}
#threepoint a{
    display: block;
    width: 242px;
    height: 92px;
    text-indent: -9999px;
    overflow: hidden;
}
a.p_system{
background-image:url(../images/bt_system.jpg);
}
a:hover.p_system{
    background-position: 0px -92px;
}
a.p_service{
    background-image:url(../images/bt_service.jpg);
}
a:hover.p_service{
    background-position: 0px -92px;
}
a.p_raise{
    background-image:url(../images/bt_raise.jpg);
}
a:hover.p_raise{
    background-position: 0px -92px;
}

/*トップページバナーエリア */
div#banner{
	width: 162px;
	float: right;
	margin: 0px;
	}

/*新着情報 */
div#news{
	width: 568px;
	margin: 0px;
	float: left;
	line-height: 20px;
	}

#news h2{
	height: 23px;
	width: 548px;
	font-size: 14px;
	color: #313131;
	background:url(../images/news.gif);
	padding: 10px 0px 0px 20px;
	margin: 0px;
	}
#news span{
	font-size:10px;
	font-weight:100;
	margin: 0px 0px 0px 420px;
	}
	
#news div.news_text{
width: 556px;
margin: 0px;
padding: 0px 5px;
border: 1px solid #dcdcdc;
	}

div.topmargin{
height: 50px}
	
/*コンテンツ内共通部分
-------------------------------------*/
div#con_bg{
	width: auto;
	margin: 0px auto;
	padding: 0px;
	background: #f1f1f1;
	}

div#con_wrap{
	width: 719px;
	/*background: #ffffff;*/
	background: url(../images/stripe.gif);
	margin: 0px auto;
	padding: 0px 10px 0px 7px;}
	

/*左ナビゲーション*/

div#con_menu{
	width: 140px;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	background: #ffffff;
	}
	
#con_wrap div.space{
	width: 140px;
	height: 8px;
	background: #00469d;}

ul#leftmenu{
    list-style: none;
    width: 132px;
	margin: 0px;
	padding: 3px 4px 3px 4px;

}
ul#leftmenu li{
    list-style: none;
    width: 132px;
}
ul#leftmenu a{
    display: block;
    width: 132px;
    height: 25px;
    text-indent: -9999px;
    overflow: hidden;
}
a.b_business{
    background-image: url(../images/business/bus_menu01.gif);
}
a:hover.b_business{
    background-position: 0px -25px;
}
a.b_service{
    background-image: url(../images/business/bus_menu02.gif);
}
a:hover.b_service{
    background-position: 0px -25px;
}
a.b_example{
    background-image: url(../images/business/bus_menu03.gif);
}
a:hover.b_example{
    background-position: 0px -25px;
}
a.b_point{
    background-image: url(../images/recruit/rec_menu01.gif);
}
a:hover.b_point{
    background-position: 0px -25px;
}
a.b_work{
    background-image: url(../images/recruit/rec_menu02.gif);
}
a:hover.b_work{
    background-position: 0px -25px;
}

a.b_access{
    background-image: url(../images/company/com_menu01.gif);
}
a:hover.b_access{
    background-position: 0px -25px;
}

/*コンテンツ中身*/

div#contents{
	width: 560px;
	float: right;
	margin: 0px 5px 20px 0px;
	padding: 0px;
	background: #ffffff;
	}
	

dd{
margin-left: 28px;
}

div.service_img{
width: 550px;
height: 300px;
margin: 0px;
padding: 0px;
}

/*ddのインデント調整用*/
dl.pri_indent dd{
	text-indent: 0px;
}
dl.com_indent{
	margin-left: 58px;
}
dl.com_indent dt{
	text-indent: -58px;
}
dl.com_indent dd{
	text-indent: -58px;
}
	


/*ポップアップ*/
div#popup{
	width: 580px;
	margin: 0 10px 0 10px;
	padding: 0px;
	background: #ffffff;
	}
	
#popup div.pop_box{
	width: 421px;
	margin: 0px auto;
	}
#popup p.close{
	width: 150px;
	margin: 5px auto;
	}

/*リスト設定 */
#contents ul{
    list-style:none;
	padding: 0px 10px;
}
#contents li{
    list-style: none;
    padding: 5px 0px 0px 20px;
    background:url(../images/list01.gif) no-repeat center left;
}

#contents li.li2{
    list-style:none;
    padding-left:16px;
    background:url(../images/list02.gif) no-repeat center left;
}

#contents .pankuzu{
	margin:5px 0 5px 0;
	padding: 4px 17px;
	background-color:#f0f5fa;
	border-top:#d7d7d7 solid 1px;
	border-bottom:#d7d7d7 solid 1px;
	font-size:90%;
}

/*リストページ専用 */
div#link{
	width: 560px;
	height: 600px;
	float: right;
	margin: 0 5px 20px 0;
	padding: 0px;
	background: #ffffff;
	}

#link ul{
    list-style:none;
	padding: 0px 10px;
}
#link li{
    list-style:none;
    padding: 5px 0 0 20px;
    background:url(../images/list01.gif) no-repeat center left;
}

#link li.li2{
    list-style:none;
    padding-left:16px;
    background:url(../images/list02.gif) no-repeat center left;
}

#link .pankuzu{
	margin:5px 0 5px 0;
	padding: 4px 17px;
	background-color:#f0f5fa;
	border-top:#d7d7d7 solid 1px;
	border-bottom:#d7d7d7 solid 1px;
	font-size:90%;
}

/*お問い合わせボックス */
div#contact_box{
	background-color:#f0f0f0;
	margin:10px;
	padding:10px;
}

/*サイトマップ*/
div#sitemap{
	width: 550px;
	}
div#sitemap_l{
	width: 250px;
	float: left;
	}
div#sitemap_r{
	width: 250px;
	float: right;
	}

/*業務紹介*/
p.work_title{
	color : #1D2088;
	font-size: 120%;
	font-weight:bold;
}


/*ヘッダー
-------------------------------------*/
div#header{
	width: auto;
	margin: 0px auto;
	}


#header ul{
	margin: 0px;
	padding: 0px 98px;
	}
#header li{
	display: inline;
	background:url(../images/head_bg.gif);
	margin: 0px;
	padding: 0px;
	width: 736px;
	height: 40px;
}


#header div.head_menu{
	width: auto;
	height: 40px;
	background: url(../images/head_bg.gif);
	background-repeat: repeat-x;
	}
#header div.head_logo{
	width: 934px;
	background: #ffffff;
	margin: 0px auto;
	}
	
#header div.head_logo img{
	width: auto;
	margin: 0px auto 18px auto;
	}

/*グローバルナビゲーション*/
ul#g_navi{
    list-style: none;
    width: 736px;
	margin: 0px auto;
}
ul#g_navi li{
    list-style: none;
    float: left;
    width: 147px;
}
ul#g_navi a{
    display: block;
    width: 147px;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
}
a.n_top{
background-image:url(../images/top.gif);
}
a:hover.n_top{
    background-position: 0px -40px;
}
a.n_bguide{
    background-image:url(../images/bguide.gif);
}
a:hover.n_bguide{
    background-position: 0px -40px;
}
a.n_outline{
    background-image:url(../images/outline.gif);
}
a:hover.n_outline{
    background-position: 0px -40px;
}
a.n_recruit{
    background-image:url(../images/recruit.gif);
}
a:hover.n_recruit{
    background-position: 0px -40px;
}
a.n_contact{
    background-image:url(../images/contact.gif);
}
a:hover.n_contact{
    background-position: 0px -40px;
}
	
	
/*フッター
-------------------------------------*/
div#footer{
	width: auto;
	background-image: url(../images/foot_bg.gif);
	background-color: #d9d9d9;
	background-repeat: repeat-x;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
	height: 130px;
	}

div#footer_text{
	width: 936px;
	margin: 0px auto;
	_width: 1000px;
	}
*:first-child+html#footer_text{
width: 956px;
}


#footer_text p.copyright{
	font-size: 10px;
	float: right;
	margin: 3px 98px 0px 30px;
	_margin: 0px 80px 0px 0px;
	}

*:first-child+html#footer_text p.copyright{
	margin: 0px 108px 0px 0px;
	}

#footer ul{
	padding: 0px 0px 0px 98px;
	/padding: 10px 0px 0px 65px;
	/float: left;
	
	}
#footer li{
	display: inline;
	margin: 10px 0px;
	padding: 20px 3px;
	}