@charset "utf-8";

/* 基本構造 
____________*/

a:link {
	color:#0066FF;
	text-decoration:none;
}

a:visited {
	color: #0066FF;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color: #FF6699;
}

a:active {
	text-decoration:none;
	color: #FF6699;
}

a.link:link {  color:#0000FF;text-decoration:underline; }
a.link:visited {  color:#0000FF;text-decoration:underline; }
a.link:hover {  color: #0066FF;text-decoration: underline; }
a.link:active {  color: #0066FF;text-decoration: underline; }

body {
    width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:13px;
	color:#333333;
	line-height:150%;
	background-color:#ffffff;
	text-align:center;
}

img {border:none;}

p {margin:0;padding:0;}

ul {list-style:none;}

h1 {margin:0;
    padding:0;
    font-size:12px;
    font-weight:bold;
    color:#666666;
    float:none;
    margin:0;
    line-height:150%;
}

h2 {
    margin:0 0 10px 0;
    padding:0;
}

h3 {
    margin:0px ;
    padding:0;
    clear:both;
    font-size:14px;
}

.fr {
    color:#FF0000;
}

address {
    font-style:normal;
    margin:0;
    line-height:150%;
    text-align:right;
    width:860px;
    color:#666666;
}

#midashi {
	color: #999900;
	background: url(../images/sale_mark.jpg) no-repeat left center;
	background-color: #FFFFFF;
	padding: 8px 0px 8px 35px;
	margin: 0px 0px 0px 0px;
	font-size:14px;
}

.border {
    border:#cccccc solid 3px;
}

.border2 {
    border:#999999 solid 1px;
}

.clear {
    clear:both;
	margin:0 0 15px 0;
	width:660px;
	height:auto;
	overflow:hidden;
}

.clear02 {
    clear:both;
	margin:10px 0 0 0;
	padding:10px;
	border-top:#666666 1px solid;
	width:640px;
	height:auto;
	overflow:hidden;
}

/* ヘッダ 
__________*/

.bold { 
    color:#FF0000;
    font-weight:bold;
    padding:0;
    font-size:14px;
}

.bold_02 { 
    color:#FF0000;
    font-weight:bold;
    font-size:14px;
}

.bold_03 { 
    color:#0066cc;
    font-weight:bold;
    padding:0;
    font-size:13px;
}

.bold_04 { 
    color:#333333;
    font-weight:bold;
    padding:0;
    font-size:14px;
}

.bold_05 { 
    color:#333333;
    font-weight:bold;
    padding:0 0 0 7px;
    font-size:13px;
	width:500px;
	clear:both;
	border-left:5px #0066cc solid;
	border-bottom:1px #cccccc dashed;
	margin:15px 0 15px 20px;
	line-height:150%;
	
}


#container {
	width: 100%;
	height: 100%;
	margin:0 auto;
	text-align:center;
	padding:0;
	clear:both;
    background:url(../images/bg.png) repeat-x;
	background-position:top left;
}


#content {
	width: 886px;
	height: 100%;
	margin:0 auto;
	padding:0 4px;
	clear:both;
	text-align:left;
}

#header {
	width: 886px;
	height: 101px;
	margin:0 auto;
	padding:0 0;
    background:url(../images/head_bg.gif) no-repeat center top;
}

#logo {width:318px; height:101px; margin:0; float:left;}

#head_right {
    width:90px;
	height:24px;
	margin:5px 10px 30px 0;
	float:right;
}

#head_m {
    width:558px;
	float:right;
	text-align:right;
	margin:0 10px 0 0;
	font-weight:bold;
}
ul#nb { width:886px; height:32px; margin:0 0 15px 0; padding:0; clear:both; list-style:none;}
ul#nb  li {float:left; list-style:none;}


#nb01 a:hover { background-color:#ffffff;}
#nb01 a:hover img { visibility:hidden;}
#nb01 a { display:block; position:relative; background:url(../images/nb01b.gif) no-repeat;}

#nb01 {
    width:177px;
	height:32px;
	margin:0;
	padding:0;
	float:left;
}

