@charset "utf-8";
/*------------------------------------reset------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}   
table{border-collapse:collapse;border-spacing:0;}   
fieldset,img{border:0;}   
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}   
ol,ul {list-style:none;}   
caption,th {text-align:left;}   
h1,h2,h3,h4,h5,h6{font-size:100%;}   
q:before,q:after{content:'';}  
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}/*table {font-size:inherit;font:100%;}*/pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


@media print{

body {
_zoom: 90%; /*WinIE only */
}
}

/*------------------------------------common------------------------------------*/
body {
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #4B4B4B;
	text-align: left;
}
/*------------wrapper------------*/
#wrapper {
	/*width: 61.5em;*/
	margin: 0 auto;
	background-color:#FFFFFF;
	font-size:93%;
}
/*------------------------------------ヘッダー------------------------------------*/
/*------------ヘッダー------------*/
#header_wrapper {
	/*width:800px;*/
	height:82px;
	background:url(../../images/common/header_bottom.gif) repeat-x;
	background-position:bottom;
}
#header {
	width:800px;
	margin:0 auto;
}
/*------------ロゴ------------*/
#logo {
	float:left;
}
/*------------SEO------------*/
#header h1 {
	height:auto;
	color:#999999;
	/*font-size:93%;*/
	font-weight:400;
	letter-spacing:1px;
	margin-top:13px;
	float:right;
}
/*------------文字サイズ------------*/
#size {
	width:190px;
	height:24px;
	float:right;
	margin-top:14px;
}
#size img {
	float:left;
}
#size ul {
	width:92px;
	height:26px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	float:left;
}
#size ul li {
	width:26px;
	height:26px;
	margin-left:3px;
	float:left;
}
#size ul li a {
	width:26px;
	height:26px;
	display: block;
}
/*
li#s01 {
	background:url(./images/common/small.gif) no-repeat;
}
li#s02 {
	background:url(./images/common/medium.gif) no-repeat;
}
li#s03 {
	background:url(./images/common/big.gif) no-repeat;
}
*/
li#s01 a {
	background:url(../../images/common/small.gif) no-repeat;
}
li#s02 a {
	background:url(../../images/common/medium.gif) no-repeat;
}
li#s03 a {
	background:url(../../images/common/big.gif) no-repeat;
}

li#s01 a:hover {
	background:url(../../images/common/small02.gif) no-repeat;
}
li#s02 a:hover {
	background:url(../../images/common/medium02.gif) no-repeat;
}
li#s03 a:hover {
	background:url(../../images/common/big02.gif) no-repeat;
}

/*------------------------------------トップイメージ------------------------------------*/
/*------------トップイメージ------------*/
#topimage_wrapper {
	background:url(../../images/common/back_intern_topimage.gif) repeat-x;
}

#topimage {
	width:800px;
	height:240px;
	clear:both;
	margin:0 auto 20px auto;
}

/*------------------------------------contents------------------------------------*/
#contents {
	width: 800px;
	height:auto;
	clear:both;
	margin:0 auto;
}

/*------------------------------------left_contents------------------------------------*/
/*------------left_contents------------*/
#left_contents {
	width:570px;
	height:auto;
	float:left;
}
/*------------タイトルバー------------*/
#contents h2 {
	width: 390px;
	height:39px;
	clear:both;
}
/*------------ボックス------------*/
.box {
	width:388px;
	height:10em;
	margin-bottom:20px;
	border-bottom:solid #999999 1px;
	border-left:solid #999999 1px;
	border-right:solid #999999 1px;
	padding-top:4px;
}
/*------------ボックステキスト------------*/
.box p {
	color:#666666;
	line-height:1.25;
	letter-spacing:1px;
	margin:4px 10px 6px 10px;
}
.box p a {
	text-decoration:none;
	color:#666666;
}
.box p a:hover {
	color:#666666;
	text-decoration:underline;
}

/*------------バナー（小）------------*/
.btn {
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	display: block;
}
.btn a {
	width:100%;
	height:100%;
	display:block;
}

/*------------------------------------右コンテンツ------------------------------------*/
#right_content {
	width:200px;
	float:right;
}
/*------------メニュー------------*/
#banner {
	width:200px;
	height:auto;
}
#banner ul {
	width:200px;
	height:auto;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#banner ul li {
	width:200px;
	height:auto;
}
#banner ul li a {
	margin-bottom:18px;
	width:200px;
	height:120px;
	display: block;
}

li#b01 { background:url(../images/common/menu_interview.jpg) no-repeat;}
li#b02 { background:url(../../images/common/menu_club.jpg) no-repeat;}
li#b03 { background:url(../../images/common/menu_woman.jpg) no-repeat;}
li#b04 { background:url(../../images/common/menu_student.jpg) no-repeat;}
li#b05 { background:url(../../images/common/menu_message.jpg) no-repeat;}
li#b06 { background:url(../../images/common/menu_work.jpg) no-repeat;}
li#b07 { background:url(../../images/common/menu_ui.jpg) no-repeat;}

