/* CSS Document */

#contwrap{
	margin:0;
	width:950px;
}

img{
	border:0;
}

.val_top{
	vertical-align:top;
}
.val_bottom{
	vertical-align:bottom;
}

.float_l{
	float:left;
}
.float_r{
	float:right;
}

.clear{
	clear:both;
}
.clear hr{
	display:none;
}

.mar_bottom10{
	margin-bottom:10px;
}

.fl_mar_left15{
	margin-left:15px;
}
.fl_mar_right15{
	margin-right:15px;
}


/*
基本
-------------------*/

#contwrap #wrapper{
	width:950px;
	margin:0;
}


/*
タイトル
-------------------*/
#cont_inner #title_wrap{
	width:950px;
	height:236px;
	margin:0;
	padding:0;
	background:url(images/titlephoto.jpg) right top no-repeat;
	position:relative;
}

#title_wrap img.catch{
	position:absolute;
	top:0;
	left:0;
}
#title_wrap img.title1{
	position:absolute;
	top:45px;
	left:0;
}
#title_wrap img.title2{
	position:absolute;
	top:113px;
	left:0;
}

#cont_inner #title_read{
	width:950px;
	height:90px;
	margin:0;
	padding:0;
	background:url(images/title_readbg.jpg) right bottom no-repeat;
	position:relative;
	text-align:left;
}
#cont_inner #title_read p{
	width:585px;
	position:absolute;
	top:5px;
	left:10px;
}


/*
タイプ別
-------------------*/
#types_wrap{
	width:950px;
	margin:10px 0;
	padding:0;
}

.typea_bg{
	background:url(images/bg_red.gif) repeat;
}
.typeb_bg{
	background:url(images/bg_yellow.gif) repeat;
}
.typec_bg{
	background:url(images/bg_blue.gif) repeat;
}

#types_wrap .index{
	width:950px;
	background:url(images/waku_top.png) left top no-repeat;
	text-align:left;
	padding:5px 0;
}
#types_wrap .index img{
	margin:5px 0 5px 20px;
}

#types_wrap .bottom{
	width:950px;
	height:16px;
	margin:0;
	padding:0;
	background:url(images/waku_bottom.png) left bottom no-repeat;
}


#types_wrap .types_inner_top{
	width:930px;
	height:20px;
	background:url(images/types_inner_top.png) left top no-repeat;
	margin:0 10px;
}

#types_wrap .types_inner{
	width:930px;
	background:#fff;
	margin:0 10px;
}

#types_wrap .types_inner .incont{
	width:892px;
	margin:0 19px;
}

#types_wrap .types_inner .incont .osusume_wrap{
	width:892px;
	text-align:left;
	padding-bottom:20px;
}

.bg_icon_atype{
	background:url(images/atype_icon.gif) right 50% no-repeat;
}
.bg_icon_btype{
	background:url(images/btype_icon.gif) right 50% no-repeat;
}
.bg_icon_ctype{
	background:url(images/ctype_icon.gif) right 50% no-repeat;
}

#types_wrap .types_inner .incont .osusume_wrap img.osusume_title{
	margin-bottom:15px;
	display:block;
}

#types_wrap .types_inner .incont .osusume_wrap p{
	width:650px;
	padding:5px 0;
}



#types_wrap .types_inner .incont .genre_wrap{
	width:892px;
	background:url(images/colorful_line.gif) center top no-repeat;
	padding:50px 0 0 0;
}

#types_wrap .types_inner .incont .genre_wrap .genre_pittari{
	text-align:left;
	width:892px;
	background:url(images/tensen_line.gif) bottom no-repeat;
	padding:5px 0 10px 0;
}
#types_wrap .types_inner .incont .genre_wrap .genre_pittari img{
	margin-left:5px;
}


#types_wrap .types_inner .incont .genre_wrap .genre_content{
	text-align:left;
	width:892px;
	padding:10px 0 10px 0;
}

.tensen_line{
	background:url(images/tensen_line.gif) bottom no-repeat;
}

#types_wrap .types_inner .incont .genre_wrap .genre_content .genre_name{
	width:892px;
	padding:13px 0;
}
.bg_icon_s_atype{
	background:url(images/atype_icon_s.gif) left 50% no-repeat;
}
.bg_icon_s_btype{
	background:url(images/btype_icon_s.gif) left 50% no-repeat;
}
.bg_icon_s_ctype{
	background:url(images/ctype_icon_s.gif) left 50% no-repeat;
}
#types_wrap .types_inner .incont .genre_wrap .genre_content .genre_name img{
	margin-left:65px;
}


#types_wrap .types_inner .incont .genre_wrap .genre_content p.all{
	width:892px;
	padding:5px 0 10px;
}
#types_wrap .types_inner .incont .genre_wrap .genre_content p.half{
	width:440px;
	padding:5px 0 10px;
	float:left;
}

#types_wrap .types_inner .incont .genre_wrap .genre_content .int_box{
	width:430px;
	padding:25px 0 15px;
	position:relative;
	margin:20px 0;
}

.int_box img.coment{
	position:absolute;
	top:-10px;
	left:-10px;
	display:block;
	z-index:999;
}

