@charset "UTF-8";

body {
	overflow: hidden;
}
html {
	overflow-y: scroll;
}

/* 共通 */

.mifesBody a {
	color: #021b6b;
	text-decoration: none;
}
.mifesBody a:visited {
	color: #021b6b;
	text-decoration: none;
}
.mifesBody a:hover {
	color: #021b6b;
	text-decoration: underline;
}
.mifesBody p.lead_w {
	text-align:center;
	font-size:100%;
	color:#FFF;
	line-height:1.75;
}
.mifesBody p.lead_bw {
	text-align:center;
	font-size:110%;
	color:#a23608;
	letter-spacing:-0.01em;
	line-height:1.75;
}
.mifesBody a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.mifesBody .ColorRed{
	color:#ff0000;
}
.mifesBody UL.list LI{
	list-style-type: disc;
	margin-left:2%;
}
.mifesBody DIV.totop{
	width:35%;
	font-size:120%;
	font-weight:bold;
	text-align: center;
	background:#FFF;
	float:center;
	margin: 2% auto;
	clear:both;
	display:block;
	padding:1%;
	opacity:0.8;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
@media only screen and (max-width: 640px){
.mifesBody IMG{
	width:100%;
}
.mifesBody DIV.totop{
	width:80%;
	padding:3%;
}
}
.mifesBody IMG.img_c {
	float:center;
	margin: 1% auto;
	clear:both;
	display:block;
}
@media only screen and (max-width: 640px){
.mifesBody IMG.img_c {
	width: auto;
}
}
/* レイアウト */

#Outline #StatusArea {
	margin-bottom: 0;
}
.mifesBody {
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-align: left;
	background:#ffee7c;
}
.contentsArea{
	background: url(/mifes30th/img/middle.gif) top center repeat-y;
	padding:2%;
}
.contentsArea2{
	background: url(/mifes30th/img/middle2.gif) top center repeat-y;
	padding:2%;
}
.contentsArea3{
	background: url(/mifes30th/img/middle3.gif) top center repeat-y;
	padding:2%;
}
.contentsArea4{
	background: url(/mifes30th/img/middle4.gif) top center repeat-y;
	padding:2%;
}
.contentsArea5{
	background: url(/mifes30th/img/middle5.gif) top center repeat-y;
	padding:2%;
}
.contentsArea_top{
	background-color:#ffee7c;
	width:960px;
	float:center;
	margin:0% auto;
	padding-top:2%;
}
@media only screen and (max-width: 640px){
.contentsArea_top{
	width:100%;
}
}
.contentsArea_top_in{
	background-color:#ffee7c;
	background: url(/mifes30th/img/top.gif) top center no-repeat;
	width:960px;
	height:22px;
	float:center;
	margin:0% auto;
}
.contentsArea_top2_in{
	background-color:#e5ca17;
	width:960px;
	height:14px;
	float:center;
	margin:0% auto;
}
@media only screen and (max-width: 640px){
.contentsArea_top_in{
	width:100%;
}
}
.contentsArea_middle{
	width:960px;
	float:center;
	margin:0% auto;
}
@media only screen and (max-width: 640px){
.contentsArea_middle{
	width:100%;
}
}
.contentsArea_bottom{
	background-color:#ffee7c;
	width:960px;
	float:center;
	margin:0% auto;
}
@media only screen and (max-width: 640px){
.contentsArea_bottom{
	width:100%;
}
}
.contentsArea_bottom_in{
	background-color:#ffee7c;
	background: url(/mifes30th/img/bottom.gif) top center no-repeat;
	width:960px;
	height:25px;
	float:center;
	margin:0% auto;
}
.contentsArea_bottom2_in{
	background-color:#e5ca17;
	width:960px;
	height:14px;
	float:center;
	margin:0% auto;
}
@media only screen and (max-width: 640px){
.contentsArea_bottom_in{
	width:100%;
}
}
.mifesBody header {
	width: 100%;
}
@media only screen and (max-width: 640px){
.mifesBody{
	width:100%;
}
}
/* 見出し */

.mifesBody header h1.top {
	width: 100%;
	height: 130px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(/mifes30th/img/top/title.png) top center no-repeat;
	background-size: contain;
}
.mifesBody header h1.sub {
	width: 100%;
	height: 125px;
	margin: 0 auto;
	text-indent: -9999px;
	background: url(/mifes30th/img/titles.png) top center no-repeat;
	background-size: contain;
}
.mifesBody header h2 {
	text-align:center;
	margin: 2% auto;
	clear:both;
	display:block;
	color:#FFF;
}
.mifesBody h2.wall {
	display:none;
}
.mifesBody h3 {
	margin: 2% 0 1% 3%;
	font-size:150%;
	font-weight:bold;
}
@media only screen and (max-width: 640px){
.mifesBody header h1.top {
	height: 100px;
}
.mifesBody header h1.sub {
	height: 70px;
}
.mifesBody h2.wall {
	display:block;
	color:#FFF;
}
}
/* トップページ */

