@charset "shift_jis";

/* [[�¥ TOP PAGE ======================================================]] */
/* [[„¥ MAIN common ]] */
body#toppage div#layoutWrap {
	width: 970px;
}
body#toppage div#main {
	width: 765px;
	position: relative;
	float: right;
	margin: 0px;
}
div#main .item {
	background-color: #FFF;
	margin: 0px 0px 15px 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #BBBBBB 0px 2px 5px;
	-moz-box-shadow: #BBBBBB 0px 2px 5px;
	box-shadow: #BBBBBB 0px 2px 5px;
}
div#main .itemHeader {
	margin: 0px 10px;
	padding-top: 10px;
}
div#main .itemHeader h2 {
	float: left;
}
div#main .itemHeader p {
	float: right;
	text-align: right;
	color: #29B;
	font-size: 92%;
	line-height: 1.67;
}
div#main .itemHeader p img {
	vertical-align: middle;
	padding-left: 5px;
}
/* [[„¥ textTopic ]] */
#header div.rightBox {
	width: 745px;
	height: 21px;
	margin-top: 9px;
	padding: 0px 10px;
	background: url(../image/topic/topic_base.png) no-repeat left top;
	behavior: url(js/iepngfix.htc);
}
#ttArea {
	height: 17px;
	padding: 3px 0px 1px;
	width: 745px;
}
#ttArea strong {
	float: left;
	display: inline;
	width: 55px;
	margin-top: 1px;
	margin-right: 5px;
	background-color: #29B;
}
#textTopic {
	float: right;
	overflow: hidden;
	width: 680px;
	height: 17px;
	margin: 0px 0px 0px 5px;
	padding: 0px;
	color: #ff9900;
	font-size: 100%;
	line-height: 1.31;
}
#textTopic .ui-slider-container {
	width: 630px;
	height: 17px;
	white-space: nowrap;
	overflow: hidden;
	float: left;
}
#textTopic .ui-slider-content {
	color: #FFF;
	vertical-align: middle;
}
#textTopic .ui-slider-next {
	float: right;
	background-color: #29B;
}
/* [[„¥ pictureTopic ]] */
div#pictureTopic {
	height: 480px;
	overflow: hidden;
}
div#pictureTopic .ui-slider {
	position: relative;
}
div#pictureTopic .ui-slider-loader {
	background-color: #FFF;
	text-align: center;
}
div#pictureTopic .ui-slider-loader img {
	margin-top: 228px;
	/*area height 480px / image height 24px */
}
div#pictureTopic .ui-slider-container,
#pictureTopic img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#pictureTopic .ui-slider-content {
	text-align: center;
}
div#pictureTopic img {
	max-height: 480px;
}
div#pictureTopic .ui-slider-navi-template {
	position: absolute;
	width: 100%;
	bottom: 0px;
	text-align: center;
}
div#pictureTopic .ui-slider-navi {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer;
	margin: 0px 0px 5px;
	padding: 5px 3px;
	font-size: 77%;
	line-height: 1;
	color: #CCC;
}
div#pictureTopic .ui-slider-navi.active {
	color: #29B;
}

/* [[„¥ #pickup]] */
#pickup img {
	border-radius: 5px;
}



