@charset "utf-8";

/* =======================================

	voice	 CSS

========================================== */

/* btn_goto_voice1 合格者の声 学生 カテゴリーページへのボタン
------------------------------------------ */
.btn_goto_voice1 {
	width:224px;
	height:36px;
	zoom: 1;
}
.btn_goto_voice1 img { border:none; padding:0px; margin:0px;}
.btn_goto_voice1:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
.btn_goto_voice1 a {
	display:inline-block;
	background:#FFF url(../img/img_voice/ov/img_btn_goto_voice1.gif) no-repeat;
}
.btn_goto_voice1 a {background-position: 0 0px;}
.btn_goto_voice1 a:hover {	background-color: transparent;}
.btn_goto_voice1 a:hover img {	visibility: hidden;	}


/* btn_goto_voice2 合格者の声 スキルアップ カテゴリーページへのボタン
------------------------------------------ */
.btn_goto_voice2 {
	width:242px;
	height:36px;
	zoom: 1;
}
.btn_goto_voice2 img {  border:none;  padding:0px; margin:0px;}
.btn_goto_voice2:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
.btn_goto_voice2 a {
	display:inline-block;
	background:#FFF url(../img/img_voice/ov/img_btn_goto_voice2.gif) no-repeat;
}
.btn_goto_voice2 a {background-position: 0 0px;}
.btn_goto_voice2 a:hover {	background-color: transparent;}
.btn_goto_voice2 a:hover img {	visibility: hidden;	}


/* btn_goto_voice3 合格者の声 就職 カテゴリーページへのボタン
------------------------------------------ */
.btn_goto_voice3 {
	width:233px;
	height:36px;
	zoom: 1;
}
.btn_goto_voice3 img {  border:none;  padding:0px; margin:0px;}
.btn_goto_voice3:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
.btn_goto_voice3 a {
	display:inline-block;
	background:#FFF url(../img/img_voice/ov/img_btn_goto_voice3.gif) no-repeat;
}
.btn_goto_voice3 a {background-position: 0 0px;}
.btn_goto_voice3 a:hover {	background-color: transparent;}
.btn_goto_voice3 a:hover img {	visibility: hidden;	}


/* btn_goto_voice4 合格者の声 中高年 カテゴリーページへのボタン
------------------------------------------ */
.btn_goto_voice4 {
	width:218px;
	height:36px;
	zoom: 1;
}
.btn_goto_voice4 img {  border:none; padding:0px; margin:0px;}
.btn_goto_voice4:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
.btn_goto_voice4 a {
	display:inline-block;
	background:#FFF url(../img/img_voice/ov/img_btn_goto_voice4.gif) no-repeat;
}
.btn_goto_voice4 a {background-position: 0 0px;}
.btn_goto_voice4 a:hover {	background-color: transparent;}
.btn_goto_voice4 a:hover img {	visibility: hidden;	}



/* btn_backlist  一覧に戻るボタン
------------------------------------------ */

.btn_backlist {
	width:120px;
	height:31px;
	zoom: 1;
}
.btn_backlist img { border:none; pdding:0;}
.btn_backlist:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
.btn_backlist a {
	display:inline-block;
	background:#FFF url(../img/img_voice/ov/img_btn_backlist.gif) no-repeat;
}
.btn_backlist a {background-position: 0 0px;}
.btn_backlist a:hover {	background-color: transparent;}
.btn_backlist a:hover img {	visibility: hidden;	}

.message_attention{ font-size:11px!important; line-height:1.2;}


/* box_style_kamoku
   use: voice 
------------------------------------------ */

/*各合格者の声*/
#wrapper #document div.comment_area{ 
zoom:1;width:600px; margin: 0px 17px; padding:20px 25px; background-color:#FFFFFF; border:1px solid #d2d2d2;}
#wrapper #document div.box_style_kamoku {
	zoom:1;
	height:100%;
	border: 2px solid #d2d2d2;
	background-color: #ffffff;
	padding:4px;
	margin:20px 0;
}
#wrapper #document div.comment_area p{margin-bottom:30px;  }
#wrapper #document div.box_style_kamoku:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}
#wrapper #document .box_style_kamoku_inner {height:100%;padding: 15px;}
#wrapper #document .box_style_kamoku_inner ul  {	 zoom:1; display:block; margin-bottom:0px!important; padding-bottom:0px;}
#wrapper #document .box_style_kamoku_inner ul:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
}


#wrapper #document ul.link_list { margin:0;}
#wrapper #document ul.link_list li {
	padding-left:18px;
	float:left;
	width:45%;
	background-image: url(../img/img_voice/img_icon_shikaku.gif);
	background-repeat: no-repeat;
	background-position: left center;
	line-height:1.4;
	margin-top:10px;
}

