@charset "utf-8";

/*----------------------------------------------------------------
Copyright(c) 2016 Karaage. All Rights Reserved.
----------------------------------------------------------------*/

/*-- layout   ---------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background: #2B0000;
}
#main {
	background-color:#fff;
	overflow: hidden;

}

.menu-button-right {
	display:none;
}
.inner {
	width:992px;
	margin: 0 auto;
	text-align:left;
}
.inner:after {
 content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.inner {
	display: inline-block;
}
* html .inner {
	height: 1%;
}
.inner {
	display: block;
}


/*-- ad
------------------------------------------*/
.ad_wrap01 {
	text-align:center;
	padding: 10px 0;
}


/*-- header
-----------------------------------------*/
#header {
	height:62px;
}
#header #head_logo {
	width:240px;
	float:left;
	margin: 0 0 0 2px;	
}
#header #head_navi {
	float:left;
	width:505px
}
#header #head_navi ul {
	list-style:none;
	margin:0;
	padding: 5px 0 0 0 ;
}
#header #head_navi ul li {
	display:inline;
	margin-right:1em;
	background-image:url(../img/common/icon_arr01.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding: 0 0 0 16px;
	line-height:16px;
}
#header #head_navi ul li a {
	color: #333 !important;
	text-decoration:none;
}
#header #head_navi ul li a:hover {
	color: #999 !important;
}
#header #head_share {
	float:right;
	padding: 5px 0 0 0 ;
	width:220px;
}
#header #head_share dl {
	width:223px;
	height:40px;
}
#header #head_share dl dt {
	background-color: #F0F0E1;
	float:left;
	margin:0;
	line-height:14px;
	padding: 6px 0 6px 0;
	width:100px;
	text-align:center;
	font-size:12px;
	text-align:center;
}
#header #head_share dl dd {
}

/*-- sns share
-----------------------------------*/
/*share-botton*/
#head_share .share-buttons{
    margin-bottom: 10px;
    text-align: left;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
#head_share .share-buttons  a {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    padding:5px;
	margin:0;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
#head_share .share-buttons  .share-text{
    font-size: 15px;
}
#head_share .share-buttons  .facebook-button{
    background: #305097;
}
#head_share .share-buttons  .facebook-button:hover{
    background: #4c70ba;
}
#head_share .share-buttons  .facebook-button:active{
    background: #213254;
}
#head_share .share-buttons  .twitter-button{
    background: #55acee;
}
#head_share .share-buttons  .twitter-button:hover{
    background: #83c3f3;
}
#head_share .share-buttons  .twitter-button:active{
    background: #0285b7;
}
#head_share .share-buttons  .googleplus-button{
    background: #db4a39;
}
#head_share .share-buttons  .googleplus-button:hover{
    background: #e47365;
}
#head_share .share-buttons  .googleplus-button:active{
    background: #a23629;
}
#head_share .share-buttons  .pocket-button{
    background: #ee4256;
    box-shadow: 0 3px 0 #b5392c;
}
#head_share .share-buttons  .pocket-button:hover{
    background: #f26f7f;
}
#head_share .share-buttons  .pocket-button:active{
    background: #b5392c;
}
#head_share .share-buttons  .share-buttons a:active{
    top: 3px;
    box-shadow: none;
}


/*-- gNav
-----------------------------------------*/
#gNav {
	background-color:#980001;
	border-bottom: 1px solid #5B0001 ;
	height:50px;
}
#gNav .inner {
}

#gNav ul {
	margin:5px 0;
	border-left: 1px dotted #fff;
}
#gNav ul li {
	list-style:none;
	float:left;
	padding:4px 0 0 0 ;
}
#gNav ul li.li_mypage {
	float:right;
}
#gNav ul li.li_01 a {
	width:90px;
}
#gNav ul li.li_02 a {
	width:110px;
}
#gNav ul li.li_03 a {
	width:120px;
}
#gNav ul li.li_04 a {
	width:160px;
}
#gNav ul li.li_mypage a {
	width:120px;
	color:#980000;
	text-decoration:none;
	line-height:14px;
	font-size:16px;
	border-right: solid 1px #5B0001 ;
	border-bottom: solid 1px #5B0001 ;
	display:block;
	background-color: #fff;
	font-family: 'Orbitron', sans-serif;
	font-weight:500;
}
#gNav ul li.li_mypage a:hover {
	color:#5B0001;
	border-left: solid 1px #5B0001 ;
	border-top: solid 1px #5B0001 ;
	border-right: none !important ;
	border-bottom: none !important ;
}
#gNav ul li a {
	color:#fff;
	text-decoration:none;
	line-height:14px;
	font-size:14px;
	padding: 14px 0 ;
	border-left: dotted 1px #fff;
	display:block;
	text-align:center;
}
#gNav ul li a:hover {
	color: #ccc;
}




