@charset "Shift_JIS";

/* -------------------- start of Style Sheet -------------------- */

/* Cascading Style Sheet for テイチク トップページ */

* {
	border-width: 0;
}

#main {
	overflow: hidden;
}

/* ################### */
/* ### 広告用FLASH ### */
/* ################### */
#ad-flash {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash {
	position: fixed;
}
#ad-flash object, #ad-flash embed {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash object,
html[xmlns] #ad-flash embed {
	position: fixed;
}

#ad-flash-small {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 65536;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash-small {
	position: fixed;
	width: auto;
	height: auto;
}
#ad-flash-small object, #ad-flash-small embed {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 65536;
	width: 400px;
	height: 300px;
	margin: 0;
	padding: 0;
}
html[xmlns] #ad-flash-small object,
html[xmlns] #ad-flash-small embed {
	position: fixed;
	top: auto;
	left: auto;
	bottom: 10px;
	right: 10px;
}

/* ################ */
/* ### 取り組み ### */
/* ################ */
#torikumi {
	position: relative;
	top: -22px;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 70px;
	margin: 0 0 -10px 20px;
	padding: 0;
	text-align: left;
	font-size: 72%;
}
html[xmlns] #torikumi {
	top: -15px;
	margin: 0 0 -10px 20px;

}

#torikumi p {
	margin: 0;
	padding: 0;
}

/* ########### */
/* ### RSS ### */
/* ########### */
#rss {
	position: relative;
	top: -32px;
	left: 0;
	z-index: 300;
	width: 100%;
	height: 70px;
	margin: 0 0 -25px 0;
	padding: 10px 0 15px 0;
	text-align: center;
	font-size: 72%;
}
html[xmlns] #rss {
	overflow: hidden;
	top: -28px;
	margin: 0 0 -21px 0;
	height: auto;
	min-height: 50px;
}
#rss h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#rss p.getRSS {
	float: right;
	position: relative;
	top: 0;
	left: 0;
	z-index: 310;
	margin: -40px 5px 0 5px;
	padding: 0;
	width: 197px;
	text-align: left;
}
/* Mac IE 5.x 以外適用 \*/
#rss p.getRSS {
	margin: 0 5px;
}
/* Mac IE 5.x 以外適用ここまで */
html[xmlns] #rss p.getRSS {
	margin: 0 10px;
}
#rss p.getRSS img {
	margin: 0 0 2px 0;
	padding: 0;
}
#rss ul {
	position: relative;
	top: 0;
	left: 0;
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	text-align: left;
}
#rss ul li {
	width: 770px;
	margin: 0;
	padding: 0 10px;
	line-height: 2.0;
	letter-spacing: 0.1em;
	text-overflow: ellipsis;
}
#rss ul li strong {
	color: #ff0000;
}
#rss ul li strong a {
	color: #ff0000;
}
#rss ul li em {
	color: #058bc0;
	font-weight: normal;
	font-style: normal;
}
#rss ul li em a {
	color: #058bc0;
}
#rss p#get-more {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 11px;
	margin: 0 auto;
	padding: 2px 0 4px 0;
	font-size: 1px;
	text-align: center;
}
html[xmlns] #rss p#get-more {
	height: auto;
	min-height: 7px;
}

/* ######################## */
/* ### リリースアイテム ### */
/* ######################## */
#release-item {
	position: absolute;
	top: 58px;
	right: 65px;
	z-index: 300;
	width: 230px;
	height: 110px;
}
#release-item h4 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}

/* ######################## */
/* ### レーベルインフォ ### */
/* ######################## */
#label {
	position: relative;
	top: 0;
	left: 0;
	z-index: 400;
	
	margin: 0 auto 1em auto;
	padding: 0;
	
	/* for Windows IE 6 or Lower */
	text-align: center;
}

#label h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#label h3 {
	width: 254px;
	height: 43px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
