@charset "shift_jis";

/* ======================================================================
印刷用CSS
-------------------------------------------------------------------------
[目次]
■ リンクカラー
■ レイアウトベース
■ ヘッダー
■ フッター
■ グローバルメニュー

--top--

■ トップレイアウト

--sub--

■ ナビ共通

■ サブページ
■ パンくず
■ ページタイトル、見出し（h2）
■ ページの先頭に戻る
■ 会社概要
====================================================================== */

@media print {


/* ---------------------------------------------------------
■ リンクカラー
--------------------------------------------------------- */

a:link    { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: none  }
a:hover   { color: #800080; text-decoration: underline; }
a:active  { color: #000000; text-decoration: none  }


/* ---------------------------------------------------------
■ レイアウトベース
--------------------------------------------------------- */
body {
	width: 640px;
	margin: 0;
	padding: 0;
	text-align: center; /* 中央レイアウト */ 
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	background:url(../img/bg_main.jpg) repeat-x;
}

div#container {
	width: 640px;
	margin: 0 auto; /* 中央レイアウト */
	text-align: left; /* テキスト左寄せ */
}

img.mv{
	width:auto;
	height:96px;
}
/* google部・bnr部
------------------------------------------ */

#google_area {
display:none;
}
#bnr_area {
display:none;
}

#bnr_s_area{
display:none;
}	

/* ---------------------------------------------------------
■ ヘッダー
--------------------------------------------------------- */
div#header {
	width: 640px;
	margin: 0;
	height: auto;
	float: left;
	background: url(../img/bg_logo.jpg) no-repeat 220px 49px;
}

div#container div#header div#seo {
	width: 420px;
	height: auto;
	float: left;
	font-size: 12px;
	font-weight:bold;
	margin-top: 5px;
}

div#container div#header h1 img{
	float: left;
	width: 248px;
	height:auto;
}

div#container div#header .header_bt_en{
	float: left;
	margin: 5px 5px 0 0;
	width: 51px;
}

div#container div#header #header_bt {
	float: left;
	width: 230px;
	height:auto;
	margin:7px 0 7px 160px;
}

div#container div#header #header_bt img {
	width: auto;
	height: 25px;
	float:left;
}

div#container div#header #header_bt a img {
	float: left;
	width: 90px;
	height:auto;
}

div#container div#header #fontsize {
	float: left;
	background: url(../img/bg_fontsize.gif) no-repeat;
	width:auto;
	height:16px;
	margin: 5px 0 0 0;
}

div#container div#header #fontsize img {
	width:auto;
	height:14px;
	margin: 3px 2px 0 0;
}

div#container div#header #fontsize img.tx {
	margin-left: 1px;
	width:auto;
	height:14px;
}

/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
div#container div#footer {
	width:640px;
	height:105px;
	padding: 55px 8px 36px 8px;
	background: url(../img/bg_foot.jpg) no-repeat;
}

/* フッタメニュー
------------------------------------ */
div#container div#footer ul {
	display:none;
}

/* コピーライト
------------------------------------ */
div#container div#footer p {
	padding-right: 0px;
	float: right;
	color:#666666;
}

/* ---------------------------------------------------------
■ グローバルメニュー
--------------------------------------------------------- */
div#navi {
	width: 640px;
	clear:both;
}
div#navi ul{
}
div#navi ul li{
	float:left;/*メニュー横並び*/
}
div#navi ul li img{
    width: auto;
	height: 24px;
}


/* ---------------------------------------------------------
■ トップレイアウト
--------------------------------------------------------- */

div#top_content {
	width: 640px;
	background: #FFFFFF url(../img/bg_mv.jpg) no-repeat;
	padding:0 10px;
	overflow:hidden;
}
div#top_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#service_area {
	width: 614px;
	border:#cccccc 1px solid;
	background:#e8e8e8;
	padding:0 5px 5px 5px;
	overflow:hidden;
}
div#service_area:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/* サービス
------------------------------------------ */

