@charset "utf-8";

/* -----------------------------------------------
CSS file
FileName:top.css
Author:ecco
UpdatedBy:who-when
----------------------------------------------- */

/* --------------
MODULE IMPORT
-------------- */

@import "module/default.css";


/* --------------
Layout
-------------- */

/* definition_#mainContents */
#mainContents p{
	line-height: 1.5;
	margin: 0 0 15px;
}

/* definition_.boxShop */
.boxShop{
	clear: both;
	margin: 0 0 15px;
	width: 640px;
}

.boxShop.ver1{
	background-image: url(../../shop/images/bg_twocolumn_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

/* definition_.boxShop > .textBoxL */
.boxShop .textBoxL{
	background-image: url(../../shop/images/bg_twocolumn_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	margin: 0;
	padding: 10px;
	width: 295px;
}

/* definition_.boxShop > .textBoxR */
.boxShop .textBoxR{
	background-image: url(../../shop/images/bg_twocolumn_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
	float: right;
	margin: 0;
	padding: 10px;
	width: 295px;
}

.boxShop .ulStyle01{
	line-height: 1.3;
	margin: 0 0 5px 2px;
}

.boxShop .ulStyle01 li{
	background-image: url(../images/ic_list02.gif);
	background-position: left .4em;
	background-repeat: no-repeat;
	margin: 0 0 5px;
	padding: 0 0 0 5px;
}

.ulStyle02 li{
	float: left;
	margin: 0 20px 0 0;
}

.ulStyle02 li.end{
	margin: 0;
}

/* tabs
----------------------------------*/
/* definition_#hall  */
.ui-tabs { padding: 0; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em 0 0; }
.ui-tabs .ui-tabs-nav li {
	border-width: 0 !important;
	float: left;
	padding: 0;
	position: relative;
}

#tabs #hall li{
	margin: 0 10px -1px 0;
}

/* under IE6 */
* html #tabs #hall li.end{
	margin: 0 5px -1px 0;
}

#tabs2 #hall li{
	margin: 0 8px -1px 0;
}

#tabs2 #hall li.end{
	margin: 0 0 -1px 0;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	display: block;
	height: 0 !important;
	height /**/: 36px;
	overflow: hidden;
	padding: 36px 0 0;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li #tab1,
.ui-tabs .ui-tabs-nav li #tab2,
.ui-tabs .ui-tabs-nav li #tab3
{
	width: 200px;
}

.ui-tabs .ui-tabs-nav li #tab4,
.ui-tabs .ui-tabs-nav li #tab5,
.ui-tabs .ui-tabs-nav li #tab6,
.ui-tabs .ui-tabs-nav li #tab7
{
	width: 154px;
}

.ui-tabs .ui-tabs-nav li #tab1 {
	background-image: url(../../shop/images/tab_a1.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.ui-tabs .ui-tabs-nav li #tab2 {
	background-image: url(../../shop/images/tab_a2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.ui-tabs .ui-tabs-nav li #tab3 {
	background-image: url(../../shop/images/tab_a3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.ui-tabs .ui-tabs-nav li #tab4 {
	background-image: url(../../shop/images/tab_b1.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.ui-tabs .ui-tabs-nav li #tab5 {
	background-image: url(../../shop/images/tab_b2.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.ui-tabs .ui-tabs-nav li #tab6 {
	background-image: url(../../shop/images/tab_b3.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.ui-tabs .ui-tabs-nav li #tab7 {
	background-image: url(../../shop/images/tab_b4.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover #tab1 {
	background-image: url(../../shop/images/tab_a1_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover #tab2 {
	background-image: url(../../shop/images/tab_a2_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover #tab3 {
	background-image: url(../../shop/images/tab_a3_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover #tab4 {
	background-image: url(../../shop/images/tab_b1_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover #tab5 {
	background-image: url(../../shop/images/tab_b2_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover #tab6 {
	background-image: url(../../shop/images/tab_b3_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-hover #tab7 {
	background-image: url(../../shop/images/tab_b4_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active #tab1 {
	background-image: url(../../shop/images/tab_a1_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active #tab2 {
	background-image: url(../../shop/images/tab_a2_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active #tab3 {
	background-image: url(../../shop/images/tab_a3_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active #tab4 {
	background-image: url(../../shop/images/tab_b1_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active #tab5 {
	background-image: url(../../shop/images/tab_b2_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active #tab6 {
	background-image: url(../../shop/images/tab_b3_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active #tab7 {
	background-image: url(../../shop/images/tab_b4_on.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 -1px;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { padding: 1em 0; display: block; border-width: 0; background: none; width: 100%; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* tabs original
----------------------------------*/
/* definition_#tabs > #hall  */
#tabs #hall{
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 0 0 -1px;
	padding: 0 0 0 10px;
	width: 630px;
}

/* definition_#tabs2 > #hall  */
#tabs2 #hall{
	border-color: #CCC;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 0 0 -1px;
	padding: 0;
	width: 640px;
}

/* definition_.wrapTabContents  */
.wrapTabContents{
	background-color: transparent;
	border-color: #CCC;
	border-style: solid;
	border-width: 0 1px 1px;
	margin: 0 0 30px;
	padding: 10px;
	width: 618px;
}

/* definition_#tabs-1 / #tabs-2 / #tabs-3 */
#tabs-1,
#tabs-2,
#tabs-3,
#tabs-4,
#tabs-5,
#tabs-6,
#tabs-7
{
	background-color: transparent;
	color: #000;
	margin: 0;
	padding: 0;
}