@charset "UTF-8";

/********** browser default initialization **********/

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	line-height: 1.4;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

@media print {
	body	{ display: none }
}



/* =========================================================
	basic style
========================================================= */
html{
	height:	100%;
	}

body{
	height:	100%;
	margin:	0px 0px 0px 0px;
	padding:	0;
	background:	#fff;
	color:	#454546;
	line-height: 1.4;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align:	center;
	-webkit-text-size-adjust:	100%;
	background:	url(../img/bg.jpg) top repeat-x #ffffff;
	}

	.pc{
	display:	block;
	}

	.pc_tablet{
	display:	block;
	}

	.tablet_phone	{
	display:	none;
	}

	.tablet	{
	display:	none;
	}

	.phone	{
	display:	none;
	}

ul{
	margin:	0px;
	padding:	0px;
	}

p	{
		margin:	1.2em 0px 1.2em 0px;
		line-height: 1.6;
		text-align:	left;
}

a	{
	overflow: hidden;
	outline: none;
	border:	none;
}

a:focus	{
	outline:none;
}

a:link	{
		color:#417fd6;
		text-decoration: none;
	}


a:visited	{
		color:#386ab1;
		text-decoration: none;
		}

a:hover	{
		color:#91bdfa;
		text-decoration: none;
		}

a:active	{
		color:#7faded;
		text-decoration: none;
		}


img	{
		margin:	0px;
		border:	0px;
		}


a:hover img{
	opacity:	0.8;
	-moz-opacity:	0.8;
	filter: alpha(opacity=80);
}


/* main - PC
--------------------------------------------------------- */
#wrapper	{
	overflow:	hidden;
	min-height: 100%;
	width:	1000px;
	margin:	0px auto;
	padding:	0px 0px 50px 0px;
	background:	url(../img/bg_header.jpg) no-repeat top #ededed;
	text-align:	left;
}

#contents	{
	overflow:	hidden;
	width:	900px;
	margin:	10px auto 0px auto;
}

#left_area	{
	float:	left;
	width:	300px;
}

#right_area	{
	float:	right;
	width:	560px;
}


/* share - PC
--------------------------------------------------------- */
#share	{
	overflow:	hidden;
	margin:	0px 0px 0px 0px;
	padding:	20px 0px 30px 0px;
}

#gigyaShare {
	display:	inline-block;
}


/* contents_left - PC
--------------------------------------------------------- */
#okada_photo	{
	float:	left;
	width:	300px;
	height:	300px;
	margin:	10px 0px 30px 0px;
}

#okada_photo img	{
	width:	300px;
	height:	300px;
}

#okada_photo_phone	{
	display:	none;
}

/* ----- navi - PC----- */
#navi	{
	overflow:	hidden;
	float:	right;
	width:	240px;
	margin:	0px 25px 20px 0px;
}

#navi_phone	{
	display:	none;
}

#navi li	{
	margin:	0px 0px 20px 0px;
}

#navi li img	{
	width:	240px;
	height:	auto;
}


.btn_pastpage	{
	float:	right;
	width:	100%;
	margin:	0px 0px 30px 0px;
	text-align:	center;
	font-size:	12px;
}

.btn_pastpage a	{
	display:	block;
	padding:	20px;
	background:	#21351f;
	color:	#ffffff;
	text-decoration:	none;
}

.btn_pastpage a:hover	{
	text-decoration:	none;
	background:	#447041;
}


/* ----- banner - PC----- */
.bnr_area	{
	float:	right;
	width:	240px;
	margin:	0px;
}

.bnr_area	{
	overflow:	hidden;
	width:	100%;
	text-align:	center
}
.bnr_area li {
  margin-bottom: 20px;
}

.bnr_area img	{
	width:	212px;
}


.bnr_area_phone	{
	display:	none;
}


/* contents_right - PC
--------------------------------------------------------- */
#header	{
	height:	200px;
	margin:	0px 0px 0px 0px;
}

h1 img	{
	width:	560px;
	height:	115px;
	margin:	34px 0px 0px 0px;
}

#headline_area	{
	margin:	20px 0px 10px 0px;
}

#headline_area h2	{
	margin:	0px 0px 20px 0px;
	color:	#679508;
	font-size:	40px;
	font-weight:	bold;
}

#headline_area h3	{
	margin:	0px 0px 20px 0px;
	color:	#679508;
	font-size:	22px;
	font-weight:	bold;
}

