@charset "utf-8";

/*----------------------------------------------------
	オンラインショップTOP
----------------------------------------------------*/


.tobuinfo {
	margin: 0;
	font-size: 80%;
}
.tobuinfo p.caution {
	margin: 0;
	padding: 5px 10px;
	background: #f5f6c3;
}


#onlineTop {
	font-family: "メイリオ","ＭＳ ゴシック",sans-serif;
	margin: 0px auto;
	width: 980px;
}
#onlineTop .oltop_mainVisual {
	padding: 10px 20px 25px;
}
#onlineTop .oltop_secondSection {
	margin: 27px 0 15px;
	padding: 0 20px;
}

#onlineTop .oltop_secondSection div.info {
	width: 320px;
	margin-left: 20px;
	float: right;
}
#onlineTop .oltop_secondSection div.info div.infoBlock {
	background: #faf9f2;
	overflow: scroll;
	overflow-x: hidden;
	height: 400px;
	padding: 3px;
	border: 1px solid #f5f4ec;
}
#onlineTop .oltop_secondSection div.info h3 {
	margin: 0 0 10px;
}
#onlineTop .oltop_secondSection div.info dt {
	width: 280px;
	padding: 2px 5px 1px 8px;
	font-size: 92%;
	color: #232323;
}
#onlineTop .oltop_secondSection div.info dd {
	width: 280px;
	margin: 3px 4px 12px;
	padding: 3px 5px 10px 8px; 
	font-size: 92%;
	border-bottom: 1px dotted #b69d6f;
}
#onlineTop .oltop_secondSection div.info dl {
	margin-bottom: 10px;

}
#onlineTop .oltop_secondSection div.info p.faqBtn {
	margin: 20px 0;
}
#onlineTop .oltop_secondSection div.info p.faqBtn a {
	padding: 9px 0 7px;
	display: block;
	color: #fff;	
	letter-spacing: 2px;
	text-align: center;
	text-decoration: none;
	background: #eb9345;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
#onlineTop .oltop_secondSection div.info p.faqBtn a:hover {
	background: #e0781b;
}

#onlineTop .oltop_secondSection div.feature {
	width: 600px;
	float: left;
}
#onlineTop .oltop_secondSection div.feature h3 {
	margin: 0 0 10px;
}
#onlineTop .oltop_secondSection div.feature .subBnr_v1 p.l {
	float: left;
	margin-top: 0;
	margin-bottom: 15px;
}
#onlineTop .oltop_secondSection div.feature .subBnr_v1 p.r {
	float: right;
	margin-top: 0;
	margin-bottom: 15px;
}
#onlineTop .oltop_secondSection div.feature .subBnr_v1 img.w290 {
	width: 290px;
	margin-bottom: 3px;
	border: 1px solid #dcdcdc;
}
#onlineTop .oltop_secondSection div.feature .subBnr_v1 p span {
	display: block;
	font-size: 94%;
	width: 280px;
	height: 36px;
}
#onlineTop .oltop_recommendSection {
	margin: 20px 20px;
}
#onlineTop .oltop_recommendSection div.fareaA,
#onlineTop .oltop_recommendSection div.fareaB,
#onlineTop .oltop_recommendSection div.fareaC {
	margin: 10px 0;
}
#onlineTop .oltop_rankingSection {
	margin: 0 20px;
	border: 1px solid #c4c46a;
	padding: 10px 0 20px 25px;
}
#onlineTop .oltop_rankingSection h3 {
	margin: 10px 0 18px 10px;
}
#onlineTop .oltop_rankingSection li {
	float: left;
	width: 160px;
	list-style: none;
	margin-right: 22px;
}
#onlineTop .oltop_rankingSection dt {
	margin: 3px 0;
}
#onlineTop .oltop_rankingSection dt img {
	width: 160px;
}
#onlineTop .oltop_rankingSection dd {
	margin: 5px 0;
	padding: 0px 3px;
	font-size: 92%;
}
#onlineTop .oltop_footinfoSection {
	margin: 20px 20px;
}
#onlineTop .oltop_footinfoSection div.fareaD {
	margin: 20px 0;
}
#onlineTop .oltop_footinfoSection div.member {
	margin: 20px 0;
	float: left;
}
#onlineTop .oltop_footinfoSection div.inquiry {
	margin: 20px 0;
	float: right;
}

/*----------------------------------------------------
	グローバルナビ
----------------------------------------------------*/
#globalNav {
	background: #1f2286;
	margin-top: 5px;
	width: 100%;
	border-bottom: 3px solid #1f2286;

}
#globalNav #mainHeader {
	width: 980px;
	margin: 0 auto;
	padding: 0px;
}

#mainHeader * {
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
#mainHeader {
	position: relative;
	list-style-type: none;
	width: 980px;
	height: 40px;
	padding: 0;
}
#mainHeaderEvent {
	position: relative;
	list-style-type: none;
	width: 980px;
	height: 56px;
	padding: 0;
}

#mainHeader ul li.category_1st {
	position: relative;
	float: left;
	border-left: 1px solid #3b3eab;
	border-right: 1px solid #14176f;
	width: 160px;
	text-align: center;
}
#mainHeader ul li.category_1st:last-child {
	border-right: 1px solid #3b3eab;
}
#mainHeader li.category_1st a {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	background: #1f2286;
	
}
#mainHeader li.category_1st p {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	background: #1f2286;
	
}
#mainHeader li.category_1st ul li a {
	padding: 10px 12px;
	background: #272727;
	color: #fff;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	border-bottom: 1px solid #fff;
}
#mainHeader li.category_1st ul li a:last-child {
	border-bottom: 0;
}
#mainHeader li.category_1st ul {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
#mainHeader li:last-child ul {
	left: -100%;
	width: 100%
}
#mainHeader li.category_1st ul li {
	overflow: hidden;
	width: 160px;
	height: 0;
	color: #fff;
}
#mainHeader li ul li a {
	padding: 13px 15px;
	background: #fafafa;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
#mainHeader li:hover > a {
	background: #0b0d70;
	color: #dfdfdf;
	
	border-bottom: 2px solid #e60012;
}
#mainHeader li:hover > p {
	background: #0b0d70;
	color: #dfdfdf;
	
	border-bottom: 2px solid #e60012;
}
#mainHeader li.category_1st ul li a:hover {
	background: #595959;
	color: #dfdfdf;
	border-bottom: none;
	
}
#mainHeader li:hover ul li {
	overflow: visible;
	height: 35px;
	border-top: 1px solid #494949;
	border-bottom: 1px solid #212121;
}
#mainHeader li:hover ul li:first-child {
	border-top: 0;
}
#mainHeader li:hover ul li:last-child {
	border-bottom: 0;
}
#mainHeader li.cosme:hover a {
	background: #de2761;
	color: #fff;
	border-radius: 3px 3px 0 0;
}
#mainHeader li.gift:hover a {
	background: #d9890a;
	color: #fff;
}

.oltop_rankingSection .icon img {
	margin-right: 3px;
}
/*----------------------------------------------------
	SP
----------------------------------------------------*/

