html {
	position: relative;
	min-height: 100%;
	padding-bottom: 77px;
	box-sizing: border-box;
}
footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 77px;
	background-color: #fff;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", メイリオ, Osaka, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;

	-webkit-text-size-adjust: 100%;

}



#main {
	width: 1300px;
	margin: 0 auto;
	text-align: center;
}

#left_area {
	float: left;
	width: 300px;
	margin: 50px 0 0 20px;
	text-align: left;
}
#side_menu {
	font-size: 19px;
}
#side_menu span {
	font-size: 15px;
}
#side_menu p {
	line-height: 2.5;
}
#side_menu p:before {
	font-family: "FontAwesome";
/*	content: '\f111';*/
	content: '\f144';
	padding: 0 0.5em 0 0;
	color: #f3cd6a;
	font-size: 20px;
}
#side_menu a {
	color: #111;
}
#side_menu a:hover {
	color: #ccc;
}
.side_banner {
	width: 100%;
	margin: 60px auto;
}
.side_banner img {
	padding: 3px;
/*	border: 1px #f33 solid;*/
	border: 1px #ccc solid;
}

.side_banner a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
}
.side_banner a img {
	margin: 15px 10px;
	transition: 0.3s;
}




#main_area {
	float: left;
	width: 920px;
	margin: 10px 0 0 25px;
	text-align: left;
	font-size: 17px;
}
.title_box1, .title_box2, .title_box3 {
	padding: 20px 0 20px 30px;
	text-align: left;
	font-size: 26px;
/*	letter-spacing: 0.2em;*/
	color: #111;
	line-height: 1.2;
}
.title_box1 {
	border-left: solid 8px #f3cd6a;
}
.title_box2, .title_box3 {
	border-left: solid 8px #ff3333;
}
.title_box1 span, .title_box2 span, .title_box3 span {
	margin: 0 0 0 30px;
	font-size: 18px;
}
.title_box1, .title_box3 {
	margin: 90px 0 30px 0;
}
.title_box2 {
	margin: 50px 0 30px 0;
}



.descri, .poster {
	width: 900px;
	padding: 0 0 0 20px;
	text-align: left;
	font-size: 17px;
	line-height: 1.8;
}
.descri p {
	text-indent: 1em;
	color: #111;
}
.descri span.aka {
	font-size: 17px;
	color: red;
	padding: 0 0.5em;
}
.marunashi {
	padding: 0 0 0 7.5em;
}
.descri2 {
	padding: 0 0 0 2.5em;
}
.poster {
	margin: 50px 0 40px 50px;
}


.maru_stop, .maru_dot, .circle_right {
	line-height: 3;
}
.maru_stop:before {
	font-family: "FontAwesome";
	content: '\f28d';
	padding: 0 0.7em 0 0;
	color: #f3cd6a;
	font-size: 20px;
}
.maru_dot:before {
	font-family: "FontAwesome";
	content: '\f192';
	padding: 0 0.7em 0 0;
	color: #ff3333;
	font-size: 20px;
}
.circle_right:before {
	font-family: "FontAwesome";
	content: '\f138';
	padding: 0 0.7em 0 0;
	color: #ff3333;
	font-size: 20px;
}

.maru p:before, .maru2 p:before {
	font-family: "FontAwesome";
	content: '\f111';
	padding: 0 1.5em 0 2.0em;
	color: #000;
	font-size: 10px;
}


.maru2 p {
	padding-left: 2.5em;
	text-indent: -2.5em;
}