#nb02 a:hover { background-color:#ffffff;}
#nb02 a:hover img { visibility:hidden;}
#nb02 a { display:block; position:relative; background:url(../images/nb02b.gif) no-repeat;}

#nb02 {
    width:177px;
	height:32px;
	margin:0;
	padding:0;
	float:left;
}

#nb03 a:hover { background-color:#ffffff;}
#nb03 a:hover img { visibility:hidden;}
#nb03 a { display:block; position:relative; background:url(../images/nb03b.gif) no-repeat;}

#nb03 {
    width:178px;
	height:32px;
	margin:0;
	padding:0;
	float:left;
}

#nb04 a:hover { background-color:#ffffff;}
#nb04 a:hover img { visibility:hidden;}
#nb04 a { display:block; position:relative; background:url(../images/nb04b.gif) no-repeat;}

#nb04 {
    width:177px;
	height:32px;
	margin:0;
	padding:0;
	float:left;
}

#nb05 a:hover { background-color:#ffffff;}
#nb05 a:hover img { visibility:hidden;}
#nb05 a { display:block; position:relative; background:url(../images/nb05b.gif) no-repeat;}

#nb05 {
    width:177px;
	height:32px;
	margin:0;
	padding:0;
	float:left;
}


/* メイン 
______________*/

#main01 {
  	width: 880px;
	height: 100%;
	margin:0 0 0 0;
	padding:0;
	clear:both;
	overflow:hidden;
}
/* レフト 
______________*/

#left {
    width:200px;
	height:100%;
	margin:0;
	padding:0 15px 20px 0;
	float:left;
    overflow:hidden;    
}

dl#popular {
    float:none;
	margin:0 0 15px 0;
	list-style:none;
	padding:0;
	background:url(../images/gamelist_bg.gif) no-repeat;
	background-position:bottom center;
	width:200px;
	padding:0 0 35px 0;
}

dl#popular dt {
    clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

dl#popular dd {
    clear:both;
	margin:0 auto;
	padding:0;
	list-style:none;
	line-height:24px;
	width:180px;
	overflow:hidden;
	text-align:center;
}

dl#navi {
    float:none;
	margin:0 0 15px 0;
	list-style:none;
	padding:0;
	background:url(../images/gamelist_bg.gif) no-repeat;
	background-position:bottom center;
	width:200px;
	padding:0 0 35px 0;
}


dl#navi dt {
    clear:both;
	margin:0;
	padding:0;
	list-style:none;
	width:200px;
}

dl#navi dd {
    clear:both;
	margin:0 0 0 10px;
	padding:0 0 0 20px;
	list-style:none;
	width:170px;
	line-height:24px;
	background:url(../images/item_btn.jpg) no-repeat left center;
	font-size:12px;
}

.lt_clear {
    clear:both;
	margin:0 0 15px 0;
}

.lt_clear02 {
    clear:both;
	margin:0 0 0 0;
}	
	

dl#mobile {
    float:none;
	margin:0 0 15px 0;
	list-style:none;
	padding:0;
	background:url(../images/item02.gif) no-repeat;
	background-position:bottom center;
	width:180px;
	padding:0 0 10px 0;
}

dl#mobile dt {
    clear:both;
	margin:0;
	padding:0;
	list-style:none;
}

dl#mobile dd {
    clear:both;
	margin:0 auto 0 auto;
	padding:0;
	list-style:none;
	line-height:100%;
	width:150px;
	overflow:hidden;
	text-align:center;
}

/* ミドル 
______________*/

#middle {
   float:left;
   width:665px;
   margin:0 0 0 0;
   padding:0 0 0 0;
   overflow:hidden;    
}

.md_bnr {
   clear:both;
   margin:0 0 15px 0;
}

#game {
    width:660px;
	margin:0 0 15px 0;
	list-style:none;
	background:url(../images/game_bg.gif) no-repeat;
	background-position:bottom center;
	clear:both;
	overflow:hidden;
	padding: 0 0 20px 0;
}

