/*==============================================
■ヘッダー
	基本設定
	ヘッダーアイコン
	フルスクリーン用ボックス
	ヘッダーアラート
■フッター
■コンテンツ
==============================================*/
/*==============================================
基本指定
==============================================*/
.Wrap{
	background:url(../image/minsta/body_top_bg_01.png) 0 0 repeat-x;
	background-size:320px 60px;
	-moz-background-size:320px 60px;
	-webkit-background-size:320px 60px;
	-o-background-size:320px 60px;
	-ms-background-size:320px 60px;}
body {
    padding:0 !important;
    background:none #000000;
    color: #333333 !important;
    font-size: 16px;
    text-shadow: none !important;
}

body.Avatar_Shop {
	background-color:#000 !important;
	background:url(../image/minsta/body_top_bg_01.png) 0 0 repeat-x;
	background-size:320px 60px;
	-moz-background-size:320px 60px;
	-webkit-background-size:320px 60px;
	-o-background-size:320px 60px;
	-ms-background-size:320px 60px;}

	/*--スレッドサーチの友達にメールを送るを隠す--*/
	.Mail_to_Friends{
		display: none;
	}

	/*==============================================
	■ヘッダー
		基本指定
		フルスクリーン用ボックス
	==============================================*/
	/*==============================================
	基本指定
	==============================================*/
	header{
		height:60px !important;
		margin:0;
		background:url(../image/minsta/bg_header.png) 0 0 no-repeat;
		background-size:320px 75px;
		-moz-background-size:320px 75px;
		-webkit-background-size:320px 75px;
		-o-background-size:320px 75px;
		-ms-background-size:320px 75px;
	}


	header .Header_Box{
		position: relative;
	}
	header .Header_Box h1 a{
		display:block;
		padding-top:5px;
	}

	/*MQ デフォルト*/
	@media only screen and (min-width: 992px) {
		header .Header_Box{
			width:920px;
			margin:0 auto;
		}
header h1{
			position: absolute;
			top:4px;
			left:0;
			z-index:9998;

		}
	}
	/*MQ タブレット*/
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		header .Header_Box{
			width:768px;
			margin:0 auto;
		}
