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

#tabs2 #hall li{
	float: left;
	margin: 0 10px 0 0;
}

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

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

.ui-tabs .ui-tabs-nav li a {
	float: left;
	display: block;
	text-decoration: none;
}

.ui-tabs .ui-tabs-nav li #tab1,
.ui-tabs .ui-tabs-nav li #tab2
{
	height: 0 !important;
	height /**/: 56px;
	overflow: hidden;
	padding: 56px 0 0;
	width: 305px;
}

.ui-tabs .ui-tabs-nav li #tab3,
.ui-tabs .ui-tabs-nav li #tab4
{
	height: 0 !important;
	height /**/: 30px;
	overflow: hidden;
	padding: 30px 0 0;
	width: 305px;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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
----------------------------------*/
#tabs2{
	margin: 0;
	padding: 0;
	width: 620px;
}

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

/* definition_#tabs2 > #hall  */
#tabs2 #hall{
	border-width: 0;
	margin: 0 0 0;
	padding: 0;
	width: 620px;
}

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

/* definition_.wrapTabContents2  */
.wrapTabContents2{
	margin: 0;
	padding: 0;
	width: 620px;
}

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

/* definition_.boxFlow */
.boxFlow{
	border-color: #e5e5e5;
	border-style: solid;
	border-width: 0 0 1px;
	margin: 15px 0;
	padding: 0 0 15px;
	width: 620px;
}

.boxFlow.ver2{
	background-image: url(../images/line_dotted1.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border-width: 0;
}

.boxFlow.ver3{
	border-width: 0;
	margin: 0;
	padding: 10px 0 0;
}

.boxFlow .textBoxL{
	padding: 0 0 0 10px;
	width: 395px;
}

.boxFlow .imgBoxR{
	margin: 0 10px 0 0;
	padding: 1px;
}

/* under IE6 */
* html .boxFlow .imgBoxR{
	margin: 0 5px 0 0;
}

.arrow{
	margin: 0;
	text-align: center;
}

/* definition_.btnList */
.btnList{
	margin: 0 0 15px;
}

.btnList li{
	float: left;
	margin: 0 10px 0 0;
}

.btnList li.end{
	margin: 0;
}

/* definition_.caution */
ul.caution{
	clear: both;
	line-height: 1.5;
}