@charset "shift_jis";
/* CSS Document */

/* --------------------------------------------------------------------------------------
 トップページ
--------------------------------------------------------------------------------------- */

div#top_btn{
	width:868px;
	height:481px;
	margin-top:44px;
	padding-left:32px;
	background:url(../../collections/img/btn_bg.gif) no-repeat left bottom;
}

div#top_btn ul {height:351px;}
div#top_btn li {float:left; height:351px; overflow: hidden;}

div#top_btn a{
	display:block;
	line-height: 1.5;
	padding-top: 351px;
	overflow: hidden;
	margin:0px;
	width:215px;
	height:0;
	/*height:351px;*/
	
}

div#top_btn a.collection_btn01 {background: transparent url(../../collections/img/btn01.jpg) 0 0 no-repeat;}
div#top_btn a.collection_btn02 {background: transparent url(../../collections/img/btn02.jpg) 0 0 no-repeat;}
div#top_btn a.collection_btn03 {background: transparent url(../../collections/img/btn03.jpg) 0 0 no-repeat;}
div#top_btn a.collection_btn04 {background: transparent url(../../collections/img/btn04.jpg) 0 0 no-repeat;}
div#top_btn a:hover{background-position:0px -351px;}



div#top_btn .collection_btn02_on a{background:url(../../collections/img/btn02.jpg) 0 0 no-repeat; cursor:default;}

.collection_top_moji{
	width:195px;
	margin-top:18px;
	margin-right:20px;
	text-align:center;
	float:left;
	display:block;
}

.collection_top_moji2{
	width:195px;
	margin-top:18px;
	text-align:center;
	float:left;
	display:block;
}

/* --------------------------------------------------------------------------------------
 中ページ共通
--------------------------------------------------------------------------------------- */
.collection_common_top_moji{
	width:770px;
	margin:auto;
	margin-top:20px;
}


