@charset "UTF-8";

body{
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background:#000000 url("../img/bg.jpg") no-repeat center top;
	color:#ffffff;
}
*{
	-webkit-text-size-adjust:none;
}
a{
	color:#ffffff;
}
body .contents img{
	max-width:100%;
	height:auto;
}

/**
 * ヘッダーブロック
 */
body .layout_outline{
	text-align:left;
	max-width:970px;
	width:auto;
	margin:0 auto;
	background:url("../img/bg_characters.png") no-repeat right top;
}
body .layout_header{
	height:349px;
	width:auto;
	max-width:970px;
	margin:0 auto;
}
body .layout_header .layout_header_inner1{
	overflow:hidden;
	height:100%;
}
body .layout_header .layout_header_inner2{
	height:100%;
	background:url("../img/head_content.png") no-repeat left top;
	position:relative;
}
.layout_header .layout_logo{
	position:absolute; top:17px; left:10px;
	max-width:181px;
	width:auto;
	overflow:hidden;
	width:181px;
}
.layout_header .layout_logo_mdb{
	position:absolute; top:50px; left:6px;
	max-width:333px;
	width:auto;
	overflow:hidden;
	width:333px;
}
.layout_header .layout_logo     img ,
.layout_header .layout_logo_mdb img {
	width:100%;
	max-width:100%;
}

.layout_gmenu{
	position:absolute;
	left:10px;
	top:267px;
	width:461px;
	height:57px;
	background:url("../img/gnavi.png");
}
.layout_gmenu li{
	list-style-type:none;
	padding:0; margin:0;
}
.layout_gmenu .layout_gmenu-battle     { position:absolute; top: 6px; left:  6px; width:163px; height: 45px; } .layout_gmenu .layout_gmenu-battle     .imagereplace{width:163px; height: 45px; }  .layout_gmenu .layout_gmenu-battle     .imagereplace-panel{background-image:url("../img/gnavi.png");background-position:  -6px -6px;} .layout_gmenu .layout_gmenu-battle     a:hover .imagereplace-panel{background-position:  -6px -66px;}
.layout_gmenu .layout_gmenu-about      { position:absolute; top: 6px; left:172px; width:155px; height: 45px; } .layout_gmenu .layout_gmenu-about      .imagereplace{width:155px; height: 45px; }  .layout_gmenu .layout_gmenu-about      .imagereplace-panel{background-image:url("../img/gnavi.png");background-position:-172px -6px;} .layout_gmenu .layout_gmenu-about      a:hover .imagereplace-panel{background-position:-172px -66px;}
.layout_gmenu .layout_gmenu-characters { position:absolute; top: 6px; left:330px; width:125px; height: 45px; } .layout_gmenu .layout_gmenu-characters .imagereplace{width:125px; height: 45px; }  .layout_gmenu .layout_gmenu-characters .imagereplace-panel{background-image:url("../img/gnavi.png");background-position:-330px -6px;} .layout_gmenu .layout_gmenu-characters a:hover .imagereplace-panel{background-position:-330px -66px;}


/**
 * 中段ブロック
 */
body .layout_middle{
	clear:both;
	text-align:left;
	max-width:950px;
	width:auto;
	margin:0px auto;
}
.layout_column1{
	max-width:700px;
	width:73.7%;
	float:left;
}
.layout_column1 .layout_category_title,
.layout_column1 .layout_category_title h1{
	background-color:#000000;
	color:#ffffff;
	padding:10px;
	font-weight:bold;
	font-size:medium;
	border:none;
	margin:0 0 10px 0;
}
.layout_column1 .layout_category_title p,
.layout_column1 .layout_category_title h1{
	margin:0;
	padding:0;
}
.layout_column1 .layout_contents_header{
	position:relative;
	padding:15px 30px 0.7em 30px;
}
.layout_column1 .layout_contents_header h1{
	border-left:6px solid #999999; /* <- normal color */
	margin:0 0 1em 0;
	padding:0 10px 0 13px;
	font-size:x-large;
}
.layout_column1 .layout_date,
.layout_column1 .breadcrumb{
	margin-bottom:0.2em;
	line-height:1.4em;
	font-size:92%;
}
.layout_column1 .layout_contents_base{
	background:#ffffff url("../img/characters/badge_admin.png") no-repeat right top;
	color:#333333;
	border-top:5px solid #999999;/* <- normal color */
}
.layout_column1 .layout_contents_base a{
	color:#333333;
}