#top_content #service_area .service {
	width:204px;
	margin-right:4px;
	background:url(../img/fr_service_bg.gif) repeat-y;
	float:left;
}

#top_content #service_area .service img{
	width:auto;
	height:24px;
}

#top_content #service_area .service_r {
	width:200px;
	background:url(../img/service_bg_r.gif) repeat-y;
	float:left;
}
#top_content #service_area .service_r img{
	width:auto;
	height:24px;
}
#top_content #service_area .service img.s_img,
#top_content #service_area .service_r img.s_img{
	width:auto;
	height:39px;
}
/*ドキュメント*/

#top_content #service_area .service ul.doc{
	padding:10px 0 5px 0;
	border-bottom:#CDCDCD 1px solid;
}

#top_content #service_area .service ul.doc li{
	background:url(../img/ic_01.jpg) no-repeat 15px 0;
	padding:3px 20px 10px 40px;
}


/*人材*/

#top_content #service_area .service ul.hr{
	padding:10px 0 5px 0;
	border-bottom:#CDCDCD 1px solid;
}

#top_content #service_area .service ul.hr li{
	background:url(../img/ic_02.jpg) no-repeat 15px 0;
	padding:3px 20px 10px 40px;
}

/*スクール*/

#top_content #service_area .service_r ul.schl{
	padding:10px 0 5px 0;
	border-bottom:#CDCDCD 1px solid;
}

#top_content #service_area .service_r ul.schl li{
	background:url(../img/ic_03.jpg) no-repeat 15px 0;
	padding:3px 20px 10px 40px;
}



/* ---------------------------------------------------------
■ ナビ共通
--------------------------------------------------------- */
#nv_area{
	width:164px;
	margin-right:8px;
	float:left;
}

/* 左メニュー共通
---------------------------------- */
#nv_area ul{
	width:164px;
	margin: 0;
	border:#CCCCCC 1px solid;

}

/* 左メニュー共通
---------------------------------- */
div#nv_area ul li {
	line-height: 1.5;
	margin: 1px;
}
div#nv_area ul li a {
	display: block;
	width: 140px; /* IE5-6用指定 */
	height: auto;
	}
	div#wrapper>div#nv_area ul li a {
	width: auto; /* IE7,FireFox用指定 */
}
/* ---------------------------------------------------------
■ 第一階層
--------------------------------------------------------- */
div#nv_area ul li.first {
	background-color: #ededed;
	color: #800080;
	background:url(../img/nv_01_off.jpg) repeat-y;
	font-weight:bold;
}

/* 通常時 */
div#nv_area ul li.first a:link,
div#nv_area ul li.first a:visited {
	padding: 4px 5px 4px 22px;
	background: url(../img/nv_ic.gif) no-repeat 7px 7px; /* リンク背景色、アイコン */
	text-decoration: none;
	color: #800080;
}

/* マウスオーバー時 */
div#nv_area ul li.first a:hover,
div#nv_area ul li.first a:active {
	background: #f5cef6 url(../img/nv_ic_on.gif) no-repeat 7px 7px; /* マウスオーバーのリンク背景色、アイコン */
	text-decoration: none;
	color: #000;
}

/* リンクがない時 */
div#nv_area ul li.first span {
	display: block;
	padding: 4px 5px 4px 22px;
	background: url(../img/nv_ic.gif) no-repeat 7px 7px; /* リンク背景色、アイコン */
	width: 140px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li a span {
		width: auto; /* IE7,FireFox用指定 */
}

/* ---------------------------------------------------------
■ 第二階層
--------------------------------------------------------- */
div#nv_area ul li.second,
div#nv_area ul li.second_on{
	border-top: 1px solid #cccccc;
	border-left:#ba4cba 5px solid;
}

/* 通常時 */
div#nv_area ul li.second a:link,
div#nv_area ul li.second a:visited {
	padding: 4px 5px 4px 15px;
	background: #ffffff; /* リンク背景色 */
}

