/* CSS Document */
*{
	margin:0;
	padding:0;
}

body{
	background-color:black;
	background-image:url(../img/bg.jpg);
	text-align:left;
	color:#59493f;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.4em;
}

img{
	border:0;
	display:block;
}

#wrapper{
	width:100%;
	background:url(../img/main_visual01.jpg) no-repeat center top;
	margin:0 auto;
}

#main{
	width:940px;
	background:url(../img/bg_main.jpg) repeat-y center top;
	margin:0 auto;
}

#head {
	position:relative; 
	height:492px;
}

#head #itemshop_list { left:950px !important; }

#head h1{
	width:940px;
	height:492px;
	position:relative;
}

div.head01{
	width:940px;
	height:492px;
	background:url(../img/main_visual01.jpg) no-repeat top center;
}

#head h1 div.btn_konyu{
	position:absolute;
}

#head span, .area00 span{	display:none;	}

#main_body{
	width:771px;
	margin: 0 0 0 89px;
}

#main_body div.box_body{
	width:748px;
	margin:0 auto;
}

#main_body div.box_body div.flow p{
	padding-left:42px;
}

#main_body div.box_body div.flow table p{
	padding-left:0;
}

#main_body div.box_body div.flow li{
	margin-left:42px;
	text-indent:-1.4em;
	padding-left:1.4em;
	list-style:none;
}

#main_body a{	text-decoration:underline; color:blue;	}
#main_body a:hover{	color:#FF6600;	}

.area01 div.btn_skillp{
	position: relative;
}

.area01 p.btn{
	position: absolute;
	top: 97px;
	left: 221px;
}


.inbox{
	background-color:white;
	border:#f39700 1px solid;
	width:656px;
	padding:12px 16px 12px 16px;
	margin-left:30px;
}

.area00{
	position:relative;
	}

#cuffp_detail{
	position:absolute;
	top:430px;
	left:90px;
	}

#poogie_detail{
	position:absolute;
	top:150px;
	left:585px;
	}

#skill_detail{
	position:absolute;
	top:225px;
	left:555px;
	}

#poogie_caution{
	position:absolute;
	top:330px;
	left:496px;
	}

/*--テーブル定義--*/
table {
	margin: 0 auto 0 26px;
	empty-cells: show;
	border-collapse:collapse;
	border-spacing: 0;
}

table.skillcuff {
	margin: 0 auto;
	width:700px;
	border:1px solid #000000;
}

table.skillcuff tr{
	border:1px solid #000000;
	height:20px;
}


table.skillcuff td{
	background:#fff;
	border:1px solid #000;
}

th.type01_r{
	border:1px solid #000;
	background:#dd5555;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:5px 0;
	text-align:center;
}

th.type01_g{
	border:1px solid #000;
	background:#396;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:5px 0;
	text-align:center;
}

th.type01_b{
	border:1px solid #000;
	background:#5588dd;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:5px 0;
	text-align:center;
}

th.type03{
	border:1px soli #000;
	background:#666;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	margin:0;
	padding:3px 0 3px 10px;
	text-align:left;
}

th.type04{
	border:1px solid #000;
	background:#e1e1e1;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:0;
	padding:0 0 0 20px;
	text-align:left;
}

th.type05{
	border:1px solid #888844;
	background:#e1e1e1;
	color:#000000;
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0 0 0 3px;
	text-align:left;
}

td.pl20{
	padding:0 0 0 20px;
	}

td.center{
	text-align:center;
	}

li{
	list-style:none;
	}

.link ul {
	margin:10px 0 0;
	text-align:center;
}

.link ul li {
	display:inline;
}

.area04 li{
	margin:0 0 3px 0;
}

/* コピーライト */
#copyright{
	position: relative;
	height: 20px;
	padding: 0 10px;
}

#copyright p#logo{
	float: left;
	width: 103px;
	height: 20px;
	background:url(http://img.mh-frontier.jp/topic/images/footer/payment/logo.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.mh-frontier.jp/topic/images/footer/payment/logo.png',sizingMethod='scale');
}
#copyright p#logo a{
	position: absolute;
	top: 0;
	left: 0;
	width: 103px;
	height: 20px;
　　text-indent: -9999px;
}

#copyright p#copy{
	float: right;
	color: #000;
	height: 20px;
	width: 300px;
}

/*----その他----*/
.txt_l{ 	font-size:25px; font-weight:bold;	}
.txt_lr{ 	font-size:25px; font-weight:bold; color:red;	}
.txt_ls{	font-size:22px; font-weight:bold;	}
.txt_s{		font-size:10px;	line-height:1.1em; font-weight:normal;	}
.txt_si{	font-size:10px; text-indent:-1em; padding-left:1em; margin-left:1em;}
.txt12{		font-size:12px;	}
.txt12i{	font-size:12px; text-indent:-1em; padding-left:1em; margin-left:1em;}
.txt12b{	font-size:12px; font-weight:bold;	}
.txt12r{	font-size:12px; color:red;	}
.txt14{		font-size:14px;	}
.txt14b{	font-size:14px; font-weight:bold; line-height: 1.1em;}
.txt14r{	font-size:14px; color:red; line-height:1.2em;	}
.txt14r_l{	font-size:14px; font-weight:bold; color:red; text-indent:-1em; padding-left:1em; margin-left:130px;}
.txt16{		font-size:16px;	}
.txt15b{	font-size:15px; font-weight:bold; line-height:1.2em;}
.txt15r{	font-size:15px; color:red;	}
.txt15{		font-size:15px;	}
.txt16b{	font-size:16px; font-weight:bold; line-height:1.3em;}
.txt16r{	font-size:16px; color:red;	}
.txt18{		font-size:18px;	}
.txt18b{	font-size:18px; font-weight:bold;	}
.txt18r{	font-size:18px; color:red;	}


.clear{ clear:both;	}
.spc5{	height:5px;font-size:5px;line-height:5px;	}
.spc10{	height:10px;font-size:5px;line-height:5px;	}
.spc15{	height:15px;font-size:5px;line-height:5px;	}
.spc20{	height:20px;font-size:5px;line-height:5px;	}
.spc30{	height:30px;font-size:5px;line-height:5px;	}