#game ul {
    width:600px;
	list-style:none;
	margin:10px auto 0 auto;
	clear:both;
	text-align:left;
}

#game li {
    width:138px;
	height:auto;
	border:#CCCCCC;
	list-style:none;
	margin:0 10px 10px 0;
	float:left;
	text-align:center;
}

ul#portfolio{
	border-top: 1px solid #FF00FF;
	border-bottom: 1px solid #FF00FF;
	padding:0;
	clear:both;
	width:660px;
	height:130px;
	overflow:hidden;
	margin:0 0 15px 0;
}


ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 0;
}

ul#portfolio li {
    margin:10px  0 10px 32px;
	float:left;
}

#point01 {
    width:150px;
	height:100px;
	background:url(../images/point01.jpg) no-repeat center center;
	margin:0 20px 0 0;
	float:left;
}

#point01 p {
    width:140px;
	font-size:11px;
	line-height:130%;
	margin:65px 0 0 5px;
}

#point02 {
    width:150px;
	height:100px;
	background:url(../images/point02.jpg) no-repeat center center;
	margin:0 20px 0 0;
	float:left;
}

#point02 p {
    width:140px;
	font-size:11px;
	line-height:130%;
	margin:50px 0 0 5px;
}

#point03 {
    width:150px;
	height:100px;
	background:url(../images/point03.jpg) no-repeat center center;
	margin:0 0 0 0;
	float:left;
}

#point03 p {
    width:140px;
	font-size:11px;
	line-height:130%;
	margin:65px 0 0 5px;
}

#point04 {
    width:150px;
	height:100px;
	background:url(../images/point04.jpg) no-repeat center center;
	margin:0 0 0 0;
	float:right;
}

#point04 p {
    width:140px;
	font-size:11px;
	line-height:130%;
	margin:65px 0 0 5px;
}


.md_sbnr {
    width:310px;
	height:70px;
	margin:4px 0 15px 10px;
	float:left;
}

.md_sbnr02 {
    width:310px;
	height:78px;
	margin:0 0 11px 20px;
	float:left;
}

#payment {
    width:200px;
	height:250px;
	background:url(../images/payment_bg.gif) no-repeat center center;
	margin:0 30px 0 0;
	float:left;
	padding:0;
}

#free {
    width:200px;
	height:250px;
	background:url(../images/free_bg.gif) no-repeat center center;
	margin:0 30px 0 0;
	float:left;
	padding:0;
}

#mobile {
    width:200px;
	height:250px;
	background:url(../images/mobile_bg.gif) no-repeat center center;
	margin:0 0 0 0;
	float:right;
	padding:0;
}


.payment_intro{
    width:180px;
	font-size:12px;
	line-height:130%;
	margin:10px 0 0 0px;
}

.payment_bnr {
    width:180px;
	font-size:12px;
	line-height:130%;
	margin:10px 0 0 0px;
	text-align:center;
}

.payment_banner {
    width:130px;
	font-size:12px;
	line-height:150%;
	margin:10px 0 0 23px;
	float:left;
	border:#efefef 1px solid;
}


.btn {margin:10px auto; text-align:center;}

.faq_zone {margin:0; float:left; width:100px;}

.faq_m {margin:0; clear:both; width:100px;}

.faq_btn {margin:10px 0 0 5px; clear:both; width:90px;}

ul#faq_list {width:520px; margin:10px 0 0 0; float:right;}

#no1 {width:470px; line-height:25px; margin:0 0 20px 0; padding:0 0 0 30px; clear:both;background:url(../images/faq01.gif) no-repeat left center;}

#no2 {width:470px; line-height:25px; margin:0 0 20px 0; padding:0 0 0 30px; clear:both;background:url(../images/faq02.gif) no-repeat left center;}

#no3 {width:470px; line-height:25px; margin:0 0 20px 0; padding:0 0 0 30px; clear:both;background:url(../images/faq03.gif) no-repeat left center;}