.layout_column1 .layout_contents_wrap{
	padding:0 30px 40px 30px;
}

/**
 * 一覧系ページでのデザイン変更
 */
body.tpl_mainpage                  .layout_contents_base,
body.tpl_searchresults             .layout_contents_base,
body.tpl_blog_articles_by_category .layout_contents_base,
body.tpl_blog_articlelist_by_month .layout_contents_base{
	border:none;
	background:transparent none;
}

body.tpl_mainpage                  .layout_contents_header,
body.tpl_searchresults             .layout_contents_header,
body.tpl_blog_articles_by_category .layout_contents_header,
body.tpl_blog_articlelist_by_month .layout_contents_header{
	padding:0;
}

body.tpl_mainpage                  .layout_contents_wrap,
body.tpl_searchresults             .layout_contents_wrap,
body.tpl_blog_articles_by_category .layout_contents_wrap,
body.tpl_blog_articlelist_by_month .layout_contents_wrap{
	padding:0;
}

.contents{
	background:transparent none !important;
	font-size:small;
}


/**
 * 右サイドバー
 */
.layout_column2{
	max-width:210px;
	width:22.1%;
	float:right;
}

.layout_sidebar{
	width:210px;
	float:right;
}


/**
 * リスト表示
 */
.layout_list{
	margin:20px 0 40px 0;
	clear:both;
}
.layout_list .layout_list-inner{
	border-top:5px solid #999999;
	padding:15px 20px 15px 20px;
	background-color:#ffffff;
	position:relative;
	font-size:small;
}
.layout_list .layout_list-thumbnail{
	float:right;
	margin:0 0 10px 10px;
	width:160px;
}
.layout_list .layout_list-character_thumbnail{
	float:left;
	margin:0 0 0 0;
	width:90px; height:90px;
	background:url("../img/characters/thumb_admin.png") no-repeat;
}
.layout_list .layout_list-content{
	zoom:1; overflow:hidden;
}
.layout_list .layout_list-header{
	margin-left:90px;
}
.layout_list .layout_list-header h2{
	font-size:medium;
	font-weight:bold;
	margin-top:0;
	border-left:5px solid #999999;
	padding-left:10px;
}
.layout_list .layout_list-body{
	clear:both;
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.layout_list .layout_list-footer{
	clear:both;
}

/**
 * キャラクターバッジ
 */
.layout_character_badge{
	position:absolute;
	top:0px; right:0px;
}
.character_miu   .layout_contents_base { background-image: url("../img/characters/badge_miu.png")   !important; border-color:#dc5d90 !important; }
.character_rai   .layout_contents_base { background-image: url("../img/characters/badge_rai.png")   !important; border-color:#4182b9 !important; }
.character_lec   .layout_contents_base { background-image: url("../img/characters/badge_lec.png")   !important; border-color:#679239 !important; }
.character_admin .layout_contents_base { background-image: url("../img/characters/badge_admin.png") !important; border-color:#999999 !important; }

.character_miu   .layout_contents_base h1 { border-color:#dc5d90 !important; }
.character_rai   .layout_contents_base h1 { border-color:#4182b9 !important; }
.character_lec   .layout_contents_base h1 { border-color:#679239 !important; }
.character_admin .layout_contents_base h1 { border-color:#999999 !important; }

.character_miu   .layout_list-character_thumbnail { background-image: url("../img/characters/thumb_miu.png")   !important; }
.character_rai   .layout_list-character_thumbnail { background-image: url("../img/characters/thumb_rai.png")   !important; }
.character_lec   .layout_list-character_thumbnail { background-image: url("../img/characters/thumb_lec.png")   !important; }
.character_admin .layout_list-character_thumbnail { background-image: url("../img/characters/thumb_admin.png") !important; }

.character_miu   .layout_list-inner { border-color:#dc5d90 !important; }
.character_rai   .layout_list-inner { border-color:#4182b9 !important; }
.character_lec   .layout_list-inner { border-color:#679239 !important; }
.character_admin .layout_list-inner { border-color:#999999 !important; }

.character_miu   .layout_list-inner .layout_list-header h2 { border-color:#dc5d90 !important; }
.character_rai   .layout_list-inner .layout_list-header h2 { border-color:#4182b9 !important; }
.character_lec   .layout_list-inner .layout_list-header h2 { border-color:#679239 !important; }
.character_admin .layout_list-inner .layout_list-header h2 { border-color:#999999 !important; }



/**
 * タグ一覧
 */
.article_taglist{
}
.article_taglist ul{
	margin:0; padding:0;
	text-align:right;
}
.article_taglist ul li{
	margin:0; padding:0 1em 0 0;
	list-style-type:none;
	display:inline;
	font-size:92%;
}

/**
 * SNSボタン
 */
.layout_sns{
}
.layout_sns ul{
	padding:0;
	margin:0;
}
.layout_sns ul li{
	padding:2px 10px 2px 0px;
	margin:0;
	list-style-type:none;
	display:inline;
}

/**
 * 右ナビ検索ボックス
 */
.layout_searchbox{
	/*
	border-image:         url("../img/search_bg.png") 10 / 10px stretch;
	-moz-border-image:    url("../img/search_bg.png") 10 / 10px stretch;
	-webkit-border-image: url("../img/search_bg.png") 10 / 10px stretch;
	-o-border-image:      url("../img/search_bg.png") 10 / 10px stretch;
	-ms-border-image:     url("../img/search_bg.png") 10 / 10px stretch;
	padding:0px;
	*/

	padding-top:5px;
	margin-bottom:1em;
	max-width:210px; width:auto;
	background:url("../img/search_bg_top.png") no-repeat top left;
}
.layout_searchbox-inner{
	background:url("../img/search_bg_bottom.png") repeat-y bottom left;
	padding:5px 10px 10px 10px;
	zoom:1;
	overflow:hidden;
}
.layout_searchbox-ui{
	width:192px; height:21px;
	background:url("../img/search_ui.png") no-repeat top left;
	position:relative;
}
.layout_searchbox-ui_input{
	width:124px; height:19px;
	position:absolute; top:1px; left:18px;
	background:none;
	border:none;
	padding:0;
}
.layout_searchbox-ui_submit{
	width:48px; height:21px;
	position:absolute; top:0px; right:0px;
}

.layout_searchbox h2{
	display:none;
}
.layout_searchbox a{
	color:#333333;
}
.layout_searchbox a.icon{
	background-image:url("../img/link_icon_posi.png");
}
.layout_searchbox ul{
	padding:0;
	margin:5px 0 5px 0;
}
.layout_searchbox li{
	margin:0; padding:0;
	list-style-type:none;
}
.layout_searchbox ul ul{
	padding-left:10px;
}

/**
 * 右ナビボックス
 */
.layout_rnavibox{
	border:1px solid #999999;
	margin-bottom:1em;
	background-color:#000000;
}
.layout_rnavibox h2{
	border-bottom:1px solid #999999;
	margin-top:0px;
	margin-bottom:5px;
	padding:10px;
	background-color:;
	background:#333333 url("../img/rnavi_header.png") left top no-repeat;
	font-size:small;
	font-weight:bold;
}
.layout_rnavibox .layout_rnavibox-cont{
	margin:5px 10px 5px 10px;
}
.layout_rnavibox ul{
	padding:0;
	margin:0.3em 0 0.3em 0;
}
.layout_rnavibox ul li{
	padding:0;
	margin:0;
	list-style-type:none;
}
.layout_rnavibox ul ul{
	padding-left:10px;
}
.layout_rnavibox .layout_rnavibox-cont p{
	margin:6px 0;
}

.layout_btn_ebw {margin:4px;}
.layout_btn_ebw a{ max-width:201px; width:100%; height:57px; margin:0 auto; }
.layout_btn_ebw a .imagereplace-panel{ background-image:url("../img/btn_ebw.png"); }
.layout_btn_ebw a:hover .imagereplace-panel{ background-position:0 -60px; }


.layout_btn_ebw img{width:100%; max-width:100%;}

/**
 * 右ナビのウェブページリンク
 */
.layout_rnavibox_webpages{
	display:none;
}

/**
 * RSSボタン
 */
.layout_btn_rss{
	clear:both;
}
.layout_btn_rss ul{
	padding:0;
	margin:0;
}
.layout_btn_rss ul li{
	padding:0;
	margin:0;
	list-style-type:none;
}
.layout_btn_rss ul li .imagereplace{
	max-width:208px;
	width:100%; height:40px;
}
.layout_btn_rss ul li .imagereplace .imagereplace-panel{
	background-image:url("../img/btn_rss.png");
	background-position:-1px -1px;
}
.layout_btn_rss ul li .imagereplace:hover .imagereplace-panel{
	background-position:-1px -51px;
}


/**
 * ページャー
 */
.layout_pager{
	margin: 10px 0 10px 0;
}
.layout_pager ul{
	text-align:center;
	padding: 0;
	margin: 0;
}
.layout_pager ul li{
	display:inline;
	padding: 0 5px 0 5px;
	margin: 0;
	list-style-type:none;
}
.layout_pager ul li{
	display:inline;
	padding: 0 5px 0 5px;
	margin: 0;
	list-style-type:none;
}
.layout_pager .layout_pager-prev{
	float:left;
}
.layout_pager .layout_pager-next{
	float:right;
}


/**
 * パンくず
 */
.breadcrumb{
}
.breadcrumb ul,
.breadcrumb ul li{
	display: inline;
	list-style-type: none;
	margin:0px;
	padding:0px;
	font-size:small;
}

/**
 * 記事サムネイル
 */
.article_thumbnail{
	float:right;
	margin:0 0 10px 10px;
	border:1px solid #999999;
	width:148px;
	text-align:center;
}

/**
 * 関連記事
 */
.related_articles{
	margin:10px auto 10px auto;
	max-width:640px;
	width:auto;
	background:url("../img/related_articles/frame_bg.png") repeat-y top left;
}
.related_articles .related_articles-inner1{
	width:auto;
	background:url("../img/related_articles/frame_top.png") no-repeat top left;
}
.related_articles .related_articles-inner2{
	width:auto;
	background:url("../img/related_articles/frame_bottom.png") no-repeat bottom left;
	padding:10px;
}
.related_articles ul{
	margin:0.5em 0 0.5em 0;
	padding:0;
}
.related_articles ul li{
	margin:0 0 0.05em 0;
	padding:0;
	list-style-type:none;
}
.related_articles h2.related_articles-title{
	width: 60px; height:17px;
	margin:0;
}
.related_articles h2.related_articles-title .imagereplace-panel{
	background-image:url("../img/related_articles/title.png");
}

/**
 * ページの先頭へもどる
 */
.layout_backtotop{
	clear:both;
	margin:0 10px;
}
.layout_backtotop .layout_backtotop-inner1{
	width:auto;
	max-width:950px;
	margin:0 auto;
}
.layout_backtotop .layout_backtotop-inner2{
	max-width:700px;
	width:73.7%;
	text-align:right;
}

/**
 * フッター
 */
.layout_footer{
	clear:both;
	border-top:1px solid #7a120b;
	background-color:#292929;
	padding:10px 5px 40px 5px;
}
.layout_footer .layout_footer-inner{
	width:auto;
	max-width:950px;
	margin:0 auto;
}
.layout_footer .layout_footer-copyright{
	font-size:x-small;
	text-align:left;
}
.layout_footer ul.layout_footer-menu{
	padding:0; margin:0;
	text-align:left;
	font-size:x-small;
}
.layout_footer ul.layout_footer-menu li{
	padding:0 1em 0 0; margin:0;
	list-style-type:none;
	display:inline;
}



/**
 * フッター: 商品詳細
 */
.layout_footer_itembox{
	width:769px; height:190px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1em;
	background-color:#000000;
	text-align:left;
}
.layout_footer_itembox h2{
	margin:0;
	font-size:medium;
	font-weight:bold;
}
.layout_footer_itembox img{
	width:100%;
	max-width:232px;
}
.layout_footer_itembox .imagereplace-panel{
	background-image:url("/mdb/common/img/footer_itembox.jpg");
}
.layout_footer_itembox dd{
	margin-left:2em;
}

/**
 * まとめて .clearfix
 */
.layout_outline ,
.layout_middle ,
.layout_list-inner ,
.layout_pager{
	display:block;
	float:none;
	clear:both;
	zoom:1;
}
.layout_outline:after ,
.layout_middle:after ,
.layout_list-inner:after ,
.layout_pager:after{
	content: " ";
	display:block;
	visibility:hidden;
	height:0.1px;
	font-size:0.1em;
	line-height:0px;
	clear:both;
}