@charset "utf-8";
/*　全体の指定　*/
body{
	color:#666666;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-family: 'Fenix', serif;
	font-size:12px;
	width:960px;
	margin:0 auto;
	padding:0;
	border:solid 1px #ccc;
	background:rgba(160,255,226,0.05);
}

#wrap{
	position:relative;
	width:960px;
	height:300px;
}

#wrapper{
	background:#FFF;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
	color:rgba(0,0,0,1);
}

h1{
	font-size:24px;
	font-weight:normal;
}


/*　グローバルナビ　*/

#global_nav{
	width:960px;
	height:30px;
	text-shadow:#FFF 0px 0px 8px;
	position:absolute;
	font-size:18px;
	top:510px;
	background:url(../images/test.png) no-repeat;
}

#global_nav ul li{
	float:left;
	line-height:20px;
	width:120px;
	margin-top:-10px;
	text-align:center;
	font-family: 'Fenix', serif;
}

/*　トップページ以外のグローバルナビ指定　*/
#global_nav_sub{
	clear:both;
	width:960px;
	height:30px;
	font-size:18px;
	background:url(../images/nav.png) no-repeat;
}

#global_nav_sub ul li{
	float:left;
	border-bottom:solid 1px #ccc;
	line-height:20px;
	margin-left:15px;
	width:110px;
	margin-top:5px;
	text-align:center;
	font-family: 'Fenix', serif;
}

/*　キ―ビジュアル用　*/
#key_visial li a:hover{
	color:rgba(255,255,255,1);
	transition:0.5s;
	text-shadow:1px 1px 3px #999;
}

#key_visial{
	position:absolute;
		width:960px;
	height:540px;
	opacity:0;
	background:url(../images/Key_Visual_wb.jpg) no-repeat;
}

#logo{
	opacity:0;
}


#key_visial li{
	list-style-type:none;
	font-size:20px;
	text-indent:20px;
	line-height:25px;
	width:220px;
	height:25px;
	background-color:rgba(220,220,220,0.6);
	color:#000000;
	margin-top:-25px;
	opacity:0;
	font-family: 'Cantata One', serif;
}

#main_manu{
	position:absolute;
	top:0px;
	left:17px;
}

/*　ヘッダ指定　*/

#header{
	height:570px;
	font-size:24px;
}

/*　トップページ以外のヘッダ指定　*/
.subpage_header{
	padding:10px 0;
	text-align:right;
	margin-right:10px;
	margin-top:0;
	position:relative;
	
}

.subpage_header span{
	display:block;
	position:absolute;
	font-size:36px;
	left:45px;
	top:35px;
}

/*　コンテンツ　*/

.main_contents_title{
	clear:both;
	margin-top:60px;
}

.main_contents_title p{
margin-left:70px;
}

.subcontents_title{
	border-left:4px solid #099;
	margin-left:45px;
	text-indent:5px;
	
	
}

.content_box{
	width:638px;
	height:300px;
	float:left;
	border:dotted 1px #000000;
}

.main_content{
	margin-top:10px;
}
.main_content h2{
	text-indent:70px;
}

/*　TOP　*/

h2 img{
	margin-left:45px;
}

.news{			/*　ニュース　*/
	margin:-15px 42px 0 70px;
	position:relative;
}

.news span{
	text-decoration:underline;
}
/*　ニュースリストここから　*/
.list dt{
	width:80px;
	font-size:12px;
	line-height:2.5;
	text-indent:7px;
	background:url(../images/arrow.gif) 3% 50% no-repeat;
	text-decoration:underline;
	float:left;
}
.list dd{
		width:400px;
		font-size:12px;
		line-height:2.5;
		padding-bottom:5px;
}
.news dl{
	border-bottom:dotted 1px #cccccc;
	width:450px;
}

.list_l{
	margin:10px 0 200px 0;
	border:none;
}

