@import url('/css/top.css');

/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:663px;
background:#FFF;
border:1px solid #CCC;
padding:5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
#masterMain .colBoxHead {
margin:0 10px 10px;
padding:6px 2px;
}
#masterMain .colBoxInner {
padding:0 5px 10px;
}
#masterMain .colBox .colBoxIndex {
padding:5px;
}
#masterMain .colBox .colBoxIndex:hover {
background:#F6F6F6;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
}
#masterMain .colBox .colBoxPageLink {
padding:0 15px 10px;
}
/*---------------------------------------------------------------------*/
/* Top Stories */
/*---------------------------------------------------------------------*/
.colBoxTopStories .colBoxIcon a img {
margin:0;
}
.colBoxTopStoriesLeft {
float:left;
width:260px;
}
.colBoxTopStoriesRight {
float:right;
width:380px;
}
.colBoxTopStoriesRight .colBoxIcon a {
height:80px;
overflow:hidden;
}
.colBoxTopStoriesRight .colBoxIcon a img {
position:relative;
top:-5px;
}
/*---------------------------------------------------------------------*/
/* Top PickUp */
/*---------------------------------------------------------------------*/
.colBoxTopPickUp .colBoxIndex:nth-child(1n) {
position:relative;
float:left;
width:200px;
margin:0 11px 25px 0;
padding-top:10px;
}
.colBoxTopPickUp .colBoxIndex:nth-child(3n) {
margin:0 0 25px 0;
}
.colBoxTopPickUp .colBoxIndex:nth-child(3n+1) {
clear:both;
}
.colBoxTopPickUp .colBoxIndex:nth-child(1n) .colBoxIcon a {
float:none;
display:block;
margin:0 0 5px;
overflow:hidden;
}
.colBoxTopPickUp .colBoxIcon img {
margin:-1px;
width:200px;
height:150px;
}
.colBoxTopPickUp .colBoxIndex:nth-child(1n) .colBoxIcon img {
float:none;
}
.colBoxTopPickUp .colBoxTitle {
margin:0;
}
.colBoxTopPickUp .colBoxTitle h3 {
padding:0;
font-size:16px;
line-height:24px;
}
.colBoxTopPickUp .colBoxPageLink {
clear:both;
margin:15px 0 20px;
text-align:right;
}
.colBoxTopPickUp .colBoxPageLink a {
margin:0;
padding:8px 50px;
font-size:14px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.colBoxTopPickUp .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* Features */
/*---------------------------------------------------------------------*/
.colBoxFeatures {
margin-bottom:20px;
}
#masterMain .colBoxFeatures .colBoxInner {
border-bottom:1px #ccc dotted;
margin:0 10px 10px;
padding:0 0 10px;
}
.colBoxFeatures .colBoxInner:nth-child(2n+1) .colBoxIcon a {
float:right;
margin:0 0 3px 5px;
}
/*---------------------------------------------------------------------*/
/* カテゴリ別インデックス */
/*---------------------------------------------------------------------*/
.colBoxClassifiedIndex .colBoxHead h2 a {
position:relative;
display:block;
}
.colBoxClassifiedIndex .colBoxHead h2 a:link,
.colBoxClassifiedIndex .colBoxHead h2 a:visited {
color:#000;
}
.colBoxClassifiedIndex .colBoxHead h2 a:hover,
.colBoxClassifiedIndex .colBoxHead h2 a:active {
color:#C00417;
text-decoration:none;
}
.colBoxClassifiedIndex .colBoxHead h2 a::after {
content:"→";
margin:0 0 0 5px;
padding:1px 3px;
background:#4d4d4d;
font-size:10px;
color:#fff;
border-radius:1px;
vertical-align:middle;
}
.colBoxClassifiedIndex .colBoxHead h2 a:hover::after {
background:#C00417;
}
.colBoxClassifiedIndex .colBoxTopCategory:nth-child(odd) {
clear:both;
float:left;
width:320px;
}
.colBoxClassifiedIndex .colBoxTopCategory:nth-child(even) {
clear:none;
float:right;
width:320px;
}
.colBoxClassifiedIndex .colBoxTitle h3 {
font-size:15px;
line-height:22px;
}
/*---------------------------------------------------------------------*/
/* おすすめ連載 */
/*---------------------------------------------------------------------*/
.colBoxPickUpSeriesTitle {
clear:both;
margin:0 10px 10px;
padding:6px 2px;
border-bottom:4px solid #5075A6;
}
.colBoxPickUpSeriesTitle span {
font-size:14px;
line-height:18px;
font-weight:bold;
}
.colBoxPickUpSeries .colBoxPickUpSeriesItem:nth-child(odd) {
clear:both;
float:left;
width:320px;
}
.colBoxPickUpSeries .colBoxPickUpSeriesItem:nth-child(even) {
clear:none;
float:right;
width:320px;
}
#masterMain .colBoxPickUpSeries .colBoxHead {
background:#e8e8e8;
border-bottom:none;
}
.colBoxPickUpSeries .colBoxHead h2 {
padding:4px 10px 2px;
font-size:14px;
line-height:18px;
color:#555;
}
.colBoxPickUpSeries .colBoxHead h2 a:link,
.colBoxPickUpSeries .colBoxHead h2 a:visited {
color:#000;
}
.colBoxPickUpSeries .colBoxHead h2 a:hover,
.colBoxPickUpSeries .colBoxHead h2 a:active {
color:#C00417;
}
.colBoxPickUpSeries .colBoxIcon img {
width:80px;
}
#colBoxPickUpSeriesItemList {
clear:both;
}
#colBoxPickUpSeriesItemList .colBox .colBoxIndex:hover {
background:#fff;
}
.colBoxPickUpSeries .colBoxUlist ul li {
font-size:15px;
padding:8px 5px;
border:none;
border-top:1px dotted #CCC;
}
.colBoxPickUpSeries .colBoxUlist ul li:hover {
background:#f6f6f6;
border-radius:6px;
}
.colBoxPickUpSeries .colBoxUlist ul li:nth-child(odd) {
clear:both;
width:290px;
float:left;
}
.colBoxPickUpSeries .colBoxUlist ul li:nth-child(even) {
width:290px;
float:right;
}
.colBoxPickUpSeries .colBoxUlist ul li::after {
top:12px;
}
/*---------------------------------------------------------------------*/
/* 新着記事 */
/*---------------------------------------------------------------------*/
.colBoxNewArticles {
clear:both;
}
.colBoxNewArticles .colBoxIcon img {
margin:0;
width:80px;
height:60px;
}
/*---------------------------------------------------------------------*/
/* トップに戻る */
/*---------------------------------------------------------------------*/
.colBoxPageLinkBackToTop {
clear:both;
float:right;
width:80px;
margin:10px;
background:#ddd;
text-align:center;
}
.colBoxPageLinkBackToTop a {
display:block;
padding:10px;
}
.colBoxPageLinkBackToTop a:link,
.colBoxPageLinkBackToTop a:visited {
color:#000;
}
.colBoxPageLinkBackToTop a:hover,
.colBoxPageLinkBackToTop a:active {
color:#C00417;
text-decoration:none;
}