@charset "shift_jis";

/*----- center寄せ120904 -----*/
* {
	margin: 0 auto;
}
body #pia,
#interview #contents {
	margin: 0 auto;
}

#header h1 { padding: 10px 0 10px 29px; }

/* ----- templateA body.temp01 center寄せ120904----------------------------------------------------------------*/
#interview #contents { width: 980px; background: #FFFFFF url(../img/common/contents_bg.gif) repeat-y; }
#interview #section { width: 980px; background: url(../img/common/section_bg.gif) no-repeat 550px 0;}
#interview #main { width: 637px; float: left; padding-bottom: 30px; position: relative; z-index: 1; }
#interview #side { width: 310px; float: left; padding-bottom: 30px; padding-top: 25px;} 

#interview div.contentsArea {
	margin-left: 33px;
	width: 565px;
	padding-top: 15px;
}

/* -----list_page-----------------------------------------------------------------*/
#interview #main h2 { margin: 12px 0 0 33px; }
#interview #main div.list { margin-left: 33px; }
#interview #main div.list ul { clear: both; }
#interview #main div.list li {
	width: 175px;
	float: left;
	margin-right: 20px;
}

#interview  #main div.list p.ph { padding-top: 22px; }
#interview  #main div.list p.ph img { border: solid 5px #E5E5E5; }
#interview  #main div.list dl dt {
	color: #FF9900;
	background: url(../img/common/dots_green.gif) repeat-x left bottom;
	padding: 8px 0;
	text-align: center;
	margin-bottom: 5px;
}

#interview #main div.list dl dt a { font-weight: bold; }
#interview #main div.list dl dt a:link		{ color: #1EA53B; text-decoration: none; }
#interview #main div.list dl dt a:visited	{ color: #1EA53B; text-decoration: none; }
#interview #main div.list dl dt a:active		{ color: #F56BC6C; text-decoration: none; }
#interview #main div.list dl dt a:hover		{ color: #56BC6C; text-decoration: none; }

#interview #main div.list dl dd.date {
	color: #999999;
	font-size: 84%;
	margin-bottom: 5px;
	padding-top: 3px;
}

#interview #main div.list dl dd.date img {
	vertical-align:middle;
	margin-left:6px;
}

#interview #main div.pageNavi {
	clear: both;
	margin-left: 33px;
	width: 566px;
	padding-top: 25px;
}
#interview #main div.pageNavi ul { position: relative }
#interview #main div.pageNavi ul li.next { position:absolute; top: 12px; right:0; z-index: 1; }
#interview #main div.pageNavi ul li.back { position:absolute; top: 12px; left:0; z-index: 1; }

#interview #main div.pageNavi p.number {
	background: url(../img/common/dots_g_w.gif) repeat-x left top;
	text-align: center;
	padding: 12px 0 0 0;
	font-weight: bold;
}
#interview #main div.pageNavi p.number a,
#interview #main div.pageNavi p.number span {
	border-left: solid 1px #CCCCCC;
	padding: 0 4px;
}
#interview #main div.pageNavi p.number span { font-weight: bold; color: #999999; }
#interview #main div.pageNavi p.number .last {
	border-right: solid 1px #CCCCCC;
}


/* -----right_side-----------------------------------------------------------------*/

#interview #side div.base { 
 background: url(../img/common/side_topi_bg.gif) repeat;
 padding: 12px;
 margin-top: 15px;
}

/** cinema */
#interview #side div.base h2 { margin-bottom: 10px; }
#interview #side div#cinema ul {
	margin-top: 10px;
}
#interview #side div#cinema ul li {
	background: url(../img/common/dots_cya.gif) repeat-x left top;
	padding: 10px 0;
	clear: both;
	float: left;
	width: 285px;
}
#interview #side div#cinema p.ph {
	width: 90px;
	float: left;
}
#interview #side div#cinema p.ph img { border: solid 1px #CDCDCD; }
#interview #side div#cinema dl {
	width: 195px;
	float: left;
}
#interview #side div#cinema dt a { font-weight: bold; }
#interview #side div#cinema dd.open { color: #999999;}
#interview #side div#cinema p.t10 {
	clear: both;
	padding: 10px 0 0 0;
	width: 285px;
	background: url(../img/common/dots_cya.gif) repeat-x left top;
	text-align: right
}
#interview #side div#cinema p.t10 a.icon02 {
	background-position: 0 3px;
	display: inline;
}

/** bana*/
#interview #side p#bana { margin-top: 15px; }

