@charset "utf-8";
/* =======================================

	Browser Reset CSS
	Last Up Date 08/06/03

========================================== */

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
p,blockquote,table,th,td {margin: 0; padding: 0;}

html {background: #FFF; color: #000;}

body {
	font:13px/1 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	position: relative;
	min-width:900px;
}
* html body {font-size: small; font: x-small;}
*:first-child+html body {font-size: small; font: x-small;}

img {border: 0; vertical-align: bottom;}

h1,h2,h3,h4,h5,h6 {clear: both; font-size: 100%; font-weight: normal;}

ul,dl,ol {text-indent: 0;}
li {list-style: none;}

address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

/* =======================================

	Structure CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Basic Structure
	
	2.Header
		2-1.Globalnavi
		2-2.Search
	
	3.Site Title
	
	4.Main Visual
	
	5.Contents
	
	6.Footer
		6-1.Footer Navi

========================================== */

/* 1.Basic Structure
========================================== */
html {
	background: #FFF url(images/common/bg_structure_01.gif);
	color: #333;
}

body{
}



#wrapper {
	margin: 0 auto;
	width: 906px;
	padding: 0 0 10px;
	background: url(images/common/bg_structure_02.gif) repeat-y;
	position: relative;
}


/* 2.Header
========================================== */
#header {
	position: relative;
	background: url(images/common/bg_structure_03.gif) no-repeat;
	padding: 11px 13px 0;
}

	/* 2-1.Globalnavi
	---------------------------------------- */
	#header ul#globalnavi {
		position: absolute;
		top: 11px;
		left: 13px !important;
		left: 0;
		height: 20px;
	}
	
	#header ul#globalnavi li {
	float: left;
	margin: 0 3px 0 0;
	width: 77px;
	}
	
	/* 2-2.Search
	---------------------------------------- */
	#header #search {
		margin: 0 0 20px 530px;
		text-align: right;
	}
	
	#header #search label {
	}
	
	#header #search label input {
		position: relative;
		font-size: 92.4%;
		line-height: 1.167;
		vertical-align: top;
	}
	
	#header #search label#search-text input {
		height: 1.167em;
		max-width: 220px;
	}
	
	/* IE6 Only */
	* html #header #search label#search-text input {margin: -1px 0;}
	
	/* IE7 Only */
	*:first-child + html #header #search label#search-text input {margin: -1px 0;}


/* 3.Site Title
========================================== */
h1#site-title {
	margin: 0 0 0 13px;
}


/* 4.Main Visual
========================================== */
p#main-visual {
	margin: 0 13px 0;
}


/* 5.Contents
========================================== */
#contents {
	margin: 0 13px;
	height: 100%;
}

#contents:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents #first-contents {
	position: relative;
	float: left;
	display: inline;
	padding: 0 0 0.75em;
	width: 181px;
	height: 100%;
}

/* IE6 Only */
* html #contents #first-contents {
	height: 800px;
}

#contents #second-contents {
	float: right;
	display: inline;
	width: 690px;
	height: 100%;
	
}

#contents #second-contents:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}


/* 6.Footer
========================================== */
#footer {
	clear: both;
	position: relative;
	margin: 0 13px;
	height: 40px;
	background: url(images/common/footer_bg.gif) no-repeat 100% 0;
}

#footer p {
	position: absolute;
}

#footer p img {
	vertical-align: top; /* for IE */
}

#footer p#footer-logo {
	top: 0;
	left: 0;
	width: 128px;
}

#footer p#footer-lead {
	top: 9px;
	left: 140px;
	width: 233px;
}

#footer p#copyright {
	top: 18px;
	left: 654px;
	width: 224px;
}

	/* 6-1.Footer Navi
	---------------------------------------- */
	#footer ul#footer-navi {
		position: absolute;
		top: 26px;
		left: 138px;
		width: 450px;
		height: 9px;
	}
	
	#footer ul#footer-navi li {
		float: left;
	}
	
	#footer ul#footer-navi li a {
	}
	
	#footer ul#footer-navi li a img {
		vertical-align: top; /* for IE */
	}
	
/* =======================================

	Text Decorations CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Titles
	
	2.Base Text
		2-1.Image and Article
		2-2.Shop
		2-3.Inner Reset
	
	3.Plain Text Link

========================================== */

/* 1.Titles
========================================== */
#contents h2 {
}