.mifesBody DIV.present {
	background: url(/mifes30th/img/top/present.png) top center no-repeat;
	height:560px;
}
.mifesBody DIV.present IMG.entry {
	padding-top:470px;
	float:center;
	margin:0 auto;
	clear:both;
	display:block;
}
.mifesBody DIV.wall IMG.dl {
	float:right;
	margin:1% 3.5% auto;
	clear:both;
	display:block;
}
DIV.topbutn{
	float:center;
	background:#FFF;
	opacity:0.7;
	width:350px;
	padding:1%;
	margin:2% 6%;
	border:1px solid #2d2d2d;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	text-align:center;
}
DIV.topbutns{
	float:right;
	background:#FFF;
	opacity:0.7;
	width:280px;
	padding:1%;
	margin:2% 6%;
	border:1px solid #2d2d2d;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
	text-align:center;
}
@media only screen and (max-width: 640px){
DIV.topbutn{
	width:90%;
	padding:3%;
	margin:1%;
}
DIV.topbutns{
	width:90%;
	padding:2%;
}
}
@media only screen and (max-width: 640px){
.mifesBody DIV.present {
	height:auto;
	background-size: contain;
}
.mifesBody DIV.present IMG.entry {
	width:45%;
	padding-top:50%;
}
.mifesBody DIV.wall IMG.dl {
	width:40%;
	display:block;
	clear:both;
}
}
.mifesBody DIV.wall {
	background: url(/mifes30th/img/top/wall.png) top center no-repeat;
	float:center;
	margin:1% auto;
	clear:both;
	display:block;
	padding:10% 3%;
}
.mifesBody DIV.wall UL {
	width:95%;
	float:center !important;
	clear:both;
	display:block;
    margin: 1% auto;
}
.mifesBody DIV.wall UL LI {
	float:left;
	width:200px;
	margin:0 0.5%;
	border:2px solid #5f618a;
}
@media only screen and (max-width: 640px){
.mifesBody DIV.wall {
	background:none;
	width:100%;
	background-size: contain;
}
.mifesBody DIV.wall UL {
	width:100%;
    margin: 1% auto;
	padding:0;

}
.mifesBody DIV.wall UL LI {
	width:21%;
}
}
.mifesBody DIV.LeftBox {
	float:left;
	width:44%;
	margin:1% 1% 1% 5%;
}
.mifesBody DIV.RightBox {
	float:right;
	width:44%;
	margin:1% 5% 1% 1%;
}
@media only screen and (max-width: 640px){
.mifesBody DIV.LeftBox {
	width:90%;
	float:center;
	clear:both;
	diplay:block;
}
.mifesBody DIV.RightBox {
	width:90%;
	float:center;
	clear:both;
	diplay:block;
}
}
.mifesBody DIV.message_user {
	width:430px;
	padding:0%;
	margin:1%;
}
.mifesBody DIV.message_user_top {
	background: url(/mifes30th/img/top/users_message.gif) center left no-repeat;
	text-indent:-9999px;
	height:94px;
}
.mifesBody DIV.message_user_middle {
	padding:0 5%;
	height:auto;
	background:#FFF;
	border:1px solid #2d2d2d;
    border-radius: 0 0 10px 10px;   /* CSS3草案 */  
    -webkit-border-bottom-right-radius: 10px;  
    -webkit-border-bottom-left-radius: 10px;   /* Safari,Google Chrome用 */  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;   /* Firefox用 */  
}

@media only screen and (max-width: 640px){
.mifesBody DIV.message_user {
	width:100%;
}
.mifesBody DIV.message_user_top {
	background-size: contain;
}
.mifesBody DIV.message_user IMG {
	width:20%;
}
.mifesBody DIV.message_user_middle {
	display:none;
}
}
.mifesBody DIV.message_user P.message{
	margin:1% auto;
	float:center;
	clear:both;
	display:block;
}
.mifesBody DIV.message_user P.name{
	text-align:right;
	border-bottom:2px dotted #CCC;
}
.mifesBody DIV.message_user A.other{
	float:right;
	font-size:110%;
	font-weight:bold;
	margin:2% 0;
}
.mifesBody DIV.sns{
	float:center;
	margin:2% auto;
}
@media only screen and (max-width: 640px){
.mifesBody DIV.sns IMG{
	width:41px;
}
}

