@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;
}

/* 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 #tab1 {
	background-image: url(../../lineup/images/tab1.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

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

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

.ui-tabs .ui-tabs-nav li.ui-state-hover #tab1 {
	background-image: url(../../lineup/images/tab1_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(../../lineup/images/tab2_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(../../lineup/images/tab3_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(../../lineup/images/tab1_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(../../lineup/images/tab2_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(../../lineup/images/tab3_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_.wrapTabContents  */
.wrapTabContents{
	background-color: transparent;
	border-color: #CCC;
	border-style: solid;
	border-width: 0 1px 1px;
	margin: 0 0 15px;
	padding: 10px 18px;
	width: 602px;
}

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

/* definition_.wrapTabContents .imgBoxL */
.wrapTabContents .imgBoxL{
	border-width: 0;
	margin: 0 0 30px -10px;
}

/* definition_.wrapTabContents .imgBoxL2 */
.wrapTabContents .imgBoxL2{
	float: left;
	border-width: 0;
	margin: 5px 0 20px 0;
}

/* definition_.wrapTabContents .textBoxR */
.wrapTabContents .textBoxR{
	background-color: #f2fcff;
	border-color: #d9d9d9;
	border-style: solid;
	border-width: 1px;
	color: #000;
	margin: 0 24px 30px 0;
	padding: 12px 3px 7px;
	width: 418px;
}

/* under IE6 */
.wrapTabContents .textBoxR{
	margin: 12px 12px 30px 0;
}
/* only safari */  
body:first-of-type .textBoxR{
	padding: 0 3px 7px;
}

.wrapTabContents .textBoxR ul{
	width: 418px;
}

.wrapTabContents .textBoxR ul li{
	background-image: url(../images/ic_list01.gif);
	background-position: 8px .37em;
	background-repeat: no-repeat;
	border-color: #d9d9d9;
	border-style: solid;
	border-width: 0 0 1px;
	float: left;
	margin: 0 3px 0 0;
	padding: 5px 0 13px 30px;
	width: 177px;
}

/* under IE6 */
* html .wrapTabContents .textBoxR ul li{
	background-position: 8px .49em;
}

/* only safari */  
body:first-of-type .textBoxR ul li{
	background-position: 8px 1.5em;
	padding: 13px 0 13px 30px;
}

.wrapTabContents .textBoxR ul li.oneday{
	margin: 0 3px 10px 0;
}

.wrapTabContents .textBoxR ul li.twoweeks{
	margin: 0 0 10px;
}

.wrapTabContents .textBoxR ul li.onemonth{
	border-width: 0;
	padding: 5px 0 5px 30px;
}

/* only safari */  
body:first-of-type .wrapTabContents .textBoxR ul li.onemonth{
	margin: -10px 0 0;
	padding: 12px 0 10px 30px;
}

.wrapTabContents .textBoxR ul li.conventional{
	border-width: 0;
	margin: 0;
	padding: 5px 0 5px 30px;
}

/* only safari */  
body:first-of-type .wrapTabContents .textBoxR ul li.conventional{
	margin: -10px 0 0;
	padding: 12px 0 10px 30px;
}

/* definition_.wrapTabContents .textBoxR2 */
.wrapTabContents .textBoxR2{
	float: right;
	margin: 0 0 20px;
	width: 365px;
}

/* definition_.wrapTabContents .caution */
.wrapTabContents .caution{
	clear: both;
	margin: 0 0 200px !important;
}


/* softcotact
----------------------------------*/
/* definition_.wrapItem  */
.wrapItem{
	border-color: #cecccf;
	border-style: solid;
	border-width: 1px;
	margin: 0 0 20px;
	width: 638px;
}

/* definition_.boxItem  */
.boxItem{
	border-color: #cecccf;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 0 auto 28px;
	width: 610px;
}

.boxItem .textBoxR{
	margin: 0 0 15px;
	min-height: 85px;
	padding: 0 0 15px;
	position: relative;
	width: 460px;
}

/* under IE6 */
* html .boxItem .textBoxR{
	height: 85px;
}

/* only safari */  
body:first-of-type .boxItem .textBoxR{
	padding: 0 0 20px;
}

.boxItem .textBoxR .interiorLink{
	position: absolute;
	bottom: 0;
	right: 0;
}

.boxItem .imgBoxL{
	border-color: #d9d9d9;
	margin: 0 0 15px;
}