/************************************************
基礎タグ定義
*************************************************/
html{
	height:100%;

}

body{
	font-family: "メイリオ",sans-serif;
	margin: 0px;
	padding: 0px;
	color: #444;
	padding-left:5px;
	padding-right:5px;
	line-height:200%;

	height:100%;
}
a{
	text-decoration: none;
	color: #87bd43;
}
a:hover{
	text-decoration: none;
	color: #f4a45f;
}
img{
	margin:0px;
	padding 0px;
}
h1{
	padding: 0px;
	margin: 0px;
	/*color: #87bd43;*/
	color: #aace64;
}
h2, h3, h4{
	padding: 0px;
	margin: 0px;
	color: #87bd43;
	/*color: #aace64;*/
	font-weight:normal;
}
strong{
	font-weight: normal;
	color: #f4a45f;
	font-size:120%;
	margin-left:5px;
	margin-right:5px;
}

ul{
	margin:0px;
	padding: 0px;
	list-style-type:none;

}

/************************************************
フレーム定義
*************************************************/
div#header{
	max-width:800px;
	margin-bottom:40px;
	padding-top:20px;
}
div#footer{
	max-width:800px;
	margin-top: 20px;
	margin-bottom:20px;
	text-align: center;
	color:#999;
}
div#footer_menu{
	max-width:800px;
	margin-top:50px;
	border-top: dotted 1px #87bd43;
	border-bottom: dotted 1px #87bd43;
	color:#87bd43;
}
div#main{
	max-width:800px;
	margin: 0px auto;
	/*background-color: #cccccc;*/
}
div#content{
	/*margin-left:92px;*/
	max-width:800px;
	background-color: #ffffff;
}

/************************************************
ヘッダーメニュー定義
*************************************************/
ul#header_menu{
	/*display: inline;*/
	border-top: dotted 1px #87bd43;
	border-bottom: dotted 1px #87bd43;
	margin:40px 0px 0px 0px;
	padding:0px;
	/*width:100%;*/
	list-style-type: none;
	text-align: center;
}
ul#header_menu li{
	/*display:block;*/
	display:inline;
	/*float:left;*/
	box-sizing:border-box;
	/*border-top: dotted 1px #87bd43;*/
	margin-top: 2px;
}
ul#header_menu a{
	text-decoration:none;
	/*display:block;*/
}
/*
ul#header_menu li+li{
	display:block;
	display:inline;
	box-sizing:border-box;
	border-top: dotted 1px #87bd43;
	border-bottom: dotted 1px #87bd43;
	margin-top: 2px;
	float:left;
}
*/

/************************************************
購入メニュー定義
*************************************************/
#quick-menu {
	/*position: relative;*/
	position: absolute;
	right: 0px;
	top: 0px;
	text-align: right;
}
#purchase{
	max-width:100%;
}
#purchase a{
	color: #fff;
}
#purchase_menu{
	display:none;
}
#purchase_mobile{
	display:none;
}

/************************************************
ページトップ移動定義
*************************************************/
#page_top {
	position: fixed;
	/*color: #fff;*/
	bottom: 10px;
	/*background-color: #87bd43;*/
	/*padding:10px;*/
	display : block;
	/*
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	*/
}

/************************************************
共通定義
*************************************************/
.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.content-inner{
	margin-left: 50px;
}

.content-block{
	margin-bottom:50px;
	margin-top: 50px;
}
.wan_name{
	font-size:120%;
	font-weight: bold;
	/*color: #f4a45f;*/
	border-bottom:solid 1px #aaaaaa;
}
.cell-block{
	display:table-cell;
	vertical-align:top;
}
	.mobile_disp{
		display:none;
	}


/************************************************
スマートフォン用定義
*************************************************/
@media screen and (max-width: 768px){
	div#footer{
		margin-bottom: 100px;

	}
	#purchese_button{
		display: none;
	}
	#purchase_mobile{
		display: block;
	}
	.content-inner{
		margin-left: 0px;
	}
	.content-block{
		margin-bottom:50px;
	}
	.pic_wan{
		display: block;
		float: none;
	}
	.cell-block{
		display:block;
	}
	.mobile_disp{
		display:block;
	}

}