#label h3 a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
/* Mac IE 5.x 以外適用 \*/
#label h3 a {
	overflow: hidden;
}
/* Mac IE 5.x 以外適用ここまで */
#label div.body {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	width: 254px;
	margin: 0 -6px 0 0;
	padding: 0 0 35px 0;
	vertical-align: top;
}
#label p.link {
	width: 254px;
	height: 23px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../img/basic/back_p_link-imp.gif) 50% 0 no-repeat;
}
#label p.link a {
	display: block;
	width: 234px;
	height: 100%;
	margin: 0 10px;
	padding: 0;
	font-size: 5px;
	text-indent: -9000px;
	background: url(../img/basic/back_p_link-imp.gif) 50% 0 no-repeat;
}
/* Mac IE 5.x 以外適用 \*/
#label p.link a {
	overflow: hidden;
}
/* Mac IE 5.x 以外適用ここまで */

/* エクスビジョン レーベルインフォ用 */
#xvision {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#xvision h3 {
	background: url(../img/basic/back_h3_xvision.gif) 50% 0 no-repeat;
}
#xvision p.link-xvision {
	background: url(../img/basic/back_p_link-xvision.gif) 50% 0 no-repeat;
}
#xvision p.link-xvision a {
	background: url(../img/basic/back_p_link-xvision.gif) 50% 0 no-repeat;
}
#xvision p.link-xvision a:hover {
	background: url(../img/basic/back_p_link-xvisionB.gif) 50% 0 no-repeat;
}

/* ボーガスレコード レーベルインフォ用 */
#bogus {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#bogus h3 {
	background: url(../img/basic/back_h3_bogus.gif) 50% 0 no-repeat;
}
#bogus p.link-bogus {
	background: url(../img/basic/back_p_link-bogus.gif) 50% 0 no-repeat;
}
#bogus p.link-bogus a {
	background: url(../img/basic/back_p_link-bogus.gif) 50% 0 no-repeat;
}
#bogus p.link-bogus a:hover {
	background: url(../img/basic/back_p_link-bogusB.gif) 50% 0 no-repeat;
}

/* インペリアルレコード レーベルインフォ用 */
#imp {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#imp h3 {
	background: url(../img/basic/back_h3_imp.gif) 50% 0 no-repeat;
}
#imp p.link-imp {
	background: url(../img/basic/back_p_link-imp.gif) 50% 0 no-repeat;
}
#imp p.link-imp a {
	background: url(../img/basic/back_p_link-imp.gif) 50% 0 no-repeat;
}
#imp p.link-imp a:hover {
	background: url(../img/basic/back_p_link-impB.gif) 50% 0 no-repeat;
}

/* Imperial Records International レーベルインフォ用 */
#imp-intl {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#imp-intl h3 {
	background: url(../img/basic/back_h3_imp-intl.gif) 50% 0 no-repeat;
}
#imp-intl p.link-imp-intl {
	background: url(../img/basic/back_p_link-imp-intl.gif) 50% 0 no-repeat;
}
#imp-intl p.link-imp-intl a {
	background: url(../img/basic/back_p_link-imp-intl.gif) 50% 0 no-repeat;
}
#imp-intl p.link-imp-intl a:hover {
	background: url(../img/basic/back_p_link-imp-intlB.gif) 50% 0 no-repeat;
}

/* タクミノート レーベルインフォ用 */
#takumi {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#takumi h3 {
	background: url(../img/basic/back_h3_takumi.gif) 50% 0 no-repeat;
}
#takumi p.link-takumi {
	background: url(../img/basic/back_p_link-takumi.gif) 50% 0 no-repeat;
}
#takumi p.link-takumi a {
	background: url(../img/basic/back_p_link-takumi.gif) 50% 0 no-repeat;
}
#takumi p.link-takumi a:hover {
	background: url(../img/basic/back_p_link-takumiB.gif) 50% 0 no-repeat;
}

/* テイチクレコード レーベルインフォ用 */
#teichiku {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#teichiku h3 {
	background: url(../img/basic/back_h3_teichiku.gif) 50% 0 no-repeat;
}
#teichiku p.link-teichiku {
	background: url(../img/basic/back_p_link-teichiku.gif) 50% 0 no-repeat;
}
#teichiku p.link-teichiku a {
	background: url(../img/basic/back_p_link-teichiku.gif) 50% 0 no-repeat;
}
#teichiku p.link-teichiku a:hover {
	background: url(../img/basic/back_p_link-teichikuB.gif) 50% 0 no-repeat;
}