.news {
    width:660px;
	margin:0 0 15px 0;
	padding: 0 0 20px 0;
	list-style:none;
	background:url(../images/news_bg.gif) no-repeat;
	background-position:bottom center;
	clear:both;
	overflow:hidden;
}

.news02 {
    width:660px;
	margin:0 0 15px 0;
	padding: 0 0 20px 0;
	list-style:none;
	background:url(../images/game_bg.gif) no-repeat;
	background-position:bottom center;
	clear:both;
	overflow:hidden;
}


ul.news_list {
    width:600px;
	list-style:none;
	margin:0 0 0 20px;
	clear:both;
	text-align:left;
}

ul.news_list li {
    width:600px;
	height:auto;
	line-height:180%;
	margin:0;
	clear:both;
}

.go_top {width:660px; text-align:right; margin:0 0 5px 0;}

/* フッター 
______________*/

#foot {
    width:886px;
	height:133px;
	overflow:visible;
   background:url(../images/foot_bg.gif) no-repeat;
   padding:15px 0 0 0;
   clear:both;
   margin:0 0 5px 0;
}

#foot p{
    width:886px;
	text-align:center;
	margin:0 0 45px 0;
}
.foot_copy {
    width:886px;
	text-align:center;
	clear:both;
	margin:0 0 10px 0;
}

/* ニュースイベント 
______________*/

.event {
    width:680px;
	margin:0;
	padding:15px 0;
	border-bottom:#cccccc 1px solid;
	border-top:#cccccc 1px solid;
	float:none;
	overflow:hidden;
}  

.event_pic {
    width:170px;
	height:170px;
	margin:0;
	padding:0;
	float:left;
}

.event_02 {
    width:480px;
	margin:0 0 0 15px;
	padding:0;
	float:right;
	font-weight:bold;
}


.event_date {
    width:480px;
	margin:0 0 10px 0 ;
	padding:0;
	clear:both;
	font-weight:normal;
	font-size:14px;
	line-height:200%;
}

.event_name {
    width:480px;
	margin:0 0 10px 0 ;
	padding:0;
	clear:both;
	font-weight:bold;
	font-size:16px;
}

.event_coment {
    width:480px;
	margin:0 0 10px 0 ;
	padding:0;
	clear:both;
	line-height:200%;
	font-weight:normal;
}

/* お問いあわせ 
______________*/

table.form { border-collapse:separate; width:640px; margin:10px auto 20px auto;}
table.form th {
    width:100px;
	border:#cccccc 1px solid;
	padding:5px;
	background-color:#efefef;
	background-repeat: repeat;
	background-position: center top;
	font-weight:normal;
	line-height:200%;
	text-align:center;
}

table.form td {border:#cccccc 1px solid; padding:5px;line-height:200%;}

table.form caption {
    background-color:#efefef;
	line-height:150%;
	border:#cccccc 1px solid;
	padding:5px;
	margin:0 0 5px 0;
}

/* 特定商取引に基づく表記 
______________*/


table#company  {
         width:670px;
	height:auto;
	overflow:hidden;
	margin:20px 0 0 0;
         float:left;
	padding:0;
         border-collapse:collapse;
        background:none;
}

table#company th{
         width:23%;
	height:auto;
	margin:0;
	font-size:13px;
	line-height:200%;
	border-bottom:#cccccc dotted 1px;
	background-color:none;
	padding:10px;
         text-align:left;
         color:#0066cc;
}

table#company td{
         width:77%;
	height:auto;
	margin:0;
	font-size:13px;
	line-height:200%;
	background-color:none;
	border-bottom:#cccccc dotted 1px;
	padding:10px;

}

/* 個人情報の保護 
______________*/
dl#privacy {
   width:680px;
   clear:both;
}

#privacy dt {
   clear:both;
   border-left:#00CCFF 5px solid;
   border-bottom:#666666 1px solid;
   padding:0 0 0 7px;
   font-size:14px;
   font-weight:bold;
   margin:15px 0 10px 0;
}

#privacy dd {
   clear:both;
   margin:0 0 0 15px;
   font-size:13px;
}

/* ご利用ガイド 
______________*/

