/* -----------------------------------------------------------

【特集テンプレート】
* TOPページ
* INTERVIEW
* ページ先頭共通ページナビなし
* アーティスト名、日付、トラバ、コメント 有

作成：2009.10.01 yusukondo
修正：2010.01.22

-------------------------------------------------------- */




/* -----------------------------------------------------------
◆ 共通事項 ◆ 
-------------------------------------------------------- */
.Item {
margin: 0;
width: 600px;
}
.ItemName {
display: none;
line-height:0;
padding:0;
visibility:hidden;
}
.Itemdata{
margin: 5px 0 10px;
}
.pagenavi {
display: none;
}
#Feature_wrapper img {
border: none;
}
#Feature_wrapper .reset {
clear: both;
display: block;
height: 0px;
font-size:0px;
line-height: 0px;
}
#Feature_wrapper .hide {
display:none;
}
#Feature_wrapper .clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html #Feature_wrapper .clearfix {
height: 1px;
}



/* -----------------------------------------------------------
◆　基本事項　◆
--------------------------------------------------------*/

#Feature_wrapper {
color: #856a5f;
background: #fff;
font-family: 'Lucida Grande',sans-serif;
width: 600px;
margin: 0;
padding: 0;
font-size: 12px;
line-height: 1.7em;
overflow: hidden;
}
#Feature_wrapper a {
color: #666666;
text-decoration: underline;
}
#Feature_wrapper a:hover {
color: #999999;
text-decoration: none;
}
#Feature_wrapper ul,#Feature_wrapper li{
margin: 0;
padding: 0;
list-style: none;
}
#Feature_wrapper p{
margin: 0;
}



/* -----------------------------------------------------------
◆　ページ内ナビゲーション　◆
--------------------------------------------------------*/
#tp_navi {
background: url(http://img.barks.jp/image/review/1000059061/tp_bg.jpg) no-repeat 0 0;
width: 600px;
height: 57px;
}
#tp_navi ul{
float: right;
padding: 15px 35px 0 0;
}
#header_title ul {
float: right;
padding: 55px 35px 0 0;
}
#feature_bottom ul {
float: right;
padding: 0px 35px 0 0;
}
#tp_navi ul li,
#header_title ul li,
#feature_bottom ul li {
display: block;
float: left;
text-indent: -9999px;
}
#tp_navi ul li a,
#header_title ul li a,
#feature_bottom ul li a {
display: block;
height: 40px;
}
/* a ----------------------------*/
#tp_navi li.page_01 a,
#header_title li.page_01 a,
#feature_bottom li.page_01 a{
width: 40px; background: transparent url(http://img.barks.jp/image/review/1000059061/feature_navi.png) no-repeat 0px 0px;
}
#tp_navi li.page_02 a,
#header_title li.page_02 a,
#feature_bottom li.page_02 a {
width: 40px; background: transparent url(http://img.barks.jp/image/review/1000059061/feature_navi.png) no-repeat -40px 0px;
}
#tp_navi li.page_03 a,
#header_title li.page_03 a,
#feature_bottom li.page_03 a {
width: 40px; background: transparent url(http://img.barks.jp/image/review/1000059061/feature_navi.png) no-repeat -80px 0px;
}
/* hover ----------------------------*/
#tp_navi li.page_01 a:hover,
#header_title li.page_01 a:hover,
#feature_bottom li.page_01 a:hover {
background-position: 0px -40px;
}
#tp_navi li.page_02 a:hover,
#header_title li.page_02 a:hover,
#feature_bottom li.page_02 a:hover {
background-position: -40px -40px;
}
#tp_navi li.page_03 a:hover,
#header_title li.page_03 a:hover,
#feature_bottom li.page_03 a:hover {
background-position: -80px -40px;
}
/* hover ----------------------------*/
#tp_navi li.page_01 a.Link,
#tp_navi li.page_01 a.Link:hover,
#header_title li.page_01 a.Link,
#header_title li.page_01 a.Link:hover,
#feature_bottom li.page_01 a.Link,
#feature_bottom li.page_01 a.Link:hover {
background-position: 0px -40px;
}
#tp_navi li.page_02 a.Link,
#tp_navi li.page_02 a.Link:hover,
#header_title li.page_02 a.Link,
#header_title li.page_02 a.Link:hover,
#feature_bottom li.page_02 a.Link,
#feature_bottom li.page_02 a.Link:hover {
background-position: -40px -40px;
}
#tp_navi li.page_03 a.Link,
#tp_navi li.page_03 a.Link:hover,
#header_title li.page_03 a.Link,
#header_title li.page_03 a.Link:hover,
#feature_bottom li.page_03 a.Link,
#feature_bottom li.page_03 a.Link:hover {
background-position: -80px -40px;
}



