@charset "UTF-8";
/* ============================================================

★ Extention - S P E C I A L

============================================================ */

/*
■ index.php
■ sp-○○○○.php
*/

/* ------------------------------------------------------------
■ index.php
------------------------------------------------------------ */

h1#h1-special {
width:605px;
height:120px;
text-indent:-9999px;
background:url(../images/h1-special.gif) 0 0 no-repeat;
}
/*ul#h2-nav {position:absolute;top:11px;left:369px;}
ul#h2-nav li a {display:block;width:108px;height:39px;position:absolute;top:0;text-indent:-9999px;}
ul#h2-nav li a#anchor-special {left:0;}
ul#h2-nav li a#anchor-popular {left:119px;}*/


section#special {
margin:0 auto;
text-align:left;
}
section#special h2{
clear:both;
height:40px;
margin:0 auto;
text-indent:-9999px;
background:0 0 no-repeat;
}



section#special h2#h2-thismonth {
background-image:url(../images/h2-special_new.gif);
}

/*↓↓↓↓20151126追加　編集部のオススメシリーズ↓↓↓↓*/

section#special h2#h2-reco_series {
background-image:url(../images/h2-special_reco.gif);
margin:15px auto 0 auto;　/*「前月の特集」の位置に下げる時*/
}

/*↑↑↑↑20151126追加　編集部のオススメシリーズ↑↑↑↑*/

section#special h2#h2-lastmonth {
background-image:url(../images/h2-special_lastmonth.gif);
margin:15px auto 0 auto;
}

section#special h2#h2-past {
background-image:url(../images/h2-special_past.gif);
margin:15px auto 0 auto;
}

ul#pickup-this,
ul#pickup-this-for4,
ul#pickup-lastmonth,
ul#pickup-lastmonth-for4{
width:540px;
margin:0 auto;
font-size: 0;
}

ul#pickup-this li,
ul#pickup-this-for4 li,
ul#pickup-lastmonth li,
ul#pickup-lastmonth-for4 li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 14.5px;
	word-break: break-all;
	vertical-align: top;
}

section#special div#pickup-past {
width:490px;
margin:0 auto;
}

section#special ul#pickup-this li{
width:160px;
padding:10px;
}

section#special ul#pickup-this li a img{
border: 4px solid #10BF27;
width:150px;
height:150px;
}

/*▼▼▼▼▼▼▼▼ 4つの場合 ▼▼▼▼▼▼▼▼*/

section#special ul#pickup-this-for4 li {
width:125px;
padding:5px;
}

section#special ul#pickup-this-for4 li a img{
border: 4px solid #10BF27;
width:117px;
height:117px;
}

/*▲▲▲▲▲▲▲▲ 4つの場合 ▲▲▲▲▲▲▲▲*/

section#special ul#pickup-lastmonth li {
width:160px;
padding:10px;
}

section#special ul#pickup-lastmonth li a img{
border: 4px solid #EE90B4;
width:150px;
height:150px;
}

/*▼▼▼▼▼▼▼▼ 4つの場合 ▼▼▼▼▼▼▼▼*/

section#special ul#pickup-lastmonth-for4 li {
width:125px;
padding:5px;
}

section#special ul#pickup-lastmonth-for4 li a img{
border: 4px solid #EE90B4;
width:117px;
height:117px;
}

/*▲▲▲▲▲▲▲▲ 4つの場合 ▲▲▲▲▲▲▲▲*/


section#special div#pickup-past ul {
width:490px; text-align:left; font-size:0.7em;
}

section#special div#pickup-past ul li {
float:left; width:82px; height:130px; text-align:left; padding:0; margin-left:13px; display:inline;
/*width:82px; height:130px; text-align:left; padding:0; margin-left:13px; display:inline-block;/display:inline;zoom:1;*/
}

section#special div#pickup-past ul li img{
border:#0099CC solid 3px;
width:76px;
height:76px;
}


section#special div#pickup-this p strong,
section#special div#pickup-past p strong{
color:#060000;
}


section#popular {
margin:0 auto;
text-align:left;
}

h2#h2-popular {
height:40px;
margin:30px auto 0 auto;
text-indent:-9999px;
background:url(../images/h2-popular.gif) 0 0 no-repeat;
}

section#popular ul{width:540px;}
section#popular div#pop-col {width:540px; margin:0 auto;}
section#popular div#pop-col p { float:left;padding:5px 10px;height:110px; width:250px;}
section#popular div#pop-col img {
display:block;
float:left;
width:100px;
margin:0 5px 0 0;
}





/* ------------------------------------------------------------
■ sp-○○○○.php
------------------------------------------------------------ */

article#sp-article {
margin-top:-3px;
padding-top:0;
text-align:right;
}



/* aside-information ---- */
aside div#aside-information {
height:405px;
margin:0 0 20px 0;
padding:10px 0 20px 0;
text-align:center;
background:url(../../images/aside-information-bg.gif) 0 0 no-repeat;
}
aside div#aside-information p.fn {
width:160px;
margin:0 auto 10px auto;
text-align:left;
line-height:1.2;
color:#499e07;
}
aside div#aside-information p.fn span {
font-size:0.8em;
}
aside div#aside-information p.fn strong {
font-size:1.2em;
}
aside div#aside-information span.auther {
display:block;
width:160px;
margin:5px auto 0 auto;
text-align:left;
font-size:0.9em;
}
/*文字が多い場合はstyleで0.7emに指定する*/


aside div#aside-information ul {
width:180px;
margin:10px 0 0 0;
text-align:center;
}
aside div#aside-information ul li {
padding:0 0 10px 0;
}

aside div#aside-information ul li a img{
	width:150px;}



section#sp-published {
width:602px;
margin:25px 0 0 3px;
padding:0 0 70px 0;
background:url(../images/sp/sp-published-foot.gif) 0 bottom no-repeat;
}
section#sp-published div#sp-published-contents {
padding:0 0 0 58px;
background:url(../images/sp/sp-published-contents.gif) 0 0 repeat-y;
}
section#sp-published div#sp-published-contents div p {
float:left;
width:123px;
padding:10px 20px;
text-align:left;
font-size:0.8em;
color:#ffffff;
}
section#sp-published div#sp-published-contents div p img {
display:block;
margin:0 0 5px 0;
}
section#sp-published div#sp-published-contents div p strong.maintitle {
display:block;
font-size:1.3em;
line-height:1.2;
}
section#sp-published div#sp-published-contents div p em.subtitle {
display:block;
font-size:1.0em;
font-style:normal;
font-weight:bold;
}
section#sp-published div#sp-published-contents div p span {
display:block;
margin:10px 0 0 0;
}


section#sp-published div#sp-published-contents div p span.capKanren {
color:#FFFF00;
}

p#copyright{
font-size:0.7em;
letter-spacing:1px;
color:#5B3219;
text-align:left;
margin-left:20px;
}

img#kadomaru {
display:block;
position:absolute;
top:0;
left:1px;
}


body#spcialPage aside section#searchBox{
position:relative;
/*top:0px;*/
}

/*menu-special.php スペシャルページ遷移部分------------------ */

div.selector {
clear:both;
padding:30px 25px 30px 0;
text-align:right;
}
div.selector select {

}
div.selector optgroup {
font-style:normal;
color:#5ebb39;
}
div.selector option {
color:#000000;
}