@charset "UTF-8";



/* Default Styles */



/* Common
------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../../images/ja/bg.png) repeat-x center top;
	text-align:center;
	color:#222222;
	font: normal normal normal 80%/1.4 Verdana, sans-serif, 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'ＭＳ ゴシック', Osaka, Osaka-等幅;
}

img {
	border-width: 0;
}

table {
	border: none;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
}

hr { display: none; }

strong { font-weight: bold; }

a {
	outline: 0px;
}

.cancel {
	clear: both;
	width; 1px;
	height: 1px;
}

/* Hyper Link - Text
------------------------------------------------------------- */

a:link { color: #ae1b1b; text-decoration: underline; }
a:visited { color: #9b4343; text-decoration: underline; }
a:hover { color: #dc2020; text-decoration: underline; }

/* Hyper Link - Image
------------------------------------------------------------- */

a.thumbnail {
	display: block;
	width: 120px;
	height: 120px;
}

a.thumbnail img {
	margin: 1px;
	border: 4px solid #fff; 
}

a.thumbnail:link,
a.thumbnail:visited {
	background-color: #c2c2c2;
}

a.thumbnail:hover {
	background-color: #dd7777;
}

a.thumbnail img:hover {
	border: 4px solid #fff; 
}

/* Header
------------------------------------------------------------- */

#header {
	position: relative;
	width: 950px;
	height: 121px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

#header h1 a {
	display: block;
	position: absolute;
	left: 0px;
	top: 8px;
	width: 184px;
	height: 64px;
	background: transparent url(../../images/ja/header_logo.png) no-repeat left top;
}

#header a span {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#header-search {
	position: absolute;
	left: 203px;
	top: 46px;
	width: 258px;
	height: 24px;
	background: transparent url(../../images/ja/header_search_bg.png) no-repeat left top;
}

#header-search input.search-word {
	display: block;
	position: absolute;
	left: 23px;
	top: 4px;
	width: 225px;
	height: 20px;
	overflow: hidden;
	border: 0;
	background: none;
	outline: 0;
	font-size: 12px;
	line-height: 160%;
	color: #86857d;
}

#header-search input.search-submit {
	display: block;
	width: 0px;
	height: 0px;
	border: 0;
	background: none;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#header-ads {
	position: absolute;
	left: 481px;
	top: 10px;
}

/* Language
------------------------------------------------------------- */

ul#header-lang li {
	position: absolute;
	list-style: none inside;
	top: 11px;
}

ul#header-lang li a {
	display: block;
	background: transparent url(../../images/ja/header_lang.png) no-repeat 0px 0px;
	
}

/* 01 */
ul#header-lang li#lang01 { left: 334px; }
ul#header-lang li#lang01 a { background-position: 0px 0px; width: 64px; height: 25px; }
ul#header-lang li#lang01 a:hover { background-position: 0px -25px; }
ul#header-lang li#lang01.current a,
ul#header-lang li#lang01.current a:hover { background-position: 0px -50px; }

/* 02 */
ul#header-lang li#lang02 { left: 398px; }
ul#header-lang li#lang02 a { background-position: -64px 0px; width: 64px; height: 25px; }
ul#header-lang li#lang02 a:hover { background-position: -64px -25px; }
ul#header-lang li#lang02.current a,
ul#header-lang li#lang02.current a:hover { background-position: -64px -50px; }

/* Navigation
------------------------------------------------------------- */

ul#header-navi li {
	position: absolute;
	list-style: none inside;
	top: 81px;
}

ul#header-navi li a {
	display: block;
	background: transparent url(../../images/ja/header_navi2.png) no-repeat 0px 0px;
}

/* 01 */
ul#header-navi li#navi01 { left: 0px; }
ul#header-navi li#navi01 a { background-position: 0px 0px; width: 117px; height: 40px; }
ul#header-navi li#navi01 a:hover { background-position: 0px -40px; }
ul#header-navi li#navi01.current a,
ul#header-navi li#navi01.current a:hover { background-position: 0px -80px; }

/* 02 */
ul#header-navi li#navi02 { left: 117px; }
ul#header-navi li#navi02 a { background-position: -117px 0px; width: 119px; height: 40px; }
ul#header-navi li#navi02 a:hover { background-position: -117px -40px; }
ul#header-navi li#navi02.current a,
ul#header-navi li#navi02.current a:hover { background-position: -117px -80px; }

/* 03 */
ul#header-navi li#navi03 { left: 355px; }
ul#header-navi li#navi03 a { background-position: -236px 0px; width: 119px; height: 40px; }
ul#header-navi li#navi03 a:hover { background-position: -236px -40px; }
ul#header-navi li#navi03.current a,
ul#header-navi li#navi03.current a:hover { background-position: -236px -80px; }

/* 04 */
ul#header-navi li#navi04 { left: 236px; }
ul#header-navi li#navi04 a { background-position: -355px 0px; width: 119px; height: 40px; }
ul#header-navi li#navi04 a:hover { background-position: -355px -40px; }
ul#header-navi li#navi04.current a,
ul#header-navi li#navi04.current a:hover { background-position: -355px -80px; }

/* 05 */
ul#header-navi li#navi05 { left: 474px; }
ul#header-navi li#navi05 a { background-position: -474px 0px; width: 119px; height: 40px; }
ul#header-navi li#navi05 a:hover { background-position: -474px -40px; }
ul#header-navi li#navi05.current a,
ul#header-navi li#navi05.current a:hover { background-position: -474px -80px; }

