@charset "utf-8";

/* ********************************************** */

#contentsArea #toptitle {
    border-bottom:1px dotted #000000;
    border-top:1px dotted #000000;
    line-height:0;
    margin:10px 0;
    padding:10px 0;}

/* ********************************************** */

/*header*/
.head{margin:10px auto 0 !important; padding:0; width:575px;}
.head h1{margin:0 !important; padding:0 !important; font-size:22px; color:#555;}
.head img{margin:10px auto; padding:0; text-align:center; display:block;}
.head img.headerimg{margin:5px auto 0; padding:0; width:575px; display:block;}

/*menubtn*/
.menubox{margin:0; padding:0 0 20px 0; width:575px; display:block;}
.menubox a{margin:0; padding:2px 6px 0 18px; height:42px; vertical-align:middle; font-size:13px; line-height:18px; color:#555; font-weight:bold; display:table-cell;}
.menubox a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}
.menubox ul{margin:0; padding:8px 0; border-bottom:1px solid #BFBFBD; vertical-align:middle; list-style-type:none;} 
.menubox li{margin:0; padding:0; background:url(http://cdn.joshiplus.jp/t/special/images/special-menuarrow.png) 8px 50% no-repeat; vertical-align:middle; display:table-cell; border-right:1px solid #BFBFBD;}
.menubox ul li:last-child{border-right:none;}

.menubox .p2 li a{width:287px;}
.menubox .p3 li a{width:191px;}
.menubox .p4 li a{width:143px;}

/*title*/
.ttlbox{margin:20px auto; padding:12px 0 0 0; width:575px; height:30px; background:url(http://cdn.joshiplus.jp/t/special/images/special-titlebg.png) no-repeat; display:block;}
.ttlbox h2{margin:0 !important; padding:0 !important; font-size:17px; line-height:20px !important; color:#fff; text-align:center; border:0 !important;}

/*txt*/
.contentsbox{margin:0 auto 12px; padding:0; width:575px; font-size:13px; line-height:24px; color:#555;}
.contentsbox a{margin:0; padding:0; color:#FF0422; text-decoration:none;}
.contentsbox a:hover{margin:0; padding:0; color:#FF0422; text-decoration:underline;}

.fontBold{font-weight:bold;}
.fontColor1{color:#EB7474;}
.fontColor2{color:#6DA9EB;}
.fontColor3{color:#E47E3A;}
.fontSize1{font-size:11px;}
.fontSize2{font-size:15px;}
.fontSize3{font-size:17px; line-height:26px;}
.specialClass1{margin:0 0 6px 0; padding:0; font-size:15px; line-height:24px; font-weight:bold; display:block;}
.specialClass2{margin:0 5px 0 0; padding:5px 10px; font-size:13px; color:#fff; font-weight:bold; background-color:#9D958C; border-radius:6px;}
.specialClass3{margin:0 5px 0 0; padding:5px 10px; font-size:13px; color:#fff; font-weight:bold; background-color:#F09C9C; border-radius:6px;}
.contentsbox a .fontFrame1, .contentsbox a .specialClass4{
	border-radius: 2px;        /* CSS3草案 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px;   /* Firefox用 */  margin:0; padding:3px 0 0 0; width:180px; height:27px; font-size:13px; line-height:24px; color:#fff; font-weight:bold; text-align:center; background-color:#FDAD00; float:right; text-decoration:none;}
.contentsbox a:hover .fontFrame1, .contentsbox a:hover .specialClass4{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

/*img*/
.imgcenterbox{margin:0 auto; padding:0; width:575px; text-align:center;}
.imgleftbox{margin:0 20px 0 0; padding:0; float:left;}
.imgrightbox{margin:0 0 0 20px; padding:0; float:right;}
.img2box{margin:0 auto; padding:0; width:560px;}
.caption{margin:0 auto 10px; padding:0; font-size:12px; line-height:18px; text-align:left;}

.unit-movie{margin:0 auto 12px; padding:0; width:484px;}

/*linetxtbox*/
.linetxtbox{margin:20px auto; padding:0; width:575px;}
.linetxtbox p{margin:0; padding:10px; font-size:13px; line-height:24px; color:#555;}
.linetxtbox a{margin:0; padding:0; color:#FF0422; text-decoration:none;}
.linetxtbox a:hover{margin:0; padding:0; color:#FF0422; text-decoration:underline;}
.linetxtbox .line{margin:0 auto; padding:0; width:575px; height:1px; background:url(http://cdn.joshiplus.jp/t/special/images/special-line.png) no-repeat; display:block;}
.linetxtbox a .fontFrame1, .linetxtbox a .specialClass4{
  border-radius: 2px;        /* CSS3草案 */  
  -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 2px;   /* Firefox用 */  margin:0 0 0 auto; padding:3px 0 0 0; width:180px; height:27px; font-size:13px; line-height:24px; color:#fff; font-weight:bold; text-align:center; background-color:#FDAD00; display:block; text-decoration:none;}
.linetxtbox a:hover .fontFrame1, .linetxtbox a:hover .specialClass4{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

/*info*/
.ttlboxinfo{margin:10px auto; padding:0; width:574px; height:26px; background:url(http://cdn.joshiplus.jp/t/special/images/bg_detail_title.png) no-repeat; display:block;}
.ttlboxinfo h3{margin:0; padding:8px 0 0 0 !important; width:123px !important; font-size:11px; color:#FFFFFF; font-weight:bold; text-align:center; background:none !important;}

/*pager*/
#contentsAreaIn .unit-link-next {
  margin:25px auto 0;
  padding:0;
  text-align: center;
}
#contentsAreaIn .unit-link-next a {
  display: block;
  cursor: pointer;
  font-size:13px;
  color:#555;
  font-weight:bold;
}
#contentsAreaIn .unit-link-next a:hover .text{
  text-decoration:underline;
}
#contentsAreaIn .unit-link-next a .pager {
  color: #FDAD00;
}
#contentsAreaIn .unit-link-next .text {
  display: inline-block;
  position: relative;
  top: 4px;
  max-width: 540px;
  line-height: 1.5;
  vertical-align: top;
}
#contentsAreaIn .unit-link-next .pager {
  display: inline-block;
  width: 86px;
  height: 21px;
  margin:0 10px 0 0;
  padding-top:7px;
  padding-left: 6px;
  background: url(http://cdn.joshiplus.jp/t/special/images/special-bg-label-next.png) no-repeat 0 0;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}

.pagernav{margin:20px auto 40px; padding:0 0 0 10px; text-align:center; font-size:13px;}
.pagernav a,.pagernav span,.pagernav em{
	display:inline-block;
	display: inline-block; *display: inline; *zoom: 1;
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
	padding:8px 16px; margin-right:10px; color:#fff;
}
.pagernav a{background-color:#b1b1b1; text-decoration:none;}
.pagernav a:hover{text-decoration:underline;}
.pagernav span{background-color:#444444;}
.pagernav em{color:#444444;}

/*photogallery*/
.block-gallery {
  margin: 10px auto 20px;
}

.block-gallery ul {
  margin: 0 -10px -10px 0;
}

.block-gallery ul:after {
  content: '';
  display: block;
  clear: both;
}

.block-gallery ul li {
  float: left;
  width: 107px;
  height: 107px;
  margin: 0 10px 10px 0;
  background-color: #EDEDED;
  text-align: center;
  layout-grid-line: 107px;
}

.block-gallery ul li a {
  display: table-cell;
  width: 107px;
  height: 107px;
  vertical-align: middle;
}

.block-gallery ul li a > img {
  max-width: 107px;
  max-height: 107px;
}

.block-gallery ul li a:hover > img {opacity: 0.5; filter: alpha(opacity=70);} 

.block-gallery .link-more a {
  border-radius: 2px;        /* CSS3草案 */  
  -webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 2px;
  display: block;
  margin: 20px auto 0;
  padding: 5px 0;
  width: 260px;
  height:26px;
  font-size:13px;
  line-height:24px;
  color:#fff;
  font-weight:bold;
  text-align:center;
  background:#FDAD00;
}

.block-gallery .link-more a:hover {opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )";}

#pgCopyright{margin:4px auto 10px; padding:0; font-size:11px; line-height:16px; color:#555; text-align:right;}
#copyright{margin:4px auto 0; padding:0; font-size:11px; line-height:16px; color:#555; text-align:right;}

/* ********************************************** */

/*おすすめ記事*/
.kanrenbox{margin:5px auto; padding:0; width:565px;}
.kanrenbox a{}
.kanrenbox a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; display:block;}
.kanren-left{margin:0 15px 0 0; padding:0; width:275px; float:left; display:block;}
.kanren-right{margin:0; padding:0; width:275px; float:left; display:block;}
.karenimg{margin:0 10px 0 0; padding:3px; width:75px; height:75px; border:1px solid #CCC; text-align:center; vertical-align: middle; float:left;}
.kanrentxt{margin:0; padding:0; font-size:12px; line-height:180%; color:#555; display:block;}
.kanrenline{margin:6px auto; padding:0; width:565px; height:1px; font-size:1px; line-height:1px; border-bottom:1px dotted #ccc; display:block;}
.kanrenbox .pr{padding-right:35px; background:url(http://cdn.joshiplus.jp/t/images/icon-pr.png) no-repeat right 5%;}

/* ********************************************** */

.osusumebox{margin:5px auto; padding:0; width:565px;}
.osusumebox a:hover{opacity:0.5; filter:alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; display:block;}
.osusume-left{margin:0 15px 0 0; padding:0; width:275px; float:left; display:block;}
.osusume-right{margin:0; padding:0; width:275px; float:left; display:block;}
.osusumeimgbox{margin:0; padding:0; width:75px; height:75px; border:1px solid #ccc; text-align:center; vertical-align:middle; display:table-cell;}
.osusumeimgbox img{margin:0 auto; padding:0; max-width:75px; max-height:75px; display:block;}
.osusumetxt{margin:0; padding:0 0 0 10px; font-size:12px; line-height:180%; color:#555; display:table-cell;}
.osusumeline{margin:6px auto 8px; padding:0; width:565px; height:1px; font-size:1px; line-height:1px; border-bottom:1px dotted #ccc; display:block;}

/* ********************************************** */

/*recommenditem*/
.sliderThumbnail{margin:15px 0 0 0; padding:0;}
.sliderThumbnail li {
width:90px;}

/* ********************************************** */

/*other*/
.clearfix:after {
  content: "."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.t_none {visibility:hidden; margin:0; padding:0; display:none;}