.news img{
	border:solid 1px #ccc;
	box-shadow:0px 0px 4px #aaa;
	margin-top:-5px;
}

/*　ニュースリストここまで　*/

/*　プレリュード設定　*/

.news .prelude{
	left:528px;
	top:-10px;
	position:absolute;
}

.prelude p{
	position:absolute;
	color:#FFFFFF;
	top:201px;
	font-size:10px;
	line-height:1.7;
	left:0px;
	width:215px;
	height:50px;
	background:rgba(0,0,0,0.7);
}

/*　ダウンロード情報　*/
.download{
	line-height:220%;
	font-size:14px;
	margin-bottom:-25px;
}

.download span{
	text-decoration:underline;
}
/*　頒布告知ここから　*/
.mediainfo{
	padding-bottom:5px;
}
.mediainfo dt{
	float:left;
	width:400px;
	text-indent:35px;
	background:#fff;
}

.mediainfo dd{
	display:block;
	margin-left:400px;
	width:400px;
	background:#fff;
	padding-left:5px;
}

.media_box {
	width:800px;
	background:#cdf3e6;
	padding:5px;
    	position: relative;
    	-webkit-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    	-moz-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    	box-shadow: 1px 2px 4px rgba(50,50,50,.5);
    	background: #fff;
    	margin:5px auto;
    	position:relative;
    	border:1px solid #fff;
}

.media_box:after {
    content: '';
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    border:1px solid #ddd;
}

.dist{
	margin-left:50px;
	width:840px;
}

.dist h2{
	margin-left:25px;
}
.dist h3{
	margin-top:20px;
	font-size:17px;
	margin-left:25px;
	border-bottom:solid 1px #000;
}
.dist p{
	font-size:16px;
		line-height:140%;
}

.dist p span{
	display:block;
	margin-top:-2px;
	font-size:12px;
	margin-bottom:50px;
}

.buy{
	text-decoration:underline;
	font-size:16px;
}

.buy ul{
	margin-left:30px;
}
.buy li{
	width:330px;
}



/*　頒布告知ここまで　*/
/*　TOPここまで　*/
/*　STAFF　*/
/*　デザイン設定　*/
.staff{
	width:900px;
	height:510px;
	background:rgba(255,255,255,0.33);
	box-shadow:rgba(102,102,102,1) 0px 1px 5px;
	margin:auto;
	padding-bottom:20px;
	border:solid 1px #ddd;
}
.staff p{
	margin-left:45px;
}

.staffboxr{
	float:right;
	margin-right:320px;
	margin-top:10px;
}

.staffboxl{
	float:left;
	margin-top:10px;
}


/*　STAFFリンク　*/
.staff p a{
	font-size:10px;
}

/*　STAFFここまで　*/

/*　STORY　*/
/*　デザイン設定　*/

.story{
	width:900px;
	margin: auto;
	font-size:14px;
	border:solid 1px #ddd;
	background:rgba(255,255,255,0.33);
	box-shadow:rgba(102,102,102,1) 0px 1px 5px;
}
.story p{
	margin:auto;
	margin-top:20px;
	padding-bottom:25px;
	width:800px;
	line-height:215%;
}
/*　STORYここまで　*/

/*　サブページ背景設定　*/
#sub_bg{
	background:url(../images/Key_Visual_wbbg.jpg) no-repeat;
	height:540px;
}

#sub_bg02{
	background:url(../images/bg.png) no-repeat;
	height:665px;
}

/*　フッタ指定　*/
footer{
	clear:both;
	height:65px;
	background-color:#cdf3e6;
	margin-top:30px;
	padding:10px;
	text-align:right;
	position:relative;
}
footer  .twitter{
	position:absolute;
	width:120px;
	top:-3px;
	left:20px;
}

.twitter_caption{
	font-size:12px;
	color:#000000;
	text-align:left;
	text-decoration:underline;
}
.copyright{
	margin-top:50px;
}

/* CSS Document */