/* 06 */
ul#header-navi li#navi06 { left: 593px; }
ul#header-navi li#navi06 a { background-position: -593px 0px; width: 119px; height: 40px; }
ul#header-navi li#navi06 a:hover { background-position: -593px -40px; }
ul#header-navi li#navi06.current a,
ul#header-navi li#navi06.current a:hover { background-position: -593px -80px; }

/* 07 */
ul#header-navi li#navi07 { left: 831px; }
ul#header-navi li#navi07 a { background-position: -712px 0px; width: 119px; height: 40px; }
ul#header-navi li#navi07 a:hover { background-position: -712px -40px; }
ul#header-navi li#navi07.current a,
ul#header-navi li#navi07.current a:hover { background-position: -712px -80px; }

/* 08 (831px) */
ul#header-navi li#navi08 { left: 712px; }
ul#header-navi li#navi08 a { background-position: -831px 0px; width: 119px; height: 40px; }
ul#header-navi li#navi08 a:hover { background-position: -831px -40px; }
ul#header-navi li#navi08.current a,
ul#header-navi li#navi08.current a:hover { background-position: -831px -80px; }

/* Layout
------------------------------------------------------------- */

#main {
	position: relative;
	width: 630px;
	min-height: 400px;
	_height: 400px;
	float: left;
	text-align: left;
}

#home #main {
	width: 640px;
}

#side {
	width: 300px;
	float: right;
	padding-top: 20px;
	text-align: left;
	overflow: hidden;
}

#wrapper {
	width: 950px;
	margin: 0 auto;
}

#footer {
	width: 100%;
	clear: both;
	text-align: center;
}

/* List
------------------------------------------------------------- */

.article-list dl {
	position: relative;
	margin: 0 0 5px 0;
	min-height: 120px;
	_height: 120px;
}

.article-list dl.short {
	margin-bottom: 10px;
	min-height: 1em;
	height: auto;
}

.article-list dt,
.article-list dd.news-summary,
.article-list dd.news-link,
.article-list dd.dl-summary {
	margin: 0 20px 0.3em 130px;
	line-height: 140%;
}

.article-list dt {
	padding-top: 5px;
	font-weight: bold;
	font-size: 120%;
}

.article-list .short dt {
	padding-top: 0;
}

.article-list dd.news-link {
	text-align: right;
	font-size: 80%;
}

.article-list dd.news-link a {
	padding: 5px 0;
}

.article-list dt span {
	font-weight: normal;
	font-size: 80%;
}

.article-list dd.news-image {
	position: absolute;
	left: 0px;
	top: 0px;
}

.article-list dd.dl-thumbnail {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 4px;
	border: 1px solid #c2c2c2;
}

.article-list dd.dl-thumbnail img {
	display: block;
	margin: 0;
}

.pickup-list li {
	list-style: none inside;
	word-wrap: break-word;
	word-break: break-all;
}

.pickup-list .pickup-title a {
	font-size: 120%;
}



/* Side Menu */



/* Rectangle
------------------------------------------------------------- */

#side-rectangle {
	width: 300px;
	margin-bottom: 10px;
}

/* Character
------------------------------------------------------------- */

#side-character {
	width: 300px;
	height: 78px;
	margin-bottom: 10px;
}

/* Magazine Information
------------------------------------------------------------- */

#side-magazine {
	width: 300px;
	margin-bottom: 10px;
	padding-top: 10px;
	background: #232320 url(../../images/ja/magazine_top.png) no-repeat left top;
}

#side-magazine dl {
	position: relative;
	margin: 0 10px;
	padding-bottom: 10px;
}

#side-magazine dt img {
	border: 1px solid #fff;
}

#side-magazine dd {
	position: absolute;
	left: 132px;
	top: 0px;
	color: #fff;
}

#side-magazine dd img {
	display: block;
	margin-bottom: 5px;
}

#side-magazine dd p {
	margin-bottom: 10px;
}

#side-magazine ul {
	position: relative;
	width: 300px;
	height: 65px;
	background: #232320 url(../../images/ja/magazine_bottom.png) no-repeat left bottom;
}

#side-magazine ul li {
	position: absolute;
	left: 10px;
	list-style: none inside;
}

#side-magazine ul li.cp-link1 {
	top: 4px;
}

#side-magazine ul li.cp-link2 {
	top: 27px;
}

/* Side Banner
------------------------------------------------------------- */

#side-banner {
	width: 300px;
	padding-bottom: 10px;
}

#side-banner li {
	display: block;
	list-style: none outside;
	margin: 0 0 10px 0;
	padding: 0;
}



/* Footer */



/* Footer Links
------------------------------------------------------------- */

#footer {
	background-color: #232320;
	width: 100%;
	padding: 10px 0;
	text-align: center;
	font-size: 90%;
}

#footer p,
#footer ul {
	width: 950px;
	margin: 0 auto;
}

#footer li {
	display: inline;
	list-style: none inside;
	padding: 3px 5px;
}

#footer a:link,
#footer a:visited { color: #bbb; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }

#footer p {
	padding-top: 10px;
	color: #eee;
}



/* Back Ground */



/* Top
------------------------------------------------------------- */

#home #contents-body {
	width: 100%;
	background: #fff url(../../images/ja/body_bg.jpg) repeat-x center top;
	border-top: 5px solid #090909;
	text-align: center;
}

/* News
------------------------------------------------------------- */

#news #contents-body {
	width: 100%;
	background: #fff url(../../images/ja/body_bg_2.jpg) repeat-x center top;
	text-align: center;
}

/* List
------------------------------------------------------------- */

#list #contents-body {
	width: 100%;
	background: #fff url(../../images/ja/body_bg_2.jpg) repeat-x center top;
	text-align: center;
}