/* -----------------------------------------------------------
◆　ページ内メイン　◆
--------------------------------------------------------*/
#Feature_wrapper #Tptitle{
width: 600px;
height: 400px;
background: url(http://img.barks.jp/image/review/1000059061/tp_title.jpg) no-repeat scroll left top;
}
#Feature_wrapper #Tptitle h1,
#Feature_wrapper #Tptitle h2{
display: none;
}
#Feature_wrapper #header_title{
width: 600px;
height: 100px;
background: url(http://img.barks.jp/image/review/1000059061/header_navi.png) no-repeat scroll left top;
}
#Feature_wrapper #header_title h1,
#Feature_wrapper #header_title h2{
display: none;
}
#Feature_wrapper #feature_bottom{
clear: both;
width: 600px;
height: 100px;
background: url(http://img.barks.jp/image/review/1000059061/bottom.png) no-repeat 0 0 ;
}
#Feature_wrapper #feature_bottom p{
float: left;
padding: 30px 30px 0 25px;
color: #ffc8d3;
font-size: 84%;
line-height: 1.4;
}
#Feature_wrapper p.back{
text-align: right;
padding: 5px 10px;
}
#Feature_wrapper p.back a{
color: #ff5a7b;
}
#Feature_wrapper p.back a:hover{
color: #ff8da4;
}
#Feature_wrapper #FeatureBox{
background: url(http://img.barks.jp/image/review/1000059061/main_bg.png) repeat-y left bottom;
}
#Feature_wrapper #Feature_in{
clear: both;
margin: 20px;
}
#Feature_wrapper #Feature_in .sub_h{
margin: 40px 0 10px;
width: 560px;
height: 35px;
clear: both;
overflow: hidden;
}


/* -----------------------------------------------------------
◆　ページ内　◆
--------------------------------------------------------*/
#Feature_wrapper #Tplead{
background: url(http://img.barks.jp/image/review/1000059061/tp_photo01.jpg) no-repeat 0 0;
min-height: 203px;
margin-left: 10px;
}
#Feature_wrapper #Tplead p{
padding: 12px 20px 20px 240px;
font-weight: bold;
}





#FeatureBox #Tpnavi {
width: 560px;
height: 155px;
margin: 15px 0 0 20px;
}
#FeatureBox #Tpnavi ul{
}
#FeatureBox #Tpnavi ul li{
display: block;
float: left;
text-indent: -9999px;
}
#FeatureBox #Tpnavi ul li a{
display: block;
height: 155px;
}
/* a ----------------------------*/
#FeatureBox #Tpnavi li.page-02 a{
width: 280px; background: transparent url(http://img.barks.jp/image/review/1000059061/tpnavi.jpg) no-repeat 0px 0px;
}
#FeatureBox #Tpnavi li.page-03 a {
width: 280px; background: transparent url(http://img.barks.jp/image/review/1000059061/tpnavi.jpg) no-repeat -280px 0px;
}
/* hover ----------------------------*/
#FeatureBox #Tpnavi li.page-02 a:hover {
background-position: 0px -155px;
}
#FeatureBox #Tpnavi li.page-03 a:hover {
background-position: -280px -155px;
}

#FeatureBox .official{
width: 400px;
height: 90px;
padding: 30px 0 50px 100px;
margin: 0;
clear: both;
}
#FeatureBox .official a{
display: block;
width: 400px;
height: 90px;
background: url(http://img.barks.jp/image/review/1000059061/btn_official.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#FeatureBox .official a:hover{
background-position: 0 -90px;
}


/* page
-------------------------------------------------------------------------*/

