@charset "shift_jis";

/*base用css*/


/* ++++++++++++ 全ページ共通 ++++++++++++ */
body {
	font-size:small;
	text-align:center;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
}

*html body { font-size:x-small; }

img { border:none; }


/* ++++++++++++ コンテナー ++++++++++++ */
#container {
	background:#fff url(../image/back.gif) repeat-y;
	text-align:left;
	border:1px solid #999999;
	width:740px;
	margin:0 auto;
	padding:0;
}


/* ++++++++++++ ヘッダー ++++++++++++ */
#header {
	background:#999999 url(../image/visual-contents.jpg) no-repeat;
	width:740px;
	height:180px;
	margin:0;
	padding:0;
}

#header.index{
	background:url(../image/visual-index.jpg);
	height:340px;
}

#header p {
	color:#000000;
	font:bold 1em/1.2em "ＭＳ Ｐゴシック", "Osaka";
	text-align:right;
	margin:0;
	padding:0;
}


/* ++++++++++++ グローバルメニュー ++++++++++++ */
#global-contents {
	background:url(../image/global.jpg) no-repeat;
	text-align:center;
	width:740px;
	height:40px;
	margin:0;
	padding:0;
}

#global-contents ul{
	width:730px;
	margin:0 5px;
	padding:0;
}

#global-contents ul li{
	list-style-type:none;
	width:120px;
	height:30px;
	margin:5px 0 0 0;
	padding:0;
	display:inline;
	float:left;
}

#global-contents ul li a {
	color:#666666;
	font:normal 13px/1.2em "ＭＳ Ｐゴシック", "Osaka";
	text-decoration:none;
	border-right:1px solid #666666;
	width:120px;
	height:30px;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

#global-contents ul li a:hover{ color:#000000;}

#global-contents ul li.last a { border:none; }


/* ++++++++++++ コンテンツレイアウト ++++++++++++ */
#main-contents {
	clear:both;
	text-align:left;
	width:400px;
	margin:0;
	padding:20px 10px 15px 10px;
	float:right;
}

* html #main-contents { width:420px; }


/* ++++++++++++ メイン用css ++++++++++++ */
#main-contents h2 {
	color:#FFFFFF;
	font:bolder 18px/32px "ＭＳ Ｐゴシック", "Osaka";
	background:url(../image/h2back.gif) repeat;
	width:380px;
	margin:0 0 20px 0;
	padding:0 5px 0 10px;
}

#main-contents h3 {
	color:#660000;
	font:bold 1.2em/1.2em "ＭＳ Ｐゴシック", "Osaka";
	width:385px;
	border-left:1px solid #660000;
	margin:5px 0;
	padding:10px 0 10px 10px;
}

#main-contents p {
	color:#333333;
	font:normal 1em/1.8em "ＭＳ Ｐゴシック", "Osaka";
	margin:0 0 30px 0;
}

#main-contents p a {
	color:#333366;
	font:normal 1em/1.8em "ＭＳ Ｐゴシック", "Osaka";
	text-decoration:none;
	margin:0 0 15px 0;
}

#main-contents p a:hover{ color:#CC0000; }


/* ++++++++++++ メイン本文ポイント ++++++++++++ */
.main-point {
	color:#CC0000;
	font-weight:bold;
}

.main-point2 {
	color:#000066;
	font-size:1.2em;
	line-height:1.5em;
}

.main-point3 {
	color:#333333;
	font-size:0.8em;
	line-height:1.5em;
}

#main-contents table.hyo{ border-collapse:collapse; }

#main-contents table.hyo td{ border:1px solid #000; }


/* ++++++++++++ メイン用index ++++++++++++ */
#baito{
	color:#333;
	font-size:medium;
	margin:0 5px 15px 5px;
	padding:5px 0;
}

#baito p{
	margin:10px;
	padding:0;
}

#baito p.heading{
	color:#0099ff;
	font:bold 18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}

#baito p.caption{
	color:#E60012;
	font-weight:bold;
	font-size:larger;
	letter-spacing:1px;
	margin:20px 0 15px 10px;
}

#baito ul{
	margin:10px 10px 15px 20px;
	padding:0;
}