/* Lineup
------------------------------------------------------------- */

#lineup #contents-body {
	width: 100%;
	background: #fff url(../../images/ja/body_bg_2.jpg) repeat-x center top;
	text-align: center;
}

/* General
------------------------------------------------------------- */

#general #contents-body {
	width: 100%;
	background: #fff url(../../images/ja/body_bg_2.jpg) repeat-x center top;
	text-align: center;
}

/* Manga
------------------------------------------------------------- */

#manga #contents-body {
	width: 100%;
	background: #fff url(../../images/ja/body_bg_2.jpg) repeat-x center top;
	text-align: center;
}

/* New Index
------------------------------------------------------------- */

#newindex #contents-body {
	width: 100%;
	padding: 20px 0 0 0;
	background: #fff url(../../images/ja/bg_green.jpg) repeat center top;
	text-align: center;
}



/* Top Page */



/* Top - Visual
------------------------------------------------------------- */

#visual {
	width: 100%;
	height: 280px;
	background-position: center top;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
	text-align: center;
}

#powerpush {
	position: relative;
	width: 950px;
	margin: 0 auto;
	background-position: center top;
	background-repeat: no-repeat;
}

#powerpush a {
	display: block;
	position: absolute;
}

/* Top - Banner
------------------------------------------------------------- */

#top-ads {
	background-color: #090909;
	padding: 10px 0 5px 0;
	text-align: center;
}

/* Top - Pull Down List
------------------------------------------------------------- */

#pulldown {
	position: relative;
	width: 630px;
	height: 44px;
}

#pulldown img {
	display: block;
	position: absolute;
	left: 63px;
	top: 25px;
}

#pulldown select {
	position: absolute;
	width: 175px;
	height: 25px;
	top: 19px;
	background-color: #fff;
	border: 1px solid #999;
	outline: 0;
	font-size: 14px;
	line-height: 14px;
	color: #331;
}

#pulldown select#artist-list {
	left: 270px;
}

#pulldown select#lineup-list {
	left: 455px;
}

/* Top - News
------------------------------------------------------------- */

#topnews {
	position: relative;
	width: 640px;
	margin-bottom: 10px;
	background: transparent url(../../images/ja/top_news_bg.png) no-repeat left top;
}

#topnews h2 {
	background: transparent url(../../images/ja/top_news_label.png) no-repeat left top;
	width: 60px;
	height: 60px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#topnews .rss {
	position: absolute;
	left: 589px;
	top: 23px;
}

#topnews .article-list {
	margin-left: 5px;
}

#topnews .more-link {
	width: 640px;
	height: 30px;
	background: #fff url(../../images/ja/top_news_more_bg.png) no-repeat left top;
}

#topnews .more-link a {
	display: block;
	width: 58px;
	height: 22px;
	margin-left: 571px;
}

/* Top - Pick Up
------------------------------------------------------------- */

#toppickup {
	margin: 0 0 20px 0;
	width: 630px;
}

.panel {
	display: none;
	height: 255px;
	background: #ebebe9 url(../../images/ja/pickup_bg.png) no-repeat left bottom;
}

fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

.panel.active-tab-body {
	display: block;
}

#tabs {
	position: relative;
	width: 630px;
	height: 27px;
	background: transparent url(../../images/ja/pickup_tab_bg.png) no-repeat left bottom;
}

#tabs li {
	position: absolute;
	list-style: none inside;
	width: 166px;
	height: 24px;
}

#tabs a {
	display: block;
	width: 166px;
	height: 24px;
	background: transparent url(../../images/ja/pickup_tab.png) no-repeat 0px 0px;
}

#tabs a span {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#tab1a { left: 0px; }
#tab2a { left: 166px; }
#tab3a { left: 332px; }

#tab1a a { background-position: 0px 0px; }
#tab1a a:hover { background-position: 0px -24px; }
#tab1a a.active-tab,
#tab1a a.active-tab:hover { background-position: 0px -48px; }

#tab2a a { background-position: -166px 0px; }
#tab2a a:hover { background-position: -166px -24px; }
#tab2a a.active-tab,
#tab2a a.active-tab:hover { background-position: -166px -48px; }

#tab3a a { background-position: -332px 0px; }
#tab3a a:hover { background-position: -332px -24px; }
#tab3a a.active-tab,
#tab3a a.active-tab:hover { background-position: -332px -48px; }

#toppickup .pickup-list {
	position: relative;
}

#toppickup .pickup-list li {
	position: absolute;
}

#toppickup .pickup-list .pickup-title {
	display: block;
	width: 170px;
	height: 120px;
	margin-left: 130px;
	overflow: hidden;
}

#toppickup .pickup-list .thumbnail {
	position: absolute;
	left: 0px;
	top: 0px;
}

#toppickup .pickup-list .pickup-1 {
	left: 5px;
	top: 5px;
}

#toppickup .pickup-list .pickup-2 {
	left: 320px;
	top: 5px;
}

#toppickup .pickup-list .pickup-3 {
	left: 5px;
	top: 130px;
}

#toppickup .pickup-list .pickup-4 {
	left: 320px;
	top: 130px;
}

/* Top - Maehiki
------------------------------------------------------------- */

#topmaehiki {
	position: relative;
	width: 630px;
	height: 62px;
	margin: 0 0 20px 0;
	background: #fff url(../../images/ja/top_maehiki_bg.png) no-repeat 0px 0px;
	overflow: hidden;
}

#topmaehiki .more-link {
	position: absolute;
	left: 503px;
	top: 11px;
}

#topmaehiki p {
	margin: 10px 136px 0 150px;
	color: #333;
}

