@charset "shift_jis";

* {
	margin: 0 auto;
}

#feature #contents {
	margin: 0 auto;
}

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

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

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

#feature #main .twi_title {
	width: 565px;
	margin-top: 10px;
	/* 	height: 184px;
	background: #FFF url(../img/title.gif) no-repeat 0 0;*/
	}

#feature #main .twi_title h1{
	padding: 0;
	margin: 0;
	}
	
#feature #main .navi_area{
	padding-left: 2px;
	background-color: #000000;
	}
	
#feature #main .navi_area .tit_navi {
	width: 561px;
	height:90px;
	background: url(../img/navi_bg.gif) no-repeat 0 0;
	/*position: relative;
	top: 85px;
	left: 2px;*/

	}

#feature #main .tit_navi #scrollable .list_main{
	/*width: 480px;*/
	margin: 0;
	float:left;
	padding-top: 6px;
	}

#feature #main .tit_navi #scrollable .list_main ul li{
	display: inline;
	margin: 0 2px;
}

#feature #main .tit_navi #scrollable li a:hover img {
    margin: -2px;
	border: solid 2px #00CCFF;
}

#feature #main .tit_navi #scrollable p.btn_right{
	margin-top: 25px;
	float:right;
}

#feature #main .tit_navi #scrollable p.btn_left{
	float:left;
	margin-top: 25px;
}


/* twitter list */
#feature #main .pipi{
	padding: 8px 0 0 25px;
}

#feature #main .twi_body{
	background: #0099CC url(../img/body_bg.jpg) no-repeat 0 0;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

#feature #main .content_list{
	width: 500px;
	margin: 0 0 20px 25px;
	background-color: #FFFFFF;
	padding:10px;
}

#feature #main .content_list dl{
	padding: 0;
	margin: 15px 0;
}

#feature #main .content_list dl dt{
	width: 75px;
	float:left;

}

#feature #main .content_list dl dt img{
	border: solid 1px #CECECE;
}

#feature #main .content_list dl dd{
	width: 400px;
	float: right;
}

#feature #main .content_list p.line{
	clear: both;
	border-bottom: dotted 1px #CCC;
	height:5px;
	margin:5px 0 10px 0;
}


#feature #main .content_list .time {
	color: #BFBFBF;
	font-size: 84%;
}

#feature #main .content_list p.twi_tit {
	color: #787878;
	margin-bottom:3px;
}

/***---------------- Page ------------------------------ **/


/* Intoroduce */

#feature #main .pro_box {
	margin: 10px 0;
	padding: 7px;
	background: url(../img/pr_bg.gif) repeat 0 0;
}

#feature #main .pro_box dl{
	padding: 0;
	margin: 5px;
}

#feature #main .pro_box dl dt{
	width: 75px;
	float:left;
	margin-right: 10px;
}

#feature #main .pro_box dl dt img{
	border: solid 1px #FFF;
}

#feature #main .pro_box dl dd{
	width: 390px;
	float: right;
}


/* list */

#feature #main .content_list ul{
	list-style-type: none;
}

#feature #main .content_list li{
	border-bottom: dotted 1px #CCC;
	margin:5px 0 10px 0;
	padding: 10px 10px 5px 10px;
}

#feature #main .content_list .btn_next{
	text-align: center;
}

/***---------------- Scroll ---------------------------- **/

/* outmost wrapper element */  
#scrollable {  
    position:relative;  
    width : 561px;  
    height : 90px;  
/*    margin: 30px 25px 25px 25px;  
    background : #efefef;  
    border : 1px solid #ddd;  */
}  
  
/* アイテム部分 */  
div.items {  
    margin : 0px 42px;  
    width : 475px !important;  
    height : 78px;
    /*border : 1px solid #000;*/  
	overflow: hidden;
}  
  
/* single item */  
div.items a {  
    float:left;  
    width:73px;  
    height:73px;  
    margin : 4px 1px;  
    padding-top: 0px;
    cursor:pointer;  
    /*border : 1px solid #000;*/  
}  

div.items a:hover img {
    margin: -2px;
	border: solid 2px #00CCFF;
}
  
/* 進む・戻るボタン */  
a.prev, a.next {  
    position:absolute;  
/*    top:51px;  
    background:url(./images/arrow/left.png) no-repeat 0 0;  */
    display:block;  
/*    width:18px;  
    height:18px;  
    float:left;  */
    cursor:pointer;  
}  
a.prev{  
    left : 6px;  
}  
a.next{  
    right: 5px;  
}  
a.next {  
/*    background-image:url(./images/arrow/right.png);  */
}  
  
a.prev:hover {  
    background-position:0 -18px;  
}  
  
a.next:hover {  
    background-position:0 -18px;  
}