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

h2{
	color:#009CFF;
	text-align:center;
	font-weight:bold;
}

/*====================お知らせ*/
#news{
	background:#EEE;
}

/*====================レンタルスペース情報*/
#information table th{
	font-weight:bold;
}

/*====================ご利用までの流れ*/
#flow{
	background:#EEE;
}

/*====================定期利用*/
#regularly{
	background:#EFE9E2;
}


/*mb-----------------------------------------------*/
@media screen and (max-width: 768px){
h2{
	margin-bottom:3%;
	font-size:18px;
}

.main{
	margin-bottom:5%;
}
p.top{
	font-size:26px;
	text-align:center;
	margin-bottom:5%;
	color:#F30;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/*====================ギャラリー*/
#gallery{
}
#gallery img{
	width:30%;
	float:left;
	margin-right:5%;
	margin-bottom:5%;
}
#gallery img.last{
	margin-right:0%;
}

/*====================お知らせ*/
#news{
	margin-top:7%;
	margin-bottom:5%;
	padding-top:5%;
	padding-bottom:5%;
}
#news dt{
}
#news dd{
	border-bottom:1px dotted #AAA;
	padding-bottom:2%;
	margin-bottom:2%;
}

/*====================レンタルスペース情報*/
#information table{
	width:100%;
	margin-bottom:5%;
}
#information table th,
#information table td{
	border-bottom:1px solid #DDD;
	padding-top:2%;
	padding-bottom:2%;
}
#information table th{
	width:20%;
}
iframe{
	width:100%;
}
#calendar{
	margin-top:5%;
	margin-bottom:5%;
}

/*====================ご利用までの流れ*/
#flow{
	padding-top:5%;
	padding-bottom:5%;
	margin-bottom:7%;
}
#flow .block{
	width:290px;
	height:290px;
	border:5px solid #009CFF;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
	position:relative;
}
#flow .block .number{
	width:60px;
	height:60px;
	background:#009CFF;
}
#flow .block .number p{
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	padding-top:5px;
	padding-left:17px;
}
#flow .block img{
	position: absolute;
	top: 23%;
	left: 0;
	right: 0;
	margin: auto;
}
#flow .block img.flow03{
	position: absolute;
	top: 33%;
	left: 0;
	right: 0;
	margin: auto;
}
#flow .block p.txt{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align:center;
}
/*====================利用規約*/
#rule{
	margin-bottom:7%;
}
/*====================定期利用*/
#regularly{
	padding-top:5%;
	padding-bottom:2%;
	margin-bottom:5%;
}
#regularly h2{
	color:#8C6239;
}
#regularly p{
	text-align:center;
	margin-bottom:3%;
}
#regularly img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:3%;
}

/*====================バナー*/
.bnr{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
.bnr img{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:5%;
}
}


/*pc-----------------------------------------------*/
@media screen and (min-width: 769px){
h2{
	margin-bottom:40px;
	font-size:32px;
}

.main{
	margin-bottom:50px;
}
p.top{
	font-size:40px;
	text-align:center;
	margin-bottom:50px;
	font-weight:bold;
	color:#F30;
	font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/*====================ギャラリー*/
#gallery{
	width:990px;
}
#gallery img{
	float:left;
	margin-right:30px;
	margin-bottom:30px;
}

/*====================お知らせ*/
#news{
	margin-top:50px;
	margin-bottom:80px;
	padding-top:80px;
	padding-bottom:70px;
}
#news dt{
	width:150px;
	padding-left:20px;
	float:left;
}
#news dd{
	border-bottom:1px dotted #AAA;
	padding-left:180px;
	padding-bottom:10px;
	margin-bottom:10px;
}

/*====================レンタルスペース情報*/
#information table{
	width:100%;
	margin-bottom:50px;
}
#information table th,
#information table td{
	border-bottom:1px solid #DDD;
	padding-top:10px;
	padding-bottom:10px;
}
#information table th{
	width:200px;
	padding-left:20px;
}
#calendar{
	margin-top:50px;
	margin-bottom:80px;
}

/*====================ご利用までの流れ*/
#flow{
	padding-top:80px;
	padding-bottom:50px;
	margin-bottom:80px;
}
#flow .block{
	width:290px;
	height:290px;
	border:5px solid #009CFF;
	background:#FFF;
	float:left;
	margin-right:30px;
	margin-bottom:30px;
	position:relative;
}
#flow .block:nth-of-type(3n){
	margin-right:0px;
}
#flow .block .number{
	width:60px;
	height:60px;
	background:#009CFF;
}
#flow .block .number p{
	color:#FFF;
	font-size:30px;
	font-weight:bold;
	padding-top:5px;
	padding-left:17px;
}
#flow .block img{
	position: absolute;
	top: 23%;
	left: 0;
	right: 0;
	margin: auto;
}
#flow .block img.flow03{
	position: absolute;
	top: 33%;
	left: 0;
	right: 0;
	margin: auto;
}
#flow .block p.txt{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	text-align:center;
}
/*====================利用規約*/
#rule{
	margin-bottom:80px;
}
/*====================定期利用*/
#regularly{
	padding-top:80px;
	padding-bottom:80px;
	margin-bottom:50px;
}
#regularly h2{
	color:#8C6239;
}
#regularly p{
	text-align:center;
	margin-bottom:30px;
}
#regularly img{
	float:left;
}
#regularly img:first-of-type{
	margin-right:20px;
}

/*====================バナー*/
.bnr{
	width:960px;
	margin-left:auto;
	margin-right:auto;
}
.bnr img{
	float:left;
	margin-bottom:50px;
}
.bnr img.honbu{
	margin-right:20px;
}
}