#wrapper #document ul.link_list_innner li {
	margin-top:7px;
	padding-left:18px;
	float:left;
	width:45%;
	background-image: url(../img/img_voice/img_icon_shikaku.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.box_style2_margin{ margin-top:15px;margin-bottom:10px;}


/*　合格者の声　ヘッダー*/
#wrapper #document div.voice_title img.icon{ float:right; width:45px; margin-right:10px;}
#wrapper #document div.voice_title img.icon:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
/* Hides from IE-mac \*/
* html #wrapper #document div.voice_title img.icon {height: 1%;}
/* End hide from IE-mac */

/*  pprof area 
------------------------------------------ */
#wrapper #document div.voice_title img.icon200man{ float:right; width:40px; margin-right:10px;}
#wrapper #document div.voice_head_area{ width:650px; margin:10px auto 0px auto; zoom:1; _margin-top:20px;}
#wrapper #document div.voice_head_area:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
* html #wrapper #document div.voice_head_area {height: 1%;}


#wrapper #document div.voice_head_area div.voice_photo{ border:1px solid #D7D7D7; width:90px; float:right;}
#wrapper #document div.voice_head_area div.voice_photo:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
* html #wrapper #document div.voice_head_area div.voice_photo {height: 1%;}

#wrapper #document div.voice_head_area div.voice_photo img{ border:1px solid #ffffff;}

#wrapper #document div.voice_head_area div.voice_title{width:535px;float:left; }
#wrapper #document div.voice_head_area div.voice_title:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
/* Hides from IE-mac \*/
* html #wrapper #document div.voice_head_area div.voice_title {height: 1%;}
/* End hide from IE-mac */

#wrapper #document div.voice_head_area div.voice_title div.profile_arae { padding-left:3px; padding-top:5px;}
#wrapper #document div.voice_head_area div.voice_title div.profile_arae p.profile{ line-height:1.7;}
#wrapper #document div.voice_head_area div.voice_title div.profile_arae p.profile strong{ font-weight:bold; font-size:14px;padding-right:5px;}
#wrapper #document div.voice_head_area div.voice_title h2{
	color:#424242;
	font-size:110%;
	background:none!important;
	height:100%;
	padding:0 0 1em 3px;
	line-height:1.7;
	border-bottom:solid 1px #9a9a9a!important;
}

#wrapper #document div.voice_head_area div.voice_title_1h{width:100%;float:left; }
#wrapper #document div.voice_head_area div.voice_title_1h div.profile_arae { padding-left:3px;}
#wrapper #document div.voice_head_area div.voice_title_1h div.profile_arae p.profile{ float:left; width:500px; }
#wrapper #document div.voice_head_area div.voice_title_1h div.profile_arae p.profile strong{ font-weight:bold; font-size:14px; padding-left:10px;padding-right:7px;}
#wrapper #document div.voice_head_area div.voice_title_1h div.profile_arae img.icon_left{ float:left; width:30px; margin-right:8px;}
#wrapper #document div.voice_head_area div.voice_title_1h div.profile_arae p.profile span.bold{ font-weight:bold;}
#wrapper #document div.voice_head_area div.voice_title_1h h2{
	color:#424242;
	font-size:110%;
	background:none!important;
	border-bottom:solid 1px #9a9a9a;
	padding:0 0 12px 3px;
	height:auto;
	line-height:1.7;
}
#wrapper #document div.box_style_wwc_omenu{ border:2px solid #d2d2d2; padding:18px; width:674px;}
#wrapper #document div.box_style_wwc_omenu li{
	width:170px;
	float:left;
	background-image: url(../img/img_voice/img_icon_cube_un.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}
#wrapper #document div.box_style_wwc_omenu li.end{ width:250px;}
#wrapper #document div.comment_area{ width:600px; margin:20px auto; padding:20px 25px; background-color:#FFFFFF; border:1px solid #d2d2d2;}


#wrapper #document div.comment_area_inner{ width:592px; margin:20px 17px; padding:20px 25px; background-color:#FFFFFF; border:1px solid #d2d2d2;}
#wrapper #document div.comment_area_inne:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
/* Hides from IE-mac \*/
* html #wrapper #document div.comment_area_inne {height: 1%;}
/* End hide from IE-mac */
#wrapper #document div.comment_area h3{
color: #673598;
padding-bottom:12px;
padding-left:0px;
border-bottom:1px dotted #d2d2d2;
background-image:none;
margin-bottom:15px;
margin-top:0px;
font-size:110%;
}

#wrapper #document div.comment_area p.end{ margin-bottom:40px;}
p.date_right{ text-align:right; margin:0!important; line-height:1.2;}


/* 一覧 */
ul.person_list{ margin:0; padding:0;}

ul.person_list li{ 
	margin:20px auto auto 10px;
	padding-bottom:15px;
	border-bottom:1px dotted #999999;
	display:block;
	zoom:1;
	position:relative;
	top:0px;
	left:0px;
	}

ul.person_list li:after { 	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
ul.person_list li.border_none { border:none!important;}

#wrapper #document div.voice_head_area div.voice_photo img{ border:1px solid #ffffff;}

ul.person_list li .photo { display:inline-block;	_display:inline; float:left;  margin-right:45px; }
ul.person_list li .photo:after { 	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
ul.person_list li .photo img{ border:1px solid #ffffff; }

ul.person_list li h3,
ul.person_list li h3 a {margin-top:0!important; 	border:none!important;	}
ul.person_list li h3 {
	position:relative;
	display:inline-block;
	_display:block;
	top:-20px;
	_top:0px;
	font-size:115%!important;
	background: url(../img/img_voice/img_icon_ppl_cube.gif) no-repeat!important;
	background-position: left 5px!important;
}
ul.person_list li h3:after { 	content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;}
ul.person_list li img.master{ float:right;}
ul.person_list li p.profile{ 	position:relative;	top:-20px; _top:0px; line-height:1.7; margin-left:18px!important;}
ul.person_list li p.profile strong{ font-weight:bold; font-size:14px; padding-right:5px;}

img.icon_new{ margin-left:10px; padding-top:1px;}



#document .goto_top_entry {
	float:right;
	clear:both;
	margin:10px 0px 30px auto;
}
#document .goto_top_entry {
	background:url(../img/img_icon_up1.gif) no-repeat;
	background-position: 0.1em;
	font-size: 92%;
	padding-bottom: 0.1em;
	padding-left: 1.2em;
	zoom:1;/*for IE 5.5-7*/ 
}