/* --------------------------------------------------------------------------------------
 タブ式メニューを使用しない場合のCSS
--------------------------------------------------------------------------------------- */
.tab_bg {
	top: 1px;
	position: relative;
	float: left;
	width:131px;
	height:32px;
	margin: 0px 4px 0px 0px;
	list-style: none;
	background:url(../../collections/word_cube/img/tab_btn_bg_off.gif) left top no-repeat;
	border-bottom: solid 1px #C2C3C3;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}


.tab_select_bg {
	position: relative;
	top: 1px;
	float: left;
	width:131px;
	height:32px;
	margin: 0px 4px 0px 0px;
	list-style: none;
	background:url(../../collections/word_cube/img/tab_btn_bg.gif) left bottom no-repeat;
	border-bottom: 1px solid #F2EDE9;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.tab_bg img { padding:13px 0px 3px 0px; }
.tab_select_bg img { padding:13px 0px 3px 0px; }

.tab_bg a{
	background:url(../../collections/word_cube/img/tab_btn_bg_off.gif) left top no-repeat;
	margin:0;
	position: absolute;
	width:131px;
	height:32px;
}
.tab_bg a:hover{
	width:131px;
	height:32px;
	margin: 0px;
	background:url(../../collections/word_cube/img/tab_btn_bg_o.gif) left top no-repeat;
}



/* --------------------------------------------------------------------------------------
 タブ式メニュー
--------------------------------------------------------------------------------------- */
.TabbedPanels {
	overflow: hidden;
	margin:auto;
	margin-top:33px;
	padding: 0px;
	clear: none;
	width: 785px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin:0;
	padding:0;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	width:131px;
	padding:13px 0px 3px 0px;
	margin: 0px 4px 0px 0px;
	list-style: none;
	background:url(../../collections/word_cube/img/tab_btn_bg_off.gif) left bottom no-repeat;
	border-bottom: solid 1px #C2C3C3;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
}

.TabbedPanelsTabHover {
	background:url(../../collections/word_cube/img/tab_btn_bg_o.gif) left bottom no-repeat;
}

.TabbedPanelsTabSelected {
	background:url(../../collections/word_cube/img/tab_btn_bg.gif) left bottom no-repeat;
	padding:13px 0px 3px 0px;
	border-bottom: 1px solid #F2EDE9;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear:both;
	border-top:solid 1px #C2C3C3;
	background:url(../../collections/word_cube/img/tab_bg.jpg) repeat-x left top;
}
/*  中　////////////////////////////////////////////////////////////////// */

.TabbedPanelsContentGroup .sub_title{padding-left:26px; padding-top:26px;}
.TabbedPanelsContentGroup .sub_title_moji{padding-left:26px; margin-top:10px;}

.TabbedPanelsContentGroup .img_frame{margin-top:26px;}

.TabbedPanelsContentGroup .lineup_title{
	width:740px;
	height:30px;
	margin:auto;
	padding:15px 0px 0px 5px;
	background:url(../../collections/word_cube/img/line_up_line.gif) repeat-x left top;
}


/* ラインアップのボタン */
.TabbedPanelsContentGroup .lineup_btn_frame{
	margin-top:15px;
	padding-left:72px;
	padding-bottom:50px;
}
.TabbedPanelsContentGroup .lineup_btn_frame li{
	float:left;
	width:100px;
	min-height:111px;
	margin-left:8px;
}
/* ラインアップのボタン Newマーク用 */
.TabbedPanelsContentGroup .lineup_btn_frame .new{
	float:left;
	width:100px;
	height:20px;
	margin-left:8px;
	padding-top:5px;
}

/* ラインアップ（インラインフレーム）のボタン */
.TabbedPanelsContentGroup .lineup_btn_iframe{
	margin-top:15px;
	height:365px;
	overflow: auto;
	overflow-x:hidden;
	padding-left:72px;
	padding-bottom:50px;
}
.TabbedPanelsContentGroup .lineup_btn_iframe li{
	float:left;
	width:100px;
	margin-left:8px;
}

/* ラインアップのボタン Newマーク用 */
.TabbedPanelsContentGroup .lineup_btn_iframe .new{
	float:left;
	width:100px;
	height:20px;
	margin-left:8px;
	padding-top:5px;
}



.TabbedPanelsContent {overflow: hidden;}
.TabbedPanelsContentVisible {}

.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}

/* --------------------------------------------------------------------------------------
 画像ページのSEO対策
--------------------------------------------------------------------------------------- */
/* セレクションのoptionページ */
.option_komoku{
	display:block;
	width:785px;
	height:0;
	overflow:hidden;
	background: url(../../collections/selection/img/img_option.jpg) no-repeat left top;
	line-height: 1.5;
	padding-top:862px;
}

/* ジュエルボックスページ */
.jewelbox_komoku01{
	display:block;
	width:785px;
	height:0;
	overflow:hidden;
	background: url(../../collections/jewel_box/img/img_jewelbox01.jpg) no-repeat left top;
	line-height: 1.5;
	padding-top:393px;
}

.jewelbox_komoku02{
	display:block;
	width:785px;
	height:0;
	overflow:hidden;
	background: url(../../collections/jewel_box/img/img_jewelbox02.jpg) no-repeat left top;
	line-height: 1.5;
	padding-top:401px;
}

.jewelbox_komoku03{
	display:block;
	width:785px;
	height:0;
	overflow:hidden;
	background: url(../../collections/jewel_box/img/img_jewelbox03.jpg) no-repeat left top;
	line-height: 1.5;
	padding-top:307px;
}

.plate_komoku01{
	display:block;
	width:785px;
	height:0;
	overflow:hidden;
	background: url(../../collections/jewel_box/img/img_plate01.jpg) no-repeat left top;
	line-height: 1.5;
	padding-top:393px;
}

.plate_komoku02{
	display:block;
	width:785px;
	height:0;
	overflow:hidden;
	background: url(../../collections/jewel_box/img/img_plate02.jpg) no-repeat left top;
	line-height: 1.5;
	padding-top:259px;
}