@charset "shift_jis";

/*
===== CONTENTS ===========================================

	Site Name: hissatsu2013
	Description: initial setting
	Version: 
	Author: contents

==========================================================
*/

/*----------------------------------------
	special interviewer
----------------------------------------*/

#container{
		height:auto;
	background:url(../img/contents/bg_contents2.jpg) no-repeat right top;
}


#contents_inte{
	float:right;
	width:790px;
/*	padding:0px 0px 40px 0;*/
	min-height:410px;
	text-align:left;
	color:#e0e0e0;
	line-height:2.2;
	overflow: hidden;
}

#contents_inte h3{
	float: left ;
	padding-top: 30px;
	width: 58px;
	display: block;
}

#contents_inte #main_inte {
	float: right;
	width: 682px;
	background: url(../special/interview/img/int_bk.png) repeat-y;
	overflow: hidden;
	padding-left: 50px;
	padding-bottom: 50px;
}


#contents_inte #main_inte #inte_navi {
	margin: 35px 0;
	height: 90px;
	background: url(../special/interview/img/interview.png) right top no-repeat;
	overflow: hidden;
}


#contents_inte #main_inte #inte_navi ul {
	height: 65px;
	padding-top: 25px;
}


#contents_inte #main_inte #inte_navi ul li {
	list-style: none;
	float: left;
}


#contents_inte #main_inte #inte_navi ul li img { border: 0;}



#contents_inte #main_inte #inte_name {
	clear: both;
	height: 110px;
	background: url(../special/interview/img/line.gif) bottom no-repeat;
	margin-bottom: 20px;
}




#contents_inte dl img.img_left{ float:left; margin-right: 10px;}
#contents_inte dl img.img_right{ float:right; margin-left: 10px;}

#contents_inte dt{
	font-size:123.1%;
	font-weight:bold;
/*	color:#e0c583;*/
	color:#e3ab69;
}
*/



/*----------------------------------------
	special wallpaper
----------------------------------------*/


#contents_inte .main_wall { padding-top: 30px;}


#contents_inte .main_wall div {
	background: url(../special/wallpaper/img/bk_wp.jpg) top no-repeat;
	width: 320px;
	height: 350px;
	text-align: center;
	padding-top: 20px;
	margin:40px 0;
}

#contents_inte .main_wall div.left { float:left;}
#contents_inte .main_wall div.right { float:right;}

#contents_inte .main_wall ul{ margin-top: 20px;}
#contents_inte .main_wall ul li img{ margin-bottom: 15px;}



#contents_inte .main_wall p { clear: both; margin-bottom: 10px;}
#contents_inte .main_wall dl { margin: 0; padding: 0;}
#contents_inte .main_wall dl dt { margin: 0; height:25px;}
#contents_inte .main_wall dl dd { color:#929292; line-height: 1.5;}




/*----------------------------------------
	special highlight
----------------------------------------*/

#highlight{
	float:right;
	text-align:left;
	color:#e0e0e0;
	height:auto;
	width: 824px;
}

#highlight #highlight_wrap{
	display: block;
	position: relative;
	height: 480px;
}

#highlight #highlight_wrap01{
	display: block;
	position: relative;
	height: 301px;
}
#highlight #highlight_wrap02{
	margin-top:15px;
	padding-left: 20px;
	display: block;
	position: relative;
}

#highlight #highlight_wrap03{
	padding-left:20px;
	display: block;
	position: relative;
	height: 680px;
	clear: both;
}

#highlight #highlight_wrap04{
	display: block;
	position: relative;
	clear: both;
}
#highlight #highlight_wrap05{
	display: block;
	position: relative;
	clear: both;
}
#highlight #highlight_wrap06{
	padding-left:140px;
	display: block;
	position: relative;
	height: 460px;
	clear: both;
}
#highlight #highlight_copy{
	clear: both;
	padding: 30px 20px;
	line-height: 1.5;
	background: url(../special/highlight/img/line.gif) bottom no-repeat;
	color:#BEBEBE;
}


#highlight #highlight_txtul{
	padding: 10px 20px;
	background: url(../special/highlight/img/line.gif) bottom no-repeat;
	overflow: hidden;
}