/* マウスオーバー時 */
div#nv_area ul li.second a:hover,
div#nv_area ul li.second a:active {
	background: url(../img/nv_s_01_on.jpg) repeat-y; /* マウスオーバーのリンク背景色 */
	color:#FFFFFF;
	text-decoration:none;
}

/* リンクがない時 */
div#nv_area ul li.second span {
	display: block;
	padding: 4px 5px 4px 15px;
	background: #ffffff; /* リンク背景色、アイコン */
	width: 140px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li.second span {
		width: auto; /* IE7,FireFox用指定 */
}



/* リンクがあり、現在のページの時
------------------------------------------- */
div#nv_area ul li.second_on a:link,
div#nv_area ul li.second_on a:visited {
	display: block;
	padding: 4px 5px 4px 15px;
	color:#FFFFFF;
	background:url(../img/nv_s_01_on.jpg) repeat-y ; /* リンク背景色 */
	width: 140px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li.second_on {
		width: auto; /* IE7,FireFox用指定 */
}

/* リンクがあり、現在のページの時  マウスオーバー時 */
div#nv_area ul li.second_on a:hover,
div#nv_area ul li.second_on a:active {
	background:url(../img/nv_s_01_on.jpg) repeat-y; /* マウスオーバーのリンク背景色 */
	text-decoration:none;
}

/* ---------------------------------------------------------
■ サブページ
--------------------------------------------------------- */
div#container div#wrapper {
	width:640px;
	background:#ffffff;
	overflow:hidden;/* firefox対策 */
	padding:0 10px;
}
div#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
div#content{
	background:#FFFFFF;
	width:410px;
	float:left;
	text-align:left;
}

div#content p {
	margin: 0;
	padding: 0;
}
/* ---------------------------------------------------------
■ パンくず
--------------------------------------------------------- */
div#pankuzu{
	background:#FFFFFF url(../img/fr_content_m.jpg) repeat-x;
	width:640px;
}
div#pankuzu p{
	padding:5px 0 5px 20px;
}

/* ---------------------------------------------------------
■ ページタイトル、見出し（h2）
--------------------------------------------------------- */

/* h2 ：a
------------------------------- */
div#content h2.tit_a{
	width:410px;
	font-weight:bold;
	padding:10px 10px 15px 30px;
	margin-bottom:10px;
	background:none;
	/*background:url(../img/bg_h2.jpg) no-repeat;*/
	border:#663399 1px solid;
	color:#663399;
}
/* h2 ：b
------------------------------- */
div#content h2.tit_b{
	width:410px;
	margin:10px 0;
	display:block;
	padding:10px 10px 15px 30px;
	font-weight:bold;
	background:none;
	color:#663399;
	/*background:url(../img/bg_h3.jpg) no-repeat;*/
	border:#663399 1px solid;
}

/* h2 ：c
------------------------------- */
div#content h2.tit_c{
	width:410px;
	margin:10px 0;
	display:block;
	padding:10px 10px 15px 30px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h4.jpg) no-repeat;*/
	border:#663399 1px solid;
	color:#663399;
}
/* h2 ：long_a
------------------------------- */
div#content_long h2.tit_a{
	width:580px;
	font-weight:bold;
	background:none;
	/*ackground: url(../img/bg_h2_a_long.jpg) no-repeat;*/
	padding:4px 10px 0 30px;
	height:26px;
	margin:0 0 10px 0;
	border:#663399 1px solid;
	color:#663399;
}
/* h2 ：long_b
------------------------------- */
div#content_long h2.tit_b{
	width:580px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_b_long.jpg) no-repeat;*/
	color:#663399;
	padding:5px 10px 0 30px;
	height:25px;
	margin:0 0 10px 0;
	border:#663399 1px solid;
}

/* h2 ：long_c
------------------------------- */
div#content_long h2.tit_c{
	width:580px;
	margin:0px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_c_long.jpg) no-repeat;*/
	color:#663399;
	padding:7px 10px 0 30px;
	height:23px;
	margin:0 0 10px 0;
	border:#663399 1px solid;
}