/* ユニオンレーベル レーベルインフォ用 */
#union {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#union h3 {
	background: url(../img/basic/back_h3_union.gif) 50% 0 no-repeat;
}
#union p.link-union {
	background: url(../img/basic/back_p_link-union.gif) 50% 0 no-repeat;
}
#union p.link-union a {
	background: url(../img/basic/back_p_link-union.gif) 50% 0 no-repeat;
}
#union p.link-union a:hover {
	background: url(../img/basic/back_p_link-unionB.gif) 50% 0 no-repeat;
}

/* コンチネンタル・スター レーベルインフォ用 */
#continental-star {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#continental-star h3 {
	background: url(../img/basic/back_h3_continental-star.gif) 50% 0 no-repeat;
}
#continental-star p.link-continental-star {
	background: url(../img/basic/back_p_link-continental-star.gif) 50% 0 no-repeat;
}
#continental-star p.link-continental-star a {
	background: url(../img/basic/back_p_link-continental-star.gif) 50% 0 no-repeat;
}
#continental-star p.link-continental-star a:hover {
	background: url(../img/basic/back_p_link-continental-starB.gif) 50% 0 no-repeat;
}

/* レヴェイユレーベル レーベルインフォ用 */
#reveil {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#reveil h3 {
	background: url(../img/basic/back_h3_reveil.gif) 50% 0 no-repeat;
}
#reveil p.link-reveil {
	background: url(../img/basic/back_p_link-reveil.gif) 50% 0 no-repeat;
}
#reveil p.link-reveil a {
	background: url(../img/basic/back_p_link-reveil.gif) 50% 0 no-repeat;
}
#reveil p.link-reveil a:hover {
	background: url(../img/basic/back_p_link-reveilB.gif) 50% 0 no-repeat;
}

/* クロニクル レーベルインフォ用 */
#chronicle {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#chronicle h3 {
	background: url(../img/basic/back_h3_chronicle.gif) 50% 0 no-repeat;
}
#chronicle p.link-chronicle {
	background: url(../img/basic/back_p_link-chronicle.gif) 50% 0 no-repeat;
}
#chronicle p.link-chronicle a {
	background: url(../img/basic/back_p_link-chronicle.gif) 50% 0 no-repeat;
}
#chronicle p.link-chronicle a:hover {
	background: url(../img/basic/back_p_link-chronicleB.gif) 50% 0 no-repeat;
}

/* その他のタイトル インフォ用 */
#other {
	background: url(../img/basic/back_label_body.gif) 50% 0 repeat-y;
}
#other h3 {
	background: url(../img/basic/back_h3_other.gif) 50% 0 no-repeat;
}
#other p.link-other {
	background: url(../img/basic/back_p_link-other.gif) 50% 0 no-repeat;
}
#other p.link-other a {
	background: url(../img/basic/back_p_link-other.gif) 50% 0 no-repeat;
}
#other p.link-other a:hover {
	background: url(../img/basic/back_p_link-otherB.gif) 50% 0 no-repeat;
}


/* レーベルインフォ用 要素全般 */
#label div.push {
	margin: 0;
	padding: 0;
}
#label div.push p {
	position: relative;
	top: 0;
	left: 0;
	min-height: 222px;
	margin: 0 10px;
	padding: 0;
	background: url(../img/basic/back_jacket.gif);
	text-align: center;
}
#label div.push p img {
	margin: 10px 0;
	border: 1px solid #666666;
}

#label div.push p img.noframe {
	border: none;
}


#label dl.push {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 0 14px 0;
	padding: 0;
}
#label dl.push dt {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	margin: 0 10px;
	padding: 5px 10px;
	text-align: left;
	line-height: 1.5;
	/* border-bottom: 1px dotted #999999; */
}
#label dl.push dt span.title {
	display: block;
	padding-left: 8px;
	border-left: 7px solid #dddddd;
}

#label dl.push dd.release {
	margin: 15px 10px 5px 10px;
	padding: 4px 0;
	color: #666600;
	font-size: 71%;
	text-align: center;
	border: 1px #cccccc;
	border-style: solid none;
	background: #f3f3f3;
}

#label dl.push dd.data {
	margin: 0 10px;
	padding: 0 7px;
	font-size: 64%;
	text-align: center;
	/* background: #f9f9f9; */
}