/* [[„¥ INFORMARION ]] */
#information {
	padding-bottom: 10px;
}
/* [[„ „¥ tab ]] */
#information #info_tab {
	width: 745px;
	margin: 10px 10px 0px;
}
#information #info_tab a {
	float: left;
	display: block;
	color: #FFF;
	padding: 10px 0px;
	margin-left: 5px;
	background-color: #29B;
	border: 1px solid #29B;
	border-width: 1px 1px 0px;
	border-radius: 5px 5px 0px 0px;
	width: 118px;
	text-align: center;
	font-weight: bold;
	position: relative;
	z-index: 1;
}
#information #info_tab a:first-child{
	margin-left: 0px;
}
#information #info_tab a.activeTab {
	background-color: #FFF;
	color: #29B;
}
#information #info_tab a img {
	position: absolute;
	top: -7px;
	right: -2px;
}
/* [[„ „¤ tabContents ]] */
#information #info_category {
	margin: -1px 10px 0px;
	padding: 9px;
	height: 200px;
	border: 1px solid #29B;
	border-radius: 0px 0px 5px 5px;
	position: relative;
}
#information #info_category .moreInfo{
	display: block;
	position: absolute;
	top: 170px;
	left: 0px;
	width: 719px;
	height: 40px;
	background: url(../image/top/info_cover.png) bottom left repeat-x;
	z-index: 1;
	pointer-events: none;
}
#information .tabContents {
	width: 725px;
	height: 200px;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	overflow-x: hidden;
}
#information .tabContents {
	display: none;
}
#information .tabContents div.content {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 725px;
	height: 200px;
}
#information .tabContents div.content p {
	text-align: center;
	color: #CCC;
}
#information .tabContents dl {
	border-bottom: 1px dotted #DDD;
	margin-bottom: 30px;

	width: 725px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;/* �e width ‚É‚ ‚킹Žq—v‘f = &_item �Ü‚è•Ô‚µŽw’è */
	justify-content: flex-start;/* Žq—v‘f = &_item �…•½Žw’è */
	align-items: flex-start;/* Žq—v‘f = &_item �‚’¼Žw’è */
}
#information .tabContents dt,
#information .tabContents dd {
	padding: 10px 10px 10px 0px;
	border-top: 1px dotted #DDD;
}
#information .tabContents dt {
	width: 120px;
	box-sizing: border-box;
	text-align: right;
	line-height: 1.6;
}
#information .tabContents dd {
	width: 605px;
	box-sizing: border-box;
	line-height: 1.6;
}
#information .tabContents dd img {
	display: inline-block;
	width: 75px;
	vertical-align: middle;
	margin-right: 5px;
	border-radius: 2px;
}
#information dl dd a {
	font-size: 100%;
	line-height: 1.38;
}
#information a:link { text-decoration: none; color: #03F;}
#information a:visited { color: #93C;}
#information a:hover { text-decoration: underline; color: #69F;}

#information dl dt span,
#information dl dt em,
#information dl dd span {
	font-size: 77%;
	line-height: 1.6;
	white-space: nowrap;
}
#information dl dt span {
	font-weight: bold;
}
#information dl dt em {
	font-style: normal;
	font-weight: bold;
	color: #F00;
	padding-right: 5px;
}
#information dl dd a {
	font-size: 100%;
	line-height: 1.6;
	vertical-align: middle;
}
#information dl dd span {
	padding-left: 2px;
}
/* [[„¥ SPECIAL ]] */
#diary #spList {
	margin: 10px 10px 0px;
	padding: 10px 0px;
	border-top: 2px solid #29B;
}
#diary #spList ul li {
	display: block;
	float: right;
	width: 365px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #DDD;
}
#diary #spList ul li:first-child {
	float: left;
}
#diary #spList ul li:first-child,
#diary #spList ul li:nth-of-type(4) {
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-width: 0px;
}
#diary .spPhoto {
	float: left;
	width: 58px;
	height: 58px;
	margin-right: 10px;
	overflow: hidden;
	border-radius: 34px;
	border: 5px solid #DDD;
}
#diary .spPhoto img {
	display: block;
	width: 58px;
}
#diary li:first-child .spPhoto {
	width: auto;
	height: 240px;
	border-radius: 5px;
}
#diary li:first-child .spPhoto img {
	height: 240px;
	width: auto;
}
#diary .spText .entryDate,
#diary .spText .entryAuthor{
	font-size: 92%;
	line-height: 1.5;
}
#diary .spText .entryDetail {
	margin-top: 10px;
}
#diary .spText .entryTitle a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#diary li:first-child .spText .entryDate,
#diary li:first-child .spText .entryAuthor{
	font-size: 100%;
	line-height: 1.5;
}
#diary li:first-child .spText .entryTitle a {
	font-size: 123%;
	line-height: 1.5;
	margin: 5px 0px;
	white-space: normal;
	overflow: auto;
}
#diary .spText a{
	display: block;
	padding: 5px 0px;
	font-weight: bold;
}
#diary #spList ul li:first-child .spPhoto,
#diary #spList ul li:first-child .spText {
	display: table-cell;
	vertical-align: middle;
	height: 240px;
}
/*for IE6 */
* html #diary #spList ul li:first-child .spPhoto,
* html #diary #spList ul li:first-child .spText {
	display: inline;
	zoom: 1;
}
/*for IE7 */
*:first-child+html #diary #spList ul li:first-child .spPhoto,
*:first-child+html #diary #spList ul li:first-child .spText {
	display: inline;
	zoom: 1;
}
/* [[„¤ BANNER ]] */
#banner {
	margin: 0px 0px 15px 15px;
}
#banner li {
	display: block;
	float: left;
	margin: 0px 15px 15px 0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: #BBBBBB 0px 2px 5px;
	-moz-box-shadow: #BBBBBB 0px 2px 5px;
	box-shadow: #BBBBBB 0px 2px 5px;
}
#banner li:nth-child(4n) {
	margin-right: 0px;
}
#banner li img {
	display: block;
	width: 180px;
	height: 100px;
}


