@charset "UTF-8";

body {
    background: #ffffc7;
	font-family: Helvetica,ArialMT,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",メイリオ,sans-serif;
	font-size:12px;
	line-height: 1;
	width: 100%;
	overflow:hidde;
}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}

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

.onlypc {display:none;}

.contents {
    margin: 0;
}

.contents_inr {
    margin: 0 7px;
    color: #333;
}

.mainlogo {
    margin: -16px -7px 0;
    position:relative;
}

.mainlogo ul{
	display:table;
	width:100%;
	position:absolute;
	left:0;
	bottom:1%;
}

.mainlogo ul li{
	display: table-cell;
	text-align:center;
	vertical-align:bottom;
	width:40%;
}

.mainlogo ul li img{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
	margin-top:40px;
	width:75%;
}

.mainlogo02 {
    margin: -16px -7px 0;
    position:relative;
}


.white {
    background: #f9f9f9;
    margin: 15px 0;
    padding:0;
    color: #333;
    overflow: hidden;
    border-radius:0 5px 5px 0;
    border:1px solid #ccc;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
}

.note {
    background: #f9f9f9 url(../img/bg_note.png) scroll repeat 0 0 ;
    background-size:200%;
    margin:3px 10px 10px;
    padding:0 0 15px;
    border-top:2px solid #e6e6e6;
    border-bottom:2px solid #e6e6e6;
    line-height: 1.5;
}

.note_solbbs {
	margin-top:10px;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border-top:2px dashed #009aff;
}

.note_solbbs img{
	margin-top:15px;
	width:70%;
}

.note_header {
	margin:7px 10px 5px;
	font-size:9px;
	color:#888;
}

.note_footer {
	margin:0
}


.note_02 {
	margin:20px auto;
	line-height: 1;
	text-align:center;
	border-bottom:2px dashed #009aff;
}

.note_03 {
	margin:20px auto;
	line-height: 1;
	text-align:center;
	border-top:2px dashed #009aff;
}

.note_04 {
	margin:20px auto;
	line-height: 1;
	text-align:left;
	border-top:2px dashed #009aff;
}

.artist {
    border-top:2px solid #e6e6e6;
    padding-top:15px;
	margin:0 10px 15px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.artist img{
	max-width:100%;
}

.artist_02 {
    padding-top:15px;
	margin:0 10px 15px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.koremade_title {
    border-top:2px solid #e6e6e6;
    padding-top:15px;
	margin:0 10px 15px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

.koremade_title img{
	width:60%;
}

.photo{
	margin:10px auto 20px;
}

.info {
	padding:5px 15px;
	font-size:14px;
	font-weight:bold;
	line-height: 1.4;
	border-radius:5px;
	border: 2px solid #fcbdf6;
}

.info_after {
	background: rgba(255,225,0,0.2);
	font-size:14px;
	font-weight:bold;
    margin:0 auto;
	padding:0;
	border-radius:10px;
	border: 2px solid #ff6600;
    line-height: 1.5;
    overflow:hidden;
}

.info_after a {
	display:block;
	padding:5px 15px;
	color:#000;
}

.official {
	margin:20px auto;
}

.video {
	margin:30px 0;
	width:100%;
	height:180px;
}

.txtimg {
	margin:20px auto;
	text-align:center;
}

.link_blue {
    background: #76effd url(../img/bg_stripe.png) scroll repeat 0 0 ;
    background-size: 28px;
    opacity:0.8;
    margin:20px auto;
    font-size:14px;
    text-align:center;
    font-weight:bold;
}

.link_blue a {
	color:#000;
	display:block;
    padding:10px 5px 8px;
}

.link_orange {
	background:#ffdd00;
	font-weight:bold;
}

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

.teacher{
	margin:15px auto;
	text-align: center;
	font-size:12px;
	line-height: 1.5;
	color:#666;
}
/******************************************************************/

.pagetop {
	position: fixed;
	bottom:10px;
	right:10px;
	opacity:0.8;
}

.social {
	background:rgba(0,120,201,0.9) url(../img/logo_sp.png) scroll no-repeat 12px 7px;
	background-size:auto 30px;
	width:100%;
	position: fixed;
	top: 0;
	right: 0;
	text-align: right;
	padding:5px 8px;
	z-index: 1;
}

.social p {
	display: inline;
	margin: auto 2px;
}

.logo{
	text-align: center;
	margin: 20px auto;
}

.copyright {
	text-align: center;
    font-size: 10px;
    color: #666;
}

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

.archive_mi {
    background: #f9f9f9 url(../img/bg_note.png) scroll repeat 0 0 ;
    background-size:200%;
    margin:3px 10px 10px;
    padding:0 0 15px;
    border-top:2px solid #e6e6e6;
    border-bottom:2px solid #e6e6e6;
    line-height: 1.5;
}

.archive_mi ul{
	display:table;
	width:100%;
	margin:15px 0;
}

.archive_mi ul li{
	display:table-cell;
	width:10%;
	border-right:1px solid #ccc;
	text-align:center;
}

.archive_mi ul li:last-child{
	border:none;
}

.archive_mi ul li a{
	color:#ff8f9b;
}

.archive_mi article{
	margin: 0;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}

.archive_mi article p{
	font-weight:bold;
	margin-bottom:5px;
	font-size:14px;
}

.archive_mi article p a{
	font-weight:lighter;
	color:#ff6600;
	text-decoration:underline;
	font-size:80%;
}

.archive_mi article section a{
	display:block;
	text-decoration:underline;
}

#agyou,#kagyou,#sagyou,#tagyou,#nagyou,#hagyou,#magyou,#yagyou,#ragyou,#wagyou{
	margin-top:-50px;
	padding-top:50px;
}

.note_solbbs a span{
	font-weight:lighter;
	border-bottom:1px dotted #ff6600;
}

.note_solbbs p{
	margin-top:10px;
}

/*pager*/

.linkpage{
	margin:10px 0;
}

.linkpage select.pager{
	margin-right:10px;
	width:35%;
	border-radius:0;
	font-size:16px;
	font-weight:bold;
	border:1px solid #ccc;
	padding:5px;
}

.linkpage input.pager{
	-webkit-appearance: none;
	padding:4px 5px;
	font-size:16px;
	font-weight:bold;
	border-radius:0;
	border:1px solid #ccc;
	background:#ffaf05;
	color:#fff;
}