@charset "shift_JIS";

/*
===============================================
	CONTENTS

-----------------------------------------------
	Reset
	font style
	common style
===============================================
*/

/*-----------------------------------------------
	Reset
-------------------------------------------------*/
#container-moi h1,
#container-moi h2,
#container-moi h3,
#container-moi h4,
#container-moi div,
#container-moi p,
#container-moi ul,
#container-moi li,
#container-moi table,
#container-moi td,
#container-moi th {color: #fff; padding: 0; margin: 0;}
#container-moi table {border-collapse: collapse; border-spacing: 0;}
#container-moi a,
#container-moi img {border: none;}
#container-moi p {line-height: 1.8;}
#container-moi ul,
#container-moi li {list-style: none;}
#container-moi a:link {color: #00CCFF; text-decoration: underline;}
#container-moi a:visited {color: #00CCFF; text-decoration: underline;}
#container-moi a:hover {color: #00CCFF; text-decoration: none;}
#container-moi a:acitve {color: #00CCFF; text-decoration: none;}

/*-----------------------------------------------
	font style
-------------------------------------------------*/
#container-moi p,
#container-moi div,
#container-moi ul {font-size: 100%;}
#container-moi .sml {font-size: 90%;}
#container-moi .mdl {font-size: 100%;}
#container-moi .big {font-size: 110%;}
#container-moi .big2 {font-size: 120%;}
/*#container-moi .fst-txt {font-size: 125%; font-weight: bold;}*/
#container-moi #footer-btn table td p {font-size: 70%;}
#container-moi .fc-red {color: #ff0000;}
#container-moi .fc-menu {color: #F7E47C;}
#container-moi .fc-goods {color:#D071B9;}
#container-moi .fc-og {color:#EB6100;}

/*-----------------------------------------------
	common style
-------------------------------------------------*/
#container-moi {position: relative; width: 750px; height: auto !important; min-height: 400px; height: 400px; background: transparent;}
#container-moi #header_swf {position: absolute; top: 0; left: 0; width: 750px; height: 275px;}
#container-moi #contents { width:100%;}

#home #container-moi #header_swf {position: absolute; top: 0; left: 0; width: 750px; height: 450px; z-index: 1;}
#home #container-moi #contents {position: relative; padding-top: 435px; z-index: 0;}
#movie #container-moi #header_swf {position: absolute; top: 0; left: 0; width: 750px; height: 273px; z-index: 1;}
#movie #container-moi #contents {position: relative; padding-top: 254px; z-index: 0;}

#container-moi #footer-btn {padding: 0 0 30px 35px; text-align: center;}
#container-moi #footer-btn table {text-align: center; width: 335px; margin: 0 auto;}
#container-moi #footer-btn table td {vertical-align: bottom;}
#container-moi #footer-btn table td img {margin: 5px;}
#container-moi #contents .col {padding: 20px 0 30px;}
#container-moi #contents .btn-pagetop {text-align: right; padding: 10px 20px 30px 0;}
#container-moi .line {margin-bottom: 15px;}
#container-moi .underline {text-decoration: underline;}
#container-moi .txt-r {text-align: right;}
#container-moi .txt-c {text-align: center;}

#container-moi .mrg-t-10 {margin-top: 10px !important;}
#container-moi .mrg-t-20 {margin-top: 20px !important;}
#container-moi .mrg-b-10 {margin-bottom: 10px !important;}
#container-moi .mrg-b-15 {margin-bottom: 15px !important;}
#container-moi .mrg-b-30 {margin-bottom: 30px !important;}
#container-moi .mrg-l-20 {margin-left: 20px !important;}
#container-moi .pdg-l-10 {padding-left: 10px !important;}
#container-moi .pdg-l-50 {padding-left: 50px !important;}
#container-moi .pdg-r-50 {padding-right: 50px !important;}
#container-moi .pdg-r-10 {padding-right: 10px !important;}
#container-moi .pdg-r-20 {padding-right: 20px !important;}

#container-moi table.tb-list {width: 90%; border: 1px solid #fff;}
#container-moi table.tb-list th {color: #fff; text-align: left; border: 1px solid #fff; padding: 3px 8px; background: #0070BD;}
#container-moi table.tb-list td {border: 1px solid #fff; padding: 8px;}
#container-moi p#copy {text-align: right; padding: 0 15px 8px 0;}

/* 0317 */
#container-moi p.text {margin-bottom: 20px;}
#container-moi .idt12 {text-indent: -12px; padding-left: 12px;}
#container-moi .mrg-b-l {margin-bottom: 50px; !important}

/*-----------------------------------------------
	category style
-------------------------------------------------*/
/*home*/
#home #flashCol {width: 750px; height: 530px;}
#home .spons {text-align: right; color:#D5F941; padding: 0 20px 50px 0;}
#home ul.list-news {padding: 8px 0 0 0;	line-height: 1.4;}
#home ul.list-news li {padding-left: 30px; margin-bottom: 5px !important; margin-bottom: 5px; height: auto !important; height: 30px; background: url(../news/images/ico_eye.gif) no-repeat 0 0; zoom: 1;}
#home ul.list-news li span {display: block; padding-bottom: 8px; background: url(../news/images/line_dot.gif) no-repeat left bottom;}
#home ul.list-news li.last span {background: none;} 