/*-- footer
-----------------------------------------*/

#footer {
	background: #990000;
	border-top: solid 10px #6B0001;
	padding: 20px 0 0 0 ;
}
#fNav {
	border-bottom: solid 10px #6B0001;
}
#fNav .alpha {
	float:left;
	width:315px;
	margin-right:20px;	
}
#fNav .beta {
	float:left;
	width:315px;
}
#fNav .gamma {
	float:right;
	width:315px;
}
#fNav dl {
	margin-bottom:2em;
}
#fNav dl dt {
	clear:both;
	margin:0px;
	display:block;
}
#fNav dl dt a {
	display: block;
	padding:4px 10px;
	border: 1px solid #fff;
	color:#fff;
	text-decoration:none;
}
#fNav dl dt a:hover {
	border: 1px solid #ccc;
	color:#ccc;
}
#fNav dl dd {
	padding: 10px 0 0 5px ;
}
#fNav dl dd ul {
}
#fNav dl dd ul li {
	list-style:none;
}
#fNav dl dd a {
	color: #fff;
	text-decoration:none;
}
#fNav dl dd a:hover {
	color : #ccc;
}
#fNav dl dd ul li ul {
	margin-left:1em;
	margin-bottom:5px;
}
#fLogo {
	text-align:center;
	padding:20px 0;
}
#fCopy {
	color: #fff;
	background: #2B0000;
	text-align:center;
	padding: 20px 0;

}


/*---
--------------------------------------*/

#breadcrumb_wrap {
	background-color:#6B0001 ;
	padding: 20px ;
	color: #fff;
}
#breadcrumb_wrap a {
	color: #fff;
}

/*---
------------------------------------*/

.slide_contents {
	padding: 20px 0 0 0;
}
.slide_contents  {
}
.slide2 {
	width:236px;
	background-color:#fff;
}
.slide2 a {
	text-decoration:none !important;
}
.slide2 .banner {
	padding:0px !important;
	height:112px;
}
.slide2 .banner img {
	width:100%;
	height:112px;
	padding: 0px !important;
	margin:0px !important;
}
.slide2 a .text {
	padding:10px 10px ;
	color: #333;
	position:relative;
}
.slide2 .category {
}
.category span {
	font-family: 'Voces', cursive;
	font-size:11px;
	color: #fff;
	padding: 2px 5px ;
	width:100px;
	margin-bottom:5px;
	display:block:
}
.slide2 .name {
	font-size:14px;
	color:#980001;
	border-bottom: dotted #666 1px;
	margin-bottom:5px;
	padding-bottom:2px;
	margin-top:5px;

}
.slide2 .disc {
}
.slide2 .disc p {
	font-size:13px;
	line-height:1.3em;
	height:4em;
	display: block;
}


.slide3 {
	width:236px;
	background-color:#fff;
}
.slide3 a {
	text-decoration:none !important;
}

.slide4 {
	width:200px;
	background-color:#fff;
}
.slide4 a {
	text-decoration:none !important;
}
.slide4 .banner {
}
.slide4 a .text {
	padding:10px 10px ;
	color: #333;
	margin-top:-10px;
	position:relative;
}
.slide4 .banner img {
	width:200px;
}


.slide4 .disc {
}
.slide4 .disc p {
	font-size:12px;
	line-height:1.3em;
}


/*--- back
------------------------------------*/
.back_color01 {
	background-color:#F0F0E1;

}


.a_st01 {
	background-color:#9E0F10;
	color: #fff !important;
	text-decoration: none !important;
	padding:10px 30px 10px 50px;
	background-image:url(../img/common/icon_arr02.png);
	background-repeat:no-repeat;
	background-position: 15px center;
	border-bottom: solid 1px #5F090A;
	border-right: solid 1px #5F090A;
	
}
.a_st01 span {
}
.a_st01:hover {
	border-top: solid 1px #5F090A;
	border-left: solid 1px #5F090A;
	border-right: none;
	border-bottom: none;
}