#topmaehiki p a {
	color: #333;
}



/* News */



/* News - Header
------------------------------------------------------------- */

#news h2 {
	padding: 18px 0 2px 0;
	font-size: 140%;
	font-weight: bold;
	line-height: 140%;
}

#news p.article-info {
	padding-bottom: 5px;
	border-bottom: 4px solid #474745;
}

/* News - Body
------------------------------------------------------------- */

#article {
	background-color: #fff;
	padding: 10px 5px 5px 5px;
	overflow: hidden;
}

#article h3 {
	border-bottom: 1px solid #444;
	margin: 1em 0;
}

#article p {
	margin-bottom: 1em;
}

#article p.news-expire {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #900;
	text-align: center;
	color: #900;
	font-weight: bold;
}

#article blockquote {
	margin: 0 25px 1em 25px;
	padding: 10px;
	background-color: #efefea;
}

#article ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 2em;
	margin-bottom: 1em;
}

#article ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 2em;
	margin-bottom: 1em;
}

#article dl {
	margin-bottom: 1em;
}

#article dt {
	margin-bottom: 0.3em;
	font-weight: bold;
}

#article dd {
	margin-left: 2em;
	margin-bottom: 1em;
}

#article .news-image-gallery {
	clear: both;
	margin-bottom: 20px;
}

#article .news-image-group {
	float: left;
	padding-bottom: 20px;
	margin-right: 10px;
	background-color: #fff;
}

.news-image-gallery.columns-2 .news-image-group {
	width: 300px;
}

.news-image-gallery.columns-3 .news-image-group {
	width: 190px;
}

#article .news-image-right {
	float: right;
	width: 202px;
	padding-bottom: 10px;
	border-left:   10px solid #fff;
	border-bottom: 10px solid #fff;
}

#article .news-image-center {
	clear: right;
	width: 320px;
	margin: 0 0 20px 155px;
}

#article .news-image-group a,
#article .news-image-right a,
#article .news-image-center a {
	display: block;
}

#article .news-image-group a:link img,
#article .news-image-group a:visited img,
#article .news-image-right a:link img,
#article .news-image-right a:visited img,
#article .news-image-center a:link img,
#article .news-image-center a:visited img {
	border: 1px solid #999995;
}

#article .news-image-group a:hover img,
#article .news-image-right a:hover img,
#article .news-image-center a:hover img {
	border: 1px solid #dc2020;
}

#article .news-image-group p,
#article .news-image-right p,
#article .news-image-center p {
	border-left: 5px solid #999995;
	margin-top: 5px;
	padding-left: 5px;
	line-height: 140%;
	font-size: 90%;
}

/* News - Related Links
------------------------------------------------------------- */

#news .related-link {
	clear: both;
	margin-bottom: 30px;
	padding-top: 5px;
	border-top: 1px dotted #888883;
}

/* News - Pick Up
------------------------------------------------------------- */

#news #pickup {
	clear: both;
	margin: 0 0 20px 0;
	padding-top: 15px;
	width: 630px;
}

#news #pickup h3 {
	position: relative;
	width: 630px;
	height: 25px;
	background: transparent url(../../images/ja/news_pickup_label.png) no-repeat left bottom;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#news .pickup-list {
	position: relative;
	height: 255px;
	background: #ebebe9 url(../../images/ja/pickup_bg.png) no-repeat left bottom;
}

#news .pickup-list li {
	position: absolute;
}

#news .pickup-list .pickup-title {
	display: block;
	width: 170px;
	height: 120px;
	margin-left: 130px;
	overflow: hidden;
}

#news .pickup-list .thumbnail {
	position: absolute;
	left: 0px;
	top: 0px;
}

#news .pickup-list .pickup-1 {
	left: 5px;
	top: 5px;
}

#news .pickup-list .pickup-2 {
	left: 320px;
	top: 5px;
}

#news .pickup-list .pickup-3 {
	left: 5px;
	top: 130px;
}

#news .pickup-list .pickup-4 {
	left: 320px;
	top: 130px;
}



/* List */



/* List - Articles
------------------------------------------------------------- */

#list #main {
	position: relative;
	width: 640px;
	margin-bottom: 10px;
	background: transparent url(../../images/ja/list_bg.png) no-repeat left top;
}

#list .article-list {
	padding: 5px 20px 5px 5px;
}

#list h2 {
	height: 30px;
	margin-top: 18px;
	margin-right: 60px;
	overflow: hidden;
	font-size: 140%;
	font-weight: bold;
	line-height: 110%;
}

#list h2 span {
	font-weight: normal;
	font-size: 80%;
}

#list h3 {
	margin: 5px 15px 0 5px;
	padding: 5px;
	background: #696864 url(../../images/ja/list_h3_bg.png) repeat-x left top;
	border: 1px solid #605f5b;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	line-height: 110%;
}

#list h3 span {
	font-weight: normal;
}

#list .article-list dt,
#list .article-list dd.news-summary,
#list .article-list dd.news-link {
	margin-right: 0;
}

#list .rss {
	position: absolute;
	top: 20px;
	left: 588px;
}

/* List - searcher
------------------------------------------------------------- */

.searcher {
	margin: 5px 15px 10px 5px;
	padding: 5px;
	background-color: #ecece6;
	border: 1px solid #d6d6ce;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.searcher .search-word {
	width: 240px;
	padding: 3px 5px 3px 24px;
	_padding: 0 5px 0 24px;
	background: #fff url(../../images/ja/searcher_bg.png) no-repeat left center;
	border: 1px solid #ababa4;
	outline: 0;
	font-size: 12px;
	line-height: 160%;
	_height: 22px;
}