#headline_area h4	{
	margin:	0px 0px 10px 0px;
	font-size:	16px;
	font-weight:	bold;
}

#backnumber_select	{
	margin:	10px 0px 50px 0px;
}

h2#title_backnumber_select img	{
	width:	200px;
	height:	auto;
	margin:	0px 0px 20px 0px;
}

h2#title_latest img	{
	width:	300px;
	height:	auto;
	margin:	20px 0px 0px 0px;
}

/* page-top - PC
--------------------------------------------------------- */
#page-top	{
	position: fixed;
	bottom:	80px;
	right:	50px;
	font-size:	90%;
}
#page-top a	{
	display:	block;
	width:	50px;
	padding:	10px 0;
	background: #21351f;
	color: #ffffff;
	text-decoration: none;
	text-align:	center;
	opacity:	0.8;
}

#page-top a:hover	{
	text-decoration: none;
	background:	#447041;
}


/* main_contents - PC
--------------------------------------------------------- */
p#date{
	margin:	10px 0px 5px 0px;
	font-size:	12px;
	}

#text_area{
	font-size:	14px;
	}

#text_area h3{
	margin:	0px 0px 50px 0px;
	font-size:	20px;
	font-weight:	bold;
	}

#playlist_area{
	margin:	50px 0px 20px 0px;
	}

#playlist_area h4 img{
	width:	300px;
	height:	auto;
	}


/* footer - PC
--------------------------------------------------------- */
#footer{
	margin:	100px 0px 0px 0px;
	padding:	0px 0px 150px 0px;
	clear:	both;
	text-align:	left;
	}

#footer li{
	float:	left;
	}

#footer li#footer_j-wave img{
	width:	200px;
	margin:	5px 0px 0px 25px;
	height:	auto;
	}

li#footer_copyright{
	clear:	both;
	margin:	15px 0px 0px 0px;
	font-size:	12px;
	text-align:	left;
	}


/* jwave_top - PC
--------------------------------------------------------- */
#jwave_top	{
	display:	none;
}








/* =========================================================
	media queries for tablet
========================================================= */
@media only screen and (max-width : 1000px){
	.pc{
	display:	none;
	}

	.pc_tablet{
	display:	block;
	}

	.tablet_phone	{
	display:	block;
	}

	.tablet	{
	display:	block;
	}

	.phone	{
	display:	none;
	}

a:hover img{
	opacity:	1;
	-moz-opacity:	1;
	filter: alpha(opacity=100);
}


/* main - tablet
--------------------------------------------------------- */
#wrapper	{
	width:	100%;
}

#contents	{
	width:	95%;
}

#left_area	{
	width:	30%;
}

#right_area	{
	width:	67%;
}


/* contents_right - tablet
--------------------------------------------------------- */
/* ----- navi - tablet ----- */
#navi	{
	overflow:	hidden;
	width:	100%;
	margin:	0px 20px 20px 0px;
}

#navi li	{
	float:	right;
	width:	80%;
	margin:	0px auto 15px auto;
}

#navi li img	{
	width:	100%;
	height:	auto;
}

.btn_pastpage	{
	width:	80%;
	text-align:	left;
}

.btn_pastpage a	{
	padding:	10px;
}

/* ----- banner - tablet ----- */
.bnr_area	{
	overflow:	hidden;
	width:	100%;
	text-align:	center
}

.bnr_area img	{
	width:	65%;
}

.bnr_area li {
  margin-bottom: 20px;
}


h1 img	{
	width:	100%;
}

h1 img	{
	width:	100%;
	height:	auto;
}

#headline_area h2	{
	font-size:	28px;
}

#okada_photo	{
	width:	100%;
	height:	auto;
}

#okada_photo img	{
	width:	100%;
	height:	auto;
	margin:	0px auto;
}


/* footer - tablet
--------------------------------------------------------- */
#footer{
	width:	100%;
	}


}



/* =========================================================
	media queries for smartphone
========================================================= */
@media only screen and (max-width : 640px){
	.pc{
	display:	none;
	}

	.pc_tablet{
	display:	none;
	}

	.tablet_phone	{
	display:	block;
	}

	.tablet	{
	display:	none;
	}

	.phone	{
	display:	block;
	}

body{
	background:	none;
	}


/* main - smartphone
--------------------------------------------------------- */
#wrapper	{
	background:	none;
}

