@charset "utf-8";
/* CSS Document */


/* =============================================================================
   clearfix
   ========================================================================== */
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* IE/Mac */
.clearfix{
	display: inline-table;
	zoom: 1;
}
/* Hide from IE/Mac, apply to IE/Win \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

.clear {
	clear: both;
	display: block;
}


/* =============================================================================
   全体制御
   ========================================================================== */
*{
 　margin:0;
 　padding:0;
} 

body {
	font-family: 'メイリオ', 'Osaka';
	font-size:16px;
}

ul, ol, dl {
	list-style-type: none;
}

h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd{
	margin:0;
	padding:0;
}


#wrapper{
	position:relative;
	width:980px;
	margin:auto;
	overflow:hidden;
}

#head{
	position:relative;
	width:980px;
	height:111px;
	background-image:url(../images/head/head_02.png);
}

	#head .title{
		width:150px;
		height:40px;
		margin:auto;
		padding-top:33px;
	background-repeat:no-repeat;
	color:#000000;
	font-size:22px;
	font-weight:bold;
	}

#content{
	position:relative;
	width:980px;
	overflow:hidden;
	background-image:url(../images/head/back_03.png);
}

#footer{
	width:980px;
	height:75px;
	margin:auto;
	background-image:url(../images/head/foot_04.png);
	background-position:center;
}




#right_content{
	position:relative;
	float:right;
	width:700px;
	right:50px;
	overflow:hidden
}

.sage{
	padding-left: 1em;
	text-indent: -1em;
}



/* =============================================================================
   テキスト装飾
   ========================================================================== */

.text_red{
	color:#F00;
}

.text_blue{
	color:#36F;
}

.text_green{
	color:#090;
}

.text_orangr{
	color:#F60;
}

.text_purple{
	color:#909;
}

.text_small{
	font-size:9px;
}

.text_14px{
	font-size:14px;
}

/* =============================================================================
   メニュー
   ========================================================================== */

#navi{
	position:relative;
	float:left;
	width: 180px;
	overflow: hidden;
	left:33px;
}

ul#top_navi li {
	float: left;
	width: 177px;
	height: 46px;
	overflow: hidden;
}

#link_left{
	margin-top:20px;
	position:relative;
	float:right;
	width: 175px;
	overflow: hidden;
	
}



/* =============================================================================
   中面領域
   ========================================================================== */
   
#content01{
	position:relative;
	width:700px;
	overflow:hidden;
	margin-bottom:15px;
	font-family: 'メイリオ', 'Osaka';
}


#content01 .w01{
	width:700px;
	height:35px;
	background-image:url(../images/news/w_04.png);
}

#content01 h2{
	background-image:url(../images/news/t_00.png);
	background-repeat:no-repeat;
	color:#265AFF;
	font-size:20px;
	font-weight:bold;
	padding-left:45px;
	margin-bottom:10px;
	line-height:30px;
}

#content01 .w02{
	width:700px;
	overflow:hidden;
	background-image:url(../images/news/w_05.png);
}

#content01 .w03{
	width:700px;
	height:35px;
	background-image:url(../images/news/w_06.png);
}

#content01 .in{
	position:relative;
	width:650px;
	left:25px;
	overflow:hidden;
	margin-top:10px;
}

#content01 .content{
	position:relative;
	overflow:hidden;
	width:100%;
}

#content01 .in2{
	position:relative;
	width:650px;
	left:25px;
	overflow:hidden;
	margin-top:10px;
	background-image:url(../images/special/af/bg_01.png);
	background-repeat:no-repeat;
}

/*  青枠  */

#content01 .w04{
	width:700px;
	height:35px;
	background-image:url(../images/story/w_04.png);
}

#content01 h2{
	background-image:url(../images/news/t_00.png);
	background-repeat:no-repeat;
	color:#265AFF;
	font-size:20px;
	font-weight:bold;
	padding-left:45px;
	margin-bottom:10px;
	line-height:30px;
}

#content01 .w05{
	width:700px;
	overflow:hidden;
	background-image:url(../images/story/w_05.png);
}

#content01 .w06{
	width:700px;
	height:35px;
	background-image:url(../images/story/w_06.png);
}





/*  金枠  */

#waku .w04{
	width:700px;
	height:35px;
	background-image:url(../images/waku/w_g_01.png);
}

#waku .w04w{
	width:700px;
	height:50px;
	background-image:url(../images/waku/waku-genban.png);
	background-repeat:no-repeat;
	color:#000000;
	font-size:20px;
	font-weight:bold;
        padding-top:17px;
        padding-left:25px;
}

#waku h2{
	background-image:url(../images/news/t_00.png);
	background-repeat:no-repeat;
	color:#265AFF;
	font-size:20px;
	font-weight:bold;
	padding-left:45px;
	margin-bottom:10px;
	line-height:30px;
}

