@charset "UTF-8";

*{
  zoom:1;
} 
html{height:100%}
a:link { color: #904040; }
a:visited { color: #886666; }
a:hover { color: #ff0000; }
a:active { color: #cca0a0; }

body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	text-align: center;
	background-color: #ccc;
	margin: 0px;
	color:#666;
	height: 100%;
	overflow-x:hidden;
	overflow-y:scroll;
	padding: 0px;
	font-size: 0.875em;
}

body h3, h4 {
	margin:0px}
body p {margin:0px 0px 10px 0px}
body ul {margin:0 0 0 1em;
padding:0;
list-style:none}
body ol {margin:0 0 0 1.5em;
padding:0
}
body hr {
	display:block;
	height:2px;
	width:100%;
	border:0px;
	background-color:#999;
}

body img {
	border:0px}
.position_rel {
	position:relative;}
.pad_footer {
	padding-bottom:200px;}
.pad_footer2 {
	padding-bottom:70px;}
.position_abs {
	position:absolute;
	bottom:0;
	padding:0 5px;
	width:98%;
	box-sizing: border-box;
	}
#wrap {
	text-align: left;
	box-sizing: border-box;
	width: 768px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 5px;
	min-height:100%;
}

#wrap_p {
	text-align: center;
	box-sizing: border-box;
	width: 768px;
	margin-left:auto;
	margin-right:auto;
	padding:0px 99px;
	min-height:100%;
}

.bg_w {	background-color:#fff;}
.bg_b { background-color:#000;
		color:#999;
}
.bg_6 { background-color:#e5d4b9;}
.bg_ntrg {	background-color:#941E57;
			color: #FFD14D;
			}
.bg_yellow {	background-color:#FFF100;}
.bg_944 {	background-color:#904040;}
.bg_kai3 {	background-color:#328a94;}
.bg_kai2 {	background-color:#54baba;
			padding:0 5px;}
.bg_kai1 {	background-color:#A3D7DC;
			padding:0 10px;}
.bg_kai1 h3 {
			background-color:#328a94;
			width:100%;
			color:#FFF;
			text-align:left
	}
.bg_hdbost { background-color:#d0bfa4;
			 color:#333}
.color_w {
	color:#fff}
.width_768 { width:768px;}
.width_560 { width:560px;}
.width_100 { width:100%;}
.base {
	box-sizing: border-box;
	width:570px;
	text-align:center;
	padding:0px 5px;
}

p.resizeimage {
   max-width: 758px;
}
p.resizeimage img { max-width: 100%;
height:auto;
}
.spec_box:after {content: "";
				display:block;
				clear:both}
.pad-bot img {
	padding-bottom:10px}
.spec_box {width:100%;
box-sizing: border-box;
padding-left:20px;
text-align:right;
}
.spec1 {
float:left;
padding-bottom:10px;
width:40%;
text-align:center
}		
.spec2 {
float:left;
padding-bottom:10px;
width:60%;
text-align:right
}
.shop_box{width:500px;
padding-left:60px;
text-align:left}
.shop1 {float:left;
width:33.3333%;
padding-bottom:10px;}
.shop2 {float:left;
width:33.3333%;
padding-bottom:10px;}
.shop3 {float:left;
width:33.3333%;
padding-bottom:10px;}


.shop_box:after {content: "";
display:block;
clear:both}


.ss_box:after {content: "";
				display:block;
				clear:both}
	.ss_box{width:100%x;
	box-sizing: border-box;
	padding:0px auto;
	}
.ss1 {float:left;
text-align:center;
width:240px;
padding:10px 10px 10px 30px;
}
.ss2 {float:left;
text-align:center;
width:240px;
padding:10px 30px 10px 10px;
}
.ss3 {float:left;
box-sizing: border-box;
text-align:center;
width:50%;
padding:0px 5px;
}

.youtube {width:560px;
height:315px;
padding-bottom:20px;
}
.p_left {padding-left:20px;
text-align:left;
max-width:520px}


.menu_box:after {content: "";
				display:block;
				clear:both}
				
.menu1 {float:left;
padding-bottom:5px;
width:269px;
background-color:fff;
text-align:right
}		
.menu2 {float:left;				
padding-bottom:5px;
width:219px;
background-color:fff;
text-align:center
}
.menu3 {float:left;				
padding-bottom:5px;
width:270px;
background-color:fff;
text-align:left
}


.main_box:after {content: "";
				display:block;
				clear:both}
.main1 {float:left;
width:400px;
height:568px}				
.main2 {float:left;
width:353px;
height:568px;			
background-color:#FFF;
padding-left:5px;
}				




.topic {
	background-color: #DDD;
	font-weight: bold;
}

.footer {width:100%;
	box-sizing: border-box;
}

.y_box{width:758}
.y1 {float:left}
.y2 {float:left}
.y3 {float:left}
.y_box:after {content: "";
display:block;
clear:both}

.y_box ul {list-style:none;
padding:0px;
margin:0px}
.y_box li a {display:block;
padding:5px;
color:#666;
text-decoration:none}
.y_box li a:hover {background-color:#ddd}
.y_box ul:after {content: "";
display:block;
clear:both}
.y_box li {float:left;
width:auto}

.list {width:758}
.list ul {list-style:none;
padding:0px;
margin:0px}
.list li a {display:block;
padding:5px;
color:#666;
text-decoration:none}
.list li a:hover {background-color:#ddd}

.link {
	text-align:right}

.forum_box{width:758;
text-align:center}

.update {background-color:#EEE}
.trial {background-color: #EEE}

.dl_box {width:100%;
text-align:left}
.dl_md5 {float:left;
width:60%;
height:auto}
.dl_day {float:left;
width:13%;
height:auto;
text-align:center}
.dl_cap {float:left;
width:13%;
height:auto;
text-align:center}
.dl_link {float:left;
width:14%;
height:auto;
text-align:center}
.dl_notice{width:100%;
text-align:left;
padding:20px 0px 20px 0px}
.dl_box:after {content: "";
display:block;
clear:both}
.dl_link ul {list-style:none;
padding:0px;
margin:0px}
.dl_link li a {display:block;
padding:0px;
color:#666;
text-decoration:none}
.dl_link li a:hover {background-color:#ddd}

.page_top {width:100%;
text-align:center}


.qa_box:after {content: "";
				display:block;
				clear:both}
.qa_box{width:560px;
height:84px;
text-align:left;
}
.qa1 {float:left;
text-align:left;
width:64px;
height:64px;
padding:10px 10px 10px 20px;
}
.qa2 {float:left;
text-align:left;
width:436px;
height:64px;
padding:10px 20px 10px 10px;
}

.qa2 .text{
    display: table-cell;
    width: 436px;
    height: 64px;
    text-align: left;
    vertical-align: middle;
}

.pc_img {display:block}

.chara_box:after {content: "";
				display:block;
				clear:both}
.chara_box{width:100%;
height:auto;
}
.chara1 {float:left;
text-align:left;
width:400px;
}

.table_cell {
	display:table-cell;
	text-align:left;
	vertical-align:top;
}
.table {display:table;}
.size_auto {
	width:auto;
	height:1.5em;}

@media screen and (min-width: 320px) and (max-width: 767px)
{
	#wrap {
		width: 100%;
		padding:0px;
	}
	
	#wrap_p {
		width: 100%;
		padding:0px;
	}
	
	.base {
	padding:0px 5px;
	width:100%;
	margin:0px auto;
	}
	.width_768 { width:100%;}
	.width_560 { width:100%;}

	p.resizeimage {
	   max-width: 757px;
	}
	.spec_box {width:100%;
	box-sizing: border-box;}
	.spec1 {
	width:0%;
	display:none;
	}		
	.spec2 {
	width:100%;
	}
	.shop_box{width:100%;
	padding:0px 0px 0px 10px;
	}
	.shop1 {width:30%;}
	.shop2 {width:40%;}
	.shop3 {width:30%;}

	.ss_box{width:100%x;
	box-sizing: border-box;
	padding:0px auto;
	}
	.ss1 {
	width:100%;
	padding:5px 0px;
	max-width:310px;
	}
	.ss2 {
	width:100%;
	padding:5px 0px;
	max-width:310px;
	}
	.ss3 {
	width:100%;
	padding:5px 0px;
	max-width:310px;
	}
	
	.youtube {width:100%;
	}
	.p_left {padding-left:10px;
	max-width:300px
	}

	.menu1 {width:100%;
	text-align:center
	}		
	.menu2 {width:100%;
	text-align:center
	}
	.menu3 {width:100%;
	text-align:center
	}

	.main1 {width:100%;
	height:auto;			
	padding:0px;
	}

	.main2 {width:100%;
	height:auto;			
	padding:0px;
	}				


	.footer {width:100%}

	.y_box{100%}

	.list {width:100%}

	.forum_box{width:100%;
	}

	.dl_box {width:100%}
	.dl_md5 {width:100%;
	}
	.dl_day {width:33.3333%;
	text-align:left}
	.dl_cap {width:33.3333%;
	text-align:left}
	.dl_link {width:33.3333%;
	text-align:right;
	display:none}
	.dl_notice{width:100%;
	padding:20px 0px 20px 0px}

	.qa_box{width:100%;
	margin:0px 5px;
	}
	.qa1 {
	padding:5px 0px;
	max-width:64px;
	}
	.qa2 {
	width:310px;
	padding:5px 0px;
	max-width:310px;
	}

	.qa2 .text{
	    display: table-cell;
	    width: 310px;
	}
	.pc_img {display:none}

	.chara1 {width:100%;
	}
.position_rel {
	position:relative;}
.pad_footer {
	padding-bottom:200px;}
.pad_footer2 {
	padding-bottom:100px;}
.position_abs {
	position:absolute;
	bottom:0;
	width:100%;
	padding:0 5px;}

}