﻿@charset "utf-8";
/* Support TOP CSS 
---------------------------------------*/
/* topbox area
---------------*/
div.topbox{
	width:300px;
	margin-right:10px;
/*	margin-bottom:10px;*/
	float:left;
}


div.boxdetail{
	padding:10px;
	background-image:url(/support/images/bg_smallr_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;	
	margin-bottom:10px;
}

ul.listStyle01{
	width:279px;
}
ul.listStyle1Column{
	width:600px!Important;
}

/* faq area
---------------*/
div#search{
	background:url(/support/images/bg_search.gif) top left no-repeat;
	widows:610px;
	height:46px;
	padding:15px 20px 20px;
}

/* contact area
---------------*/
div.topbox-bottom{
	width:300px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}

div.boxdetail-bottom{
	padding:10px;
	background-image:url(/support/images/bg_r_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;	

}


div.topbox-bottom2{
	width:610px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
}

div.boxdetail-bottom2{
	padding:10px;
	background-image:url(/support/images/bg_r_big_bottom.gif);
	background-position:bottom left;
	background-repeat:no-repeat;	
}



/* topbox common
---------------*/

div.topboxRight{
	margin-right:0;
}

/* Support hacking CSS 
---------------------------------------*/
/* hacking contact
---------------*/
div.bggray{
margin-bottom:10px;
border:#ccc 1px solid;
padding:12px;
background-color:#fafafa;
}
/* hacking damage
---------------*/
div.attention{
margin-bottom:10px;
border:#F00 1px solid;
padding:12px;
}

div.dotbox{
	border-top:dotted 1px #0099cc;
	border-bottom:dotted 1px #0099cc;
	margin-bottom:10px;
	padding:10px;
}

/* Play Manner CSS 
---------------------------------------*/
/* trouble
---------------*/
div#main3column dl.troubleList dd{
	margin-bottom:10px;
}

/* manner
---------------*/
div#main3column dl.soti{
    display:block;
    float:left;
    padding:10px;
    width:590px;
}

div#main3column dl.sotiLeft{
	margin-right:0px;
}

div#main3column dl.soti dt{
    background-color:#CCCCCC;
    font-weight:bold;
    padding:3px;
}

div#main3column dl.soti dd{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
	margin-bottom:5px;
}

div#main3column dl.trouble{
    margin-left: 20px;
	margin-bottom:10px;
}

div#main3column dl.trouble dt{
    color: #FF6666;
    margin-top: 5px;
}

div#main3column dl.trouble dd{
    border-bottom: 1px solid #EDEDED;
    border-left: 3px solid #EDEDED;
    margin-left: 4px;
    margin-right: 20px;
    padding-left: 10px;
}

/* Support CSS 
---------------------------------------*/
/* faq
---------------*/
div#main3column table.faqTable{
	border-collapse:collapse;
	width:610px;
}

div#main3column table.faqTable th{
    border: 1px solid #CCCCCC;
    font-weight: bold;
    padding: 3px 5px;
    text-align: center;
}

div#main3column table.faqTable td.rank{
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    width: 78px;
}

div#main3column table.faqTable td{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #006699;
    padding: 3px 5px;
}

/* bugreport
---------------*/
div#main3column li.kakunin {
	list-style-type: none;
	background-image: url(/support/images/kakunin.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-position: outside;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 85px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

div#main3column li.irai {
	list-style-type: none;
	background-image: url(/support/images/irai.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-position: outside;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 85px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

div#main3column ul.bg_ari {
	list-style-position: outside;
	list-style-type: none;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px;
	background-image: url(/support/images/list_back.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

div#main3column li.sumi {
	list-style-type: none;
	background-image: url(/support/images/sumi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-position: outside;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 85px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

div#main3column .yotei {
	list-style-type: none;
	background-image: url(/support/images/yotei.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-position: outside;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 85px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

div#main3column li.siyou {
	list-style-type: none;
	background-image: url(/support/images/siyou.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style-position: outside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 85px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* supporttingdata
---------------*/
div#main3column table.calendar{
	width:484px;
	margin:3px auto;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

div#main3column table.calendar th{
	background-color:#F2F2EB;
	text-align:center;
	font-weight:normal;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}
div#main3column table.calendar td{
	background-color:#FFFFFF;
	text-align:center;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}
div#main3column table.calendar td.holiday{
	background-color:#FFF0F0;
}
div#main3column table.calendar td.Sat{
	background-color:#ECF2FF;
}

div#main3column table.level_tbl{
	width:140px;
	background-color:#FFFFFF;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse;
}

div#main3column table.level_tbl th{
	font-weight:normal;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

div#main3column table.level_tbl td{
	padding-right:2px;
	background-color:#FFFFFF;
	text-align:right;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

div#main3column table.level_tbl td.w_name{
	padding-left:2px;
	background-color:#FFFFFF;
	text-align:left;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

div#main3column .sup_category{
	width:485px;
	margin:3px auto;
}