.searcher .search-submit {
	font-size: 12px;
	line-height: 110%;
}

.searcher select {
	width: 150px;
	margin: 0 5px;
	padding: 2px 3px 2px 0;
	_padding: 0 3px 0 0;
	background-color: #fff;
	border: 1px solid #999;
	outline: 0;
	font-size: 12px;
	color: #331;
}

/* List - Pager
------------------------------------------------------------- */

.pager {
	clear: both;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

.pager li {
	display: inline;
	list-style: none inside;
	line-height: 200%;
}

.pager li a {
	margin: 0 2px;
	padding: 3px 5px;
	border: solid 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.pager li a:link,
.pager li a:visited,
.pager-more li a:link,
.pager-more li a:visited {
	background-color: #eee;
	border-color: #ccc;
	text-decoration: none;
}

.pager li a:hover,
.pager-more li a:hover {
	background-color: #f8f8f8;
	border-color: #eee;
	text-decoration: none;
}

.pager-more {
	clear: both;
	width: 630px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}

.pager-more li {
	list-style: none inside;
	line-height: 200%;
}

.pager-more li a {
	padding: 5px 5px 5px 20px;
	background: url(../../images/ja/more_arrow.png) no-repeat left center;
	border: solid 1px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

#list .more-link {
	margin-bottom: 10px;
	border-top: 1px dotted #7b7b77;
	text-align: right;
}

#list .more-link {
	clear: both;
	margin-bottom: 10px;
	border-top: 1px dotted #7b7b77;
	text-align: right;
}


/* List - Lineup
------------------------------------------------------------- */

#lineup #main {
	position: relative;
	width: 640px;
	margin-bottom: 10px;
	background: transparent url(../../images/ja/magazine_bg.png) no-repeat left top;
}

#magazine-tabs {
	position: relative;
	width: 630px;
	height: 33px;
	margin: 20px 0 5px 0;
}

#magazine-tabs {
	background: transparent url(../../images/ja/magazine_tab_bg.png) no-repeat left bottom;
}

#magazine-tabs li {
	position: absolute;
	list-style: none inside;
	width: 156px;
	height: 29px;
}

#magazine-tabs a {
	display: block;
	width: 156px;
	height: 29px;
	background: transparent url(../../images/ja/magazine_tab.png) no-repeat 0px 0px;
}

#magazine-tabs a span {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#magazine1 { left: 0px; }
#magazine2 { left: 156px; }

#magazine1 a { background-position: 0px 0px; }
#magazine1 a:hover { background-position: 0px -29px; }
#magazine1.current a,
#magazine1.current a:hover { background-position: 0px -58px; }

#magazine2 a { background-position: -156px 0px; }
#magazine2 a:hover { background-position: -156px -29px; }
#magazine2.current a,
#magazine2.current a:hover { background-position: -156px -58px; }

.lineup-list {
	list-style: none outside;
	margin-top: 5px;
	padding-left: 5px;
}

.lineup-list li {
	position: relative;
	float: left;
	width: 310px;
	min-height: 70px;
	_height: 70px;
}

.article-list .lineup-list li {
	width: 305px;
}

.article-list .lineup-list {
	margin-top: 0;
	padding-left: 0;
}

.lineup-list li a.icon {
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
	width: 60px;
	height: 60px;
}

.lineup-list li .lineup-info {
	margin: 0 10px 0 75px;
	padding: 5px 0;
	line-height: 130%;
}

.lineup-list li .lineup-info a {
	font-weight: bold;
}

.lineup-list li.guide {
	float: none;
	clear: left;
	width: 630px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-left: 5px;
	border: none;
	min-height: none;
	_height: auto;
}



/* Manga Styles */



/* Manga - Layout
------------------------------------------------------------- */

#manga #contents-body {
	padding-top: 5px;
}

#manga #wrapper {
	background: transparent no-repeat left top;
	text-align: left;
}

#manga-header h2,
#manga-header p {
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#manga-body {
	width:890px;
	margin: 0 0 10px 30px;
}

#manga #main {
	width: 550px;
	float: left;
	padding: 10px 0 0 0;
	text-align: left;
}

#manga #side {
	width: 320px;
	float: right;
	padding: 10px 0 0 0;
	text-align: left;
}

/* Manga - Parts
------------------------------------------------------------- */

#manga #main .more-link {
	margin-bottom: 10px;
	border-top: 1px dotted #7b7b77;
	text-align: right;
}

#manga #original .more-link {
	margin-bottom: 10px;
	padding-top: 5px;
	border-top: 1px dotted #7b7b77;
	text-align: right;
}

#manga #original .more-link a {
	text-decoration: none;
	font-weight: bold;
}

#manga #side .more-link {
	clear: both;
	margin-bottom: 10px;
	border-top: 1px dotted #7b7b77;
	text-align: right;
}

/* Manga - Story
------------------------------------------------------------- */

#manga #story {
	margin-bottom: 10px;
	padding: 10px;
	background-color: #e6e6db;
	border: 1px solid #fff;
}

#manga #story h3 {
	margin-bottom: 0.5em;
	color: #ae1b1b;
	line-height: 110%;
}

#manga #story p {
	margin-bottom: 1em;
}

#manga #story p.appear {
	background-color: #fff;
	margin: 0;
	padding: 5px;
	text-align: center;
	color: #3c8e00;
	font-weight: bold;
	font-size: 110%;
	line-height: 110%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Manga - Articles
------------------------------------------------------------- */

#manga #new-articles {
	position: relative;
}

