@charset "utf-8";

/* -----------------------------------------------
 * top.css
 * LastUpdate : 15/07/08
----------------------------------------------- */


/* ---------------------------------------------------------------------------------------------

　   NEWS

--------------------------------------------------------------------------------------------- */
#news {
	width: 400px;
}

#news h3 {
	background: url(../img/border.png) no-repeat center bottom;
    font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size: 18px;
    color: #5A5858;
    letter-spacing: -2px;
    font-weight: bold;
    position: relative;
    padding-bottom: 3px;
}

#news h3:before {
    content: url(../img/mark_small.png);
    margin-right: 5px;
}
#news h3 span {
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 28px;
    color: #D7BA76;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
}
#news h3 .more {
	display: inline-block;
	position: absolute;
	right: 0;

}
#news .newsBox {
	height: 178px;
	overflow: hidden;
	padding: 5px 0;
	margin-top: 5px;
}
#news dt,#news dd {
	font-size: 12px;
}
#news dt {
	width: 100px;
	float: left;
	clear: left;
}
#news dt:before {
	content: "●";
	margin-right: 3px;
}
#news dd {
	padding: 0 0 10px 100px;
}

/* ---------------------------------------------------------------------------------------------

　   SUBMENU

--------------------------------------------------------------------------------------------- */
#menu {
	width: 560px;
	padding-top: 35px;
}
#menu li {
	float: left;
	margin-left: 10px;
}
#menu li:first-child,#menu li:nth-child(4) {
	margin-left: 0;
}
#menu li.btn {
	width: 180px;
	border: 1px solid #D7BA76;
	box-sizing:border-box;
	border-radius: 5px;
	margin-bottom: 5px;
    /*font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;*/
    background: url(../img/gradation_on.jpg) repeat-x left bottom;
}
#menu li.btn a {
	padding: 10px;
	display: block;
	background: url(../img/arrow_white.png) no-repeat 96% 50%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
}
#menu li.btn:hover {
	-webkit-transition: 0.7s !important;
	-moz-transition: 0.7s !important;
	-o-transition: 0.7s !important;
	transition: 0.7s !important;
    background: url(../img/gradation.jpg) repeat-x left bottom;
}
#menu li.btn a:hover {
	background: url(../img/sideNav_arrow.png) no-repeat 96% 50%;
	font-weight: bold;
	color: #B68D0B;
}

#menu li.otoku {
	margin-left: 0;
	margin-top: 5px;
}

#menu li.otoku img {
	width: 560px !important;
}



/* ---------------------------------------------------------------------------------------------

　   MAIN

--------------------------------------------------------------------------------------------- */

#main article {
	background: #F2F2F3;
	width: 345px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#main article:nth-child(2n) {
	margin-right: 0;
}
#main article h3 {
	font-size: 23px;
    /*font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;*/
    background: url(../img/ribbon.png) no-repeat left center;
    padding: 15px 10px 15px 45px;
    /*letter-spacing: -2px;*/
}
#main article h3 a {
	color: #B68D0B;
}

#main article .condition li{
	float: left;
	background: #E8D5AA;
	border-radius: 5px;
	margin-bottom: 5px;
	width: 49%;
	text-align: center;
	padding: 5px;
	margin-right: 2%;
	font-size: 10px;
	box-sizing:border-box;
}
#main article .condition li:nth-child(2n) {
	margin-right: 0;
}
#main article .adress {
	margin-bottom: 5px;
	font-size: 11px;
}
#main article .bukken_info li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 11px;
}
#main article .bukken_info li:before {
	content: "■";
}
#main p {
	position: relative;
}
#main p span.more {
	position: absolute;
	right: 0;
	top: -5px;
}

#main .recommendedBox {
	margin-bottom: 10px;
	padding: 0 10px;
}
#main .recommendedBox span.image,#main .recommendedBox .textArea {
	float: left;
}

#main .recommendedBox span.image {
	display: block !important;
	position: relative !important;
	width: 140px !important;
	height: 100%;
	overflow: hidden !important;
}
#main article span.image .campaign_ribbon {
	position: absolute;
	left: 0;
	top: 0;
}


#main .recommendedBox .textArea {
	width: 175px;
	margin-left: 10px;
}