@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　詳細ページのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 左カラム　メインビジュアル
--------------------------------------------------------------------------------------- */

.h2Construction {
	background: url(../images/construction_ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Special {
	background: url(../special/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Company {
	background: url(../company/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Movie {
	background: url(../movie/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Sweets {
	background: url(../sweets/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Office {
	background: url(../office/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Love {
	background: url(../love/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Trend {
	background: url(../trend/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Life {
	background: url(../life/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Gourmet {
	background: url(../gourmet/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Contact {
	background: url(../contact/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h2Outdoor {
	background: url(../outdoor/images/ttl_bg.jpg) no-repeat;
	text-indent: -9999px;
	display: block;
	height: 160px;
	width: 620px;
	margin-top: 5px;
}

.h3Media {
	background: url(../images/sttl_bg.gif) no-repeat;
	/* text-indent: -9999px;
	display: block; */
	height: 30px;
	width: 620px;
	margin-top: 15px;
	padding: 0px;
	font-size: 19px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 15px;
}

/* --------------------------------------------------------------------------------------
 左カラム　見出し
--------------------------------------------------------------------------------------- */

h3 {
	background: url(../images/sttl_bg.gif) no-repeat;
	height: 30px;
	width: 620px;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 1px;
	padding-left: 15px;
	line-height: 30px;
	text-align: left;
}

* html h3 {
	padding-top: 10px;
	height: 30px;
	width: 600px;
}

h4 {
	background: url(../images/ssttl_bg.gif) no-repeat;
	height: 25px; /* bg only 25/25px */
	width: 620px;
	line-height: 13px; /* 13/18px */
	text-align: left;
	font-size: 18px; /* 18/18px */
	padding-bottom: 5px; /* 5/18px */
	padding-left: 15px;
	padding-top: 6px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	color: #AE0000;
	font-weight: bold;
}

* html h4 {
	padding-top: 8px;
	height: 31px; /* 31/31px */
	width: 620px; /* 577px */
}

*:first-child+html h4 {
	padding-top: 8px;
	height: 23px;
}

h4 span {
	line-height: 13px;
	font-size: 14px;
	padding-left: 20px;
	font-weight: bold;
}

h5 {
	background: #E6ECAE url(../images/icon03.gif) no-repeat 5px 9px;
	height: 19px;
	width: 260px;
	padding-top: 7px;
	padding-left: 20px;
	line-height: 12px;
	text-align: left;
	font-size: 12px;
}

* html h5 {
	padding-top: 9px;
	height: 26px;
	width: 280px;
}

*:first-child+html h5 {
	padding-top: 8px;
	height: 18px;
}


/* --------------------------------------------------------------------------------------
 左カラム　記事
--------------------------------------------------------------------------------------- */

.commonTxt01 { font-size: 13px; color: #333; line-height: 1.5; text-align: left; }
.commonTxt01 strong { font-size: 16px; color: #3399FF; }
.commonTxt01 em {  font-weight: bold; color: #FF9900; }
.commonTxt01 small { font-size: 11px; color: #666; letter-spacing: 1px; }
.commonTxt01 img { border: 0; text-align: left; float: left; margin: 0 10px 5px 0; }

.commonTxt02 { font-size: 12px; line-height: 1.4em; text-align: left; width: 280px; }

.commonBox { width: 577px; margin-left: auto; margin-right: auto; }

.h5Box { width: 280px; }

.commonImg01 { display: block; clear: both; width: 204px; margin-right: auto; margin-left: auto; font-size: 10px; }
.commonImg01 img { padding: 1px; border: 1px solid #CCC; }
.commonImg01 span { display: block; padding-top: 3px; }


/* --------------------------------------------------------------------------------------
 カテゴリートップページ
--------------------------------------------------------------------------------------- */

.index-menu {
	background-color: #F7F7F7;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #B5C52E;
	padding: 3px;
	width: 600px;
}
.index-menu img {
	margin-right: 10px;
	margin-bottom: 5px;
}
.index-menu a {
	display: block;
	width: 100%;
	color: #B5C52E;
	text-decoration: none;
	padding-top: 3px;
}
.index-menu a:visited {
	color: #B5C52E;
	text-decoration: none;
}
.index-menu a:hover {
	background-color: #DFDFDF;
	text-decoration: none;
	color: #B5C52E;
}
.index-menu a:active {
	color: #B5C52E;
	text-decoration: none;
}
.index-menu-txt {
	font-size: 14px;
	line-height: 1.3;
	border: 1px solid #FDA2AD;
	background-color: #F7F7F7;
	padding: 3px;
	margin-bottom: 10px;
	width: 612px;
	text-align: left;
}
.index-menu-txt img {
	margin-right: 10px;
}
.index-menu-txt strong {
	font-weight: bold;
	color: #AE0000;
	margin-bottom: 10px;
	font-size: 16px;
}
.index-menu-txt a {
	display: block;
	width: 100%;
	color: #333333;
	text-decoration: none;
	background: url(../images/index_arow.gif) no-repeat;
	background-position: right bottom;
}
.index-menu-txt a:visited {
	color: #333333;
	text-decoration: none;
}
.index-menu-txt a:hover {
	color: #333333;
	text-decoration: none;
	background: url(../images/index_arow_over.gif) no-repeat;
	background-position: right bottom;
	background-color: #EFEFEF;
}
.index-menu-txt a:active {
	color: #333333;
	text-decoration: none;
}
.index-menu-txt em {
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	margin: 0 0 0 15px;
	padding: 3px 15px 1px 15px;
	background-color: #999999;
	letter-spacing: 1px;
}


/* --------------------------------------------------------------------------------------
 外部リンク
--------------------------------------------------------------------------------------- */

.officialsite {
	background: url(../images/icon04.gif) no-repeat left /* -1px */;
	padding-left: 75px;
	height: 16px;
	font-size: 14px;
	margin-bottom: 5px;
}

.officialsiteBox {
	font-size: 13px;
	color: #666666;
	padding: 10px;
	background: #FFFFDD;
	line-height: 1.2;
	text-align: left;
}


/* --------------------------------------------------------------------------------------
 プリロードイメージ
--------------------------------------------------------------------------------------- */

#image-preload{
	width: 0px;
	height: 0px;
	display: inline;
	background-image:url(../images/template/index_arow_over.gif);
}