#label dl.push dd.memo {
	margin: 5px 10px;
	padding: 0 10px;
	color: #666666;
	font-size: 71%;
	text-align: left;
}
#label dl.push dd.jacket {
	float: left;
	margin: 0 7px 0 2px;
	padding: 0;
}
#label dl.push dd.jacket img {
	margin: 0 0 1px 0;
	border: 1px solid #666666;
}
#label dl.push dd.comment {
	margin: 0 10px;
	padding: 0.4em 8px;
	color: #666666;
	font-size: 62%;
	text-align: left;
}
#label dl.push dd.copyright {
	margin: 0 10px;
	padding: 0.4em 8px;
	color: #666666;
	font-size: 62%;
	text-align: left;
	line-height: 1.5;
}

#label p.more-info {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 224px;
	height: 24px;
	margin: 10px 0 0 0;
	padding: 0.5em 15px 0.8em 15px;
	font-size: 74%;
	text-indent: -9000px;
	text-align: right;
	background: url(../img/basic/back_label_bottom.gif) 50% 100% no-repeat;
}
p.more-info a {
	padding: 10px 0 0 35px;
	line-height: 2.0;
	background: url(../img/basic/icon_more.gif) 0 0 no-repeat;
}

/* ################## */
/* ### レコメンド ### */
/* ################## */
#recommend {
	position: relative;
	height: 102px;
	margin: 20px 0;
	padding: 2em 20px;
	text-align: center;
	line-height: 1.0;
	white-space: nowrap;
	border: 1px #eeeeee;
	border-style: solid none;
	background: url(../img/basic/back_recommend.jpg) 50% 50% repeat-x;
}

#recommend * {
	margin: 0;
	padding: 0;
	line-height: 1.0;
}

#recommend h2 {
	position: absolute;
	top: -15px;
	left: 15px;
	z-index: 710;
	width: 263px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url(../img/basic/back_h2_recommend.png) 50% 50% no-repeat !important;
}

#recommend div.wrapper {
	position: relative;
	left: 0;
	
	-webkit-transition: left 1s ease-in-out;
	-moz-transition: left 1s ease-in-out;
	-ms-transition: left 1s ease-in-out;
	-o-transition: left 1s ease-in-out;
	transition: left 1s ease-in-out;
}

#recommend div.item {
	cursor: pointer;
	position: relative;
	display: inline-block;
	min-width: 250px;
	margin-right: 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #ffffff;
	
	background: rgba(255, 255, 255, 0.85);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#recommend div.item p.image {
	z-index: 100;
}

#recommend div.item p.jacket {
	float: left;
	position: relative;
	z-index: 100;
}

#recommend dl {
	float: left;
	color: #333333;
}

#recommend dl dt {
	overflow: hidden;
	max-width: 230px;
	padding: 0.8em 10px 0.2em 10px;
	color: #336699;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	background: rgba(0, 0, 0, 0.1);
}

#recommend dl dt span {
	overflow: hidden;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#recommend dl dd.title {
	overflow: hidden;
	max-width: 230px;
	margin-top: 0.4em;
	padding: 0 10px;
	color: #333333;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#recommend dl dd.reason {
	max-width: 230px;
	margin-top: 6px;
	padding: 0 10px;
	color: #666600;
	font-size: 71%;
	line-height: 1.5;
	white-space: normal;
}

#recommend dl dd.info {
	margin-top: 0.6em;
}

#recommend dl dd.info ul {
	list-style-type: none;
}

#recommend dl dd.info ul li {
	margin: 0.3em 0;
	font-size: 71%;
}


#recommend dl dd.release {
	position: absolute;
	bottom: 1px;
	right: 1px;
	z-index: 200;
	padding: 4px 8px;
	color: #ffffff;
	font-size: 60%;
	background: #336699;
}

#recommend p.prev {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	z-index: 200;
	font-size: 150%;
	width: 20px;
	height: 20px;
	margin: auto;
	padding: 3px 5px 5px 5px;
	text-align: center;
	color: #336699;
	border: 1px solid #cccccc;
	background: #ffffff;
	
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#recommend p.next {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 5px;
	z-index: 200;
	font-size: 150%;
	width: 20px;
	height: 20px;
	margin: auto;
	padding: 3px 5px 5px 5px;
	color: #336699;
	text-align: center;
	border: 1px solid #cccccc;
	background: #ffffff;
	
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