.guide_text01 {
   margin:10px 0 0 20px;
   line-height:180%;
   border-left:#0099ff solid 6px;
   text-indent:10px;
   font-weight:bold;
   font-size:14px;
   color:#0099ff;
}

#guide_01 h3 {
   width:668px;
   border:#CCCCCC 1px solid;
   line-height:30px;
   padding:0 0 0 5px;
   background-color:#efefef;
   color:#0099FF;
   margin:10px 0 0 0;
 }
 
.guide_text02 {
   margin:10px 0 30px 50px;
   line-height:150%;
   width:560px
}

ol.kiyaku_text { margin:15px 0;}

ol.kiyaku_text li{
   margin:0 0 10px 10px;
   line-height:180%;
   width:600px
}


dl.yamato02 {
   width:668px;
   clear:both;
   margin:10px;
}

.link {
   width:660px;
   margin:15px auto;
   padding:15px 0;
   border-top:#CCCCCC 1px dotted;
}
   
.link02 {
   width:660px;
   margin:15px auto;
   padding:15px 0;
   border-top:#666666 1px solid;
}

.link03 {
   width:660px;
   margin:15px auto;
   padding:15px 0;
   border-bottom:#CCCCCC 1px dotted;
}

.thanks {
   margin:100px auto;
   width:680px;
   text-align:center;
}
#questions {
	margin-bottom: 20px;
	padding-left: 0;
	margin-left: 20px;
}
 
#questions li {
	background: url(../images/question-mark.png) no-repeat left center;
	line-height: 14px;
	list-style-type: none;
	margin-bottom: 10px;
	padding: 5px 0 5px 30px;
}
 
div.faq-a {
	border-bottom: dotted 2px #ddd;
	padding: 10px 0 7px;
}

div#a1  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a2  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a3  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a4  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a5  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a6  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a7  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a8  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a9  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a10  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a11  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a12  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a13  { margin:7px 0 0 0; padding:7px 5px; border-top:#CCCCCC 1px dotted;}
div#a14  { margin:7px 0; padding:7px 5px; border-bottom:#CCCCCC 1px dotted; border-top:#CCCCCC 1px dotted;}