/*news*/
#news #container-moi p {line-height: 1.5;}
#news ul.list-news {padding: 0 52px 5px 25px;}
#news ul.list-news li {padding-left: 30px; background: url(../news/images/ico_eye.gif) no-repeat 0 0;}
/*#news ul.list-news li {padding-left: 30px; height: atuo !important; height: 30px; background: url(../news/images/ico_eye.gif) no-repeat 0 0;}*/
#news ul.list-news li span {display: block; padding-bottom: 8px; background: url(../news/images/line_dot.gif) no-repeat left bottom;}
#news ul.list-news li.last span {background: none;} 
#news #contents .col {padding: 0 10px 0 20px !important;}
#news .col .bg-rep { padding: 0 25px 0 30px; background: url(../news/images/box_rep.gif) repeat-y;}
#news .col .bg-rep h2 {margin-bottom: 5px;}
#news .col .bg-rep h2.logo-game{ height: 75px; background: url(../news/images/logo_games.gif) no-repeat top right;}
#news .col .bg-rep table {line-height: 1.6;}
#news .col .bg-rep p {color: #666666 !important;}
#news .col01 {width: 750px;}
#news .col02 {width: 750px;}
#news .col03 {width: 750px;}

#news .photo .ctgy-col {background: url(../news/images/bg_photo.jpg) no-repeat top right;}
#news .vacation .ctgy-col {background: url(../news/images/bg_vacation.jpg) no-repeat 220px 80px;}
#news .ctgy-col {padding: 0 24px 15px 25px;}
#news .ctgy-col h2 {margin: 10px 0 10px 0;}
#news .ctgy-col p {margin: 30px 0 30px 40px;}
#news .ctgy-col .col-idt {margin: 30px 0 30px 40px;}
#news .ctgy-col .col-idt h3 {padding: 0; margin: 0 0 15px 0;}
#news .ctgy-col .col-idt p {margin: 0 0 30px 0;}
#news .ctgy-col .col-idt p.ques {color: #0099FF; font-weight: bold; margin: 0 0 5px 0;}
.list #container-moi .ctgy-col p {margin: 10px 0 30px 40px;}



/* monsters */
#monsters #container-moi h2 {margin: 20px 0;}
#monsters #container-moi .img-col {margin: 10px 0;}

/* about */
#about .col-01 {position: relative; width: 750px; height: auto !important; min-height: 415px; height: 415px;}
#about .col-01 div.inr {position: relative; padding-left: 35px; z-index: 1;}
#about .col-01 div.inr p {width: 340px; margin-bottom: 15px;}
#about .col-01 div.inr p.sml {width: 510px;} 
#about .col-01 .col-img {position:absolute; width: 356px; height: 312px; top: 70px; left: 380px; z-index: 0;}

#about .col-02 {position: relative; width: 750px; height: auto !important; min-height: 1437px; height: 1437px; background: url(../about/images/bg_about.jpg) no-repeat 0 0;}
#about .col-02 h2 {margin-bottom: 15px;}
#about .col-02 h3 {margin: 0 0 25px 35px;}
#about .col-02 p.text-01 {margin: 0 0 0 35px; padding-top: 180px;}
#about .col-02 table {margin-left: 45px;}
#about .col-02 .col-img-01 {width: 339px; height: 202px;display: none;}
#about .col-02 .col-img-02 {width: 338px; height: 204px;display: none;}
#about .col-02 .col-img-03 {width: 337px; height: 198px;display: none;}
#about .col-02 .col-img-04 {width: 342px; height: 200px;display: none;}
#about .col-02 .col-img-05 {width: 750px; height: 420px;display: none;}
#about .col-02 h3.alp-h3 {width: 750px; height: 52px; margin: 0; padding: 0;}

/*
* html #about .col-02 .col-img-01 img {display: none;}
* html #about .col-02 .col-img-01 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_03.png',sizingMethod='scale');}
* html #about .col-02 .col-img-02 img {display: none;}
* html #about .col-02 .col-img-02 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_04.png',sizingMethod='scale');}
* html #about .col-02 .col-img-03 img {display: none;}
* html #about .col-02 .col-img-03 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_05.png',sizingMethod='scale');}
* html #about .col-02 .col-img-04 img {display: none;}
* html #about .col-02 .col-img-04 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_06.png',sizingMethod='scale');}
* html #about .col-02 .col-img-05 img {display: none;}
* html #about .col-02 .col-img-05 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/img_07.png',sizingMethod='scale');}
* html #about .col-02 h3.alp-h3 img{display: none;}
* html #about .col-02 h3.alp-h3 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/h3_03.png',sizingMethod='scale');}
*/

/* goods */
#goods #goods-col .fc-goods {color:#D071B9; line-height: 1.2; margin: 0 0 5px 0;}
#goods #goods-col .mdl{line-height: 1.4; margin: 0;}

/* menu */
#menu #container-moi .fc-menu {color: #F7E47C; line-height: 1.2; margin: 5px 0 5px 0;}
#menu #container-moi #contents .mdl {line-height: 1.4; margin: 0;}

/* special */
#special .wp .ctgy-col{ background: url(../special/images/bg_wp.jpg) no-repeat top right;}
#special .wp .ctgy-col {padding: 0 30px 15px 35px;}
#special .wp .ctgy-col h1 {margin: 0 0 10px 0; padding: 15px 0 0 0;}
#special .wp .ctgy-col h2 {margin: 15px 0 10px 0;}
#special .wp .ctgy-col h3 {margin: 10px 0 30px 0; color:#0099FF;}
#special .wp .ctgy-col h4 {margin: 10px 0 10px 0; color:#0099FF;}
#special .wp .ctgy-col table{margin: 30px 0 35px 0px;}

#special .wp .ctgy-col p{margin: 0 0 20px 0; }

#special .wp .ctgy-col .img-col {margin: 0px 0 10px 0;}