/*
 * production.css リーフ内容関係スタイル
 *
 * @author Lee Marqueses <lee.marqueses@aiasahi.jp>
 * @package style
 *
 * 2012/05/24 Lee: 作成
 */

/* leaf header
---------------------------------------------------------*/
#leaf_header h1{ font-size: 30px; line-height: 37px; margin-top: 10px; }
#leaf_large_image img{ max-width: 640px }
#leaf_large_image .no-padding{ text-align: center; background: #FFF }

/* leaf body
---------------------------------------------------------*/
#leaf-body h2{font-size: 14px; font-weight:bold;  line-height: 19px; padding: 0 24px 19px 186px; }
#leaf-body p{ font-size: 14px; line-height: 19px; padding: 0 24px 19px 186px; }
#leaf-body.no-padding p{ padding-left: 24px; }

.leaf-large-image-caption{ padding: 3px 10px; font-size: 11px; color: #666 }
.leaf-large-image-caption a{ color: inherit }

#leaf-media{ float: left; margin: 0 10px 10px 0; }
#leaf-media .img-caption{ margin-bottom: 5px; }
#leaf-media .img-caption h3 a{ font-size: 10px; padding: 5px; }

#video-body p{ font-size: 14px; line-height: 19px; padding: 0 0 19px 0; }
.video-data{ text-align: center; }

/* photoreport
----------------------------------------------------------*/
#photoreport-info{ background: #222; }
#photoreport-caption{ color: #fff; font-size: 14px; padding: 20px 5px; margin: 0 5px; border-bottom: 1px dotted #666; }
#photoreport-thumbs{ margin-top: 15px; }

#pr-left-arrow,
#pr-thumb-container,
#pr-right-arrow{ float: left; position: relative }

.pr-arrow{ width: 28px; font-size: 3em; color: #fff; text-align: center; line-height: 70px; }
.pr-arrow a{ color: #999; }
.pr-arrow a:hover{ color: #fff }
#pr-thumb-container{ width: 584px; overflow: hidden; }
#pr-thumb-container ul{ width: 1500px; margin-left: 10px; }
#pr-thumb-container li{ list-style: none; float: left; margin-right: 20px; }
#pr-thumb-container img{ border: 3px solid #fff; width:120px}
#pr-thumb-container li.active img{ border: 3px solid #ca0000; }


.story_photoreport{clear:both;}
#current-photo{ text-align: center; position:relative; }
#current-photo img{ max-width: 640px; }

#current-photo .galleryImage .media-prev,
#current-photo .galleryImage .media-next {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  cursor: pointer;
  display: block;
  z-index: 100;
}


#current-photo .galleryImage .media-prev .media-prev-item,
#current-photo .galleryImage .media-next .media-next-item {
width: 90px;
height: 90px;
position: absolute;
top: 39%;
left: 0;
}
#current-photo .galleryImage .media-next .media-next-item {
right: 0;
left: auto;
}

#current-photo .galleryImage a.mediaPrev,
#current-photo .galleryImage a.mediaNext {
background: url('/media/cnn/images/slider/arrows2.png') no-repeat;
  float: left;
  height: 40px;
  width: 40px;
  margin-left: 10px;
  margin-top: 10px;
}

#current-photo .galleryImage a.mediaNext {
  background-position: -40px 0;
  float: right;
  margin-right: 10px;
}
#current-photo .galleryImage .media-prev {
  left: 0;
}
#current-photo .galleryImage .media-next {
  right: 0;
}



/* mailform 2013.05
----------------------------------------------------------*/

#induction, #induction2, #induction3, #induction4{width:320px;}

#induction input[type=text], #induction2 input[type=text], #induction3 input[type=text],  #induction4 input[type=text]{width:240px; height:22px; border:solid 1px #b2b2b2; font-size:12px; float:left; margin-right:5px;}


input::-webkit-input-placeholder{color:#b2b2b2;}
input::-moz-placeholder{color:#b2b2b2;}
input:-moz-placeholder{color:#b2b2b2;}
input:-ms-input-placeholder{color:#b2b2b2;}


div.mailform{width:320px; float:right; display:none;}

p.catch1{font-size:12px; text-align:left; margin-top:0px;}

p.catch2{font-size:9px; text-align:left; margin-top:0px; margin-bottom:10px;}




/* vote
---------------------------------------------------------*/
.graph-area {
margin: 20px 0;
}
.vote-result {
overflow: hidden;
margin-bottom: 10px;
padding: 3px 2px;
}
.vote-result dt {
clear: both;
font-size: 14px;
padding-top: 10px;
}
.half dt {
clear: both;
float: left;
padding-top: 0;
width: 40%;
}

.vote-result dd {
float: left;
width: 85%;
}
.half dd {
margin: 0;
width: 50%;
}
.vote-result .bar {
margin-top: 3px;
background-color: #dbdbdb;
overflow: hidden;
}
.vote-result .indicator {
background-color: #ca0002;
height: 10px;
}
.vote-result .percent {
color: #999999;
float: right;
font-weight: bold;
width: 13%;
}
.half .percent {width: 8%;}

.graph-area dl.on {background-color: #fbf5db;}

.graph-foreign {padding: 10px 0 1px; background-color: #f8f8f8;}
.graph-foreign .indicator {background:url(/media/cnn/images/icons/indicator_blue.png) repeat-x top left;} 

.comment-area {
clear: both;
margin-top: 20px;
padding: 20px 0;
border-top: 2px solid #eaedee;
}
.comment-box {
margin-bottom: 15px;
background: url(/media/cnn/images/icons/comment_arrow.png) no-repeat 50px 10px;
}
.comment-box img {
float: left;
border-radius: 5px;
}
.comment-box .comment {
width: 540px;
margin-left: 60px;
padding: 10px;
background-color: #f8f8f8;
border-radius: 5px;
}
.comment .answer {
margin-bottom: 10px;
font-weight: bold;
}
.comment .answer span {
font-weight: normal;
margin-left: 10px;
}