@charset "utf-8";
/* CSS Document */

#header{
	background:url(../images/header_bg.jpg);
	text-align:center
}

h1{
	width:897px;
	margin:0 auto;
	display: block;
}


#price{
	margin:0 auto 20px auto;
	display: block
}

#flow{
	border-bottom:30px solid #F00;
	box-shadow:rgba(186, 186, 186, 0.972549) 0px 10px 10px -8px;
	-webkit-box-shadow:rgba(186, 186, 186, 0.972549) 0px 10px 10px -8px;
	-moz-box-shadow:rgba(186, 186, 186, 0.972549) 0px 10px 10px -8px;
}


#flow h2{  color:#FFFFFF; background:#FF0000; height:24px; font-size:24px; text-align:center; padding:10px;}


#flow_inner{ width:1060px;}


#flow_inner div{
	float:left;
	width:29%;
	margin: 10px 2%;
	float: left;
	padding: 15px 0;
	background-position:30px left ;
}

#flow_inner div h3{
	color:#ffa500;
	font-size: 20px;
	margin-bottom: 5px;
}
#flow_inner div p{
	font-size:16px;
}

#flow_inner div strong{ color:#F00}

#box1{ background:url(../images/1.png) no-repeat }
#box2{ background:url(../images/2.png) no-repeat }
#box3{ background:url(../images/3.png) no-repeat }

#support{
	text-align:center;
	margin:10px;
	font-size: 26px;
}

#kouka{
	display: block;
	width:1130px;
	margin:0 auto
}

#sp_area{
	clear:both;
	background:url(../images/sp_bg.jpg);
	margin:30px 0;
	height:280px;
	width: 100%;
}


#img_left{
	float:left;
	margin-right: 5px;
}

#sp_area div{
	width:1000px;
	margin: 0 auto;
	padding-top:10px;
}

#sp_area div h2{
	margin-top:5px;
}

#sp_area div h3{
	color:#FFFFFF;
	font-size:26px;
	margin:9px 0
}

#sp_area div p{
	color:#FFFFFF
}

#omakase{
	margin-left:-4px;
	margin-top:5px;
}


#plan{
	width:1000px;
	margin-top: 10px;
}


#plan h2{
	margin:50px 0 20px 0;
	font-size:26px;
}



table{ margin:0 auto;}

th{
	background:#e8e8e8;
	padding:20px;
}

td{
	padding:20px;
	border: 1px solid #e8e8e8;
}

ul{
	margin-left:130px;
	margin-top:10px;
}


#renew{
	text-align:center;
	color:#F00;
	font-size: 37px;
	margin:50px 20px;
	font-weight: 900;
}

#live{  background-color:#fbe1e5}

#live div{  width:1000px ; margin:0 auto; padding:10px;}

#live img{
	float:left;
	margin-bottom: 10px;
}


#live h2{
	margin:10px;
	font-size: 23px;
	color: #e60a37;
}


#live p{font-size:16px; line-height: 1.7;}


#footer{
	border:1px solid #333;
	width: 610px;
	margin: 20px auto;
	padding: 10px;
}

#logo{
	width:250px;
	margin: 0;
	float: left;
	line-height: 1.2;
}

#adress{
	margin: 0;
	float: left;
	text-align:right;
	width: 360px;
}
#tel{
	color:#FF0000;
	font-size:21px;
	font-weight:600
}

#thum_box{
	width:897px;
	margin-top:25px;
	margin-bottom:30px;
}
#thum_box h2{
	text-align:center;
	margin-bottom:20px;
	background-color:#0081CC;
	padding:8px;
	color:#FFF;
	font-size:22px;
	letter-spacing: 2px;
	display: block;
}

.thum{
	float:left;
	width: 50%;
	text-align: center;
	padding-bottom: 10px;
}

.thum p{ font-size:15px;}

.thum img{
	margin-bottom:10px;
	border:1px solid #DDD;
	padding:1px;
	width:320px;
}


/* 幅1000x以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
	

#header h1{ width:100%; padding-left:0; padding-right:0;}

#header h1 img{ width:100%; padding-left:0; padding-right:0;}

#price{ width:100%; padding-left:0; padding-right:0;}	
	
#flow_inner{ width:100%; padding-left:0; padding-right:0;}

#kouka{ width:100%; padding-left:0; padding-right:0;}

#kouka img{ width:100%; padding-left:0; padding-right:0;}

#plan{ width:100%; padding-left:0; padding-right:0;}

#live div{width:100%; padding-left:0; padding-right:0;}

#sp_area{ height:auto; background-image:none; background-color:#0081cc}

#sp_area div{width:100%; padding-left:0; padding-right:0;
}

#thum_box{width:100%}

.thum img{width:90%}


}