#waku .w05{
	width:670px;
	overflow:hidden;
	background-image:url(../images/waku/w_g_02.png);
	background-repeat:repeat-y;
	padding-left:20px;
	padding-right:20px;
	line-height:30px;
}

#waku .w05{
	width:700px;
	overflow:hidden;
	background-image:url(../images/waku/w_g_02.png);
}



#waku .w06{
	width:700px;
	height:35px;
	background-image:url(../images/waku/w_g_03.png);
}




/*  青枠_430  */

#waku_430_b{
	width:430px;
	padding-left:5px;
}

#waku_430_b .w01{
	width:430px;
	height:25px;
	background-image:url(../images/waku/w_b_430_01.png);
}

#waku_430_b h2{
	background-image:url(../images/news/t_00.png);
	background-repeat:no-repeat;
	color:#265AFF;
	font-size:20px;
	font-weight:bold;
	padding-left:45px;
	margin-bottom:10px;
	line-height:30px;
}

#waku_430_b .w02{
	width:430px;
	overflow:hidden;
	background-image:url(../images/waku/w_b_430_02.png);
}

#waku_430_b .w02_c{
	width: 400px;
	margin: auto;
}


#waku_430_b .w03{
	width:430px;
	height:25px;
	background-image:url(../images/waku/w_b_430_03.png);
}





#waku_blue{
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin:10px;
	width:400px;
	font-size:14px;

}



/* =============================================================================
   スタッフ領域
   ========================================================================== */
   
#btn_stuff1{
	position: absolute;
	width: 169px;
	height: 31px;
	top: 413px;
	right: 338px;
}

   
#btn_stuff2{
	position: absolute;
	width: 169px;
	height: 31px;
	top: 565px;
	right: 334px;
}

/* =============================================================================
   OA領域
   ========================================================================== */

#btn_oa_atx{
	position: absolute;
	width: 105px;
	height: 22px;
	top: 208px;
	right: 654px;
}


#oa_waku{
	position:relative;
	width:836px;
	margin:auto;
	overflow:hidden;
	line-height:140%;
	font-family: 'メイリオ', 'Osaka';
}

#oa_waku .head{
	width:836px;
	height:20px;
	background-image:url(../images/story/w_01.png);
}

#oa_waku .content{
	width:836px;
	background-image:url(../images/story/w_02.png);
	overflow:hidden;
}

#oa_waku .foot{
	width:836px;
	height:21px;
	background-image:url(../images/story/w_03.png);
}

#oa{
	width:800px;
	margin:auto;
	overflow:hidden;
}


/* =============================================================================
   スペシャル領域
   ========================================================================== */
   
#special_content{
	position:relative;
	width:730px;
	margin:auto;
	overflow:hidden;
	padding:10px;
	line-height:25px;
	font-size:13px;
	font-family: 'メイリオ', 'Osaka';
}


#special_waku{
	position:relative;
	width:836px;
	margin:auto;
	overflow:hidden;
	line-height:140%;
	font-family: 'メイリオ', 'Osaka';
}

#special_waku .head{
	width:836px;
	height:20px;
	background-image:url(../images/story/w_01.png);
}

#special_waku .content{
	width:836px;
	background-image:url(../images/story/w_02.png);
	overflow:hidden;
}

#special_waku .foot{
	width:836px;
	height:21px;
	background-image:url(../images/story/w_03.png);
}

#special_in{
	width:800px;
	margin:auto;
	overflow:hidden;
	text-align:center;
}




/* =============================================================================
   ストーリーページ
   ========================================================================== */

#story_waku{
	position:relative;
	width:836px;
	margin:auto;
	overflow:hidden;
	line-height:140%;
	font-family: 'メイリオ', 'Osaka';
}

#story_waku .head{
	width:836px;
	height:20px;
	background-image:url(../images/story/w_01.png);
}

#story_waku .content{
	width:836px;
	background-image:url(../images/story/w_02.png);
	overflow:hidden;
}

#story_waku .foot{
	width:836px;
	height:21px;
	background-image:url(../images/story/w_03.png);
}

#wasu{
	width:800px;
	margin:auto;
	min-height:250px;
	overflow:hidden;
}


/* =============================================================================
   ニュースページ
   ========================================================================== */

#news_flame{
	font-family: 'メイリオ', 'Osaka';
	position:relative;
	width:836px;
	overflow:hidden;
	background-image:url(../images/news/w_02.png);
	margin-bottom:15px;
}

#news_flame .title{
	width:800px;
	margin:auto;
	font-size:20px;
	font-weight:bold;
	padding-top:18px;
}

#news_flame .date{
	width:100px;
	font-size:11px;
	color:#903;
	position:absolute;
	top:30px;
	right:10px;
}

#news_flame .head{
	width:836px;
	height:58px;
	background-image:url(../images/news/w_01.png);
}