/** 詳細ページ */
/* movie */
#interview #side div#movie { position: relative; padding: 12px 10px; overflow: visible; width: auto; }
#interview #side div#movie h2 { padding-bottom: 3px; }
#interview #side div#movie p.fukidashi {
	position: absolute;
	top: -12px;
	left: 218px;
}
#interview #side div#movie p.t10 { padding-top: 5px; }

/* profile*/
#interview #side div#profile { position: relative; }
#interview #side div#profile p.ph {
	position: absolute;
	top: 37px;
}
#interview #side div#profile p.ph img { border: solid 1px #ccc; }
#interview #side div#profile dl { padding-left: 125px; }
#interview #side div#profile dt { font-weight: bold; }

/* album */
#interview #side div.cd { position: relative; }
#interview #side div.cd p.ph {
	position: absolute;
	top: 37px;
}
#interview #side div.cd p.ph img { border: solid 1px #ccc; }
#interview #side div.cd dl { padding-left: 125px; }
#interview #side div.cd dt,
#interview #side div.cd dd.price { font-weight: bold; }
#interview #side div.cd p.btn { padding: 5px 0 25px 125px; }

/***---------------- 追加修正2008.12.22-------------------------------------------- **/
#interview #side div.ibox { 
	background: url(../img/common/side_topi_bg.gif) repeat;
	padding: 12px;
	margin-top: 15px;
	overflow: hidden;
	width: 286px;
}

#interview #side div.ibox h2 { margin-bottom: 10px; }
#interview #side div.ibox p.mb { margin-bottom: 10px; }
#interview #side div.ibox p.ph {
	width: 125px; float: left; 
}
#interview #side div.ibox p.ph img { border: solid 1px #ccc; }

#interview #side div.ibox div.text { float: left; width: 155px; }
#interview #side div.ibox dt,
#interview #side div.ibox dd.price { font-weight: bold; }
#interview #side div.ibox p.line { clear: both; height:21px; background: url(../img/common/dots_cya.gif) repeat-x left center; }

#interview #side div.ibox p.btn { padding-top: 5px; }

/* -----parsonal_page-----------------------------------------------------------------*/

#interview #main .title {
	background: url(../interview/img/title_bg02.gif) repeat-y;
	margin-left: 33px;
	width: 565px;
	position: relative;
	margin-top: 32px;
}
#interview #main .title p.tit {
	position: absolute;
	top: -20px;
	width: 565px;
	background: url(../interview/img/title_bg01.gif) no-repeat 0 20px;
}
html>body#interview #main #yoko p.ph { 
	background: url(../interview/img/main_ph_bg.png) no-repeat;
	height: 205px;
	width: 270px;
	position: absolute;
	top: -20px;
	left: 277px;
	padding: 8px 0 0 8px;
}
* html #interview #main #yoko p.ph {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main_ph_bg.png', sizingMethod='scale');
	height: 205px;
	width: 270px;
	position: absolute;
	top: -20px;
	left: 277px;
	padding: 8px 0 0 8px;
}

#interview #main div.title h2 {
	margin: 0 0 0 0;
	padding: 29px 0 10px 0;
	background: url(../interview/img/title_line.gif) no-repeat left bottom;
}
#interview #main div#yoko p.txt {
	padding: 20px 20px 16px 20px;
}
#interview #main div#yoko p.t10 {
	padding: 0px 20px 10px 20px;
	color: #999999;
}

html>body#interview #main #tate p.ph { 
	background: url(../interview/img/main_ph_bg2.png) no-repeat;
	height: 278px;
	width: 213px;
	position: absolute;
	top: -20px;
	left: 327px;
	padding: 8px 0 0 8px;
}
* html #interview #main #tate p.ph {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/main_ph_bg2.png', sizingMethod='scale');
	height: 270px;
	width: 205px;
	position: absolute;
	top: -20px;
	left: 327px;
	padding: 8px 0 0 8px;
}
#interview #main div#tate p.txt {
	padding-top: 20px;
	margin: 0 0px 16px 20px;
	width: 290px;
}
#interview #main div#tate p.t10 {
	padding: 0px 20px 10px 20px;
	color: #999999;
}

/* */
#interview #main div.box {
	width: 565px;
	margin: -10px 0 0 33px;
}
#interview #main div.box h3 { padding-top: 40px; }
#interview #main div.box h3.top { padding-top: 22px; }