#manga #new-articles h3 {
	width: 550px;
	height: 25px;
	margin-bottom: 5px;
	background: transparent url(../../images/ja/manga_news.png) no-repeat left top;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#manga #new-articles .rss{
	position: absolute;
	left: 507px;
	top: 4px;
}

#manga .article-list dt,
#manga .article-list dd.news-summary,
#manga .article-list dd.news-link,
#manga .article-list dd.dl-summary {
	margin-right: 0;
}

/* Manga - Downloads
------------------------------------------------------------- */

#manga #downloads {
	position: relative;
}

#manga #downloads h3 {
	width: 550px;
	height: 25px;
	margin-bottom: 5px;
	background: transparent url(../../images/ja/manga_downloads.png) no-repeat left top;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

/* Manga - Original Contents
------------------------------------------------------------- */

#manga #original {
	position: relative;
}

#manga #original h3 {
	margin-bottom: 5px;
	line-height: 0;
}

#manga #original .article-list dt,
#manga #original .article-list dd.news-summary,
#manga #original .article-list dd.news-link {
	margin-left: 5px;
}

/* Manga - Rectangle Ads
------------------------------------------------------------- */

#manga #rectangle {
	margin-bottom: 10px;
	padding: 9px;
	border: 1px solid #ccc;
	background: #fff;
}

/* Manga - Pick Up
------------------------------------------------------------- */

#manga #pickup {
	clear: both;
	width: 890px;
	text-align: left;
}

#manga #pickup h3 {
	position: relative;
	width: 890px;
	height: 23px;
	background: transparent url(../../images/ja/manga_pickup_label.png) no-repeat left bottom;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#manga .pickup-list {
	position: relative;
	height: 130px;
	background: #eeeeec url(../../images/ja/manga_pickup_bg.png) no-repeat left bottom;
}

#manga .pickup-list li {
	position: absolute;
}

#manga .pickup-list .pickup-title {
	display: block;
	width: 155px;
	height: 120px;
	margin-left: 130px;
	overflow: hidden;
}

#manga .pickup-list .thumbnail {
	position: absolute;
	left: 0px;
	top: 0px;
}

#manga .pickup-list .pickup-1 {
	left: 5px;
	top: 5px;
}

#manga .pickup-list .pickup-2 {
	left: 300px;
	top: 5px;
}

#manga .pickup-list .pickup-3 {
	left: 595px;
	top: 5px;
}

/* Manga - Comics
------------------------------------------------------------- */

#manga #comics {
	clear: both;
	width: 320px;
	margin: 0 0 10px 0;
	text-align: left;
}

#manga #comics h3 {
	position: relative;
	width: 320px;
	height: 25px;
	margin-bottom: 5px;
	background: transparent url(../../images/ja/manga_comics.png) no-repeat left bottom;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

.comics-list dl {
	display: block;
	clear: both;
}

.comics-list dt {
	float: left;
	width: 115px;
	padding-bottom: 5px;
}

.comics-list dd {
	float: right;
	width: 195px;
	padding-bottom: 5px;
	word-wrap: break-word;
	word-break: break-all;
}

.comics-list a.thumbnail {
	display: block;
	padding: 1px;
	width: auto;
	height: auto;
}

.comics-list a.thumbnail img {
	display: block;
	margin: 0;
	border: 4px solid #fff; 
}

.comics-list .comics-title {
	padding-top: 5px;
	font-weight: bold;
}

.comics-list .comics-info {
	margin-bottom: 0.5em;
}

.comics-list .comics-link {
	margin-top: 0.5em;
	font-size: 80%;
}

.more-buy {
	clear: both;
	margin-bottom: 10px;
	padding: 5px;
	background: #ffdd75 url(../../images/ja/manga_buy_bg.png) repeat-x left top;
	border: 1px solid #ff9e29;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.more-buy h4 {
	margin-bottom: 0.3em;
	font-size: 80%;
}

#list .comics-list {
	padding: 5px 15px 5px 5px;
}

#list .comics-list dd {
	width: 495px;
}

#list .more-buy {
	margin: 10px 5px 20px 5px;
}

#list .comics-buy {
	display: inline;
	margin-right: 5px;
}

/* Manga - Utilities
------------------------------------------------------------- */

#manga #utilities {
	clear: both;
	width: 320px;
	height: 82px;
	margin: 0 0 10px 0;
	background: transparent url(../../images/ja/manga_utilities_bg.png) no-repeat left top;
	text-align: left;
}

#manga #utilities ul {
	position: relative;
}

#manga #utilities li {
	position: absolute;
	list-style: none inside;
}

#manga #utilities li a span {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#manga #utilities li a {
	display: block;
	background: transparent url(../../images/ja/manga_utilities.png) no-repeat 0px 0px;
}

/* 01 */
#manga #utilities li.btn1 { left: 5px; top: 5px; }
#manga #utilities li.btn1 a { background-position: 0px 0px; width: 152px; height: 41px; }
#manga #utilities li.btn1 a:hover { background-position: 0px -41px; }

/* 02 */
#manga #utilities li.btn2 { left: 162px; top: 5px; }
#manga #utilities li.btn2 a { background-position: -152px 0px; width: 153px; height: 41px; }
#manga #utilities li.btn2 a:hover { background-position: -152px -41px; }

/* 03 */
#manga #utilities li.btn3 { left: 5px; top: 51px; }
#manga #utilities li.btn3 a { background-position: -305px 0px; width: 310px; height: 41px; }
#manga #utilities li.btn3 a:hover { background-position: -305px -41px; }

/* Manga - Profile
------------------------------------------------------------- */