/* #################### */
/* ### レーベル一覧 ### */
/* #################### */
#label-list {
	position: relative;
	z-index: 600;
	margin: 0;
	padding: 0;
}

#label-list ul {
	list-style-type: none;
	margin: 0.4em 0;
	padding: 0;
	font-size: 72%;
	text-align: center;
}
#label-list ul li {
	display: inline;
	margin: 0;
	padding: 0 1em;

}

/* ########################## */
/* ### イチオシコンテンツ ### */
/* ########################## */
#push {
	position: relative;
	top: 20px;
	left: 0;
	z-index: 600;
	margin: 0 0 55px 0;
	padding: 0;
}
html[xmlns] #push {
	margin: 0 0 45px 0;
}
#push h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#push img {
	border: 1px solid #666666;
}
#push ul {
	overflow: auto;
	position: relative;
	top: 0;
	left: 0;
	z-index: 610;
	list-style-type: none;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 135px;
	margin: 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	word-spacing: 0;
}
#push ul li {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	z-index: 620;
	margin: 0;
	padding: 0 1px;
}

/* ###################### */
/* ### Other Contents ### */
/* ###################### */
#other-contents {
	position: relative;
	z-index: 900;
}

#other-contents h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#other-contents ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#other-contents ul li {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
}
#other-contents ul li.live { background: url(../img/basic/icon_live.gif)  50% 50% no-repeat; }
#other-contents ul li.otona { background: url(../img/basic/icon_otona.gif)  50% 50% no-repeat; }
#other-contents ul li.train { background: url(../img/basic/icon_train.gif)  50% 50% no-repeat; }
#other-contents ul li.karaoke { background: url(../img/basic/icon_karaoke.gif)  50% 50% no-repeat; }
#other-contents ul li.shopping { background: url(../img/basic/icon_shopping.gif)  50% 50% no-repeat; }
#other-contents ul li.japan { background: url(../img/basic/icon_japan.gif)  50% 50% no-repeat; }
#other-contents ul li.novelty { background: url(../img/basic/icon_novelty.gif)  50% 50% no-repeat; }
#other-contents ul li.youtube { background: url(../img/basic/icon_youtube.gif)  50% 50% no-repeat; }
#other-contents ul li.facebook { background: url(../img/basic/icon_facebook.gif)  50% 50% no-repeat; }
#other-contents ul li.twitter { background: url(../img/basic/icon_twitter.gif)  50% 50% no-repeat; }

#other-contents ul li a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html[xmlns] #other-contents ul li a {
	overflow: hidden;
}
#other-contents ul li.live a { background: url(../img/basic/icon_live.gif)  50% 50% no-repeat; }
#other-contents ul li.live a:hover { background: url(../img/basic/icon_liveB.gif)  50% 50% no-repeat; }

#other-contents ul li.otona a { background: url(../img/basic/icon_otona.gif)  50% 50% no-repeat; }
#other-contents ul li.otona a:hover { background: url(../img/basic/icon_otonaB.gif)  50% 50% no-repeat; }

#other-contents ul li.train a { background: url(../img/basic/icon_train.gif)  50% 50% no-repeat; }
#other-contents ul li.train a:hover { background: url(../img/basic/icon_trainB.gif)  50% 50% no-repeat; }

#other-contents ul li.karaoke a { background: url(../img/basic/icon_karaoke.gif)  50% 50% no-repeat; }
#other-contents ul li.karaoke a:hover { background: url(../img/basic/icon_karaokeB.gif)  50% 50% no-repeat; }

#other-contents ul li.shopping a { background: url(../img/basic/icon_shopping.gif)  50% 50% no-repeat; }
#other-contents ul li.shopping a:hover { background: url(../img/basic/icon_shoppingB.gif)  50% 50% no-repeat; }

#other-contents ul li.japan a { background: url(../img/basic/icon_japan.gif)  50% 50% no-repeat; }
#other-contents ul li.japan a:hover { background: url(../img/basic/icon_japanB.gif)  50% 50% no-repeat; }