li#b01 a { background:url(../../images/common/menu_interview.jpg) no-repeat;}
li#b02 a { background:url(../../images/common/menu_club.jpg) no-repeat;}
li#b03 a { background:url(../../images/common/menu_woman.jpg) no-repeat;}
li#b04 a { background:url(../../images/common/menu_student.jpg) no-repeat;}
li#b05 a { background:url(../../images/common/menu_message.jpg) no-repeat;}
li#b06 a { background:url(../../images/common/menu_work.jpg) no-repeat;}
li#b07 a { background:url(../../images/common/menu_ui.jpg) no-repeat;}

li#b01 a:hover { background:url(../../images/common/menu_interview02.jpg) no-repeat;}
li#b02 a:hover { background:url(../../images/common/menu_club02.jpg) no-repeat;}
li#b03 a:hover { background:url(../../images/common/menu_woman02.jpg) no-repeat;}
li#b04 a:hover { background:url(../../images/common/menu_student02.jpg) no-repeat;}
li#b05 a:hover { background:url(../../images/common/menu_message02.jpg) no-repeat;}
li#b06 a:hover { background:url(../../images/common/menu_work02.jpg) no-repeat;}
li#b07 a:hover { background:url(../../images/common/menu_ui02.jpg) no-repeat;}


/*------------バナー------------*/
#banner02 {
	width:200px;
	height:auto;
}
#banner02 ul {
	width:200px;
	height:auto;
}
#banner02 ul li {
	width:200px;
	height:auto;
	margin-bottom:15px;
}

/*------------------------------------box------------------------------------*/
#box {
	width:548px;
	height:auto;
	padding:10px;
	border-bottom:#999999 solid 1px;
	border-left:#999999 solid 1px;
	border-right:#999999 solid 1px;
}
#title .img {
	width:170px;
	height:224px;
	float:left;
	margin-bottom:20px;
}
#title p {
	color:#4d4b4b;
	line-height:16px;
	width:360px;
	float:right;
}
#title .line {
	width:550px;
	height:20px;
	clear:both;
}

/*------------------------------------footer------------------------------------*/
/*------------footer------------*/
#footer {
	clear: both;
	width: 800px;
	height: 112px;
	background: url(./images/common/footer_back.gif)	repeat-x;
	border-top: 1px solid #CCCCCC;
	margin:20px auto 0 auto;
}
/*------------テキストリンク------------*/
#fmenu {
	width:250px;
	height:22px;
	margin:7px 0 0 10px;
	float:right;
	padding:6px 0 0 10px;
}
.txt_fmenu {
	color:#666666;
	/*font-size:93%;*/
	letter-spacing:1px;
	float:right;
	margin:18px 10px 15px 0;
	background: url(../../images/common/icon.gif) no-repeat 0% 30%;
	padding-left:10px;
}
.txt_fmenu a {
	color:#666666;
	/*font-size:93%;*/
	text-decoration:none;
}
.txt_fmenu a:hover {
	color:#666666;
	/*font-size:93%;*/
	text-decoration:underline;
}
/*------------テキスト（下）------------*/
.txt_footer {
	height:20px;
	text-align:center;
	/*font-size:93%;*/
	color:#666666;
	letter-spacing:1px;
	padding:13px 0 30px 0;
	line-height:15px;
}


#top_interview {
	width:570px;
	height:250px;
	background: url(images/title_interview.jpg) no-repeat;
}
#top_interview p {
	letter-spacing:1px;
	line-height:16px;
	width:340px;
	padding:70px 0 0 220px;
}

.txt_q {
	background: url(../../images/common/icon01.jpg) no-repeat scroll left center;
	padding:4px 0 4px 16px;
	border-bottom:#4C94DB dotted;
	font-weight:bold;
	margin:20px 0 10px 0;
	clear:both;
}

.txt_a {
	letter-spacing:1px;
	line-height:16px;
	margin-bottom:10px;
	clear:both;
}
.txt_a2 {
	width:350px;
	float:left;
	letter-spacing:1px;
	line-height:16px;
	margin-bottom:10px;
}

.txt_f {
	width:544px;
	border:3px solid #4C94DB;
	padding:10px;
	margin:20px 0;
	letter-spacing:1px;
	line-height:16px;
}

/*------------------------------------clear------------------------------------*/
.clear{
	clear: both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/* hides from IE-mac \*/
* html .clearfix {height:1%;}

.clearfix {display:block;}

/*------------------------------------汎用------------------------------------*/
.f_small {
	font-size:x-small;
}
.text_left {
	text-align:left !important;
}
.no_border {
	border-width:0 !important;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}