#manga #profile {
	clear: both;
	width: 320px;
	margin: 0 0 10px 0;
	text-align: left;
}

#manga #profile h3 {
	position: relative;
	width: 320px;
	height: 25px;
	background: transparent url(../../images/ja/manga_profile.png) no-repeat left bottom;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#manga #profile h4 {
	padding: 5px 5px 0 5px;
	font-size: 100%;
}

#manga #profile p {
	margin-bottom: 0.3em;
	padding: 5px;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 140%;
}

#manga #profile .profile-body {
	padding: 5px 5px 0 5px;
	background: #e6e6e2 url(../../images/ja/manga_side_bg.png) no-repeat left bottom;
}

#manga #profile .profile-photo {
	float: right;
	border: 1px solid #fff;
	margin-left: 10px;
}

#manga #profile span {
	display: block;
	padding-bottom: 5px;
	padding-left: 5px;
}


#manga #profile .cancel {
	height: 5px;
}

/* Manga - Related Contents
------------------------------------------------------------- */

#manga #related {
	clear: both;
	width: 320px;
	margin: 0 0 10px 0;
	text-align: left;
}

#manga #related h3 {
	position: relative;
	width: 320px;
	height: 25px;
	background: transparent url(../../images/ja/manga_related.png) no-repeat left bottom;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#manga #related .related-contents {
	padding: 5px;
	background: #e6e6e2 url(../../images/ja/manga_side_bg.png) no-repeat left bottom;
}

#manga #related .related-contents li {
	list-style: none outside;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
	line-height: 0;
}

#manga #related .related-contents li.no-banner {
	margin: 0 0 5px 5px;
	padding: 5px 0 5px 15px;
	text-align: left;
	line-height: 140%;
	background: transparent url(../../images/ja/icon_link_blank.png) no-repeat left center;
}



/* Input Form */



/* Your Voices
------------------------------------------------------------- */

.input-table {
	width: 620px;
	margin: 5px;
	background-color: #e6e6db;
	border: 1px solid #c4c4b8;
}

.input-table th,
.input-table td {
	padding: 5px 10px;
	vertical-align: top;
	_font-size:80%;

}

.input-table .ans-lineup th,
.input-table .ans-lineup td,
.input-table .ans-title th,
.input-table .ans-title td {
	padding-top: 10px;
}
 
.input-table .ans-profile-adr th,
.input-table .ans-profile-adr td,
.input-table .ans-mail th,
.input-table .ans-mail td {
	padding-bottom: 10px;
}
 
.input-table th {
	text-align: right;
}

.input-table td {
	width: 460px;
}

label.input-group {
	display: block;
	margin-bottom: 5px;
}

.ans-lineup select {
	display: block;
	margin-bottom: 10px;
}

.ans-lineup input,
.ans-mail input,
.ans-store input,
.ans-address input,
.ans-contact input,
.ans-person input,
.ans-captcha input {
	padding: 3px;
	width: 200px;
	background-color: #fff;
	border: 1px solid #afafa7;
}

.ans-profile-age input {
	padding: 3px;
	width: 40px;
	background-color: #fff;
	border: 1px solid #afafa7;
}

.ans-message textarea {
	display: block;
	width: 400px;
	height: 120px;
	background-color: #fff;
	border: 1px solid #afafa7;
}

.ans-captcha img {
	display: block;
	margin-bottom: 10px;
}

.input-navi {
	padding: 5px 5px 20px 5px;
	text-align: center;
}

input.input-send {
	background: transparent url(../../images/ja/form_send.png) no-repeat left top;
}

input.input-entry {
	background: transparent url(../../images/ja/form_entry.png) no-repeat left top;
}

input.input-cancel {
	background: transparent url(../../images/ja/form_cancel.png) no-repeat left top;
}

input.input-send,
input.input-entry,
input.input-cancel {
	_display: block;
	margin: 0 10px;
	_margin-bottom: 10px;
	width: 100px;
	height: 25px;
	overflow: hidden;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
	border: 0;
}

input.input-send:hover,
input.input-entry:hover,
input.input-cancel:hover {
	background-position: 0 -25px;
}

.guide {
	margin: 5px 20px 5px 10px;
}

p.confirm {
	margin: 5px 20px 5px 10px;
}

p.input-error {
	margin: 0 0 0.5em 0!important;
	padding: 0;
	font-weight: bold;
	color: #c00;
}

.input-complete p {
	margin: 5px 15px 10px 5px;
	padding: 10px;
	background-color: #e6e6db;
	border: 1px solid #c4c4b8;
}


/* General Styles */



/* General
------------------------------------------------------------- */

#general #main {
	position: relative;
	width: 640px;
	margin-bottom: 10px;
	background: transparent url(../../images/ja/list_bg.png) no-repeat left top;
}

#general h2 {
	height: 30px;
	margin-top: 18px;
	margin-right: 60px;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 140%;
	font-weight: bold;
	line-height: 110%;
}

#general h2 span {
	font-weight: normal;
	font-size: 80%;
}

#general h3 {
	margin: 5px 15px 0 5px;
	padding: 5px;
	background: #696864 url(../../images/ja/list_h3_bg.png) repeat-x left top;
	border: 1px solid #605f5b;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	line-height: 110%;
}

#general .text-area {
	margin: 5px 20px 10px 10px;
}

#general p {
	margin-bottom: 1.5em;
}



/* New Index
------------------------------------------------------------- */

.index_box,
#index_kuma,
#index_l,
#index_m {
	overflow: hidden;
	background-color: #fff;
	box-shadow: 1px 1px 4px #a1ad99;
	-moz-box-shadow: 1px 1px 4px #a1ad99;
	-webkit-box-shadow: 1px 1px 4px #a1ad99;
}