#interview #main div.box p { padding-top: 20px; }
#interview #main div.box p.t10 { padding-top: 5px; }
#interview #main div.box p.ques {
	color: #CC9966;
	font-weight: bold;
}
#interview #main p.listpage { padding-top: 20px; margin-left: 33px; }
#interview #main div.box p.img img { border: 1px solid #ccc; }
#interview #main div.box p span { font-weight: bold; padding-right: 12px; }

/** 区切り線 (茶)*/
#interview #main div.box p.line_only {
	clear: both;
	background: url(../img/common/dots_cya.gif) repeat-x left top;
	padding: 20px 0 0 0;
	margin: 20px 0;
}


/** 横画像 */
#interview #main div.box div.yRightImg {
	width: 240px;
	float: right;
	padding: 0 0 10px 10px;
}
#interview #main div.box div.yLeftTxt {
	width: 305px;
	float: left;
}

#interview #main div.box div.yLeftImg {
	width: 240px;
	float: left;
	padding: 0 10px 10px 0;
}
#interview #main div.box div.yRightTxt {
	width: 305px;
	float: right;
}

/** 縦画像 */
#interview #main div.box div.hRightImg {
	width: 180px;
	float: right;
	padding: 0 0 10px 10px;
}
#interview #main div.box div.hLeftTxt {
	width: 365px;
}

#interview #main div.box div.hLeftImg {
	width: 180px;
	float: left;
	padding: 0 10px 10px 0;
}
#interview #main div.box div.hRightTxt {
	width: 365px;
	float: right;
}
/** 追加　**/
#interview #main p.l_txt {
	font-weight: bold;
	padding-right: 12px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	width: 565px;
	margin: 30px 0 0 33px;
	color: #454545;
}

#interview #main p.b_number {
	text-align: right;
	padding: 10px;
	font-weight: bold;
	background: #FFFBE5;
	margin: 20px 0 0 33px;
	width: 546px;
}
#interview #main p.b_number a.icon01 { display: inline; background-position: left center; }



/** 追加　ススめる**/
#interview #main div.susumeru h3 { margin-top: 20px; margin-bottom: 20px;  }
#interview #main div.susumeru p.ph { width: 126px; float: left; padding: 10px 10px 0 20px;  }
#interview #main div.susumeru dl { width: 390px; float: left; padding-top: 5px; padding-bottom: 10px;  }
#interview #main div.susumeru dl dt { font-weight: bold; color: #ff6666; padding-bottom: 5px; }
#interview #main div.susumeru div.dots {
	height: 1px;
	background: url(../img/common/dots_cya.gif) repeat-x left top;
	margin: 20px 10px 0 10px;
	clear: both;
}

/** 追加　profile写真なし**/
#info dt.profile { font-weight: bold;  }

/** 追加　こちらもチェック**/
#interview div#main h3.blue,
#interview div#main h4.blue {
	margin: 30px 0 10px 0;
	background: url(../feature/img/tit_b_bg.gif) left center no-repeat;
	padding: 0 0 2px 15px;
	line-height: 23px;
	color: #004FC5;
	font-weight: bold;
	width:546px;
	border-bottom: solid 2px #004FC5;
	margin-left:33px;
}


/** 追加　本文下の見出し**/
#interview .kabu {
	margin-left:33px;
	width: 546px;
}
#interview #main h3.or {
	font-weight: bold;
	margin: 30px 0 10px 0;
	color: #FF9000;
	border-bottom: solid 2px #FF9000;
	background: url(../feature/img/tit_o_bg.gif) left center no-repeat;
	padding: 0 0 2px 15px;
	line-height: 23px;
}

/** 追加　gbox**/
#interview #main .gbox { background: #EDEDED; padding: 10px; margin: 14px 0; }
#interview #main .gbox p { margin-bottom: 10px; }
#interview #main .gbox p.ticket { text-align: right; margin: 0; }
#interview #main .gbox p.ticket img { vertical-align: middle; margin: 0 0 0 10px; }

/** 追加　ptop**/
#interview #main p.ptop { clear: both; text-align: right; font-size: 84%; }

/* -----footer-----------------------------------------------------------------*/
#footer { margin: 0 auto;}
#footer address img { float:right; }


/*----- 追加SNS -----*/
.sns { margin: 5px 10px 5px 90px;}
.sns ul { list-style:none;}
.sns li { float:left;}
.sns li.kyoyou { width:110px; margin-right:5px;}
.sns li.twit { width:100px; margin-right:5px;}
.sns li.fb { width:110px; margin-right:5px;}
.sns li.gplus { width:70px; margin-right:5px;}
.sns li.hatena { width:55px; margin-right:5px;}
.sns li.mixi { width:65px; margin-right:5px;}