#contents h3 {
	margin: 0 0 15px;
	padding: 3px;
	color: #b1113e;
	border-bottom: 1px solid #BFBFBF;
	font-weight: bold;
	font-size: 92.4%;
	line-height: 1.335;
}

#contents h4 {
	margin: 0 0 2px;
	font-weight: bold;
	font-size: 92.4%;
	line-height: 1.335;
}

#contents h5 {
}

#contents h6 {
}


/* 2.Base Text
========================================== */
#contents strong {
	font-weight: bold;
}

#contents em {
	font-style: italic;
}

#contents .section {
	margin: 0 12px 50px;
	zoom: 1;
}

#contents .section:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents p {
	font-size: 92.4%;
	line-height: 1.5;
}

#contents ul li,
#contents ol li,
#contents dl dt,
#contents dl dd,
#contents address {
	font-size: 92.4%;
	line-height: 1.335;
}

#contents .section p {
	margin: 0 3px 20px;
}

	/* 2-1.Image and Article
	---------------------------------------- */
	#contents .section p.image {
		float: left;
		width: 180px;
	}
	
	#contents .section .article {
		float: right;
		display: inline;
		width: 275px;
	}
	
	/* 2-2.Shop
	---------------------------------------- */
	#contents .section .shop {
		margin: 0 3px 40px;
	}
	
	#contents .section .shop h4 {
	}
	
	#contents .section .shop address {
	}

	/* 2-3.Inner Reset
	---------------------------------------- */
	#contents ul p,
	#contents ul ul,
	#contents ul ol,
	#contents ul dl,
	#contents ol p,
	#contents ol ul,
	#contents ol ol,
	#contents ol dl,
	#contents dl p,
	#contents dl ul,
	#contents dl ol,
	#contents dl dl {
		font-size: 100%; /* Reset */
	}


/* 3.Plain Text Link
========================================== */
#contents a {
	color: #000000;
	text-decoration: underline;
}

#contents a:hover {
	color: #aaaaaa;
}

/* =======================================

	Parts CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.FLJ Magazine
	
	2.Localnavi
	
	3.Page Navi
		3-1.Page Navi Botoom

========================================== */

/* 1.FLJ Magazine
========================================== */
#first-contents p.FLJ-magazine {
	position: absolute;
	bottom: 13px;
	left: 13px;
	width: 159px;
	font-size: 77%;
	line-height: 1.5;
}


#second-contents p.FLJ-magazine {
	position: absolute;
	bottom: 13px;
	left: 13px;
	width: 159px;
	font-size: 77%;
	line-height: 1.5;
}


/* 2.Localnavi
========================================== */
#contents dl.localnavi {
	margin: -30px 15px 30px;
}

#contents dl.localnavi dt {
	margin: 40px 0 10px;
}

#contents dl.localnavi dd {
	margin: 0 0 3px;
}

#contents dl.localnavi dd a {
	color: #333;
	padding-bottom: 1px;
	text-decoration: underline;
}

#contents dl.localnavi dd a:hover {
	color: #999;
}


/* 3.Page Navi
========================================== */
#contents .page-navi {
	margin: 0 15px 30px;
	zoom: 1;
}

#contents .page-navi:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#contents .page-navi p.order {
	float: left;
}

#contents .page-navi p.direct {
	float: right;
}

	/* 3-1.Page Navi Botoom
	---------------------------------------- */
	#contents .page-navi#page-navi-btm {
		position: absolute;
		bottom: 6px;
		margin: 0 15px 0;
		width: 468px;
		height: auto;
	}

/* =======================================

	Box CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	1.Mail News
		1-1.Title
		1-2.Join
	
	2.New Issue
		2-1.Title
		2-2.p
	
	3.Menu
		3-1.Title
	
	4.Shop List
		4-1.Title
	
	5.Page
		5-1.Title

========================================== */