/*-- contents
---------------------------------*/
.column2_style {
	padding: 30px 0;
}
.column2_style #alpha {
	width:740px;
	float:left !important;
}
.column2_style #beta {
	width:236px;
	float: right !important ;
}
.sabnavi {
}
.sabnavi h3 {
	background-color: #980001 ;
	color: #fff;
	padding: 4px;
	font-weight:normal ;
	margin-bottom:5px;
}
.sabnavi .sabnavi_list {
}
.sabnavi .sabnavi_list li {
	list-style:none;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom: dotted 1px #333 ;
}
.sabnavi .sabnavi_list li a {
	color: #333 !important;
	text-decoration:none  !important;
	line-height:1.3em;
} 
.sabnavi .sabnavi_list li a:hover {
	text-decoration:underline !important;
	color: #666 !important;
}


/*-- sns share contents
------------------------------------------------*/
/*share-botton*/
.share-buttons{
	margin:  0 0 20px 0;
    text-align: left;
	width:740px !important;
}
.share-buttons .inner a {
    position: relative;
    display: inline-block;
    width: 134px;
    height: 45px;
    line-height: 25px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    padding:5px;
}
.share-buttons .inner .share-text{
    font-size: 15px;
}
.share-buttons .inner .hatena-bookmark-button{
    background: #008fde;
    box-shadow: 0 3px #5478a5;
}
.share-buttons .inner .hatena-bookmark-button:hover{
    background: #1db4eb;
}
.share-buttons .inner .hatena-bookmark-button:active{
    background: #5478a5;
}
.share-buttons .inner .facebook-button{
    background: #305097;
    box-shadow: 0 3px #213254;
}
.share-buttons .inner .facebook-button:hover{
    background: #4c70ba;
}
.share-buttons .inner .facebook-button:active{
    background: #213254;
}
.share-buttons .inner .twitter-button{
    background: #55acee;
    box-shadow: 0 3px #0285b7;
}
.share-buttons .inner .twitter-button:hover{
    background: #83c3f3;
}
.share-buttons .inner .twitter-button:active{
    background: #0285b7;
}
.share-buttons .inner .googleplus-button{
    background: #db4a39;
    box-shadow: 0 3px #a23629;
}
.share-buttons .inner .googleplus-button:hover{
    background: #e47365;
}
.share-buttons .inner .googleplus-button:active{
    background: #a23629;
}
.share-buttons .inner .pocket-button{
    background: #ee4256;
    box-shadow: 0 3px 0 #b5392c;
}
.share-buttons .inner .pocket-button:hover{
    background: #f26f7f;
}
.share-buttons .inner .pocket-button:active{
    background: #b5392c;
}
.share-buttons .inner .share-buttons a:active{
    top: 3px;
    box-shadow: none;
}



/*------カテゴリーの色指定
-----------------------------------------------*/

/*--PROJECT----*/.category span.cate40 {
	background-color: #317C03;
}
.sec_head .cate40 {
	background-image: url(../img/contents/event/event_obi03.png);
}
/*--PRODUCE----*/.category span.cate41 {
	background-color: #7F00FF;
}
.sec_head .cate41 {
	background-image: url(../img/contents/event/event_obi04.png);
}
/*--EVENT----*/.category span.cate39  {
	background-color: #FF7F00;
}
.sec_head .cate39 {
	background-image: url(../img/contents/event/event_obi02.png);
}

/*--GlobalPartner----*/.category span.cate93 {
	background-color: #FF7F00;
}
.sec_head .cate93 {
	background-image: url(../img/contents/event/event_obi02.png);
}
/*--GlobalPartner----*/.category span.cate102  {
	background-color: #317C03;
}
.sec_head .cate102 {
	background-image: url(../img/contents/event/event_obi03.png);
}
.category span.type_event{
	background-color: #317C03;
 }
.category span.type_oshirase {
	background-color: #7F00FF;
 }
.category span.type_sonota{
	background-color: #BE4180;
}
.category span.type_tv{
	background-color: #2A5CAA;
}
.category span.type_radio {
	background-color: #FF7F00;
}
 .category span.type_web {
	background-color: #BE4180;
 }
.category span.type_zasshi {
 	background-color: #85B200;
}