@charset "utf-8";

/* 全体 ----------*/
body { margin:0; padding:0; font-size: 12px; color: #333333; font-family: sans-serif; background: #FFFFFF;}

/* テキスト（見出し） ----------*/
h1 { margin: 0; padding:0;}
h2 { display: none; margin: 0; padding:0; height: 0px;}
h3 { margin: 0; width: 570px;  height: 70px;}
body.top h3.news { width: 570px;  height: 50px; background: url(/images/top/ttl_news.gif) no-repeat;}
body.top h3.release { width: 570px;  height: 50px; background: url(/images/top/ttl_release.gif) no-repeat;}
body h3.news { background: url(/images/news/ttl_news.gif) no-repeat;}
body h3.release { background: url(/images/release/ttl_release.gif) no-repeat;}
body h3.game { background: url(/images/game/ttl_game.gif) no-repeat;}
body h3.label { background: url(/images/label/ttl_label.gif) no-repeat;}
body h3.profile { background: url(/images/profile/ttl_profile.gif) no-repeat;}
body h3.inquiry { background: url(/images/inquiry/ttl_inquiry.gif) no-repeat;}
body h3.privacypolicy { background: url(/images/privacy/ttl_privacy.gif) no-repeat;}
body h3.sitepolicy { background: url(/images/sitepolicy/ttl_sitepolicy.gif) no-repeat;}
body h3.sitemap { background: url(/images/sitemap/ttl_sitemap.gif) no-repeat;}
body #menu h4 { margin: 15px 0 15px 0; padding:0;}
body #label h4 { margin: 0; padding: 7px 0 0 35px; height: 23px; font-size: 14px; background: url(/images/cmn/bg_ttl_01.gif) no-repeat;}
body #game h4 { margin: 0; padding: 7px 0 0 35px; height: 23px; font-size: 14px; background: url(/images/cmn/bg_ttl_01.gif) no-repeat;}
body #game-detail h5 { margin: 25px 0 2px 0; padding: 0 0 0 20px; height: 20px; font-size: 12px; line-height: 140%; letter-spacing: 1px; background: url(/images/cmn/point_02.gif) no-repeat;}

/* テキスト（その他） ----------*/
.off-txt { display: block; text-indent: -9999px;} 
.txt-breadcrumb { margin: 20px 0 0 0;}
.txt-copyright { margin: 30px 0 0 0; color: #6A6A6A;}
.txt-main { margin: 0 0 10px 0; line-height: 140%; letter-spacing: 1px;}
.txt-date { margin: 0; color: #967E53;}
.txt-news { margin: 0 0 10px 0;  line-height: 140%; letter-spacing: 1px;}
.txt-game { margin: 0 0 0 10px; line-height: 130%;}
.txt-gamedetail { margin: 0 0 0 10px; padding: 4px; width: 100px; line-height: 130%; text-align: center; background: #EEFFC7; border: solid 1px #98B84F;}
.txt-label { margin: 0 0 10px 0; padding: 2px 0 0 35px; widrh: 550px; height: 18px; background: url(/images/cmn/bg_ttl_02.gif) no-repeat;}
.txt-rss { margin: 0 0 200px 10px; text-indent: -9999px;}
.txt-view { margin: 0 0 20px 0; text-align: right;}
.txt-subhead { margin: 20px 10px 5px 0; color: #967E53;}

/* イメージ ----------*/
.banner { margin: 15px 0 0 0;}
.thumnail { margin: 0;}
.mobile { margin: 0 0 0 10px;}

/* ボックス ----------*/
#container { margin: 0 auto; width: 760px;}
#header { width: 760px; height: 50px;}
#breadcrumb { float: left; margin: 0; width: 580px; height: 50px;}
#title { float: right; margin: 0; width: 180px; height: 50px; background: url(/images/cmn/logo.gif) no-repeat;}
#pagebody { clear: both; width: 760px; background: url(/images/cmn/bg.gif) repeat-y;}
#pagebody:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#main { float: left; margin: 0; width: 570px;}
#menu { float: right; margin: 0; width: 180px;}
#footer { clear: both; width: 760px; height: 60px; background: url(/images/cmn/hr_01.gif) no-repeat;}
#submenu { float: right; width: 360px; height: 60px;}
#copyright { float: left; width: 400px; height: 60px;}
#news { margin: 0 0 0 10px; width: 550px; border-bottom: 1px solid #DDDDDD;}
#news-top { margin: 0 0 0 10px; width: 550px;}
#common { margin: 0 0 0 10px; width: 550px;}
#game { clear: both; margin: 0 0 30px 10px; padding: 0 0 10px 0; width: 550px; border-bottom: 1px solid #DDDDDD;}
#game:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#game-detail { clear: both; margin: 0; padding: 20px 0 10px 0; width: 550px;}
#game-detail:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#label { clear: both; margin: 0 0 30px 10px; width: 550px;}
#label:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#thumnail { float: left; margin: 0; width: 180px;}
#explain { float: right; margin: 0; width: 370px;}

/* リスト（ul） ----------*/
li .off-txt { height: 0px;}

/* リスト（ol） ----------*/
body #main ol { margin: 20px 40px 0 40px; padding: 0; line-height: 140%; letter-spacing: 1px;}
body #main ol li { margin: 0 0 15px 0;}

/* リスト（dl） ----------*/
dl { margin: 0 0 0 10px; line-height: 150%;}
dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
dt { float: left; width: 250px; background: url(/images/cmn/hr_02.gif) no-repeat;}
.dt-game1 { margin: 0; padding: 5px 0 0 0; height: 25px; color: #967E53;}
.dd-game1 { margin:  0 0 0 100px; padding: 5px 0 0 0; height: 25px; background: url(/images/cmn/hr_03.gif) no-repeat;}
body.profile dt { float: left; width: 100px; background: url(/images/cmn/hr_02.gif) no-repeat;}
.dt-profile1 { margin: 0; padding: 5px 0 0 0; height: 50px; color: #967E53;}
.dt-profile2 { margin: 0; padding: 5px 0 0 0; height: 100px; color: #967E53;}
.dt-profile3 { margin: 0; padding: 5px 0 0 0; height: 430px; color: #967E53;}
.dd-profile1 { margin:  0 0 0 100px; padding: 5px 0 0 0; height: 50px; background: url(/images/cmn/hr_03.gif) no-repeat;}
.dd-profile2 { margin: 0 0 0 100px; padding: 5px 0 0 0; height: 100px; background: url(/images/cmn/hr_03.gif) no-repeat;}
.dd-profile3 { margin: 0 0 0 100px; padding: 5px 0 0 0; height: 430px; background: url(/images/cmn/hr_03.gif) no-repeat;}
body.sitemap dt { float: left; width: 120px; background: url(/images/cmn/hr_04.gif) no-repeat;}
.dt-sitemap1 { margin: 0; padding: 5px 0 0 0; height: 50px;}
.dt-sitemap2 { margin: 0; padding: 5px 0 0 0; height: 70px;}
.dd-sitemap1 { margin: 0; padding: 5px 0 0 0; height: 50px; background: url(/images/cmn/hr_04.gif) no-repeat;}
.dd-sitemap2 { margin: 0;  padding: 5px 0 0 0; height: 70px; background: url(/images/cmn/hr_04.gif) no-repeat;}

/* メニュー ----------*/
body #menu ul { margin:0; padding:0; list-style: none;}
body #menu ul li.off-txt { height: 0px;}
body #menu { margin: 0; width: 180px; background: url(/images/cmn/menu_base.gif) no-repeat;}
body #menu li,#menu a { display: block; margin: 0; width: 180px; height: 60px;}
body #menu a { background: url(/images/cmn/menu.gif) no-repeat;}
body #menu li.menu1 a { background-position: 0 0;}
body #menu li.menu2 a { background-position: 0 -60px;}
body #menu li.menu3 a { background-position: 0 -120px;}
body #menu li.menu4 a { background-position: 0 -180px;}
body #menu li.menu1 a:hover { background-position: -180px 0;}
body #menu li.menu2 a:hover { background-position: -180px -60px;}
body #menu li.menu3 a:hover { background-position: -180px -120px;}
body #menu li.menu4 a:hover { background-position: -180px -180px;}

/* サブメニュー ----------*/
body #submenu ul { margin:33px 0 0 0; padding:0; list-style: none; font-size: 9px; color: #6A6A6A;}
body #submenu { margin: 0;}
body #submenu li.menu5 { float: right; margin: 0 0 0 30px;}
body #submenu li.menu6 { float: right; margin: 0 0 0 30px;}
body #submenu li.menu7 { float: right; margin: 0 0 0 30px;}

/* アンカー ----------*/
a { text-decoration: none;}
a:link {color: #3E8C3A;}
a:visited {color: #32798C;}
a:hover {color: #FF0000;}
a:active {color: #FF0000;}
body #title h1 a { display: block; width: 180px; height: 50px;}
body #main h3 span.txt-rss a { display: block; margin: 0 0 0 500px; width: 60px; height: 20px;}
body #menu h4.bnr1 a { display: block; width: 180px; height: 65px; background: url(/images/cmn/bnr_mpri.gif) no-repeat;}
body #menu h4.bnr2 a { display: block; width: 180px; height: 65px; background: url(/images/cmn/bnr_sanasana.gif) no-repeat;}