@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
input, select { vertical-align: middle; }
ul { list-style-type:none; }
em { font-style:normal; }

/* ====================================================
	
	common
	
=====================================================*/
* { margin: 0; padding: 0; }

html {
	font-size: 62.5%;
}

body {
	background: url(../images/common/bg_body.gif);
	color: #333333;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:13px; font-size:1.3rem;
	line-height:1.5;
	margin:0 auto;
}
body#movie { background:#000000; padding:10px; text-align:center; }

a, a:visited { color:#a80f00; text-decoration:none; }
a:hover { color:#222222; text-decoration:none; }

.hidden { display:none; }

/* clearfix */
.clearfix { zoom: 1; /*for IE 5.5-7*/ }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


/* ====================================================
	
	parts
	
====================================================*/
.fwb { font-weight:bold; }
.red { color: #cc0000; }
.fs75 { font-size:75%; }
img { -ms-interpolation-mode: bicubic; }
.sp { display:none; }

/* ----------------------------------------------------
	text-align
---------------------------------------------------- */
.ac { text-align: center; }
.ar { text-align:right; }
.al { text-align:left; }

/* ----------------------------------------------------
	float
---------------------------------------------------- */
.fr { float:right; }
.fl { float:left; }

/* ----------------------------------------------------
	margin
---------------------------------------------------- */
.m00 { margin: 0 !important; }
.m05 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }
.m25 { margin: 25px !important; }
.m30 { margin: 30px !important; }
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }

.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }

.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }

/* ----------------------------------------------------
	padding
---------------------------------------------------- */
.p00 { padding: 0 !important; }
.p05 { padding: 5px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.p35 { padding: 35px !important; }
.p40 { padding: 40px !important; }

.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }

.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }

.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }


/* ====================================================
	
	container
	
====================================================*/
.bg {
	background:url(../images/common/bg.jpg) top repeat-x;
}

#container {
	background:url(../images/common/bg_container.png) center 15px no-repeat;
	margin:0 auto;
	text-align:center;
}

/* ====================================================
	
	header
	
====================================================*/
.www { background:#d69937; padding:10px 0 5px; text-align:center; }
.www .inner { margin:0 auto; text-align:right; width:900px; }

#header {
	margin: 0 auto;
	padding:15px 0;
	text-align:left;
	width: 900px;
}
#header h1 a {
	background:url(../images/common/logo.png) no-repeat;
	display:block;
	height:215px;
	text-indent:-9999px;
	width:340px;
}

#header .catch { background:#d69937; color:#ffffff; margin-top:10px; width:300px; padding:10px; }

.information { background:#f1f7b5; margin:10px 0; padding:10px; }
#header .information { background:none; padding:0; }
.information a.btn {
	background:url(../images/common/btn_info.png) no-repeat;
	display:block;
	height:70px;
	text-indent:-9999px;
	width:320px;
}
.information a.btn:hover { background:url(../images/common/btn_info_over.png) no-repeat; }
.information .txt { padding-top:15px;}


#gNavi { margin:0 auto; position:relative; width:900px; }
	#index #gNavi { border-bottom:7px solid #7d0000; }
	#campaign #gNavi { border-bottom:7px solid #6d9002; }
	#present #gNavi { border-bottom:7px solid #ff5000; }
	#gNavi ul li { float:left; }

/* #gNavi ul li a { */
#gNavi ul li a, #gNavi ul li#menuPresent {
	display:block;
	height:57px;
	text-indent:-9999px;
	width:300px;
}
#gNavi ul li#menuLineup a { background:url(../images/common/gNavi.gif) 0 0 no-repeat; }
#gNavi ul li#menuCampaign a { background:url(../images/common/gNavi.gif) -300px 0 no-repeat; }
#gNavi ul li#menuPresent, #gNavi ul li#menuPresent a { background:url(../images/common/gNavi.gif) -600px 0 no-repeat; }
#gNavi ul li#menuLineup a:hover, #gNavi ul li#menuLineup.current a { background:url(../images/common/gNavi.gif) 0 -57px no-repeat; }
#gNavi ul li#menuCampaign a:hover, #gNavi ul li#menuCampaign.current a { background:url(../images/common/gNavi.gif) -300px -57px no-repeat; }
#gNavi ul li#menuPresent a:hover, #gNavi ul li#menuPresent.current a { background:url(../images/common/gNavi.gif) -600px -57px no-repeat; }


.slide { position:relative; margin-top:35px; }
	.slide .pickup {
		background:url(../images/common/pickup.png) no-repeat;
		height:92px;
		text-indent:-9999px;
		width:135px;
		position:absolute; top:-30px; left:-30px;
		z-index:100;
	}

#slideshow { position:relative; height:310px; width:545px; }
#slideshow img {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow img.active {
	z-index:10;
	opacity:1.0;
}
#slideshow img.last-active {
    z-index:9;
}


/* ====================================================
	
	footer
	
====================================================*/
#footer {
	background: #f0f0f0 url(../images/common/border.gif) top repeat-x;
	clear:both;
	margin: 10px 5px 0;
	position: relative;
	text-align: center;
}
	#footer .pagetop { position:absolute; right:15px; }
	#footer .pagetop a {
		background:url(../images/common/btn_pageTop.gif) no-repeat;
		display:block;
		width:133px;
		height:26px;
		text-indent:-9999px;
	}

	#footer .copyright { color:#787878; padding:10px 0; line-height:1; }
		#footer .copyright img { vertical-align:-5px; }

