@charset "Shift_JIS";
/* Reset
------------------------------------------------------------------------------------------------------------*/

#mn img {
	border: 0 none;
}
#mn div, #mn p, #mn li, #mn h1, #mn h2, #mn h3, #mn span {
	margin: 0;
	padding: 0;
}
#mn ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mn img {
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	font-size: 0px;
	line-height: 0;
	margin: 0;
}
#mn a img, #mn a:link img, #mn a:visited img {
	border-style: none;
}
#mn p {
	clear: none;
	margin: 0;
	padding: 0;
}
#mn a {
	outline: none;
	color: #333333;
	text-decoration: none;
}
#mn a:hover {
	text-decoration: none;
}
#mn .btn {
	height:auto !important;
	width:auto !important;
}
html {
	background: #ffffff;
}
#mn .pb80 {
	padding-bottom: 80px!important;
}
#mn .btm5 {
	margin-bottom: 5px!important;
}
#mn .btm10 {
	margin-bottom: 10px!important;
}
#mn .btm15 {
	margin-bottom: 15px!important;
}
#mn .btm20 {
	margin-bottom: 20px!important;
}
#mn .btm25 {
	margin-bottom: 25px!important;
}
#mn .btm30 {
	margin-bottom: 30px!important;
}
#mn .btm35 {
	margin-bottom: 35px!important;
}
#mn .btm40 {
	margin-bottom: 40px!important;
}
#mn .btm45 {
	margin-bottom: 45px!important;
}
#mn .btm50 {
	margin-bottom: 50px!important;
}

.clearfix:after {
	clear: both;
	content: ".sdfasdf";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
}
* html .clearfix {
	height: 1%;
}
/* Layout - base
------------------------------------------------------------------------------------------------------------*/

#mn {
	width: 100%;
	color: #323232;
	text-align: left;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0.1em;
	_overflow: hidden;
	font-family: Arial, Roboto, �gDroid Sans�h, �g���S�V�b�N�h, YuGothic, �g�q���M�m�p�S ProN W3��, �gHiragino Kaku Gothic ProN�h, �g���C���I�h, Meiryo, sans-serif;
	background:#FFF5F9;
}
/* ttl
------------------------------------------------------------------------------------------------------------*/

#mn .innerWrap {
	width: 980px;
	margin:0 auto;
}
#mn #ttl {
	width: 100%;
	padding: 0 0 0;
}
#mn #ttl .inner {
	width: 980px;
	margin: 0 auto;
	padding:40px 0;
	text-align:center;
}
#mn #ttl h1 {
	margin-bottom:40px;
}
#mn #ttl p {
	margin-bottom:40px;
}
/* introduction
------------------------------------------------------------------------------------------------------------*/

#mn #mainContents {
	width: 100%;
	padding: 20px 0 20px 0;
	text-align:center;
}
#mn #mainContents h2 {
	width: 100%;
	text-align:center;
	padding:20px 0;
	margin: 0 auto 30px;
	background-color:#FF5787;
}
#mn #mainContents h2 img {
	width: 100%;
}

#mn #mainContents #prof {
	margin: 0 auto 60px;
}

#mn #mainContents #prof ul {
	width:99%;
	margin:0 0 0 0;
	margin-left:1.3%;
}
#mn #mainContents #prof ul:after {
	clear: both;
	content: ".sdfasdf";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#mn #mainContents #prof ul li {
	float:left;
	width:31%;
	margin:0 1% 5%;
}
#mn #mainContents #elect h2 {
	margin:0 0 5%;
}
#mn #mainContents #elect .copy {
	margin:0 0 5%;
}
#mn #mainContents #elect .btn {
	margin:0 0 5%;
}
	
	
/* a:hover------------------------------- */

#mn #mainContents a:hover img, #mn .btn a:hover img {
	opacity: 0.70; /* for Opera,Firefox,Safari */
	filter: alpha(opacity=70); /* for IE */
}
#mn #unchor a:hover img {
	position:relative;
	top:3px;
}
#mn .btnStory a:hover img {
	position:relative;
	left:3px;
}
/* sns------------------------------- */

#mn .sns {
	height: 40px;
	margin: 0 0 0 480px !important;
	width: 500px;
}
#mn .sns div {
	float: right;
	margin-top: 10px;
	padding: 0 5px;
}