#types_wrap .types_inner .incont .genre_wrap .genre_content .int_box .prof_area{
	width:430px;
	margin:0 0 15px;
	position:relative;
}
#types_wrap .types_inner .incont .genre_wrap .genre_content .int_box .prof_area img.photo{
	position:absolute;
	top:0;
	left:10px;
	z-index:888;
}

#types_wrap .types_inner .incont .genre_wrap .genre_content .int_box .prof_area img.catch_comment{
	margin-left:150px;
	display:block;
	margin-bottom:15px;
}
#types_wrap .types_inner .incont .genre_wrap .genre_content .int_box .prof_area .profiles{
	width:430px;
	padding:15px 0;
}

#types_wrap .types_inner .incont .genre_wrap .genre_content .int_box .prof_area .profiles p{
	margin-left:150px;
}


#types_wrap .types_inner .incont .genre_wrap .genre_content .int_box .interview_area{
	width:410px;
	margin:0 10px;
}

#types_wrap .types_inner .incont .genre_wrap .btn_area{
	width:720px;
	margin:10px 86px;
	text-align:center;
}

.bg_int_atype{
	background:#FFE3E3;
}
.bg_int_btype{
	background:#F0EAE3;
}
.bg_int_ctype{
	background:#CEEAF8;
}

.bg_prof_atype{
	background:#FFF4F4;
}
.bg_prof_btype{
	background:#F9F7F4;
}
.bg_prof_ctype{
	background:#ECF6FC;
}



#types_wrap .types_inner .incont .genre_wrap .genre_pittari img{
	margin-left:5px;
}



#types_wrap .types_inner_bottom{
	width:930px;
	height:20px;
	background:url(images/types_inner_bottom.png) left bottom no-repeat;
	margin:0 10px;
}






#cont_inner #plink_wrap #plink_inner{
	width:880px;
	margin:0 10px;
}

#cont_inner #plink_wrap #plink_inner #plink_box{
	width:430px;
	text-align:left;
	padding-bottom:15px;
	margin-bottom:10px;
}

#cont_inner #plink_wrap #plink_inner #plink_box img.plink_index{
	display:block;
	margin-bottom:10px;
}

.bg_photo_d{
	background:url(images/d_bgp.png) right 50% no-repeat;
}
.bg_photo_s{
	background:url(images/s_bgp.png) right 50% no-repeat;
}
.bg_photo_g{
	background:url(images/g_bgp.png) right 50% no-repeat;
}
.bg_photo_o{
	background:url(images/o_bgp.png) right 50% no-repeat;
}

#cont_inner #plink_wrap #plink_inner ul.plinks{
	width:350px;
	margin:0 15px;
	padding:0;
	white-space:nowrap;
	list-style:none;
}
#cont_inner #plink_wrap #plink_inner ul.plinks li{
	float:left;
	margin-right:15px;
	padding:2px 0 1px 20px;
	background:url(images/list_icon.png) left 5px no-repeat;
}


/*
ジャンル枠
-------------------*/
#cont_inner #it_genre_wrap{
	width:900px;
	margin:0 21px 0 5px;
	padding:0;
}

.it_genre_bbottom{
	background:url(images/border.png) bottom repeat-x;
}

#cont_inner #it_genre_wrap #it_index{
	width:900px;
	background:url(images/tensen.png) bottom repeat-x;
	padding-bottom:3px;
	text-align:left;
}

#cont_inner #it_genre_wrap #it_index img{
	display:block;
	margin-left:10px;
}

.index_bg_d{
	width:894px;
	margin:3px;
	padding:10px 0;
	background:url(images/d_bg.png) repeat;
}
.index_bg_s{
	width:894px;
	margin:3px;
	padding:10px 0;
	background:url(images/s_bg.png) repeat;
}
.index_bg_g{
	width:894px;
	margin:3px;
	background:url(images/g_bg.png) repeat;
	padding:10px 0;
}
.index_bg_o{
	width:894px;
	margin:3px;
	background:url(images/o_bg.png) repeat;
	padding:10px 0;
}

#cont_inner #it_genre_wrap #it_genre{
	width:900px;
}

.it_genre_btbottom{
	background:url(images/tensen.png) bottom repeat-x;
}

#cont_inner #it_genre_wrap #it_genre .it_genre_inner{
	width:870px;
	background:url(images/tensen2.png) center top repeat-y;
	paddingh:10px 0;
	margin:0 15px;
}

#it_genre .it_genre_inner .it_genre_box{
	width:420px;
	margin-top:10px;
	margin-bottom:10px;
	text-align:left;
}

#it_genre .it_genre_inner .it_genre_box img.what_job{
	margin-bottom:5px;
	display:block;
}


#it_genre .it_genre_inner .it_genre_box img.gname{
	display:block;
	margin-bottom:15px;
}

#it_genre .it_genre_inner .it_genre_box .botan_wrap{
	padding:10px 0;
	text-align:center;
	width:403px;
	margin:0 9px 0 8px;
}

* html #it_genre .it_genre_inner .it_genre_box .botan_wrap{
	width:410px;
	margin:0 5px 0 5px;
}

.pages{
	margin:10px 0;
	width:950px;
	text-align:right;
}