#highlight #highlight_txtul li {
	list-style: none;
	float: left;
	width: 240px;
	margin-bottom: 20px;
	padding-left: 15px;
	background: url(../special/highlight/img/list_on.gif) 0px 3px no-repeat;
}


#highlight #highlight_txtul li.non {
	background: url(../special/highlight/img/list_off.gif) 0px 3px no-repeat;
	color: #818181;
}


#highlight #highlight_txtul li a {
	text-decoration: underline;
	color:#A09246;
}


#highlight #highlight_txtul li a:hover {
	text-decoration: none;
	color:#C2B678;
}






/******  みどころ背景画像 ******/

.special .highlight01{ background: url(../special/highlight/img/bk_01.png) top no-repeat;}
.special .highlight02{ background: url(../special/highlight/img/bk_02.png) top no-repeat;}
.special .highlight03{ background: url(../special/highlight/img/bk_03.png) top no-repeat;}
.special .highlight04{ background: url(../special/highlight/img/bk_04.png) top no-repeat;}
.special .highlight05{ background: url(../special/highlight/img/bk_05.png) top no-repeat;}
.special .highlight06{ background: url(../special/highlight/img/bk_06.png) top no-repeat;}
.special .highlight07{ background: url(../special/highlight/img/bk_07.png) top no-repeat;}
.special .highlight08{ background: url(../special/highlight/img/bk_08.png) top no-repeat;}
.special .highlight09{ background: url(../special/highlight/img/bk_09.png) top no-repeat;}
.special .highlight10{ background: url(../special/highlight/img/bk_10.png) top no-repeat;}
.special .poster{ background: url(../special/poster/img/p_bg01.jpg) top no-repeat;}

.special .poster2{ background: url(../special/poster/img/p_bg02.jpg) top left no-repeat;}
.special .poster3{ background: url(../special/poster/img/p_bg03.jpg) top right no-repeat;}
.special .poster4{ background: url(../special/poster/img/p_bg04.jpg) top left no-repeat;
}
.special .poster5{ background: url(../special/poster/img/pr_bg.png) top no-repeat;
}

#highlight #highlight_phot{
	position: absolute;
	top: 0;
	left: 20px;
	height: 320px;
	width:95px;
}

#highlight #highlight_phot h3{ float: left;}
#highlight #highlight_phot p{ float: right; margin-top: 20px;}



#highlight ul.highlight_nv{
	position: absolute;
	top: 0;
	left: 515px;
	height: 95px;
	width:310px;
}

#highlight ul.highlight_nv li{ float:left;}



/******  みどころタイトル ******/

#highlight h4 {position: absolute;}
#highlight h4.title01 {top: 120px; left:290px;}
#highlight h4.title02 {top: 235px; left:190px;}

#highlight h4.title03 {top: 280px; left:200px;}
#highlight h4.title04 {top: 93px; left:293px;}
#highlight h4.title05 {top: 48px; left:185px;}
#highlight h4.title06 {top: 107px; left:535px;}

#highlight h4.title07 {top: 75px; left:170px;}
#highlight h4.title08 {top: 120px; left:125px;}
#highlight h4.title09 {top: 370px; left:140px;}
#highlight h4.title10 {	top: 320px;	left:13px;}
#highlight .title11 {top:10px; left:120px;}


/******  みどころ スライダー ******/

#highlight #slider01 { position: absolute;top:210px;left:460px;}
#highlight #slider08 { position: absolute; top:209px; left:124px;}

#slider_main {
/*	height: 1%;*/
	width: 365px;
	height: 265px;
	background: url(../special/highlight/img/slider_bk.png) top no-repeat;
}

/** 画像 **/
#slider_main .viewport {
	margin-left: 21px;
	width: 323px;
	height: 238px;
	overflow: hidden;
	position: relative;
}
#slider_main .overview {
	list-style: none;
	margin: 0;
	padding-top: 21px;
	padding-left:0;
	position: absolute;
}
#slider_main .overview li {
	cursor: crosshair;
	float: left;
	height: 218px;
	width: 323px;
}

/** ボタン **/
#slider_main .pager {
	margin: 0;
	padding: 10px 0 0 150px;
	overflow: hidden;
}
#slider_main .pager li { float: left; list-style: none;}
#slider_main .pager a {
	display: block;
	width:11px;
	height:11px;
	padding: 5px;
	line-height: 0;
	text-align: center;
	text-indent:-9000px;
	background: url(../special/highlight/img/slider_bt_out.gif) no-repeat center transparent;
}
#slider_main .pager .active {
	background:url(../special/highlight/img/slider_bt_over.gif) no-repeat center transparent;
}