#contents	{
	width:	100%;
	margin:	0px auto 0px auto;
}

#left_area	{
	display:	none;
}

#left_area_phone	{
	display:	block;
}

#right_area	{
	clear:	both;
	width:	100%;
}


/* contents_left - smartphone
--------------------------------------------------------- */
.btn_pastpage	{
	clear:	both;
	width:	100%;
	margin:	1.0em 0px 40px 0px;
	font-size:	14px;
	text-align:	center;
}

.btn_pastpage a	{
	padding:	20px;
}

/* ----- banner - smartphone ----- */

.bnr_area_phone li {
  margin-bottom: 20px;
}

.bnr_area_phone	{
	display:	block;
	float:	left;
	margin:	0px 0px 40px 0px;
	width:	100%;
	text-align:	center;

}

.bnr_area_phone img	{
	width:	150px;
	height:	auto;
}


/* contents_right - smartphone
--------------------------------------------------------- */
#header	{
	height:	auto;
	margin:	0px 0px 0px 0px;
}

h1 img	{
	width:	100%;
	height:	auto;
	margin:	0px;
}

#okada_photo_phone	{
	display:	block;
	width:	100%;
	height:	100%;
	margin:	10px 0px 30px 0px;
	text-align:	center;
}

#okada_photo_phone img	{
	width:	60%;
	height:	60%;
}

#headline_area	{
	clear:	both;
	margin:	0px auto 30px auto;
	width:	90%;
}

#headline_area h2	{
	font-size:	24px;
}

#headline_area h3	{
	font-size:	16px;
}

#backnumber_select	{
	margin:	20px auto 40px auto;
	width:	90%;
}

h2#title_latest	{
	margin:	20px auto 0px auto;
	text-align:	center;
}

h2#title_latest img	{
	width:	90%;
	height:	auto;
}


/* ----- navi - smartphone ----- */
#navi_phone	{
	display:	block;
}

#navi_phone ul	{
	width:	100%;
	overflow:	hidden;
	float:	right;
	margin:	0px 0px 20px 0px;
	background:	#116f2a;
}

#navi_phone li a	{
	display:	block;
	width:	49.5%;
	margin:	0px;
	padding:	10px 0px;
	background:	#254d30;
	color:	#ffffff;
	font-family: 'Ropa Sans', sans-serif;
	font-size:	24px;
	letter-spacing:	2px;
	text-align:	center;
}

#navi_phone li:first-child a	{
	float:	left;
	border-right:	none;
}

#navi_phone li:last-child a	{
	float:	right;
	border-right:	none;
}


/* page-top - smartphone
--------------------------------------------------------- */
#page-top	{
	position: fixed;
	bottom:	65px;
	right:	15px;
	font-size:	70%;
}
#page-top a	{
	display:	block;
	width:	30px;
	padding:	10px 0;
	background: #21351f;
	color: #ffffff;
	text-decoration: none;
	text-align:	center;
	opacity:	0.8;
}

#page-top a:hover	{
	text-decoration: none;
	background:	#447041;
}



/* main_contents - smartphone
--------------------------------------------------------- */
p#date{
	margin:	10px 0px 5px 0px;
	font-size:	12px;
	}

#text_area{
	margin:	0px auto;
	width:	90%;
	}

#playlist_area h4 img{
	width:	100%;
	height:	auto;
	}


/* footer - smartphone
--------------------------------------------------------- */
#footer{
	overflow:	hidden;
	clear:	both;
	width:	90%;
	margin:	70px auto 30px auto;
	padding:	0px 0px 0px 0px;
	text-align:	left;
	}

#footer li{
	clear:	both;
	width:	auto;
	margin:	0px 0px 10px 0px;
	}

#footer li#footer_j-wave img{
	margin:	5px 0px 0px 0px;
	height:	auto;
	}

li#footer_copyright{
	clear:	both;
	margin:	5px 0px 0px 0px;
	font-size:	12px;
	text-align:	left;
	}

#commonFooter {
		display: none !important;
	}


/* jwave_top - smartphone
--------------------------------------------------------- */
#jwave_top	{
	display:	block;
	width:	100%;
	background:	#666666;
}

#jwave_top a	{
	display:	block;
	padding:	25px;
	color:	#ffffff;
	font-size:	18px;
	text-align:	center;
	font-weight:	bold;
}


}