#other-contents ul li.novelty a { background: url(../img/basic/icon_novelty.gif)  50% 50% no-repeat; }
#other-contents ul li.novelty a:hover { background: url(../img/basic/icon_noveltyB.gif)  50% 50% no-repeat; }

#other-contents ul li.rakuten a { background: url(../img/basic/icon_rakuten.gif)  50% 50% no-repeat; }
#other-contents ul li.rakuten a:hover { background: url(../img/basic/icon_rakutenB.gif)  50% 50% no-repeat; }

#other-contents p {
	margin-right: 11px;
}


/* ############################ */
/* ### コーポレートインフォ ### */
/* ############################ */
#information {
	position: relative;
	top: 40px;
	left: 0;
	z-index: 800;
	height: 200px;
	margin: 0 0 25px 0;
	padding: 0;
	
	/* for Windows IE 6 or Lower */
	text-align: left;
}
/* Mac IE 5.x 以外適用 \*/
#information {
	margin: 0 0 65px 0;
}
/* Mac IE 5.x 以外適用ここまで */
html[xmlns] #information {
	height: auto;
	min-height: 200px;
	margin: 0 0 40px 0;
	padding: 0 0 20px 0;
}
#information h2 {
	position: relative;
	top: 0;
	left: 15px;
	width: 420px;
	height: 20px;
	margin: 0 0 0.2em 0;
	padding: 0;
	font-size: 100%;
	text-indent: -9000px;
	background: url(../img/basic/back_h2_information.png) 0 0 no-repeat !important;
}
html[xmlns] #information h2 {
	margin: 0 0 0.5em 0;
}

#information ul {
	list-style-type: none;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border-bottom: dotted 1px #cccccc;
	
	/* for Windows IE 6 or Lower */
	text-align: left;
}
/* Mac IE 5.x 以外適用 \*/
#information ul {
	width: 100%;
}
/* Mac IE 5.x 以外適用ここまで */
html[xmlns] #information ul {
	margin: 0 auto;
}
#information ul li {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	margin: 0;
	padding: 0.6em 25px 0.4em 45px;
	font-size: 71%;
	line-height: 2.2;
	border-top: dotted 1px #cccccc;
	background: url(../img/basic/icon_info.gif) 20px 1.2em no-repeat;
}


/* ############## */
/* ### バナー ### */
/* ############## */
#banner {
	position: relative;
	top: 15px;
	left: 0;
	z-index: 1000;
	margin: 0 25px 15px 25px;
	padding: 10px 10%;
	border: 1px solid #cccccc;
	background: url(../img/basic/back_stripe.png);
	text-align: center;
}
html[xmlns] #banner {
	margin: 0 25px 15px 25px;
}
#banner h2 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}
#banner img {
	border: 1px solid #666666;
}
#banner img.noborder {
	border: none;
}
#banner ul {
	list-style-type: none;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
#banner ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
a.tabata:link { color: #666666; text-decoration:none; }
a.tabata:visited { color: #666666; text-decoration:none; }
a.tabata:hover { color: #058bc0; text-decoration:none; }

/* ###################### */
/* ### クリスマス2016 ### */
/* ###################### */

#christmas {
	position: fixed;
	right: -300px;
	bottom: 0;
	z-index: 65536;
	width: 300px;
	height: 300px;
	background: url(../img/other/xmas_kobu.png);
	
	-webkit-transition: right 1s ease-in-out;
	-moz-transition: right 1s ease-in-out;
	-ms-transition: right 1s ease-in-out;
	-o-transition: right 1s ease-in-out;
	transition: right 1s ease-in-out;
}

#christmas.animate {
	right: 0;
}

/* ######################## */
/* ### ニューイヤー2017 ### */
/* ######################## */

#kobu {
	position: fixed;
	right: -300px;
	bottom: 0;
	z-index: 65536;
	width: 300px;
	height: 300px;
	background: url(../img/other/kobu_newyear.png);
	
	-webkit-transition: right 1s ease-in-out;
	-moz-transition: right 1s ease-in-out;
	-ms-transition: right 1s ease-in-out;
	-o-transition: right 1s ease-in-out;
	transition: right 1s ease-in-out;
}

#kobu.animate {
	right: 0;
}