/* ++++++++++++ メインimg ++++++++++++ */
.top { margin:0; }
.under { margin:0 0 10px 0; }
.visual { margin:0 0 10px 0; }


/* ++++++++++++ companyテーブル ++++++++++++ */
.company { border-collapse:collapse; }

.company td{
	color:#000000;
	font:normal 0.9em/1.3em "ＭＳ Ｐゴシック", "Osaka";
	border:1px solid #333333;
	padding:10px 5px;
}


/* ++++++++++++ サイドメニュー ++++++++++++ */
#sidebar {
	text-align:left;
	width:310px;
	margin:0;
	padding:0;
	float:left;
}

#menu {
	text-align:left;
	width:175px;
	margin:0;
	padding:10px 0;
	float:right;
}


/* ++++++++++++ サイドバーコンテンツ ++++++++++++ */
.info {
	width:165px;
	list-style-type:none;
	list-style-position:outside;
	margin:0 0 0 10px;
	padding:0;
}

.info li a{
	color:#FFFFFF;
	text-decoration:none;
	font:normal 1em/1.2em "ＭＳ Ｐゴシック", "Osaka";
	background:url(../image/menu-point1.gif) no-repeat left 1px;
	border-top:1px dotted #FFFFFF;
	display:block;
	width:145px;
	margin:0;
	padding:3px 5px 4px 15px;
}
*html .info li a{ width:165px; }

.info li a:hover{ background:url(../image/menu-point2.gif) no-repeat; }

.info li.info-midashi a{
	color:#FFFFFF;
	font:normal 1em/1.2em "ＭＳ Ｐゴシック", "Osaka";
	text-decoration:none;
	background:#999999 none;
	border-top:none;
	border-left:3px solid #FFFFFF;
	width:155px;
	margin:10px 0 5px 0;
	padding:3px 4px 3px 3px;
	display:block;
}
*html .info li.info-midashi a{ width:163px; }

.info li.info-midashi a:hover{
	background:#999999 none;
	border-left:3px solid #000066;
}

.info li.top a { border-top:none; }


/* ++++++++++++ サイドバーインフォメーション ++++++++++++ */
.bis {
	width:120px;
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	padding:10px 0 0 0;
	float:left;
}

.bis-gallop {
	color:#FFFFFF;
	font:normal 1em/1.2em "ＭＳ Ｐゴシック", "Osaka";
	text-decoration:none;
	background-color:#000033;
	border-bottom:3px solid #666666;
	width:110px;
	margin:0 0 10px 15px;
	padding:5px;
}
*html .bis-gallop { width:120px; }

.bis li a{
	color:#FFFFFF;
	text-decoration:none;
	font:normal 0.9em/1.2em "ＭＳ Ｐゴシック", "Osaka";
	background:url(../image/menu-point1.gif) no-repeat left 3px;
	border-top:1px dotted #FFFFFF;
	display:block;
	width:105px;
	margin:0 0 0 15px;
	padding:5px 0 5px 15px;
}
*html .bis li a{ width:120px; }

.bis li a:hover{ background:url(../image/menu-point3.gif) no-repeat left 3px; }

.bis li.top a { border-top:none; }

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


/* ++++++++++++ フッター ++++++++++++ */
#footer {
	clear:both;
	color:#000000;
	width:740px;
	font:normal 0.8em/1.3em "ＭＳ Ｐゴシック", "Osaka";
	text-decoration:none;
	border-bottom:1px solid #999999;
	margin:10px auto 20px auto;
	padding:0 0 10px 0;
}

#footer a { color:#000000; text-decoration:none; }



/* ++++++++++++ 転職術2 ++++++++++++ */


#t_menu {
	text-align:left;
	width:380px;
	margin-left:10px;
	padding:0;
	float:left;
}

#t_menu dl.ten {
	margin:10px 10px;
	padding:0;
}

#t_menu dl.ten dt {
	color:#3366ff;
	line-height:13px;
	margin:0;
	padding:5px 0 5px 0;
}

#t_menu dl.ten dd {
	font-size:small;
	margin:0 0 10px 22px;
	padding:0;
	
}


#t_menu dl.ten dt a:link{ color:#3366ff;}

#t_menu dl.ten dt a:hover{ color:#CC0000;}