/* 1.Mail News
========================================== */
#contents #mail-news {
	margin: 0 0 10px 0;
	border: solid #BFBFBF;
	border-width: 0 1px 1px;
}

	/* 1-1.Title
	---------------------------------------- */
	#contents #mail-news h2 {
		position: relative;
		left: 2px;
		margin: 0 0 0 -4px;
		width: 183px;
	}

	/* 1-2.Join
	---------------------------------------- */
	#contents #mail-news .join {
		display: table;
		margin: 5px 8px;
		width: 163px;
	}
	
	#contents #mail-news .join p {
		display: table-cell;
		vertical-align: middle;
	}
	
	/* IE6 Only */
	* html #contents #mail-news .join {
		padding-bottom: 5px;
	}
	* html #contents #mail-news .join p {
		display: inline;
		zoom: 1;
	}
	* html #contents #mail-news .join p img {
		margin-left: 5px;
	}
	
	/* IE7 Only */
	*:first-child + html #contents #mail-news .join {
		padding-bottom: 5px;
	}
	*:first-child + html #contents #mail-news .join p {
		display: inline;
		zoom: 1;
	}
	*:first-child + html #contents #mail-news .join p img {
		margin-left: 2px;
	}
	


/* 2.New Issue
========================================== */
#contents #new-issue {
	margin: 0 0 10px;
	border: solid #BFBFBF;
	border-width: 0 1px 1px;
}

	/* 2-1.Title
	---------------------------------------- */
	#contents #new-issue h2 {
		position: relative;
		left: 2px;
		margin: 0 0 12px -4px;
		width: 183px;
	}

	/* 2-2.p
	---------------------------------------- */
	#contents #new-issue p {
		margin: 0 13px 12px;
	}
	
	#contents #new-issue p.image {
		margin: 0 0 12px;
		text-align: center;
	}
	
	#contents #new-issue p.num {
		margin: 0 0 12px 13px;
	}
	
	#contents #new-issue p.entry {
		margin: 0 0 12px;
		text-align: center;
	}


/* 3.Menu
========================================== */

#contents #log-menu,
#contents #area,
#contents #readers-menu {
	position: relative;
	float: left;
	display: inline;
	margin: 0 0 10px;
	padding: 0 0 0.75em;
	width: 179px;
	border: solid #BFBFBF;
	border-width: 0 1px 1px;
}

	/* 3-1.Title
	---------------------------------------- */
	#contents #log-menu h2,
	#contents #area h2,
	#contents #readers-menu h2 {
		position: relative;
		left: 2px;
		margin: 0 0 12px -4px;
		width: 183px;
	}


/* 4.Shop List
========================================== */
#contents #FLJ-log,
#contents #shop-list,
#contents #readers-voice {
	position: relative;
	float: right;
	display: inline;
	margin: 0 0 10px;
	padding: 0 0 0.75em;
	width: 498px;
	border: solid #BFBFBF;
	border-width: 0 1px 1px;
}

	/* 4-1.Title
	---------------------------------------- */
	#contents #FLJ-log h2,
	#contents #shop-list h2,
	#contents #readers-voice h2 {
		position: relative;
		left: 2px;

		margin: 0 0 12px -4px;
		width: 502px;
	}


/* 5.Page
========================================== */
#contents #page {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0.75em;
	border: solid #BFBFBF;
	border-width: 0 1px 1px;
}

	/* 5-1.Title
	---------------------------------------- */
	#contents #page h2 {
		position: relative;
		left: 2px;
		margin: 0 0 12px -4px;
		width: 692px;
	}

/* 6.Top Contents
========================================== */
#contents #top-contents {
	margin: 0 0 10px;
	border: solid #BFBFBF;
	border-width: 0 1px 1px;
}

	/* 6-1.Title
	---------------------------------------- */
	#contents #top-contents h2 {
		position: relative;
		left: 2px;
		margin: 0 0 12px -4px;
		width: 692px;
	}

	/* 6-2.Section
	---------------------------------------- */
	#contents #top-contents .section {
		margin-bottom: 0;
	}

/* 7section
=============================================*/
#second-contents .section img {
		float:left;
		margin:0 10px 10px 0;
		}
		
#second-contents .section{
		clear:both;
		}
		
#second-contents .time{
	width:300px;
	float:right;
	text-align: right;
		}
		
#counter{
	position:absolute;
	top:-100px;
	left: -100px;
}
#mail-news .join .style1 .style1:link {
	color: #FF0000;
}

/* Interview
=============================================*/
#itv{margin:0;}