#FeatureBox #main_h02{
background: url(http://img.barks.jp/image/review/1000059061/title_02.jpg) no-repeat 0 0;
height: 350px;
}
#FeatureBox #main_h03{
background: url(http://img.barks.jp/image/review/1000059061/title_03.jpg) no-repeat 0 0;
height: 350px;
}
#main_h02 p,#main_h03 p{
display: none;
}


#Feature_in .txt01 {
padding: 5px 0px;
}
#Feature_in .txt02 {
padding: 5px 10px;
font-weight: bold;
}


#Feature_in .photo_l{
padding: 5px 10px 40px 0px;
float: left;
}
#Feature_in .photo_r{
padding: 5px 0px 40px 10px;
float: right;
}
#Feature_in .photo_r02{
padding: 0px 0px 0px 10px;
float: right;
}
#Feature_in .photo_c{
text-align: center;
margin: 10px 0 20px;
}
#Feature_in .photo_r img,
#Feature_in .photo_l img,
#Feature_in .photo_c img{
border: 3px solid #f4dce2;
}


#Feature_in #tablearea{
clear: both;
margin-bottom: 20px;
border-top: 1px dotted #dcdcdc;
border-bottom: 1px dotted #dcdcdc;
padding: 20px 0;
background: #fff;
}
#Feature_in #tablebox{
float: left;
padding: 0 10px;
}
#Feature_in #tablebox p{
font-weight: bold;
color: #a5364f;
}
table.method {
border-collapse:collapse;
border-spacing:0;
border:1px solid #ddbac1;
width: 350px;
font-size: 84%;
color: #a5364f;
}
table.method th{
}
table.method th{
padding:5px 5px;
border-bottom:1px solid #ddbac1;
border-right:1px solid #ddbac1;
width: 100px;
background: #ebd9dc;
}
table.method td{
padding:5px 10px;
border-bottom:1px solid #ddbac1;
background: #f1e1e4;
}


table.ipod {
border-collapse:collapse;
border-spacing:0;
border-top:1px solid #ebd9dc;
width: 170px;
font-size: 84%;
color: #ba596f;
}
table.ipod th{
}
table.ipod tbody{
}
table.ipod td{
padding:5px 5px;
border-bottom:1px solid #ebd9dc;
}




#Feature_in .decobox{
width: 270px;
float: left;
}
#Feature_in .decoblk{
margin-right: 20px;
}
#Feature_in .decobox img{
diaplay: block;
margin-bottom: 5px;
}
#Feature_in .decobox p{
}
#Feature_in .decoblk p{
color :#59595c;
}
#Feature_in .decored p{
color :#e33039;
}


#Feature_wrapper #jukai{
background: url(http://img.barks.jp/image/review/1000059061/jukai.jpg) no-repeat 0 0;
width: 520px;
height: 460px;
margin: 40px 0 0 20px;
clear: both;
}
#Feature_wrapper #jukai p{
display: none;
}
#Feature_wrapper #jukai .banner{
width: 184px;
padding: 313px 20px 0 0;
text-align: center;
float: right;
line-height: 1.2;
font-size: 84%;
}
#Feature_wrapper #jukai .banner img{
padding-bottom: 5px;
}
#Feature_wrapper #jukai .jukai_off{
padding: 313px 0 0 18px;
}
#Feature_wrapper #jukai .jukai_blog,
#Feature_wrapper #jukai .jukai_art{
padding: 10px 0 0 18px;
}
#Feature_wrapper #jukai .btn_jukai a{
width: 210px;
height: 35px;
display: block;
text-indent: -9999px;
}
#Feature_wrapper #jukai .jukai_off a{
background: url(http://img.barks.jp/image/review/1000059061/btn_jukaisite.png) no-repeat 0 0;
}
#Feature_wrapper #jukai .jukai_blog a{
background: url(http://img.barks.jp/image/review/1000059061/btn_jukaiblog.png) no-repeat 0 0;
}
#Feature_wrapper #jukai .jukai_art a{
background: url(http://img.barks.jp/image/review/1000059061/btn_artistpage.png) no-repeat 0 0;
}

#Feature_wrapper #jukai .btn_jukai a:hover{
background-position: 0 -35px;
}