#a1 h3{color: #999900; font-size:13px;}
#a2 h3{color: #999900; font-size:13px;}
#a3 h3{color: #999900; font-size:13px;}
#a4 h3{color: #999900; font-size:13px;}
#a5 h3{color: #999900; font-size:13px;}
#a6 h3{color: #999900; font-size:13px;}
#a7 h3{color: #999900; font-size:13px;}
#a8 h3{color: #999900; font-size:13px;}
#a9 h3{color: #999900; font-size:13px;}
#a10 h3{color: #999900; font-size:13px;}
#a11 h3{color: #999900; font-size:13px;}
#a12 h3{color: #999900; font-size:13px;}
#a13 h3{color: #999900; font-size:13px;}
#a14 h3{color: #999900; font-size:13px;}
#a15 h3{color: #999900; font-size:13px;}
.payment_left {width:200px; height:auto; text-align:center; float:left; margin:0; border:#efefef 1px solid;} 
.payment_right {width:420px; height:auto; text-align:left; float:right; margin:0;} 

dl.payment_detail {
    width:420px;
	height:auto;
	overflow:hidden;
	margin:0;
	padding:0;
}

dl.payment_detail dt{
    width:125px;
	height:auto;
	float:left;
	margin:0;
	font-size:13px;
	line-height:200%;
	border-bottom:#ffffff solid 1px;
	background-color:#eaeaea;
	padding:0 0 0 5px;
}

dl.payment_detail dd{
    width:285px;
	height:auto;
	float:left;
	margin:0;
	font-size:13px;
	line-height:200%;
	background-color:#f5f5f5;
	border-bottom:#ffffff solid 1px;
	padding:0 0 0 5px;

}

.payment_intro02 { width:420px; text-align:left; line-height:150%;}

dl.privacy {clear:both;}

dl.privacy dt {clear:both; line-height:30px; width:658px; background-color:#f5f5f5; border:#CCCCCC solid 1px; font-weight:bold; margin:0 0 10px 0; text-indent:5px;}
dl.privacy dd {clear:both; line-height:180%; width:643px;margin:0 0 20px 15px; }

.sitemap { width:100%;clear:both; margin:15px 0;padding:0 ;list-style:none;line-height:24px; clear:both;}

.sitemap li{ width:250px ; float:left; margin:0 0 10px 20px;background:url(../images/item_btn.jpg) no-repeat left center;padding:0 0 0 20px;list-style:none;line-height:24px;}

.sitemap_02 { width:665px; overflow:hidden;clear:both; margin:10px 0 15px 0;padding:0 0 10px 0 ;list-style:none;line-height:24px; clear:both; border-bottom:#cccccc dashed 1px;}

.sitemap_02 li{ width:250px ; float:left; margin:0 0 10px 20px;background:url(../images/item_btn.jpg) no-repeat left center;padding:0 0 0 20px;list-style:none;line-height:24px;}

.text{ width:645px; margin:0 0 0 20px; clear:both;}



/* ヤフーメールに関して 
______________*/

#yahoo_midashi {
	color: #FF0000;
	background: url(../images/jyuyou.jpg) no-repeat left center;
	background-color: #FFFFFF;
	padding: 8px 0px 8px 50px;
	margin: 0px 0px 0px 0px;
	font-size:16px;
}
.yahoo_bold { 
    color:#000000;
    font-weight:bold;
    padding:0;
    font-size:16px;
}
dl.yahoo_info {clear:both;}
dl.yahoo_info dt {clear:both; line-height:30px; width:658px;  color:#000000; font-size:13px;}
dl.yahoo_info dd {clear:both; line-height:170%; width:643px;margin:0 0 20px 15px; color:#000000; font-size:13px;}


/* トップページの画像横並び
______________*/

.news_narabi {
    width:660px;
	margin:0 0 20px 0;
	list-style:none;
	clear:both;
	overflow:hidden
}

.oshirase_banner {
    width:330px;
	font-size:12px;
	line-height:150%;
	margin:0px;
	float:left;
}
.aion_banner {
    width:660px;
   margin-bottom:25px;
    list-style:none;
    clear:both;
    overflow:hidden
}

/*kaiinのページ
______________*/

h2.kaiin001{line-height:30px; width:658px; background-color:#E3E3E3; margin:0 0 10px 0; text-indent:5px; font-size:16px; font-weight:bolder;}
p.kaiin_bold {color:#FF0000; font-weight:bold; font-size:14px; margin-left:15px;}
ul.kaiin_text{list-style:disc; margin:10px 0 20px 20px; font-size:12px;}
ul.kaiin_text li{line-height:150%;}
.clear_campaign {
    clear:both;
	margin:40px 0 70px 0;
	width:660px;
	height:auto;
	overflow:hidden;
}


/*informationのページ
______________*/

#new_midashi {
              width:658px;
              line-height:30px;
	color: #000000;
	background-color: #D5EBFA;
	padding: 8px 0px 8px 15px;
	margin: 0px 0px 0px 0px;
	font-size:16px;}
#new_midashi_pic{
              width:658px;
              line-height:30px;
	color: #000000;
	background: url(../images/new.gif) no-repeat left center;
	background-color: #D5EBFA;
	padding: 8px 0px 8px 60px;
	margin: 0px 0px 0px 0px;
	font-size:16px;}
.new_bold {color:#FF0000; font-weight:bold; font-size:14px; margin:15px 0px 0px 15px;}
dl.new_moji {clear:both;}
dl.new_moji dt {clear:both; line-height:30px; width:658px;  color:#000000; font-size:13px;}
dl.new_moji dd {clear:both; line-height:170%; width:643px;margin:0 0 20px 15px; color:#000000; font-size:13px;}
#new_content {
	width: 886px;
	height: 100%;
	margin:0 auto;
	padding-top:15px;
	clear:both;
	text-align:left;}