/* CSS Document */
body{
	background: url(../img/back.jpg) top left repeat-x #fedae4;
	font-size: 12px;
	margin: 0px;
	text-align: center;
	}

#container{
	margin-right: auto;
	margin-left: auto;
	width: 800px;
	}	
	
img {
	border: none;
	}
	
h1,h2{
color:#333333;
font-size:12px;
text-align:center;
font-weight:normal;
line-height:1.5em;
}
/* �����N�̐ݒ� */
a:link{
color:#09F;
text-decoration:none;
}
a:visited{
color:#09F;
text-decoration:none;
}
a:active{
color:#09F;
text-decoration:none;
}
a:hover{
color:#09F;
text-decoration:underline;
}
#h1_head{
	padding : 0;
 	margin : 0;
	background: url(../img/01.jpg) no-repeat;
	width: 800px;
	height: 50px;
	}
#h1_text{
	margin : 0;
	text-align: left;
	height: 50px;
	padding-top: 12px;
	padding-left: 30px;
	padding-right: 0;
	padding-bottom: 0;
	}
#enter{
	padding : 0;
 	margin : 0;
	width: 800px;
	heigt: 60px;
	}
#enter_img{
	padding : 0;
 	margin : 0;
	width: 370px;
	height: 60px;
	float: left;
	}
#enter_text{
 	margin : 0;
	width: 430px;
	height: 60px;
	background: url(../img/18_03.jpg) no-repeat;
	float: left;
	}
#enter_18_01{
	width: 230px;
	height: 60px;
	float: left;
	}
#enter_18_02{
	width: 160px;
	height: 60px;
	padding-top: 45px;
	float: left;
	}
#menu{
	width: 800px;
	height: 100px;
	}
.footer{
	width: 800px;
	text-align:center;
	line-height:50px;
	}
.index_footer{
	line-height:1.5em;
}



#mobile{
text-align:left;
line-height:150%;
background-image:url(../img/mobile_site_s.gif);
background-repeat:no-repeat;
display:block;
width:600px;
height:110px;
margin:0px auto;
padding-bottom:30px;
}
#mobile #m_coment{
display:block;
color:#333333;
padding:0 0 0 140px;
}
.concept3{
width:800px;
height:auto;
margin:10px auto;
background-color:#FFFFFF;
}

.concept3 p{
width:792px;
background-color:#FCA5DB;
border:1px dashed #0099FF;
padding:3px;
color:#FFFFFF;
font-size:13px;
margin:0;
}

.concept3 .con_t{
width:792px;
margin:0 auto;
padding:0 3px;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
font-size:16px;
line-height:1.5em;
text-align:center;
}

#enter_sp{
	display:none;
}

#over_lay{
	position:fixed;
	top:0;
	left:0;
	z-index:10000000;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	display:none;
}

#modal{
	background-color:#ffffff;
	padding:2em;
	margin:4em auto 0 auto;
	line-height:1.7;
	width:95%;
	box-sizing:border-box;
}

#modal_buttons{
	text-align:right;
	padding-top:2em;
}

#modal_ok,
#modal_ng{
	display:inline-block;
	border-color:#cdcdcd;
	border-width:1px;
	border-style:solid;
	border-radius:4px;
	width:6.7em;
	text-align:center;
	padding:0.5em 0;
	margin:0;
	cursor:pointer;
}

#modal_ok{
	background-color:#f880a4;
	color:#ffffff;
	margin-right:0.5em;
}

#modal_ok:hover{
	text-decoration:none;
}

#modal_ng{
	color:#f880a4;
}

@media (min-width: 600px) {
	#over_lay{
		display:none !important;
	}
}

@media (max-width: 599px) {
	#container{
		width:auto;
		padding:0 1em;
		box-sizing:border-box;
	}
	
	#enter{
		width:auto;
	}
	
	.concept3{
		width:auto;
	}
	
	.concept3 .con_t{
		width:auto;
		font-size:110%;
		padding:1em;
	}
	
	.concept3 p{
		width:auto;
	}
	
	.footer{
		width:auto;
	}
	
	#logo img{
		width:100%;
	}
	
	#mobile{
		width:auto;
		height:auto;
		padding-bottom:0;
	}
	
	#mobile #m_coment{
		padding:0 0 0 120px;
	}
	
	.banners{
		width:100%;
	}
	
	#enter_img a img{
		width:100%;
	}
	
	#enter_img,
	#enter_text{
		display:none;
	}
	
	#enter_sp{
		display:block;
		margin-top:1.5em;
	}
	
	#enter_sp a{
		display:table;
		margin:0 auto;
	}
	
	#enter_sp a:nth-of-type(1){
		color:#ff6dc2;
		font-size:160%;
		font-weight:bold;
		margin-bottom:0.5em;
	}
	
	#enter_sp p{
		font-size:80%;
		line-height:1.7;
	}
}