header h1{
			position: absolute;
			top:4px;
			left:0;
			z-index:9998;
		}
	}
	/*MQ モバイル縦-横*/
	@media only screen and (min-width: 300px) and (max-width: 767px) {
header h1{
			position: absolute;
			width:103px;
			height:60px;
			top:4px;
			left:0px;
			z-index:9998;
		}
	}
	/*==============================================
	フルスクリーン用ボックス
	==============================================*/
	/*MQ デフォルト*/
	@media only screen and (min-width: 992px) {
		.Header_Menu_Box{
			width:920px;
			margin:10px auto 0 auto;
		}
	}
	/*MQ タブレット*/
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.Header_Menu_Box{
			width:750px;
			margin:10px auto 0 auto;
		}
	}
	/*MQ モバイル縦*/
	@media only screen and (min-width: 300px) and (max-width: 479px) {
		.Header_Menu_Box{
			margin:0 auto;
		}
	}
	/*MQ モバイル横*/
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.Header_Menu_Box{
			margin:0 auto;
		}
	}
	.Header_Menu_Box .Common_Btn_Group ul li a{
		font-size:.9em !important;
	}


	/*==============================================
	■みんスタヘッダーメニューTOP用
	==============================================*/
	header ul.Minsta_Main_Menu_Top{
		display:table;
		position:absolute;
		top: 0;
		right:0px;
		height:50px;
	}
	header ul.Minsta_Main_Menu_Top li{
		display:table-cell;
		vertical-align:middle;
		padding-right: 8px;
	}
	header ul.Minsta_Main_Menu_Top li a,
	header ul.Minsta_Main_Menu_Top li div{
		display:table;
		width: 49px;
		color:#000;
		background-image:  -moz-linear-gradient(
								center top,
								#fedcb9 0%,
								#f8b77b 30%,
								#8a482a 60%,
								#440a00 100%);
		background-image: -o-linear-gradient(
								top,
								#fedcb9 0%,
								#f8b77b 30%,
								#8a482a 60%,
								#440a00 100%);
		background-image: -webkit-gradient(linear,
								left top,left bottom,
								color-stop(0,#fedcb9),
								color-stop(0.3,#f8b77b),
								color-stop(0.6,#8a482a),
								color-stop(1.0,#440a00));
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fedcb9',EndColorStr='#440a00')";
		border: 1px solid #99582b;
		-webkit-border-radius : 6px;
		-moz-border-radius: 6px;
		border-radius  : 6px;
		-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
		-o-box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
		-ms-box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
	}
	header ul.Minsta_Main_Menu_Top li a span,
	header ul.Minsta_Main_Menu_Top li div span{
		display:table-cell;
		height:43px;
		font-size:.7em;
		font-weight:bold;
		text-align:center;
		vertical-align: bottom;
		margin-bottom:5px;
		line-height:1.4em;
		color:#3e3e3e;
		text-shadow:0px -1px 0px #fff;
	}

	header ul.Minsta_Main_Menu_Top li a span{
		background: url(../image/minsta/common_logon_icon.png) center 3px no-repeat;
		background-size:37px auto;
		-moz-background-size:37px auto;
		-webkit-background-size:37px auto;
		-o-background-size:37px auto;
		-ms-background-size:37px auto;
	}

	header ul.Minsta_Main_Menu_Top li a span.Mypage{
		background: url(../image/minsta/common_mypage_icon.png) center 3px no-repeat;
		background-size:43px auto;
		-moz-background-size:43px auto;
		-webkit-background-size:43px auto;
		-o-background-size:43px auto;
		-ms-background-size:43px auto;
	}


	header ul.Minsta_Main_Menu_Top li div span{
		background: url(../image/minsta/common_menu_icon.png) center 3px no-repeat;
		background-size:37px auto;
		-moz-background-size:37px auto;
		-webkit-background-size:37px auto;
		-o-background-size:37px auto;
		-ms-background-size:37px auto;
	}


	header ul.Minsta_Main_Menu_Top li.Active a{
		color:#6d4813;
		border:1px solid #ffc31b;
	}


	/*==============================================
	menu
	==============================================*/
	.Minsta_Sub_Menu{
		position:absolute;
		z-index: 9999;
		top:50px;
		right:18px;
	}
	.Minsta_Sub_Menu ul{
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border:1px solid #ffffff;
		-moz-box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
		-o-box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
		-ms-box-shadow: 0px 2px 6px rgba(0,0,0,0.6);
	}
	.Minsta_Sub_Menu ul:after {
		clear:both;
		content:" ";
		display:block;
	}
	.Minsta_Sub_Menu ul li{
		padding:8px;
		font-size:.9em;
		background-image: -moz-linear-gradient(top,
								#E9E9E9 0,
								#c2c2c2 100%);
		background-image: -o-linear-gradient(
								#E9E9E9 0,
								#c2c2c2 100%);
		background-image: -webkit-gradient(linear, left top, left bottom,
		color-stop(0 ,#E9E9E9),
		color-stop(1.0 , #c2c2c2)
		);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E9E9E9', EndColorStr='#c2c2c2')";
		border-bottom:1px solid #fff;
	}

	.Minsta_Sub_Menu ul li a{
		display:block;
		padding:6px;
		font-size:.9em;
		color:#000;
		font-weight: bold;
		text-shadow:0px -1px 0px #ffffff;
		border-bottom:1px solid #333;
	}

	.Minsta_Sub_Menu ul li.Close{
		display:block;
		padding:6px;
		font-size:.9em;
		color:#fff;
		text-align:center;
		font-weight:bold;
		background-image: -moz-linear-gradient(top,
								#c2c2c2 0,
								#686868 100%);
		background-image: -o-linear-gradient(
								#c2c2c2 0,
								#686868 100%);
		background-image: -webkit-gradient(linear, left top, left bottom,
		color-stop(0 ,#c2c2c2),
		color-stop(1.0 , #686868)
		);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c2c2c2', EndColorStr='#686868')";
		text-shadow:0px -1px 0px #000;
		border-bottom:1px solid #333;
	}


	.Minsta_Sub_Menu ul li:last-child,
	.Minsta_Sub_Menu ul li:last-child a{
		border-bottom:none;
	}
	a.Icon_Link{
	display: block;
	margin: -8px;
	padding: 8px 24px 8px 8px !important;
	background-position:right center;
	background-repeat:no-repeat;
	background-size:21px 16px;
	-moz-background-size:21px 16px;
	-webkit-background-size:21px 16px;
	-o-background-size:21px 16px;
	-ms-background-size:21px 16px;
}
a.Arrow_Black{
	background-image: url(../image/minsta/icon_link_arrow_black.png);
}
/*==============================================
フッター
==============================================*/
footer {
  background: #f1f1f1;
  margin-top: 30px;
}

/*==============================================
■コンテンツ -
==============================================*/
@media only screen and (min-width: 768px) {
 .Contents{
      width: 968px;
  }
}
.Contents{
	background:#f1f1f1;
    padding: 0 0 !important;
}

/*==============================================
■MQ モバイル縦 300px - 479px
==============================================*/
/*MQ モバイル縦-横*/
@media only screen and (min-width: 300px) and (max-width: 480px) {
	.Wrap{
		width:100%;
		margin:0 auto;
	}
	.Contents,
	.Find_FootArea{
		position:ralative;
		margin:7px auto 0;
	}
	.Main_Column{
		float:none;
	}
	.Side_Column{
		float:none;
		padding: 0 5px;
	}
}

ul.RankTypeBalloon li.Active a {
    display: block;
    color: #fff;
    font-weight: bold;
    padding: 6px 0;
    border-radius: 5px;
    background: #cecece;
}

.ContentsTitle{
	height: 38px !important;
	line-height: 38px !important;
	padding:0 22px;
	border-top: 1px solid #585858;
border-left: 1px solid #585858;
border-bottom: 1px solid #585858;
border-right: 1px solid #585858;
background-image: -moz-linear-gradient(top,#717171,#050505);
background-image: -webkit-gradient(linear,left top,left bottom,from(#717171),to(#050505));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#717171', EndColorStr='#050505')";
}
.ModalPopUpClose {
    top: 5px !important;
}
/*--マイページアラート--*/
body.User #AlertMessage{
	margin-bottom: 10px;
	background: #fff;
}

body.User #AlertMessage ul li {
	font-size: 90%;
	padding: 10px 13px 8px;
}