/* [[�¤COUNT DOWN======================================================]] */
#cdj_count a {
	display: block;
	padding: 4px;
	border: solid 1px #f85e00;
	background: #ff7c2c;
	border-radius: 5px;
}
#cdj_count a p {
	float: left;
	width: 160px;
	font-size: 0;
	line-height: 0;
	text-align: center;
}
#cdj_count a div {
	float: right;
	width: 595px;
	text-align: center;
	background: #222;
	border-radius: 3px;
	border: solid 1px #000;
	box-sizing: border-box;
}
#cdj_count a div span {
	display: inline-block;
	width: 23px;
	height: 38px;
	vertical-align: middle;
	overflow: hidden;
	background: url(../cdj_count/countdown.png) no-repeat left top;
	-webkit-background-size: auto 38px;
	background-size: auto 38px;
}
#cdj_count a div span.subText {
	width:auto;
	height: auto;
	padding: 0 10px 0 0;
	color: #fe0;
	font-size: 12px;
	background: none;
}
#cdj_count a div span.image0 { background-position: -0px 0px; }
#cdj_count a div span.image1 { background-position: -23px 0px; }
#cdj_count a div span.image2 { background-position: -46px 0px; }
#cdj_count a div span.image3 { background-position: -69px 0px; }
#cdj_count a div span.image4 { background-position: -92px 0px; }
#cdj_count a div span.image5 { background-position: -115px 0px; }
#cdj_count a div span.image6 { background-position: -138px 0px; }
#cdj_count a div span.image7 { background-position: -161px 0px; }
#cdj_count a div span.image8 { background-position: -184px 0px; }
#cdj_count a div span.image9 { background-position: -207px 0px; }
#cdj_count a div span.imageDay { background-position: -230px 0px; }
#cdj_count a div span.imageSep { background-position: -253px 0px; width: 9px; }

/* [[�¤print style======================================================]] */
@media print {
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	word-wrap: break-word;
}



}/*�¢print style*/



/* [[�¤clearfix======================================================]] */
#cdj_count a,
div#main .itemHeader,
#information #info_tab,
#diary #spList ul,
.clearfix
{
 zoom:1;
}
#cdj_count a:after,
div#main .itemHeader:after,
#information #info_tab:after,
#diary #spList ul:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
* html #cdj_count a,
* html div#main .itemHeader,
* html #information #info_tab,
* html #diary #spList ul,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}