div#main3column .sup_category img{
	float:left;
}

div#main3column .sup_category table.breakdown{
	margin:3px auto;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

div#main3column .sup_category th{
	background-color:#F2F2EB;
	font-weight:normal;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

div#main3column .sup_category td{
	padding:1px;
	background-color:#FFFFFF;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse;
}

div#main3column .sup_category td.num{
	width:68px;
	text-align:right;
}

div#main3column div.div400{
	width:400px;
	margin:0 auto;
}

div#main3column div.div470{
	width:470px;
	margin:0 auto;
}

div#main3column div.div490{
	width:490px;
	margin:0 auto;
}

div#main3column table.table140{
	width:140px;
}

div#main3column table.table290{
	width:290px;
}

div#main3column table.table400{
	width:400px;
}

div#main3column table.table470{
	width:470px;
}

div#main3column table.table490{
	width:490px;
}

div#main3column .cellwidth{
	width:50px;
}

div#main3column .noborder{
	border-bottom:0px none!Important;
	border-right:0px none!Important;
	border-left:0px none!Important;
	border-top:0px none!Important;
}

div#main3column table.breakdown td.num{
	text-align:right;
}


div#main3column table.breakdown td.colors{
	width:24px;
}

div#main3column td.total{
text-align:center;
}

div#main3column .sup_category dt{
	margin-top:10px;
	font-weight:bold;
}

div#main3column table.top5{
	width:480px;
	margin:3px auto;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

div#main3column table.top5 th{
	width:80px;
	background-color:#F2F2EB;
	font-weight:normal;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

div#main3column table.top5 td{
	padding-left:5px;
	border: 1px #E0E0D0 solid;
	border-collapse: collapse; 
}

/* policy
---------------*/
div#main3column .steps_box {
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}
div#main3column .steps_box dt {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #E7E7E7;
}
div#main3column .steps_box dd {
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
div#main3column .steps_box .steps_inbox_01 dt {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}

div#main3column .steps_box .steps_inbox_01 dd {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
div#main3column .steps_box .steps_inbox_01 .line_box_01 {
	margin: 10px;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

div#main3column .steps_box .line_box_01 p.title {
	display: block;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}



/* parts
---------------*/
.center{
	text-align:center;
}

.right{
	text-align:right;
}

.normalfont{
	font-weight:normal;
}

.pl1em{
	padding-left:1em;
}

.ml10{
	margin-left:10px;
}

.ml20{
	margin-left:20px;
}

.ml30{
	margin-left:30px;
}

.mb0{
	margin-bottom:0!Important;
}

.mb10{
	margin-bottom:10px;
}

.fRight{
	float:right;
	margin-left:10px;
}

.fLeft{
	float:left;
	margin-right:10px;
}

.fBold{
	font-weight:bold;
}

.fUnder{
	text-decoration:underline;
}

.fRed{
	color:#F00;
}

.fBlue{
	color:#2096AE;
}

.pAttention{
	padding-left: 1em;
    text-indent: -1em;
}

div#main3column ol.listStyleno{
	list-style-type:decimal;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
}

dl.faq dt.q2line {
	height:40px!Important;
	background-position: left top!Important;
}

dl.faq dt.q3line {
	height:60px!Important;
	background-position: left top!Important;
}

div.boxLeft{
	width:300px;
	margin-right:10px;
	float:left;
}

div.boxRight{
	width:300px;
	float:left;
}


/* ゲームに関するお問い合わせ
---------------*/

div.supportboxL {
	width:130px;
	margin-right:10px;
	margin-left:5px;
	float:left;
}

div.supportboxR {
	width:130px;
	float:left;
}

div.supportboxL ul,
div.supportboxR ul{
	width:130px;
}

/* replay-system
---------------*/

#supportNavi .capture-comment {
	background: #fff url(/support/images/capture/gm.gif) right top no-repeat;
	height: 110px;
	margin-bottom: 10px;
}

#supportNavi .capture-comment2 {
	background: #fff url(/support/images/capture/gm.gif) right top no-repeat;
	margin-bottom: 10px;
}


#supportNavi .capture-comment p,
#supportNavi .capture-comment2 p {
	padding: 5px;
	background-color: #fff;
	border: #ccc 1px solid;
	width: 220px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	display: block;
}