#news_flame .foot{
	width:836ps;
	height:5px;
	background-image:url(../images/news/w_03.png)
}


#news_flame .content{
	width:800px;
	margin:auto;
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
	font-size:12px;
}








#news_content{
	position:relative;
	width:700px;
	overflow:hidden;
	margin-bottom:15px;
	font-family: 'メイリオ', 'Osaka';
}

#news_content .date{
	width: 100px;
	font-size: 11px;
	color: #903;
	position: absolute;
	top: 19px;
	right: 32px;
	text-align:right;
}



#news_content .w01{
	width:700px;
	height:35px;
	background-image:url(../images/story/w_04.png);
}

#news_content h2{
	background-image:url(../images/news/t_00.png);
	background-repeat:no-repeat;
	color:#265AFF;
	font-size:20px;
	font-weight:bold;
	padding-left:45px;
	margin-bottom:10px;
	line-height:30px;
}

#news_content h3{
	background-image:url(../images/news/t_00_01.png);
	background-repeat:no-repeat;
	color:#265AFF;
	font-size:20px;
	font-weight:bold;
	padding-left:45px;
	margin-bottom:10px;
	line-height:30px;
}

#news_content h4{
	background-image:url(../images/news/t_00.png);
	background-repeat:no-repeat;
	color:#265AFF;
	font-size:16px;
	font-weight:bold;
	padding-left:45px;
	margin-bottom:10px;
	line-height:30px;
}


#news_content .w02{
	width:700px;
	overflow:hidden;
	background-image:url(../images/story/w_05.png);
}

#news_content .w03{
	width:700px;
	height:35px;
	background-image:url(../images/story/w_06.png);
}

#news_content .in{
	position:relative;
	width:650px;
	left:25px;
	overflow:hidden;
	margin-top:10px;
}

#news_content .content{
	position:relative;
	overflow:hidden;
	width:100%;
}



table.s01{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	margin-left:10px;
}


.s01 td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}

.s02 td{
    padding:0.3em 0;
}


/* =============================================================================
   スタッフページ
   ========================================================================== */

#staff_content{
	position:relative;
	width:700px;
	overflow:hidden;
	margin-bottom:15px;
	font-family: 'メイリオ', 'Osaka';
}


#staff_content .w01{
	width:700px;
	height:35px;
	background-image:url(../images/news/w_04.png);
}

#staff_content h2{
	background-image:url(../images/news/t_00.png);
	background-repeat:no-repeat;
	color:#265AFF;
	font-size:20px;
	font-weight:bold;
	padding-left:45px;
	margin-bottom:10px;
	line-height:30px;
}

#staff_content .w02{
	width:700px;
	overflow:hidden;
	background-image:url(../images/news/w_05.png);
}

#staff_content .w03{
	width:700px;
	height:35px;
	background-image:url(../images/news/w_06.png);
}

#staff_content_in{
	position:relative;
	width:650px;
	overflow:hidden;
	margin-top:10px;
}


#staff_content .in{
	position:relative;
	width:650px;
	left:25px;
	overflow:hidden;
	margin-top:10px;
}

#staff_content .content{
	position:relative;
	overflow:hidden;
	width:100%;
}

#btn_stuff1{
	position: absolute;
	width: 169px;
	height: 31px;
	top: 564px;
	right: 273px;
}

   
#btn_stuff2{
	position: absolute;
	width: 169px;
	height: 31px;
	top: 719px;
	right: 271px;
}


/* =============================================================================
   画像エフェクト
   ========================================================================== */

.img_shadow {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin:10px;
}

.img_shadow2 { /* シャドウ */
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
	margin:10px;
}



#news_content .img_shadow{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}




#news_flame .img_shadow{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
  
#wasu .img_shadow{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
  
#content .img_l{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
  
#content .img_r{
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}



#content01 .img_shadow{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
  
  


/* =============================================================================
   ラジオページ
   ========================================================================== */
#raqdio_pic{
	position: absolute;
	width: 851px;
	height: 649px;
	background-image: url(../images/radio/p_01.png);
	top: 26px;
	left: 213px;
}


#radio_content_in{
		position:relative;
		width:836px;
		overflow:hidden;
		margin-left:210px;
	}


#radio_contents{
	position:relative;
	width:770px;
	height:1000px;
	background-image:url(../images/radio/t_01.png);
	margin:auto;
	margin-top:250px;
}

#btn_mail{
	position: absolute;
	width: 63px;
	height: 36px;
	top: 358px;
	left: 267px;
}

#btn_onsen{
	position: absolute;
	width: 128px;
	height: 26px;
	top: 711px;
	right: 77px;
}

#btn_game{
	position: absolute;
	width: 90px;
	height: 38px;
	top: 1039px;
	right: 35px;
}

