@charset "UTF-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

body {
line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

nav ul {
list-style:none;
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}

a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}

mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}

del {
text-decoration: line-through;
}

abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}

table {
border-collapse:collapse;
border-spacing:0;
}

hr {
display:block;
height:1px;
border:0; 
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}

input, select {
vertical-align:middle;
}


/*========================================
    base
========================================*/

html,body {
    background: #fff url(/asset/img/bg-body.png) repeat center top;
	font-size: 62.5%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
    color: #000;
}

img {
    vertical-align: bottom;
}

a {
    color: #000;
	text-decoration: none;
    outline: 0;
}

a:hover {
	color: #a90101;
}
a:hover img {
    opacity: 0.75;
}
a:hover img.hover {
    opacity: 1;
}

strong {
	font-weight: 700;
}

.inner {
    width: 960px;
    margin: 0 auto;
    padding: 0 20px;
}

.clearfix:after {
    content:"";
    display:block;
    clear:both;
}

.breakctrl {
    display: inline-block;
}

/*========================================
    Header
========================================*/
#header {
    position: relative;
    height: 60px;
}

#header .logo {
    position: absolute;
    left: 20px;
    top: 19px;
}

#header nav ul {
    padding-top: 19px;
    text-align: center;
    font-size: 0;
}
#header nav ul li {
    display: inline-block;
    margin-left: 34px;
}
#header nav ul li:first-child {
    margin-left: 0;
}
#header nav ul li a {
    display: inline-block;
    text-indent: -9999px;
    height: 13px;
}
#header nav ul li a.news {
    width: 40px;
    background-image: url(/asset/img/nav-news.png);
}
#header nav ul li a.media {
    width: 42px;
    background-image: url(/asset/img/nav-media.png);
}
#header nav ul li a.live {
    width: 29px;
    background-image: url(/asset/img/nav-live.png);
}
#header nav ul li a.disc {
    width: 41px;
    background-image: url(/asset/img/nav-disc.png);
}
#header nav ul li a.bio {
    width: 22px;
    background-image: url(/asset/img/nav-bio.png);
}
#header nav ul li a.movie {
    width: 43px;
    background-image: url(/asset/img/nav-movie.png);
}
#header nav ul li a.goods {
    width: 48px;
    background-image: url(/asset/img/nav-goods.png);
}
#header nav ul li a.news.active ,#header nav ul li a.news:hover { background-image: url(/asset/img/nav-news_on.png);}
#header nav ul li a.media.active, #header nav ul li a.media:hover {background-image: url(/asset/img/nav-media_on.png);}
#header nav ul li a.live.active, #header nav ul li a.live:hover {background-image: url(/asset/img/nav-live_on.png);}
#header nav ul li a.disc.active, #header nav ul li a.disc:hover {background-image: url(/asset/img/nav-disc_on.png);}
#header nav ul li a.bio.active, #header nav ul li a.bio:hover {background-image: url(/asset/img/nav-bio_on.png);}
#header nav ul li a.movie.active, #header nav ul li a.movie:hover {background-image: url(/asset/img/nav-movie_on.png);}
#header nav ul li a.goods.active, #header nav ul li a.goods:hover {background-image: url(/asset/img/nav-goods_on.png);}


/*========================================
    Content
========================================*/
#content .ttl-content {
    background: url(/asset/img/bg-header.png) repeat-x left bottom;
    height: 114px;
    text-align: center;
    min-width: 960px;
    padding: 0 20px;
}

#content .inner {
    margin-top: 50px;
    display: flex;
    padding: 20px;
}

/* Main Column =======================*/
#content .col-main {
	width: 100%;
}
#content .double .col-main {
	width: 73.23%;
	margin-left: 3.645%;
}
#content .category-list {
	list-style: none;
	text-align: center;
}
#content .category-list li {
	display: inline-block;
	margin: 0 25px;
}
#content .category-list li a:hover {
	padding-bottom: 7px;
	border-bottom: 3px solid #000;
}
#content .col-main .title-common {
	font-size: 2.2rem;
	line-height: 136.363%;
	border-bottom: 3px #000 solid;
	padding-bottom: 15px;
}


/* Side Column =======================*/
#content .col-side {
    width: 23.125%;
}
#content .col-side .title {
    border-top: 2px solid #686868;
    border-bottom: 2px solid #686868;
    padding: 11px 0;
}
#content .col-side .lst-article {
    list-style: none;
}

#content .col-side .lst-article li {
    font-size: 1.4rem;
    margin-top: 30px;
    line-height: 171%;
}
#content .col-side .lst-article li:first-child {
}
#content .col-side .lst-article li .date {
    display: block;
}
#content .col-side .lst-article li .text {
    display: block;
    font-weight: bold;
}

/*========================================
    footer
========================================*/
#footer {
    margin-top: 30px;
    padding-bottom: 30px;
}
#footer .btn-top {
    position: fixed;
    right:0;
    bottom: 0;
}
#footer .btn-top a {
    display: block;
    width: 69px;
    height: 20px;
    background-color: #a90101;
    padding: 7px 13px;
}
#footer .copy {
    text-align: center;
    font-family: Arial, sans-serif;
}