/*//////////////ポスター/////////////////*/

#highlight.poster h4.title07{ top :0px;left: 0px;}
#highlight.poster h4.title08{ top: 175px; left:0px;}
#highlight.poster h4.title09{ top: 15px; left:0px;}
/*#highlight.poster h4.title10{ top: 175px; left:0px;}*/

#p_con01{
	padding-top:160px;
	height:140px;
}

#p_con02{
	padding-right:0px;
	padding-top:0px;
	height:430px;
}
#p_con03{
	padding-top:30px;
	height:650px;
}
#p_con04{
	width:810px;
	padding-top:30px;
	height:85px;
}
#p_con05{
	padding-top:0px;
	height:60px;
}
#p_con06{
	padding-top:30px;
	height:120px;
}
#p_con07{
	width:560px;
	height:270px;
}
#p_con07 p{
	color:#969696;
	font-size:12px;
	line-height:1.5em;
	display:block;
}
#prof_imgw{
	background:url(../special/poster/img/prof_img.jpg) no-repeat center transparent;
	float:left;
	width:117px;
	height:117px;
	}
#prof_lw{
	padding-left:10px;
	float:left;
	height:117px;
	}
#prof_name{
	width:160px;
	height:40px;
	}
#prof_name2{
	width:400px;
	height:40px;
	}
#prof_name2 p{
	color:#9F9246;
	}
#p_btn{
	text-align:center;
	margin-top: 10px;
}
.p_h{
/*	padding-left:20px;*/
	letter-spacing:0.16em;
	line-height:1.6em;
	color: #BEBEBE;
	display:block;
	height:90px;
	margin-bottom:0px;
}
.p_h2{
	padding-top:15px;
	float:right;
	letter-spacing:0.16em;
	line-height:1.6em;
	display:block;
	height:50px;
	margin-bottom:0px;
	padding-left:20px;
}

.brown{
	color:#E3AB67;
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.6em;
	margin-bottom: 20px;
}

p.text {
	letter-spacing:0.16em;
	line-height:1.6em;
	color: #BEBEBE;
	margin-bottom: 30px;
}

.p_exh{
	float:right;
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.6em;
	display:block;
	width:480px;
	height:70px;
	color:#E3AB67;
	margin:0;
}
.p_exh2{
	float:right;
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.6em;
	display:block;
	width:480px;
	height:100px;
	color:#E3AB67;
	margin:0;
}
.p_ex{
	float:right;
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.6em;
	display:block;
	width:480px;
/*	height:320px;*/
	padding-top:10px;
	margin-bottom:0;
}
.p_exh_l{
	float:left;
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.6em;
	display:block;
	width:470px;
	height:65px;
	color:#E3AB67;
	margin:0;
}
.p_ex_l{
	float:left;
	padding-left:0px;
	padding-top:10px;
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.6em;
	display:block;
	width:470px;
	height:200px;
	margin-bottom:0px;
}

.p_exh_l2{
	padding-top:50px;
	float:left;
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.6em;
	display:block;
	width:470px;
	height:65px;
	color:#E3AB67;
	margin:0;
}
.p_ex_l2{
	float:left;
	padding-top:10px;
	font-size:14px;
	letter-spacing:0.16em;
	line-height:1.6em;
	display:block;
	width:790px;
	height:220px;
	margin-bottom:0px;
}
/*///////////////////////////////*/


#highlight #highlight_footer{
	clear: both;
	/*width:805px;*/
	padding: 10px 0 2px 10px;
	overflow: hidden;
}


#highlight #highlight_footer a {
	color: #999999;
	text-decoration: underline;
	font-size: 93%;
}


#highlight #highlight_footer a:hover {
	color: #B9B9B9;
	text-decoration: none;
}

#highlight #highlight_footer p.back {
	float: left;
	background: url(../special/highlight/img/back.gif) left no-repeat;
	padding-left: 17px;
}

#highlight #highlight_footer p.next {
	float: right;
	background: url(../special/highlight/img/next.gif) right no-repeat;
	padding-right: 17px;
}