.index_box,
#index_l,
#index_m {
	background: #fff url(../../images/ja/top_border_green.png) repeat-x left top;
}

#index_list .index_box {
	position: relative;
	margin: 0 0 10px 0;
	background: #fff url(../../images/ja/top_label_green.png) repeat-x left top;
}

#index_top {
	position: relative;
	width: 950px;
	height: 295px;
	margin-bottom: 16px;
	text-align: left;
}

#index_middle {
	position: relative;
	width: 950px;
	height: 280px;
	margin-bottom: 16px;
	text-align: left;
}

#index_bottom {
	text-align: left;
	margin-bottom: 10px;
}

#index_kuma {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 270px;
	height: 295px;
	background: #fff url(../../images/ja/top_bg_kuma.png) no-repeat left top;
}

#index_l {
	position: absolute;
	left: 280px;
	top: 0px;
	width: 670px;
	height: 295px;
}

#index_m {
	width: 950px;
	height: 280px;
}

#index_s {
	width: 360px;
	float: left;
}

#index_s .index_box {
	width: 170px;
	height: 282px;
	float: left;
	margin: 0 10px 10px 0;
}

#index_list {
	width: 584px;
	_width: 574px;
	float: right;
}



/* Article */

#newindex .thumbnail {
	border: 1px solid #a8a79f;
	background-position: center top;
	background-repeat: no-repeat;
}

#newindex .thumbnail:hover {
	border: 1px solid #dc2020;
}

#newindex h2 {
	margin-bottom: 5px;
	line-height: 130%;
	font-weight: bold;
}

#newindex h2 a:link    { color: #222; text-decoration: none; }
#newindex h2 a:visited { color: #222; text-decoration: none; }
#newindex h2 a:hover   { color: #dc2020; text-decoration: underline; }
#newindex p  a:link    { color: #222; text-decoration: none; }
#newindex p  a:visited { color: #222; text-decoration: none; }
#newindex p  a:hover   { color: #dc2020; text-decoration: underline; }

#newindex p.article,
#newindex p.date {
	line-height: 1.3;
}

#newindex p.article {
	margin-bottom: 5px;
	font-size: 13px;
}

#newindex p.date {
	margin-top: -3px;
	text-align: right;
	font-size: 10px;
}



/* Image Size */

#index_l .type_a .thumbnail img { width: 158px; height: 268px; }
#index_l .type_b .thumbnail img { width: 313px; height: 183px; }
#index_m .type_a .thumbnail img { width: 176px; height: 110px; }
#index_m .type_b .thumbnail img { width: 176px; height: 176px; }
#index_s         .thumbnail img { width: 148px; height:  92px; }
#index_list      .thumbnail img { width:  64px; height:  40px; }



/* Elements Kuma */

#index_kuma .movie {
	width: 240px;
	height: 264px;
	margin: 15px 0 0 15px;
}



/* Elements Index-Top */

#index_l .type_a,
#index_l .type_b {
	position: absolute;
	top: 15px;
	width: 315px;
	height: 280px;
}

#index_l .type_a h2,
#index_l .type_b h2 {
	font-size: 15px;
}

#index_l .type_a h2,
#index_l .type_a p {
	margin-left: 170px;
}

#index_l .type_a h2 {
	margin-top: 2px;
}

#index_l .type_a .thumbnail {
	position: absolute;
	top: 0px;
	left: 0px;
}

#index_l .type_b .thumbnail {
	margin-bottom: 8px;
}

#index_l_1 {
	left: 10px;
}

#index_l_2 {
	left: 345px;
}



/* Elements Index-Middle */

#index_m .type_a,
#index_m .type_b {
	position: absolute;
	top: 15px;
	width: 178px;
	height: 265px;
}

#index_m_1 { left:  10px; overflow: hidden; }
#index_m_2 { left: 198px; overflow: hidden; }
#index_m_3 { left: 386px; overflow: hidden; }
#index_m_4 { left: 574px; overflow: hidden; }
#index_m_5 { left: 762px; overflow: hidden; }

#index_m .type_a h2,
#index_m .type_b h2 {
	font-size: 14px;
}

#index_m .type_a h2,
#index_m .type_b h2,
#index_m .type_a p,
#index_m .type_b p {
	margin-right: 5px;;
}

#index_m .type_a .thumbnail,
#index_m .type_b .thumbnail {
	margin-bottom: 8px;
}

#index_m .type_b .article {
	display: none;
}



/* Elements Index-Bottom */

#index_s .index_box .thumbnail {
	margin: 15px 10px 8px 10px;
}

#index_s h2 {
	font-size: 13px;
}

#index_s h2,
#index_s p {
	margin-left: 10px;
	margin-right: 10px;
}

#index_ookubo .ookubosan {
	margin: 15px 10px 10px 10px;
}



/* Elements Line Up */

#index_list h3 {
	position: absolute;
	left: 10px;
	top: 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 100%;
	color: #fff;
}

#index_list ul {
	padding: 35px 0 0 10px;
}

#index_list ul li {
	display: block;
	position: relative;
	float: left;
	width: 270px;
	height: 52px;
	margin: 0 10px 0 0;
	list-style: none outside;
}

#index_list ul li .thumbnail {
	position: absolute;
	left: 0px;
	top: 0px;
	width:  64px;
	height:  40px;
}

#index_list ul li p {
	margin: 0 10px 0 76px;
}

#index_list ul li p.lineup_title {
	font-weight: bold;
}



/* clearfix
------------------------------------------------------------- */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
clearfix