#btn_mail2{
	position: absolute;
	width: 63px;
	height: 36px;
	top: 616px;
	left: 186px;
}


#btn_001{
	position: absolute;
	width: 225px;
	height: 56px;
	top: 630px;
	right: 23px;
}

#btn_002{
	position: absolute;
	width: 307px;
	height: 62px;
	top: 1095px;
	right: 319px;
}

#radio_340{
	width:340px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#radio_340_rei{
	width:340px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#FFFFE1;
}

#radio_w01{
	width:278px;
	height:52px;
	margin-left:5px;
}

#radio_w02{
	width:278px;
	background-image:url(../images/radio/w_02.png);
	overflow:hidden;
	text-align:center;
	margin-left:5px;
}

#radio_w02 .content2{
	width:210px;
	margin:auto;
}

#radio_w03{
	width:278px;
	height:25px;
	margin-left:5px;
}


#radio_w11{
	width:253px;
	height:24px;
	margin:auto;
}

#radio_w12{
	position:relative;
	width:253px;
	background-image:url(../images/radio/w_12.png);
	overflow:hidden;
	text-align:left;
	margin:auto;
}

#radio_w13{
	width:253px;
	height:15px;
	margin:auto;
}


#radio_w12 .content2{
	width:220px;
	margin:auto;
	overflow:hidden;
}





#radio_re03_w01{
	position:relative;
	width:650px;
	height:60px;
	margin:auto;
}

#radio_re03_w02{
	position:relative;
	width:650px;
	overflow:hidden;
	margin:auto;
	background-image:url(../images/radio/re03/w_002.png);
}

	#radio_re03_w02 .content{
		position:relative;
		width:610px;
		overflow:hidden;
		margin:auto;
	}


#radio_re03_w03{
	position:relative;
	width:650px;
	height:30px;
	margin:auto;
}


#radio_336{
	width:316px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

#radio_336_rei{
	width:316px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#FFFFE1;
}

#radio_274{
	width:260px;
	padding-left:10px;
	margin-bottom:10px;
}


#radio_re03_w11{
	position:relative;
	width:607px;
	height:26px;
	margin:auto;
	margin-top:10px;
}

#radio_re03_w12{
	position:relative;
	width:607px;
	overflow:hidden;
	margin:auto;
	background-image:url(../images/radio/re03/w_012.png);
}

	#radio_re03_w12 .content{
		position:relative;
		width:560px;
		overflow:hidden;
		margin:auto;
	}


#radio_re03_w13{
	position:relative;
	width:607px;
	height:18px;
	margin:auto;
}


#radio_re03_w21{
	position:relative;
	width:336px;
	height:31px;
	margin:auto;
}

#radio_re03_w22{
	position:relative;
	width:336px;
	overflow:hidden;
	margin:auto;
	background-image:url(../images/radio/re03/w_202.png);
}

	#radio_re03_w22 .content{
		position:relative;
		width:300px;
		overflow:hidden;
		margin:auto;
	}


#radio_re03_w23{
	position:relative;
	width:336px;
	height:19px;
	margin:auto;
}



#radio_re03_w31{
	position:relative;
	width:607px;
	height:60px;
	margin:auto;
}

#radio_re03_w32{
	position:relative;
	width:607px;
	overflow:hidden;
	margin:auto;
	background-image:url(../images/radio/re03/w_302.png);
}

	#radio_re03_w32 .content{
		position:relative;
		width:580px;
		overflow:hidden;
		margin:auto;
	}


#radio_re03_w33{
	position:relative;
	width:607px;
	height:21px;
	margin:auto;
}

#sp_btn01{
	width:260px;
	height:50px;
	margin:auto;
	text-align:center;
}

/* =============================================================================
   商品情報
   ========================================================================== */

#content01 .goods{
	position:relative;
	width:650px;
	left:5px;
	overflow:hidden;
	margin-top:10px;
}


table.g01{
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	margin-left:10px;
}


.g01 td{
    border-bottom:1px dotted #2CCAFF;
    padding:0.3em 1em;
}

.g02 td{
    padding:0.3em 0;
}


table.g02{
    border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	margin-left:10px;
}


.g02 td{
    border-bottom:1px dotted #2CCAFF;
    padding:0.2em 1em;
}


#c_380{
	width:380px;
	margin:auto;
	margin-top:5px;
}

#cd_index{
	width: 700px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}



/* =============================================================================
   SNS領域
   ========================================================================== */
#sns{
	position:absolute;
	clear:both;
	text-align:right;
	top: 5px;
	width:1100px;
	margin:auto;
	z-index:1000;
}

#sns ul {
	float: right;
	overflow: hidden;
	}
#sns ul li {
	float: left;
	margin-right: 4px;
	font-size:5px;
	}

iframe.twitter-share-button {width: 130px!important;} 



/* =============================================================================
   その他機能
   ========================================================================== */
