@charset "UTF-8";
/* CSS Document */

/* 今週の一枚　共通CSS */


#contents_area {
float:none;
margin:0 20px;
width:auto;
}



.lead {
	margin:0 50px 30px;
}

#flame {
	width: 802px;
	padding: 20px;
	margin:0 47px;
	border: 2px solid #FFCC00;
	background-color: #FFFEF8;
	border-radius: 10px;
}

	
/* 日付 */
.date {
	text-align:right;
	margin:0 0 20px;
	font-size:90%;
}



#hotpic {
	text-align:center;
	margin:20px 0;
	position: relative;
    overflow: hidden;
}

#hotpic img {

	margin:0;
	padding:0;
	border:1px solid #AAA;
	line-height:0;
}

a#hotpic_next, a#hotpic_back {

    cursor: pointer;
    display: block;
    height: 40px;
    margin: -20px 0 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 50%;
/*
	top:200px;
*/
    transition: all 0.3s ease 0s;
    width: 40px;
    z-index: 10;

}


#hotpic:hover a#hotpic_next, #hotpic:hover a#hotpic_back {
    opacity: 1;
}

#hotpic:hover a#hotpic_next {
left:10px;
}

#hotpic:hover a#hotpic_back {
right:10px;
}

#hotpic_next {
background:url(/flexslider/images/prev.png) no-repeat center center;
left:-40px;
}

a#hotpic_back {
background:url(/flexslider/images/next.png) no-repeat center center;
right:-40px;
}

/*

#nextprev {
 	z-index:10;
}

#next, #prev {
}

#next {
	float:left;
}

#prev {
	float:right;
}

a#nextpic {
	display:block;
	width:20px;
	height: 500px;
	background:url(/flexslider/images/prev.png) no-repeat center center;
}

a#prevpic {
	display:block;
	width:20px;
	height: 500px;
	background:url(/flexslider/images/next.png) no-repeat center center;
}



.touka {
	opacity:0;
}

.hyouji {
	opacity:0.5;
}

*/


#thumb {
	margin:0 13px 50px;
}


/* サムネールエリア */
#thumbnail_area {
	width: 840px;
	padding: 0px;
	margin: 5px 12px;
	overflow: hidden;
	float: left;
/*
*/
/* IEのバグ回避のため「position: relative;」を入れる */
	position: relative;
	font-size:80%;
}

#thumbnail_list {
	margin: 0px;
	padding: 0px;
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
	width:840px;
}



#thumbnail_list {
}

#thumbnail_area ul {
	list-style:none;
	margin:0;
	padding:0;
}

#thumbnail_area li {
	float:left;
	width:160px;
	text-align:center;
	margin:0 2px 10px;
	background-color:#DDD;
	border:2px solid #DDD;
	border-radius: 0 0 10px 10px;
	padding:0 0 5px;
	cursor:pointer;
}

#thumbnail_area li img {
	margin:0;
	padding:0;
}

.tn_area {
	width:160px;
	height:120px;
	margin:0 0 2px;
display: inline-block;
}


#thumbnail_area li.inactive:hover,
#thumbnail_area li.active {
	background-color:#FFCC00;
	border-color: #FFCC00;
}




.thumbnail {
	float:left;
	width:160px;
	text-align:center;
	margin:0 2px 10px;
	background-color:#DDD;
	border:2px solid #DDD;
	border-radius: 0 0 10px 10px;
	padding:0 0 5px;
	cursor:pointer;
}

.thumnail img {
	margin:0;
	padding:0;
}

.thumbnail:hover {
	background-color:#FDD;
	border-color: #FDD;
}



#explain {
	margin:0 50px;
}

#explain dl {
	margin:10px 0;
}

#explain ul {
	margin:10px 0;
	padding-left:15px;
}

#explain ul li {
list-style-image: url("/j/cmn/img/list_arrow_blue.png");
}


#preload.show {
/*
*/
	width:0;
	height:0;
	overflow:hidden;
}

#preload.hide {
	display: none;
	visibility: hidden;
}


#separate {
	height: 1px;
	border-bottom:1px dotted #CCC;
	margin: 30px 0;
}




#moveleftend {
	float: left;
}

#moverightend {
	float: right;
}

a#movethumbleftend,
a#movethumbrightend,
a#movethumbleftend_end,
a#movethumbrightend_end {
	text-indent: -9999px;
	display: block;
	width: 40px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	border:0;
	border-radius:12px;
}

a#movethumbleftend {
	background: url(/j/hot_pictures/img/move_thumb_left_end.png) no-repeat center center;
	background-color:#404040;
}

a#movethumbleftend:hover {
	background-color:#000000;
}

a#movethumbrightend {
	background: url(/j/hot_pictures/img/move_thumb_right_end.png) no-repeat center center;
	background-color:#404040;
}

a#movethumbrightend:hover {
	background-color:#000000;
}

a#movethumbleftend_end {
	background: url(/j/hot_pictures/img/move_thumb_right_end.png) no-repeat center center;
	cursor: default;
	background-color:#BFBFBF;
}

a#movethumbrightend_end {
	background: url(/j/hot_pictures/img/move_thumb_right_end.png) no-repeat center center;
	cursor: default;
	background-color:#BFBFBF;
}


#position {
	font-size:80%;
	text-align: center;
	line-height: 1;
	padding-top:0.5ex;
/* IEのバグ回避のため「position: relative;」を入れる */
/*
	position: relative;
	float: left;
	width: 690px;
	background-color: #888;
	color: #FFFFFF;
	font-weight: bold;
*/
}



#moveleft {
	float: left;
}

#moveright {
	float: right;
}

a#movethumbleft, a#movethumbright {
	text-indent: -9999px;
	display: block;
	height: 310px;
	width: 25px;
	margin: 10px 0px 0px;
	padding-bottom: 0px;
	overflow: hidden;
	border:0;
	border-radius:13px;
}


a#movethumbleft {
	background: url(/j/hot_pictures/img/move_thumb_left.png) no-repeat center center;
	background-color:  #404040;
}


a#movethumbright {
	background: url(/j/hot_pictures/img/move_thumb_right.png) no-repeat center center;
	background-color:  #404040;
}

a#movethumbleft.on:hover,
a#movethumbright.on:hover,
a#movethumbleftend.on:hover,
a#movethumbrightend.on:hover {
	background-color:  #000000;
}





a#movethumbleft.on,
a#movethumbright.on,
a#movethumbleftend.on,
a#movethumbrightend.on {
	cursor: pointer;
	background-color:  #505050;
}

a#movethumbleft.off,
a#movethumbright.off,
a#movethumbleftend.off,
a#movethumbrightend.off {
	cursor: default;
	background-color:  #BFBFBF;
}



#explain h3 {
	margin-bottom:10px;
	padding-left:0;
}


#explain dt {
	width: 7em;
	float: left;
	white-space: nowrap;
}

#explain dd {
	margin:0;
	padding-left: 7.1em;
}

#explain dt.long {
	width: 10em;
	float: left;
	white-space: nowrap;
}

#explain dd.long {
	padding-left: 10.1em;
}

#explain dt.long2 {
	width: 15em;
	float: left;
	white-space: nowrap;
}

#explain dd.long2 {
	padding-left: 15.1em;
}

#explain dt.long3 {
	width: 11em;
	float: left;
	white-space: nowrap;
}

#explain dd.long3 {
	padding-left: 11.1em;
}

a.jump {
	cursor: help;
}