/* プレゼントページ */
.mifesBody DIV.LeftBox2 {
	float:left;
	width:44%;
	margin:1% 1% 1% 5%;
}
.mifesBody DIV.RightBox2 {
	float:right;
	width:44%;
	margin:1% 5% 1% 1%;
}
.mifesBody p.p_name {
	font-size:150%;
	font-weight:bold;
	color:#472507;
	margin:1% auto 2%;
}
.mifesBody p.p_name SPAN{
	font-size:65%;
	font-weight:normal;
	line-height:100%;
	letter-spacing:-0.01em;
}
.mifesBody p.p_num {
	color:#472507;
	width:100px;
	background:#ff9900;
	padding:2% 1%;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	font-size:120%;
	font-weight:bold;
	text-align:center;
}
@media only screen and (max-width: 640px){
.mifesBody p.p_num {
	width:60%;
}
}
.mifesBody p.p_detail {
	margin:5% auto 3%;
	font-size:110%;
	color:#472507;
	letter-spacing:-0.02em;
}
.mifesBody p.p_comm{
	margin:0 auto;
	font-size:100%;
	color:#472507;
	letter-spacing:-0.01em;
	line-height:1.5;
	background: url(/mifes30th/img/present/ico_staffc.gif) top left no-repeat;
	padding-left:65px;
	margin-bottom:3%;
}
@media only screen and (max-width: 640px){
.mifesBody p.p_comm{
	background: url(/mifes30th/img/present/ico_staffc.gif) top center no-repeat;
	padding:50px 0 0;
}
}
.mifesBody DIV.formspace {
	width:90%;
	float:center !important;
	margin:2% auto;
	color:#472507;
	clear:both;
	display:block;
}
.mifesBody TABLE.PresentFormTable{
	width:90%;
	margin:2% auto;
	padding:2%;
	float:center;
}
.mifesBody TABLE.PresentFormTable TH{
	width:40%;
	background:#ffee7c;
	padding:2%;
	border-bottom:1px dotted #472507;
	vertical-align:top;
}
.mifesBody TABLE.PresentFormTable TD{
	width:60%;
	background:#fff;
	padding:2%;
	border-bottom:1px dotted #472507;
}
.mifesBody INPUT.formbtn{
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	font-size:120%;
	padding:1% 3%;
}

@media only screen and (max-width: 640px){
.mifesBody TABLE.PresentFormTable{
	width:100%;
	margin:3% 0%;
}
.mifesBody TABLE.PresentFormTable TH ,.mifesBody TABLE.PresentFormTable TD{
	width:96%;
	float:center;
	clear:both;
	display:block;
}
}

/* 壁素材ページ */
.mifesBody H3.kinds{
	background:#e4dc4e;
	padding:1%;
	width:97%;
	float:center;
	margin:3% auto 0;
	clear:both;
	opacity:0.8;
	font-weight:normal;
	font-size:130%;
}
.mifesBody UL.wall{
	width:95%;
	float:center;
	margin:1% auto;
	clear:both;
	display:block;
}
.mifesBody UL.wall LI{
	float:left;
	width:32%;
	margin:2% 6px;
	text-align:center;
}
.mifesBody UL.wall LI IMG{
	border:1px solid #666;
}
@media only screen and (max-width: 640px){
.mifesBody UL.wall LI{
	float:left;
	width:47%;
	margin:3% 3% 3% 0;
	text-align:center;
}
}
.mifesBody UL.wall .dlsize{
	color:#FFF;
}
.mifesBody UL.wall SPAN.dl{
	background: url(/mifes30th/img/wall/ico_dl.png) center left no-repeat;
	padding-left:40px;
	font-weight:bold;
}
.mifesBody UL.wall A.dl{
	color:#FFF;
}
.mifesBody P.note{
	font-size:98% !important;
	color:#666;
}

/* メガソフトからのメッセージ */
.mifesBody DIV.set{
	width:90%;
	float:center;
	margin:3% auto;
	border:3px solid #ddd;
	background:#FFF;
	font-size:90%;
}
.mifesBody DIV.set .IMG_L{
	float:left;
	margin:3%;
}
.mifesBody DIV.set .IMG_R{
	float:right;
	margin:3%;
}
@media only screen and (max-width: 640px){
.mifesBody DIV.set .IMG_L{
	width:94%;
}
.mifesBody DIV.set .IMG_R{
	width:94%;
}
}
.mifesBody DIV.set P{
	font-size:120%;
	margin:3% 5%;
	line-height:2;
	letter-spacing:0.08em;
}
.mifesBody DIV.set P.name{
	font-size:140%;
	line-height:1.5;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.mifesBody DIV.set HR{
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: .5;
}
.mifesBody DIV.set HR:before{
	content: '';
	background: -webkit-linear-gradient(left, transparent, #818078, transparent);
	background: linear-gradient(to right, transparent, #818078, transparent);
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}
.mifesBody DIV.set HR:after{
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;
	padding: 0 .5em;
	line-height: 1.5em;
	color: #818078;
	background-color: #fcfcfa;
}

/* ユーザー様からのメッセージ */
.mifesBody DIV.message_detail {
	width:90%;
	float:center;
	padding:0%;
	margin:0 auto;
	clear:both;
	display:block;
}
.mifesBody DIV.message_detail UL LI{
	background:#fef3d0;
	float:center;
	clear:both;
	display:block;
	border:3px double #2d2d2d;
	padding:4%;
	margin:1% 0;
	height:auto;
	opacity:0.9;
}
.mifesBody DIV.message_detail P.message {
	background: url(/mifes30th/img/users_message/ico_mail.png) center left no-repeat;
	padding:0 0 1% 7%;
	margin:0;
}
.mifesBody DIV.message_detail P.name {
	font-size:90%;
	float:right;
	margin-bottom:2%;
	color:#666;
}
@media only screen and (max-width: 640px){
.mifesBody DIV.message_detail P.message {
	background: none;
	padding:0;
}
}