@charset "utf-8";

/* CSS Document */

/*--------------------------------------
　コーディング基準
---------------------------------------

■Not use "reset.css" → "normalize.css"
　HTML5対応、各デバイスへの対応を視野に、normalize.cssをモジュール的に組み込むことを推奨します。

■Rule of Wordpress & Get ready CMS
　Wordpressとの親和性を高めるため、基本的にWordpressのコーディング基準に沿います。

■Naming Rule
　CamelCaseでの記述は行いません。
　親要素など大きなまとまりには複数単語のハイフン区切りを。
　その他のclass,id名は、snakecaseでアンダースコア区切りで記述します。
*/


/*--------------------------------------
　base style
---------------------------------------*/

body{	
color:#000000;
font-size:14px;
min-width: 960px;
min-height: 540px;
margin:0px auto;
height:100%;
position:relative;
font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.6;
text-align: center;
	background-image:url(../img/all-back.gif);
}

body > #primary {
height: auto;
}


img{
border:0;
vertical-align: bottom;
    max-width:100%;
    height:auto;

}

a img{
border:0;
vertical-align: bottom;
    max-width:100%;
    height:auto;

}

/*--------------------------------------
　Expression
---------------------------------------*/

.clear { clear:both; }
.under { margin-bottom:20px; }
.right { float:right;}
.left { float:left;}

.ro img:hover,.ro:hover {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}


/*--------------------------------------
　Primary
---------------------------------------*/

#primary {
width:auto;
height:auto;
text-align: center;
}

article {
	text-align: center;
	margin-top:-800px;
	margin-left:61%;
    width:300px;
    height:auto;

}

/*--------------------------------------
　header
---------------------------------------*/

header {
}


/*--------------------------------------
　Additional
---------------------------------------*/

/* HOME */

.index {
	position:relative;
	text-align:center;
	overflow: hidden;
	height:auto;
	margin-left:auto;
	margin-left:auto;
	width:100%;
	height:100%;
	background-image: url(../img/indexback.jpg);
	background-size: contain;
	background-repeat:no-repeat;
	display: table;
}
.char img {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:100%;
	min-height:100%;
}

.ayame {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:960px;
	min-height:540px;
	height:100%;
	width:auto;
	background-image: url(../img/ayameback.png);
	background-size: contain;
	background-repeat:no-repeat;
}
.yuki {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:960px;
	min-height:540px;
	height:100%;
	width:auto;
	background-image: url(../img/yukiback.png);
	background-size: contain;
	background-repeat:no-repeat;
}

.mahiru {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:960px;
	min-height:540px;
	height:100%;
	width:auto;
	background-image: url(../img/mahiruback.png);
	background-size: contain;
	background-repeat:no-repeat;
}

.passform {
	position:absolute;
	margin-top:-33%;
	margin-left:56.6%;
	text-align:center;
	width:20%;
	height:auto;

}

input[type="submit"]{
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: auto;
    display: block;
    background: -moz-linear-gradient(top,#ffe7fe 0%,#fa73ff);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffe7fe), to(#fa73ff));
    border: 10px solid #DDD;
    color:#FFF;
    width: 95%;
    padding: 10px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    	width:100%;
	height:auto;
	}


input[type="submit"]hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.window {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:640px;
	min-height:360px;
	height:100%;
	background-image: url(../img/dlback.jpg);
	background-size: contain;
	background-repeat:no-repeat;
}
.window img {
	position:relative;
	text-align:center;
	overflow: hidden;
}
.download {
	position:relative;
	text-align:center;
	margin-top:-9%;
}

.download a img{
	max-width:124px;
	position:relative;
	text-align:center;
	margin-top:0%;
	height:100%;
}

.miss {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:640px;
	min-height:360px;
	height:100%;
	background-image: url(../img/miss-back.png);
	background-size: contain;
	background-repeat:no-repeat;
}
.window img {
	position:relative;
	text-align:center;
	overflow: hidden;
}

.back {
	position:relative;
	text-align:center;
	margin-top:-30%;
	
}


.yukiicon{
	height:1080px;
	width:1004px;	
	margin-top:-1080px;
	display: table-cell;
	position:absolute;
	}
	
.ayameicon{
	height:1080px;
	width:1004px;	
	margin-left:453px;
	margin-top:-1080px;
	display: table-cell;
	position:absolute;
	z-index:1000;
	}
.mahiruicon{
	height:1080px;
	width:1004px;	
	margin-top:-1080px;
	display: table-cell;
	position:absolute;
	}

.ayamedownload {
	position:relative;
	text-align:center;
	margin-top:-9%;
}

.ayamedownload a img{
	max-width:124px;
	position:relative;
	text-align:center;
	margin-top:0%;
	height:100%;
}

.yukidownload {
	position:relative;
	text-align:center;
	margin-top:-9%;
}

.yukidownload a img{
	max-width:124px;
	position:relative;
	text-align:center;
	margin-top:0%;
	height:100%;
}

.mahirudownload {
	position:relative;
	text-align:center;
	margin-top:-9%;
}

.mahirudownload a img{
	max-width:124px;
	position:relative;
	text-align:center;
	margin-top:0%;
	height:100%;
}

.ayamadownloadwindow {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:640px;
	min-height:360px;
	height:100%;
	background-image: url(../img/ayameokback.png);
	background-size: contain;
	background-repeat:no-repeat;
}
.ayamedownloadwindow img {
	position:relative;
	text-align:center;
	overflow: hidden;
	}

.yukidownloadwindow {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:640px;
	min-height:360px;
	height:100%;
	background-image: url(../img/yukiokback.png);
	background-size: contain;
	background-repeat:no-repeat;
}
.yukidownloadwindow img {
	position:relative;
	text-align:center;
	overflow: hidden;
}

.mahirudownloadwindow {
	position:relative;
	text-align:center;
	overflow: hidden;
	min-width:640px;
	min-height:360px;
	height:100%;
	background-image: url(../img/mahiruokback.png);
	background-size: contain;
	background-repeat:no-repeat;
}
.mahirudownloadwindow img {
	position:relative;
	text-align:center;
	overflow: hidden;
}

/*――――ブラウザ全体――――*/
#allwindow{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}

/*――――メイン表示ウィンドウ――――*/
#mainwindow{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	height:auto;
	text-align:left;

	background-color: rgba(255,255,255,0.8);
	position:relative;
	padding:20px;
	padding-bottom:50px;

	font-size:14px;
	font-weight: bold;
	color:#7d560c;
}

#mainwindow img{

}

#mainwindow > *{

	vertical-align:top;
}