/* ---------------------------------------------------------
■ ページの先頭に戻る
--------------------------------------------------------- */
div#content p.page-top {
	display:none;
}

/* ---------------------------------------------------------
■ 会社概要
--------------------------------------------------------- */

div#content table {
	width: 410px;
	border-collapse:separate;
	border-spacing: 1px 1px;
	background-color: #cccccc;
}
div#content table th {
    width:80px;
	padding: 5px;
	color:#333333;
	text-align:left;
	border: solid 1px #ffffff;
	background-color:#e6e6e6;
	vertical-align:top;
}
div#content table td {
	padding: 5px;
	width: auto;
	border: solid 1px #ffffff;
	vertical-align:top;
	background-color:#ffffff;
}

/* ---------------------------------------------------------
dl,dt,dd
--------------------------------------------------------- */
div#content table dl{
	width: auto;
	margin:0;
	padding:0;
}
div#content table dl dt{
	float:left;
	width:120px;
	padding:3px 0 3px 10px;
}
div#content table dl dd{
	width: auto;
	padding:3px 0 3px 0;
}

/* ---------------------------------------------------------
■ サイトマップ
--------------------------------------------------------- */

/* サイトマップ左
------------------------------- */

div#sitemap_left {
	width:290px;
	padding:0 ;
	margin:10px 20px 0 10px;
	float:left;
}

/* サイトマップ右
------------------------------- */

div#sitemap_right {
	width:290px;
	padding:0 ;
	margin-top:10px;
	float:left;
}

div#sitemap_left li,
div#sitemap_right li{
	width:105px;
	float:left;
	margin:5px 10px 0px 0px;
	background:url(../img/ic_02.gif) no-repeat;
	padding-left:20px;
	line-height:1.6;
}

/* サイトマップその他
------------------------------- */

div.sitemap_et {
	width:600px;
	padding:10px 10px 0px 10px;
}
div.sitemap_et_b {
	width:600px;
	padding:10px;
}

div.sitemap_tit {
	border:1px solid #C08CF0;
	padding:5px;
}

/*サイトマップタイトル部分リンク
------------------------------- */

div.sitemap_tit a:link,
div.sitemap_tit a:visited,
div.sitemap_tit a:active {
	font-weight:bold;
	color:#800080;
	/*text-decoration:underline;*/
}

div.sitemap_tit a:hover{
	font-weight:bold;
	color:#ff6600;
	/*text-decoration:none;*/
}

/* ---------------------------------------------------------
■ お問合せ（info_detail.html）
--------------------------------------------------------- */
div.inputarea p{width:600px;}

div.inputarea div#name1,
div.inputarea div#name2,
div.inputarea div#name3,
div.inputarea div#name4,
div.inputarea div#name5,
div.inputarea div#name6,
div.inputarea div#name7,
div.inputarea div#name8{
	width:624px;
}

div.inputarea div#name1 div.ix_content,
div.inputarea div#name2 div.ix_content,
div.inputarea div#name3 div.ix_content,
div.inputarea div#name4 div.ix_content,
div.inputarea div#name5 div.ix_content,
div.inputarea div#name6 div.ix_content,
div.inputarea div#name7 div.ix_content,
div.inputarea div#name8 div.ix_content{
	width:460px;
}

div.inputarea div#name1 div.ix_content input,
div.inputarea div#name2 div.ix_content input,
div.inputarea div#name3 div.ix_content input,
div.inputarea div#name5 div.ix_content input,
div.inputarea div#name6 div.ix_content input,
div.inputarea div#name7 div.ix_content input,
div.inputarea div#name8 div.ix_content textarea{
	width:300px;
}

div.inputarea div#name1 div.ix_title,
div.inputarea div#name2 div.ix_title,
div.inputarea div#name3 div.ix_title,
div.inputarea div#name4 div.ix_title,
div.inputarea div#name5 div.ix_title,
div.inputarea div#name6 div.ix_title,
div.inputarea div#name7 div.ix_title,
div.inputarea div#name8 div.ix_title{
	width:140px;
}


}