/* ピックアップページのスタイル */




#topicpath { border-bottom:1px solid #ededed;}


.pickup_nav {background:url(../img/bg_navi_pickup.gif) repeat-x left top; height:40px; margin-bottom:30px; position:relative;border-left:1px solid #ccc;border-right:1px solid #ccc;}
.pickup_nav h1 { position:absolute; left:10px; top:11px; font-size:16px; font-weight:normal; padding-left:8px; border-left:5px solid #fff; letter-spacing:0.1em; line-height:100%; zoom:1; }
.pickup_nav ul {padding:10px 5px 0 0; float:right;}
.pickup_nav ul li { float:left; margin-right:5px; }
.pickup_nav ul li,
.pickup_nav ul li a {display:block; width:100px; height:30px;}
.pickup_nav ul li a {background:url(../img/btn_pickupnavi_on.gif) no-repeat left bottom; text-align:center; line-height:2.5em;}
.pickup_nav ul li a:hover { background-position: left top; text-decoration:none; }
.pickup_nav ul li.now a { background-position: left top; color:#1b1b1b;}

.pickup_imgbox { width:50%;float:left; padding-bottom:10px;}
.pickup_imgbox h2 { margin:0 5px 15px 5px; letter-spacing:0.1em;}
.pickup_imgbox ul {display:block; width:100%;}
.pickup_imgbox ul li {width:25%;background:url(../img/bg_pickup_bookimg.png) no-repeat center 80px; height:150px; text-align:center; float:left;}
.pickup_imgbox ul li p { text-align:center; padding-top:10px; }
.pickup_imgbox ul li a:hover {opacity:0.7;filter: alpha(opacity=70);}





/* 個別ページのスタイル */

.h1_pickup { font-size:12px; font-weight:normal; padding-left:10px; margin-bottom:5px; }


#visual.pickup_sublist {height:180px; background:url(../img/bg_pickupsub.gif) repeat-x left top; margin-bottom:10px; text-align:center;}

#visual.pickup_sublist ul.list_1 { width:180px; margin:0 auto;}
#visual.pickup_sublist ul.list_2 { width:360px; margin:0 auto;}
#visual.pickup_sublist ul.list_3 { width:540px; margin:0 auto;}
#visual.pickup_sublist ul.list_4 { width:720px; margin:0 auto;}

#visual.pickup_sublist ul li { display:block; width:180px; height:180px; float:left!important; text-align:center;}
#visual.pickup_sublist ul li a { display:block; width:180px; text-align:center; padding-top:30px; height:150px; background:url(../img/bg_pickup_bookimg.png) no-repeat center 110px;}
#visual.pickup_sublist ul li p {text-align:center; padding-top:10px;}
#visual.pickup_sublist ul li.now { background:url(../img/li_bg_pickupsub.gif) no-repeat left top;}
#visual.pickup_sublist ul li.now p { color:#1b1b1b;}
#visual.pickup_sublist ul li.now a:hover {  text-decoration:none;}
#visual.pickup_sublist ul li:hover { background:url(../img/li_bg_pickupsub.gif) no-repeat left top;}

#visual.pickup_sublist .btn_previous {position:absolute; left:0; top:0;}
#visual.pickup_sublist .btn_next {position:absolute; right:0; top:0;}


.pickupsub_name_images { position:relative; color:#fff; margin-bottom:20px;}
.pickupsub_name { width:290px; height:115px; background:url(../img/bg_bookname.gif) no-repeat left bottom; position:absolute; padding:10px 10px 30px 20px; color:#fff; }
.pickupsub_name .b_title { font-size:24px;  word-break: break-all;}
.pickupsub_name .user_nama { font-size:14px; position:absolute; left:20px; bottom:30px;}
.pickupsub_name .user_nama span { font-size:11px; }
.pickupsub_name .btn_preview { position:absolute; bottom:30px; right:20px;}
.pickupsub_images { background:url(../img/bg_bookimg.gif) no-repeat right bottom; padding:20px 10px 40px 320px; overflow:hidden; } 
.pickupsub_images a.btn_preview { display:block; width:100%; text-align:center; }

.corner_lt{ position:absolute; top:0; left:0;}
.corner_rt{ position:absolute; top:0; right:0;}


.interview_box { position:relative; letter-spacing:0.1em; line-height:1.8em; }
.interview_box .comment { width:280px; position:absolute; left:10px; top::0; }
.interview_box .comment p.photo { text-align:center; margin-bottom:20px; }
.interview_box .interview{ margin-left:320px; border-left:1px dotted #ccc; padding-left:40px;}
.interview_box h3 { font-size:14px; margin-bottom:0.5em; color:#004986; margin-bottom:0.5em; font-weight:normal; border-left:4px solid #004986; padding-left:10px;}
.interview_box p { padding-left:15px; }
.interview_box .interview .txtbox {float:left; width:44%; margin-right:5%; margin-left:1%; margin-bottom:2.5em; }
.interview_box h2 p { line-height:1.5em;}
.interview_box .mb_comment { clear:both;   border:1px solid #d2e0e8; margin:0 30px 40px 0;}
.interview_box .mb_comment h4 { display:block; font-weight:normal; font-size:14px; background:url(../img/bg_mb_comment.gif) no-repeat right center #ddf3ff; }
.interview_box .mb_comment p { padding:15px 30px; }


/* 青 */
.blue .pickupsub_name { background-image:url(../img/bg_bookname.gif); }
.blue .interview_box h3 { color:#004986; border-left:4px solid #004986; }

/* オレンジ */
.orange .pickupsub_name { background-image:url(../img/bg_bookname_orange.gif); }
.orange .interview_box h3 { color:#d4880c; border-left:4px solid #d4880c; }

/* ピンク */
.pink .pickupsub_name { background-image:url(../img/bg_bookname_pink.gif); }
.pink .interview_box h3 { color:#d0578d; border-left:4px solid #d0578d; }

/* 緑 */
.green .pickupsub_name { background-image:url(../img/bg_bookname_green.gif); }
.green .interview_box h3 { color:#87ab3a; border-left:4px solid #92b644; }

/* ブラウン */
.brown  .pickupsub_name { background-image:url(../img/bg_bookname_brown.gif); }
.brown  .interview_box h3 { color:#64523e; border-left:4px solid #64523e; }

/* グレイ */
.grey .pickupsub_name { background-image:url(../img/bg_bookname_grey.gif); }
.grey .interview_box h3 { color:#626262; border-left:4px solid #626262; }

/* 水色 */
.aqua .pickupsub_name { background-image:url(../img/bg_bookname_aqua.gif); }
.aqua .interview_box h3 { color:#1989bc; border-left:4px solid #2b9ccf; }

/* パープル */
.purple .pickupsub_name { background-image:url(../img/bg_bookname_purple.gif); }
.purple .interview_box h3 { color:#724687; border-left:4px solid #724687; }

/* 赤 */
.red .pickupsub_name { background-image:url(../img/bg_bookname_red.gif); }
.red .interview_box h3 { color:#c00710; border-left:4px solid #c00710; }



/* 作品公開ページのスタイル */

.about_box {padding:0 20px; margin-bottom:40px;}
.about_box .ul1 li {border:1px solid #ccc; float:left; margin-bottom:20px; margin-right:20px; text-align:center;}
.about_box .ul1 li h3 { padding:0; border:none; margin:0; padding:10px; font-size:14px;}
.about_box ol { padding-left:1em;}
.about_box ol li { list-style-type: decimal; margin-left:1em; margin-bottom:0.5em; }
.about_box h3 { border-left:4px solid #dcdcdc; padding-left:8px; margin-bottom:10px;}


/* 御苗場MyBook賞 */

#eyecatch {height:500px; width:100%; background:url(../pickup/onaeba_2013/img/2013/bg_top.gif) repeat-x top left; text-align:center;}
#eyecatch h1 { margin:0; padding: 0; border:none; padding-top:50px;}
.h2_onaeba {font-size:12px; font-weight:normal; padding-left:10px; margin-bottom:5px;}
.onaeba_interview { position:inherited; letter-spacing:0.1em; line-height:1.8em; float:left; width:70%}
.onaeba_interview .interview{ margin-left:20px; padding-left:20px;}
.onaeba_interview .interview .txtbox {float:left; width:44%; margin-right:5%; margin-left:1%; margin-bottom:2.5em; }
.onaeba_interview .interview .txtbox2 {float:left; width:88%; margin-right:5%; margin-left:1%; margin-bottom:2.5em; }
.onaeba_interview .interview .txtbox p{ padding-left:1em; }
.onaeba_interview .interview .txtbox2 p{ padding-left:1.5em; }
.onaeba_interview h3.winner { font-size: 14px; padding:10px; margin-bottom:20px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color:#004986; color:white;}
.onaeba_interview h3.judge { font-size: 14px; padding:10px; margin-bottom:20px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color:#1e7e73; color:white; }
.onaeba_interview h4.winner { font-size:14px; margin-bottom:0.5em; color:#004986; margin-bottom:0.5em; font-weight:normal; border-left:4px solid #004986; padding-left:10px;}
.onaeba_interview h4.judge { font-size:14px; margin-bottom:0.5em; color:#1e7e73; margin-bottom:0.5em; font-weight:normal; border-left:4px solid #1e7e73; padding-left:10px;}
.onaebasub_name { width:290px; height:115px; background:url(../img/bg_bookname.gif) no-repeat left bottom; position:absolute; padding:10px 10px 30px 20px; color:#fff; }
#photograper_profile { padding:10px; width:25%; border:#b4b4b4 1px solid; height:auto; float:right; background:url(../pickup/onaeba/img/2013/bg_profile.png) no-repeat bottom left; box-shadow: 2px 2px 2px #bababa}
#photograper_profile p { margin-bottom:1.5em; }
#judge_profile { padding:10px; width:25%; border:#b4b4b4 1px solid; height:auto; float:right; background:url(../pickup/onaeba/img/2013/bg_profile.png) no-repeat bottom left; box-shadow: 2px 2px 2px #bababa;         /* CSS3 */ -moz-box-shadow: 2px 2px 2px #bababa;    /* Mozilla */ -webkit-box-shadow: 2px 2px 2px #bababa; /* Webkit */}
#judge_profile p { margin-bottom:1.5em; }

.onaebasub_name_images { position:relative; color:#fff; margin-bottom:20px;}
.onaebasub_name { width:290px; height:115px; background:url(../img/bg_bookname.gif) no-repeat left bottom; position:absolute; padding:20px 10px 30px 20px; color:#fff; }
.onaebasub_name h2 { font-size:24px; word-break:break-all; color:#FFFFFF; background:#004986!important;}

.onaebasub_name winner_name { bottom:30px; font-size:14px; left:20px; position:absolute; float:left; }

.h3_onaeba { height:28px; background:url(../img/bg_title_left.gif) no-repeat left top; padding-top:7px; padding-left:20px; }

.about_onaeba { background-color:#efefef; border:1px solid #dedede; padding:10px 10px 10px 20px; position:relative; margin-bottom:0px; text-align:left; width:65%; margin-left:40px; font-size:14px; font-weight:bold; }
.about_onaeba_details { background-color:white; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede; padding:20px 10px 10px 20px; position:relative; margin-bottom:20px; text-align:left; width:65%; margin-left:40px; }
.about_onaeba_details p { margin-bottom:1.5em; line-height:1.5em; }

	/* ブルー */
	.blue .onaebasub_name { background-image:url(../img/bg_bookname.gif); }
	.blue .interview_box h3 { color:#004986; border-left:4px solid #004986; }