@charset "shift_jis";

/* Style for "gallery_index.dwt"
-------------------------------------------------------------*/

body.gallery {}

body.gallery #topicsPath_bg{ /* SB add 090115 */
	background: transparent;
	position: absolute;
	z-index: 2;
}

body.gallery #topicsPath { /* SB add 090115 */
	margin:17px 0 0 42px;
	width:942px;
}

body.gallery #contentsStart { /* SB add 090115 */
	height: 13px;
}

body.gallery .contentsHeader { /* SB add 090115 */
	clear: both;
	position: relative;
}



/*--------------------------------------------*/
/* index.html                                 */
/*--------------------------------------------*/


.coverFrame {
	float: left;
	width: 273px;
}

.coverFrame h2 {
	padding-left: 2px;
}

.coverFrame .coverBox {
	margin-bottom: 22px;
}

.coverFrame .coverBox .image {
	text-align: center;
}

.coverFrame .coverBox .image img {
	border: 1px solid #E704F0;
}

.coverFrame .coverBox .text {
	padding: 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #CC0066;
	text-align: center;
}

.coverFrame .coverBox .button {
	text-align: center;
}

.coverFrame .nextnumberBox {
	margin: 0 22px 0 27px;
	background: #9966FF url("images/nextNumber_bg_btm.gif") center bottom no-repeat;
}

.coverFrame .nextnumberBox h3 {
	padding: 12px 0 9px 0;
	font-weight: bold;
	line-height: 1.7em;
	color: #FFFF00;
	text-align: center;
	background: url("images/nextNumber_bg_top.gif") center top no-repeat;
}

.coverFrame .nextnumberBox .title {
	padding: 0 10px 12px;
	line-height: 1.7em;
	color: #FFFF00;
}

.coverFrame .nextnumberBox .image {
	padding: 0 0 12px 8px;
}

.coverFrame .nextnumberBox .comment {
	padding: 0 10px 15px;
	line-height: 1.7em;
	color: #FFFFFF;
}



.detailFrame {
	float: left;
	width: 653px;
}

.detailFrame .detailBox {
	margin-top: 10px;
	background: url(images/features_bg_mid.gif) left top repeat-y;
}

.detailFrame .detailBox .inner {
	padding: 8px 0 18px 27px;
	background: url(images/features_bg_btm.gif) left bottom no-repeat;
}

.detailFrame .detailBox .image {
	float: left;
	width: 220px;
}

.detailFrame .detailBox .image img {
	border: 2px solid #35CDFF;
}

.detailFrame .detailBox .text {
	float: left;
	width: 380px;
}

.detailFrame .detailBox h4 {
	background: url(images/features_txt_bg.gif) left top no-repeat;
	padding: 2px 0 8px 36px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	color: #FF24DB;
}

.detailFrame .detailBox .subtitle {
	padding-bottom: 3px;
	font-weight: bold;
	line-height: 1.3em;
	color: #99CC00;
}

.detailFrame .detailBox .comment {
	line-height: 1.7em;
	color: #3759DF;
}

.detailFrame .detailBox .line {
	clear: both;
	height: 30px;
	background: url(images/features_line.gif) left center no-repeat;
}

/* custom #extra */
.detailFrame #extra {
	clear: both;
}

.detailFrame #extra h4 {
	background: url(images/extra_txt_bg.gif) left top no-repeat;
	color: #CF22FB;
}

.detailFrame #enquete {
	clear: both;
	background: url(images/enquete_bg_mid.gif) left top repeat-y;
}

.detailFrame #enquete .inner {
	background: url(images/enquete_bg_btm.gif) left bottom no-repeat;
}

.detailFrame #enquete iframe {
	width: 600px;
	height: 190px;
	border: none;
}


.backnumberFrame {
	clear: both;
	padding: 12px 0 0 22px;
}

.backnumberFrame .titleBox {
	position: relative;
}

.backnumberFrame .titleBox select {
	width: 160px;
	position: absolute;
	left: 723px;
	top: 54px;
}

.backnumberFrame .listBox {
	background: url(images/backnumber_bg_mid.gif) left top repeat-y;
}

.backnumberFrame .listBox ul {
	padding: 0 0 8px 10px ;
	background: url(images/backnumber_bg_btm.gif) left bottom no-repeat;
}

.backnumberFrame .listBox ul li {
	float: left;
	display: block;
	width: 148px;
	text-align: center;
	padding-bottom: 24px;
}

.backnumberFrame .listBox ul li .button {
	display: block;
	margin-top: 5px;
}


/*--------------------------------------------*/
/* backnumber page                            */
/*--------------------------------------------*/

.coverListFrame {

}

.coverListFrame .titleBox {
	position: relative;
}

.coverListFrame .titleBox h2 {
	padding-left: 2px;
}

.coverListFrame .titleBox select {
	width: 160px;
	position: absolute;
	left: 744px;
	top: 59px;
}

.coverListFrame .inner {
	padding-top: 12px;
	padding-left: 32px;
}

.coverListFrame .coverBox {
	float: left;
	width: 294px;
	margin-bottom: 42px;
}

.coverListFrame .coverBox .image {
	text-align: center;
}

.coverListFrame .coverBox .image img {
	border: 1px solid #E704F0;
}

.coverListFrame .coverBox .text {
	padding: 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #CC0066;
	text-align: center;
}

.coverListFrame .coverBox .button {
	text-align: center;
}