#itv h3 {margin: 0 0 0px;padding: 3px;color: #b1113e;border-bottom: 1px solid #BFBFBF;font-weight: bold;font-size: 92.4%;line-height: 1.335;}
.itv_sub{font-size:14px;font-weight:bold;line-height:120%; background:url(/images/itv_icn03.gif) 3px 5px no-repeat; padding-left:18px;}
.itv_staff{font-size:11px;color:#666666;}
.itv_q{color:#666666;}
.itv_icn{background:url(/images/itv_icn03.gif) 3px 5px no-repeat; padding-left:15px;}

/* 追加20090129
=============================================*/
.clear{clear:both;}
.abc_c {padding:0;}

.message_banner{position:absolute;right: 11px;top: 15px;width: 110px;background:url(../../../images/message_banner01.gif) 0 0 no-repeat;height: 33px;padding: 123px 0 0 10px;}
.banner0002{position:absolute;top: 182px;right: 11px;width:120px;height:123px;background:url(../../../images/itunes.gif) 0 0 no-repeat;}
.banner0002 a{position:absolute;width:120px; height:123px; display:block; overflow:hidden; text-indent:-9999px;background:url(../../../images/itunes.gif) 0 0 no-repeat;}
#banner_area{
	margin:0 0 13px 13px;
	height: auto;
	padding: 5px 0px 10px 8px;
	float: left;
	width: 872px;
	background-color: #000000;
	display: inline;
}

#banner_area li{
	float:left;
	margin: 0;
	padding: 0 2px 0 2px;
}
.t_b_b{border:2px solid #666666;}
a .t_b_b{border:2px solid #666666;}
a:hover .t_b_b{border:2px solid #BBE1E8;}

.t_b_j{
	font-size:11px;
	color: #999999;
	margin: 5px 0 0 3px;
}
.t_b_t{
	font-size:12px;
	clear: both;
	color: #FFFFFF;
	margin: 3px 0 0 3px;
	float:left;
}
.play_m{
	padding:0 0 0 8px;
	float: left;
}
.side_banner{
	position:absolute;
	left: 921px;
	top: 11px;
	width: 100px;
	height: auto;
}
#contents #second-contents_02 {
	float: right;
	display: inline;
	width: 880px;
	height: 100%;
	
}
#contents #page_02 {
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0.75em;
	border: solid #BFBFBF;
	border-width: 0 1px 1px;
	height: auto;
	float: left;
}

	#contents #page_02 h2 {
	position: relative;
	left: 2px;
	margin: 0 0 12px -4px;
	width: 880px;
	}
.pr_img{
	float:left;
	margin: 0 10px 0 0;
	padding: 0 0 10px 0;
}
/****headjs****/
#featured {OVERFLOW: hidden;WIDTH: auto;POSITION: relative;HEIGHT: 370px;background-color: #91949B;}
#featured .word {Z-INDEX: 10;LEFT: 2px;WIDTH: 470px;COLOR: #fff;BOTTOM: 0px;POSITION: absolute;HEIGHT: 32px;text-align:left;padding: 5px 5px 10px 5px;margin: 0 0 2px 0;text-indent: -9999px;}
#featured .word H3 {FONT-SIZE: 13px}
#featured .ui-els-hide {DISPLAY: none}
#head_sum{margin:0 auto;width: 864px;clear: both;height: 16px;}
#thumbs {
	WIDTH: 221px;
	LIST-STYLE-TYPE: none;
	HEIGHT: 30px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 658px;
	top: 347px;
}
* HTML #thumbs {HEIGHT: 100%}
#thumbs LI {
	DISPLAY: inline;
	FLOAT: right;
	WIDTH: 20px;
	MARGIN-RIGHT: 4px;
	HEIGHT: 12px
}
#thumbs UL {MARGIN-TOP: 3px;margin: 3px 0 10px 0;}
#thumbs LI.last_img {MARGIN-RIGHT: 4px}
#thumbs LI.first {MARGIN: 2px 5px 0px 0;WIDTH: 10px;CURSOR: pointer;HEIGHT: 12px}
#thumbs LI.last {MARGIN: 2px 12px 0px 0;WIDTH: 10px;CURSOR: pointer;HEIGHT: 12px}
#thumbs LI A {BORDER:#666666 2px solid; DISPLAY: block; FONT-SIZE: 0px; WIDTH: 10px;}
#thumbs LI A:hover {BORDER: #D40E16 2px solid;}
#thumbs LI A.current {BORDER: #D40E16 2px solid;}
#thumbs LI.first IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
#thumbs LI.last IMG {BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px}
#topstory {WIDTH: 880px;HEIGHT: 370px;margin: 0 auto;padding: 0 0 0 0;}
#highlight {WIDTH: 880px;position: absolute;}