/* ====================================================
	
	content
	
====================================================*/
#content {
	background: url(../images/common/bg_content.png) repeat-y;
	margin: 0 auto;
	padding-top:80px;
	position:relative;
	text-align:left;
	width: 910px;
}
.inner { padding:0 20px; }
.inner .inner { padding:0 10px; }

h2 { margin:0 5px 10px; }

h3 {
	background:url(../images/common/border.gif) bottom repeat-x;
	font-size:175%;
	font-weight:bold;
	padding-bottom:5px;
	margin:10px 0;
}
#index h3 { color:#cc0000; }
#campaign h3 { color:#6c8b00; }
#present h3 { color:#d63d27; }

/* ====================================================
	
	トップページ
	
====================================================*/
h2.title_newLineup {
	background:url(../images/lineup/title_newLineup.gif) no-repeat;
	text-indent:-9999px;
	width:900px;
	height:75px;
	position:absolute; top:-8px; left:0;
}
h2.title_newLiupOther {
	background:url(../images/lineup/title_newLiupOther.gif) no-repeat;
	text-indent:-9999px;
	width:900px;
	height:75px;
}

.recommend { background:#ffe8e5; border:3px solid #ee6b59; position:relative; margin-bottom:20px; padding:10px; }
	.recommend .icon {
		background:url(../images/lineup/icon_recommend.png) no-repeat;
		height:33px;
		text-indent:-9999px;
		width:128px;
		float:left;
	}
	.recommend .fl { width:180px; }
		.recommend .fl img { vertical-align:top; }
	.recommend .fr { width:650px; }
	.recommend .title { margin:0; }
		.recommend .title h3 { background:none; color:#b13220!important; font-size:150%; font-weight:bold; padding:5px 0 0 0; margin:0; }
		.recommend .title a { margin-left:10px; }
		.recommend .title img { margin-top:1px; vertical-align:top; }
		.recommend .date { background:#fff9f8; color:#333333; font-size:125%; font-weight:bold; margin:5px 0; padding:5px 10px; }
			.recommend .date .re { color:#555555; font-size:75%; font-weight:lighter; }
		.recommend .txt h4 { font-weight:bold; margin-top:10px; }
		.recommend .txt .btn { background:#ffd0b9; margin-top:10px; padding:10px 10px 5px; text-align:center; }
			.recommend .txt .btn ul li { display:inline; margin:0 5px; }

.spr { display:none; }

.lineup { margin-bottom:20px; }
.lineup ul { background:#f5f3e0; border:3px solid #a59e61; }
	.lineup ul li { float:left; width:139px; margin:2px; }
	.lineup ul li .start { background:#72a6ae; color:#ffffff; font-size:80%; font-weight:lighter; margin-bottom:5px; padding:5px; text-align:center; }
	.lineup ul li.new .start { background:#c62313; color:#ffe762; }
	.lineup ul li.snew .start { background:#ea7f01; color:#ffeb68; }
		.lineup ul li .start span { color:#ffffff; font-size:140%; font-style:normal; font-weight:bold; margin-right:3px; }
			.lineup ul li.new .start span { color:#ffe762; }
			.lineup ul li.snew .start span { color:#ffeb68; }
		.lineup ul li a { background:#ffffff; display:block; font-weight:bold; min-height:250px; padding:5px; }
		.lineup ul li a em { display:block; }
		*html .lineup ul li a em { padding-top:5px; }

.lineup.other ul { background:#ffffff; border:3px solid #cfcfcf; }
	.lineup.other ul li { width:212px; margin:2px; }
		*html .lineup.other ul li { width:211px; margin:2px; }
		.lineup.other ul li a { background:#f1f1f1; color:#666666; font-size:100%; font-weight:lighter; min-height:0; padding:10px; }
		.lineup.other ul li a em { color:#333333; font-weight:bold; }
		.lineup.other ul li.pink a { background:#ffe7e7; }


.block { margin:10px 5px 20px; }
	.block .clearfix { padding:0 20px; }
	.block .fl { width:180px; }
		.block .fl img { vertical-align:top; }
	.block .fr { width:660px; }
	.block .title { margin:0; }
		.block .title h3 { background:none; color:#317883!important; display:inline; font-size:150%; font-weight:bold; padding:0; margin:0; }
		.block .title a { margin-left:10px; }
		.block .title img { margin-top:1px; vertical-align:top; }
		.block .date { background:#ecf8fa; color:#333333; font-size:125%; font-weight:bold;  margin-top:5px; padding:5px 10px; }
			.block .date .re { color:#555555; font-size:75%; font-weight:lighter; }
		.block .txt h4 { font-weight:bold; margin-top:10px; }
		.related { background:#f5f3e0; color:#65624a; margin:10px 0; padding:5px 10px; }
			.related a { color:#65624a; font-weight:bold; }
				.related a:hover { color:#000000; }
		
		.block .txt .btn { background:#e5e5e5; margin-top:10px; padding:10px; text-align:center; }
			.block .txt .btn ul li { display:inline; margin:0 5px; }
	.block .pagetop { background: url(../images/common/border.gif) top repeat-x; margin-top:10px; padding-right:15px; text-align:right; zoom:1; }
		.block .pagetop img { vertical-align:top; }

.copyList { background: url(../images/common/border.gif) top repeat-x; margin:0 5px; padding:10px 20px 0; }
	.copyList ul li { color:#686868; margin-bottom:3px; }