@charset "utf-8";
/* CSS Document */
@import "reset.css";

html{
	background-color:#f5f4f2;
}

body{
	line-height: 1.5;
	color:#848077;
   text-align: center;
	margin:0;
	_overflow:hidden;
	padding:0;
}

a{
	color:#848077;
	text-decoration:none;
}
	#mc a{
		text-decoration:underline;
	}
	#footer a:hover{
		 filter: alpha(opacity=50);
		-moz-opacity:0.50;
		opacity:0.50;
	}
#wallpaper{ 
	position:relative; 
	text-align: left;  
	width: 1000px;  
	margin: 0 auto;  
}

#fb-root{
	height:0;
	overflow:hidden;
}

/*		#header 
------------------------------------------------------------------*/
h1 a{
	position: absolute;
	height: 0;
	overflow: hidden;
}
.applink {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #d6d5d2;
    margin: 0 auto;
}
	.applink ul li {
		float: left;  
		width: 135px;  
	}
	.appstore {
		margin-right: 10px;
	}
	.applink ul{
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #d6d5d2;
		padding:10px 0;
	}
	.applink ul li a{
		height:0;
		overflow:hidden;
		display:block;
	}

/*		#mc 
------------------------------------------------------------------*/
#index #mc{
	left:0;
	padding:0 0 0 40px;
	display:none;
}
	#mc .swiper-slide .inner{
		_position:fixed;
		margin-left:320px;
		margin-top: -200px;
		position:absolute;
		top: 50%;
	}
	#mc .swiper-slide h3{
		width:281px;
		height:0;
		overflow:hidden;
		display:block;
		vertical-align:middle;
	}
	#mc .swiper-slide p.txt{
		font-size:16px;
		line-height:2.0;
		vertical-align:middle;
		width:280px;
	}
	
	#b00{
		width:50%;
		position:absolute;
		background-repeat:no-repeat;
		background-position:center center;
		-moz-background-size:auto;
		background-size:auto;
		overflow:hidden;
		
	}
	#b01 h3{
		background:url("../images/txt_p01.png") no-repeat scroll 0 bottom;
		padding-top:200px;
	}
	#b02 h3{
		background:url("../images/txt_p02.png") no-repeat scroll 0 bottom;
		padding-top:200px;
	}


	#mc  p.txt{
		margin-top:30px;
	}
	
	#page #mc p{
		margin:1.2em 0;
	}
	#page #mc h3{
		font-size:182%;
		font-weight:bold;
		color:#848077;
		border-bottom: 1px solid #d6d5d2;
		padding-bottom:20px;
	}
	#page #mc h4{
		font-size:152%;
		font-weight:bold;
		color:#918c81;
		padding-top:20px;
		border-bottom: 1px solid #d6d5d2;
	}
	#page #mc h5{
		font-size:107%;
		font-weight:bold;
		color:#848077;
		margin:40px 0 .5em;
	}
	#page #mc h3 + p,
	#page #mc h3 + h4,
	#page #mc h4 + div{
		border-top: 1px solid #FFF;
		padding-top:1.4em;
	}
	#page #mc h3 + p,
	#page #mc h5 + p{
		margin:0;
	}
	#mc dl{
		margin:5px 0;
	}
	#mc dt{
		width:3em;
		float:left;
		margin-bottom:5px;
	}
	#mc dd{
		margin-left:3em;
		margin-bottom:5px;
	}
	#mc ol,#mc ul{
		margin-left:24px;
		margin-top:5px;
	}
	#mc ol li{
		list-style-type:decimal;
		margin-bottom:0.8em;
	}	
	#mc ul li{
		list-style-type:disc;
		margin-bottom:0.8em;
	}		
	#mc ul.ualpha li{
		list-style-type:upper-alpha;
	}

	#mc p:last-child{
		padding-bottom:30px;
	}
	
	iframe#form { 
		border-top: 1px solid #FFF;
		border-right: 0 none;
		border-left: 0 none;
		border-bottom: 0 none;
		
		height: 1300px;
		width: 100%;
	}
	:root body iframe#form { height:1000px \0/;}
	@media screen and (-webkit-min-device-pixel-ratio : 0 ) {
		iframe#form {height:1100px;}
	}

/*		.swiper-container
------------------------------------------------------------------*/
.swiper-slide{ width:100%; }
	.pagination {
		/*padding: 5px 0 0;*/
		width:10px;
		margin-top: 500px;
		z-index: 10;
	}
	.swiper-pagination-switch {
		display: inline-block;
		cursor: pointer;
		background-repeat:no-repeat;
	}
	.swiper-active-switch {
		background-repeat:no-repeat;
	}
	
/*		#footer 
------------------------------------------------------------------*/
	.socialbox li{ 
		display:inline-block;
		margin-left:20px; 
		vertical-align: text-top;
		width:100px;
	}
/*	.copyright{
		overflow: hidden;
		display: block;
		height: 0;
	}	
*/
/*		banner_movie
------------------------------------------------------------------*/
	#tip-title{
		color: #fff;
		margin-top: 5px;
		text-align: right;
	}
	
/*		#other
------------------------------------------------------------------*/
#other #header{
	top: 40%;
	left: 50%;
	margin-left: -220px;
}
	#other #header h2 a{
		padding: 62px 0 0;
	}	
	#other #header .block{
		text-align:center;
		margin:50px 0;
		font-weight:bold;
		font-size:14px;
	}
	#other #footer{
		top: 40%;
		left: 50%;
		margin-left: -220px;
		margin-top: 200px;
		width:380px;
		text-align:center;
		font-size:92%;
	}
	
	#other.notice #header h2 a{
		padding: 75px 0 0;
	}
	#other.notice #footer{
		margin-top: 250px;
	}
	
/*#wallpaper{ display: none; }*/