@charset "utf-8";
/* * * * * * * * * * * * * * * * * * *
 * RESET
 * * * * * * * * * * * * * * * * * * */

body, div, p,  ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 ,h5, h6,
table, th ,td, img, form, figure {
	margin: 0;
	padding: 0;
}
ul, ol	{ list-style: none; }
img		{ border: 0; vertical-align: bottom; }

/* * * * * * * * * * * * * * * * * * *
 * INITIAL STYLES
 * * * * * * * * * * * * * * * * * * */

table	{ border-collapse: collapse; }
th		{ vertical-align: top; text-align: left; font-weight: normal; }
input,
select	{ vertical-align: middle; }

/* define block for html5 new tags */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}

/* * * * * * * * * * * * * * * * * * *
 * FONT STYLES
 * * * * * * * * * * * * * * * * * * */

body {
	background: #FFFFFF;
	color: #140f10;
	font-size: 13px;
	font-family: "Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Helvetica,Arial,sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

/* * * * * * * * * * * * * * * * * * *
 * ANCHOR STYLES
 * * * * * * * * * * * * * * * * * * */

a:link,
a:visited { color: #4B7B4D; text-decoration: none; }
a:hover,
a:active,
a.current { color: #66AA69; text-decoration: none; }

/* * * * * * * * * * * * * * * * * * *
 * Content
 * * * * * * * * * * * * * * * * * * */
body {
	background: url("/images/flag.png") repeat-x top;
	padding-top: 50px;
}
.wrapper {
	width: 970px;
	margin: 0 auto;
	padding: 0 5px;
}
/*---- header ----*/
.kvArea {
	margin-top: 40px;
}
.kvImg {
	text-align: center;
}
.gNav {
	margin-top: 20px;
	text-align: center;
	font-size: 0;
}
.gNav > li {
	display: inline-block;
	vertical-align: middle;
	*zoom: 1;
	*display: inline;
	font-size: 13px;
}
.gNav > li + li {
	margin-left: 15px;
}
.gNav > li > a {
	display: block;
	width: 115px;
	padding: 5px;
	color: #FFFFFF;
	font-weight: normal;
	background: #4B7B4D;
	text-decoration: none;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
}
.gNav > li > a:hover {
	background: #66AA69;
}
.disAbled {
	background: #bdc3c7 !important;
	color: #ecf0f1 !important;
	cursor: default;
}
.mainContent {
	margin-top: 20px;
}
.catchText {
	margin-top: 20px;
	color: #66AA69;
	font-size: 17px;
	text-align: center;
	font-family: "游明朝体", YuMincho, serif;
}
.holdingPeriod {
	margin-top: 5px;
	color: #66AA69;
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.left-box {
	width: 640px;
	margin-right: 15px;
}
.contentBox {
	padding: 5px;
	border: 1px solid #ecf0f1;
}
.boxHeadline {
	font-size: 18px;
	font-family: 'Nunito', sans-serif;
	color: #4B7B4D;
}

/* NEWS BOX */

.newsList {
	max-height: 130px;
	overflow: scroll;
    overflow-x: hidden;
}
.newsList > li > a {
	display: block;
}
.newsList > li > a:hover {
	background: #66AA69;
	color: #FFFFFF;
}
.newsListDetail {
	color: #140f10;
	padding: 5px;
	word-break: break-all;
}
.newsListDetail > dt {
	zoom: 1;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.3;
	padding-bottom: 3px;
	border-bottom: 1px solid #bdc3c7;
}
.newsListDetail > dt:after {
	content: "";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
}
.newsListDetail > dd {
	padding-top: 3px;
}
.iconTitle {
	float: left;
	font-size: 13px;
	font-weight: normal;
	margin-right: 5px;
	padding: 2px 5px;
	background: #4B7B4D;
	color: #FFFFFF;
}
.newsTitle {
	margin-right: 10px;
	float: left;
	width: 500px;
	display: block;
	overflow: hidden;
}
.upDate {
	font-weight: normal;
	font-size: 11px;
	display: block;
	overflow: hidden;
	vertical-align: middle;
	text-align: right;
}

/*social*/
.social-wrap {
	width: 300px;
	background: url("/images/loading.gif") no-repeat;
	background-position: 50% 30%;
}
.social-content > li {
	min-height: 655px;
}
.social-tab > li {
	float: left;
	padding: 10px 10px 5px;
	width: 95px;
	-webkit-border-radius: 5px 5px 0 0;
	        border-radius: 5px 5px 0 0;
	background: #bdc3c7;
	color: #FFF;
	text-align: center;
	cursor: pointer;
}
.social-tab > li + li {
	margin-left: 5px;
}
.social-tab > li.fb.select {
	background: #4965b5;
}
.social-tab > li.tw.select {
	background: #04aced;
}
.fb-icon {
	padding-top: 3px;
	padding-left: 18px;
	background: url(/images/icon_facebook.png) no-repeat left center;
}
.tw-icon {
	padding-top: 3px;
	padding-left: 20px;
	background: url(/images/icon_twitter.png) no-repeat left center;
}
.hide {
	display:none;
}

/*bnr*/
.bnrWrap {
	margin-top: 30px;
}
.bnrList {
	margin-top: 20px;
	font-size: 0;
	text-align: left;
}
.bnrList > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
}
.bnrList > li + li {
	margin-left: 30px;
}
.bnrList > li > a {
	display: block;
}
.bnrHeadline {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 5px;
}

/* Scroll Top */
.jscScrollTopWrap {
	position: fixed;
	display: none;
	right: 30px;
	bottom: 150px;
	width: 50px;
	height: 50px;
}
.jscScrollTopWrap > p {
	text-align: center;
	background: #3D3D3D;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.jscScrollTopWrap > p:hover {
	background: #8B8B8B;
}
.jscScrollTop {
	color: #FFFFFF;
	line-height: 50px;
	text-decoration: none;
	display: block;
	cursor: pointer;
}

/* * * * * * * * * * * * * * * * * * *
 * SHOP INFO
 * * * * * * * * * * * * * * * * * * */

/*tab*/
.shopAreaTab {
	margin: 0 auto;
}
.shopAreaTab > li {
	float: left;
	cursor: pointer;
}
.shopAreaTab > li + li {
	margin-left: 15px;
}
.sp-shop {
	display: block;
	background-image: url(/images/shop_nav.png);
	background-repeat: no-repeat;
}
.hide {
	display:none;
}

/* * * * * * * * * * * * * * * * * * *
 * FOOTER
 * * * * * * * * * * * * * * * * * * */

.footer {
	background: url("/images/footerGrass.png") repeat-x bottom;
	height: 150px;
	margin-top: 50px;
}
.footerInner {
	width: 970px;
	margin: 0 auto;
	padding-top: 60px;
}

.infoArea {
	color: #FFFFFF;
}
.infoArea > dt {
	float: left;
	font-weight: bold;
	margin-right: 5px;
}
.infoArea > dd {
	float: left;
	margin-right: 10px;
}

/* * * * * * * * * * * * * * * * * * *
 * GENERAL CLASSES
 * * * * * * * * * * * * * * * * * * */
/* CLEAR FIX */
.cf:after	{ display: block; visibility: hidden; clear: both; height: 0; content: ""; }
.cf			{ zoom: 1; }
/* float */
.fl { float: left; }
/* font */
.bld {font-weight: bold;}
/* margin */
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
/* text-align */
.tac { text-align: center; }
.bac { margin-left: auto; margin-right: auto; }
/* OFF LEFT */
.ol	{ overflow: hidden; text-indent: -9999px; }