@charset "utf-8";
/* ================================================================================
:::common modules for secondary pages:::
================================================================================ */
h1 { text-indent: -9999px; background: url(/images/txt_h1.jpg) no-repeat 0 0; width: 446px; height: 90px;}

h4, h5, h6, h7 { font-weight: bold;}
h4 { font-size: 110%; margin-top: 2em; margin-bottom: 5px; line-height: 1.8;}
h5 { font-size: 105%; line-height: 1.8; margin-bottom: 5px;}
h6 { font-size: 105%; line-height: 1.8; margin-bottom: 5px;}

h3 { font: bold 130%/140% "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", Arial, Helvetica, sans-serif; color: #F90; 	padding: 0;	border: none; margin: 0 0 10px 0;}

h4 { font: bold 120%/140% "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", Arial, Helvetica, sans-serif; font-weight: bold;	margin: 4em 0 10px 0 !important; color: #F90; 	border-bottom: 1px solid #F90;}
h4 span { font-weight: bold; border-bottom: 1px dashed #666; padding: 0 0 3px 0;}

h5 {font: bold 120%/140% "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka, "‚l‚r ‚oƒSƒVƒbƒN", Arial, Helvetica, sans-serif; font-weight: bold;	margin-top: 3em; padding-bottom: 5px;}



/* ================================================================================
Container
================================================================================ */
.container { background-color: #FFF; width: 900px; text-align: left; padding: 30px 50px 30px;}
.container2nd { background-color: #FFF; width: 840px; text-align: left; padding: 29px; border: 1px solid #CCC;}
.containerTab{
	width: 840px;
	margin-bottom: 1em;
	padding: 29px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}
.containerBody{
	width: auto;
	padding: 0 0 0 20px;
}

/* ================================================================================
:::tab-menu:::
================================================================================ */
.tabMenu { width: auto; margin: 0; padding: 0;}
.tabMenu a { text-decoration: none !important; color: #000 !important;}
.tabMenu a:hover { text-decoration: underline !important; color: #33F !important;}

.tabOn, .tabOver, .tabOnEnd, .tabOverEnd, .tabRest02, .tabRest03, .tabRest04, .tabRest05, .tabRest06, .tabRestOnline { list-style: none; text-align: center; line-height: 1.2; padding-top: 10px;}

.tabOn{ width: 118px; height: 36px; float: left; background: url(/images/tab_navi.jpg) no-repeat 0 0;}
.tabOver{ width: 118px;	height: 36px; float: left; background: url(/images/tab_navi_over.jpg) no-repeat 0 0;}

.tabRest02, .tabRest03, .tabRest04, .tabRest05, .tabRest06, .tabRestOnline { text-indent: -9999px; height: 35px; border-bottom: solid 1px #C0C0C0; float: left; }
.tabRest02{ width: 664px;}
.tabRest03{	width: 546px;}
.tabRest04{	width: 428px;}
.tabRest05{	width: 310px;}
.tabRest06{	width: 192px;}
.tabRestOnline{	width: 208px;}
/* ================================================================================
:::Internal Link:::
================================================================================ */
.btn_IntL { width: auto; text-align: left; margin: 0 0 1em 0; padding: 0; }
.btn_IntL a:link { text-decoration: none; color: #FFF; font-weight: bold;}
.btn_IntL a:active, .btn_IntL a:visited { text-decoration: none; color: #FFF; font-weight: bold;}
.btn_IntL a:hover { text-decoration: underline !important; color: #FFF; font-weight: bold;}

.bg_btn_IntL, .bg_btn_w170, .bg_btn_w210B, .bg_btn_w118, .bg_btn_w230, .bg_btn_w278, .bg_btn_IntLP, .bg_btn_IntLPS, .bg_btn_w230P, .bg_btn_w230, .bg_btn_w126, .bg_btn_w146, .bg_btn_w420G, .bg_btn_w250, .bg_btn_w280, .bg_btn_w240, .bg_btn_w280B, .bg_btn_w420B, .bg_btn_w420, .bg_btn_w210 { list-style: none; text-align: center; line-height: 1.6; padding-top: 10px; height: 40px; float: left;}

.bg_btn_w420G { width: 420px; background: url(/images/bg_btn_IntL_Green.jpg) no-repeat 0 0;}

.bg_btn_w126 { width: 126px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}
.bg_btn_w146 { width: 146px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}
.bg_btn_w170 { width: 170px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}
.bg_btn_w210 { width: 210px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}
.bg_btn_w230 { width: 230px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}
.bg_btn_w240 { width: 240px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}
.bg_btn_w250 { width: 250px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}
.bg_btn_w280 { width: 280px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}
.bg_btn_w420 { width: 420px; background: url(/images/bg_btn_IntL_Orange.jpg) no-repeat 0 0;}

.bg_btn_w210B { width: 210px; background: url(/images/bg_btn_IntL_Blue.jpg) no-repeat 0 0;}
/*3*/
.bg_btn_w280B { width: 280px; background: url(/images/bg_btn_IntL_Blue.jpg) no-repeat 0 0;}
.bg_btn_w420B { width: 420px; background: url(/images/bg_btn_IntL_Blue.jpg) no-repeat 0 0;}

/* ================================================================================
:::Columns:::
================================================================================ */
.col3 {
	width: auto;
	padding-left: 20px;
}
.col3_L { float: left; width: 535px;}
.col3_L_1, .col3_L_2, .col3_R { width: 250px;}
.col3_L_1 { float: left;}
.col3_L_2 { float: right;}
.col3_R { float: right; padding: 0;}

.col3_order { width: auto;}
.col3_order_L { float: left; width: 442px;}
.col3_order_L_1, .col3_order_L_2, .col3_order_R { width: 200px;}
.col3_order_L_1 { float: left; padding-left: 10px;}
.col3_order_L_2 { float: right;}
.col3_order_R { float: right; padding: 0;}
.col3_order_L_1, .col3_order_L_2 { border-right: 1px dashed #CCC; padding-right: 10px;}

.col4 { width: auto;}
.col4_L, .col4_R { width: 398px;margin: 0; padding: 0;}
.col4_L { float: left;}
.col4_R { float: right;}
.col4_L_1, .col4_L_2 { width: 190px;}
.col4_L_1 { float: left; padding: 0; margin: 0;}
.col4_L_2 { float: right; margin: 0; padding: 0;}

/* ================================================================================
:::Contact:::
================================================================================ */
/* Address, cancel */

#mainform textarea {
	width: 450px;
	height: 80px;
    padding:4px;
    font-size:13px;
    border:1px solid #999;
}
#mainform input.singleBox {
	width: 300px;
	background-color: #FFFFFF !important;
    padding:4px;
    font-size:13px;
    border:1px solid #999;
	margin: 1px;
}
#mainform input.singleBox0 {
	width: 100px;
	background-color: #FFFFFF !important;
    padding:4px;
    font-size:13px;
    border:1px solid #999;
	margin: 1px;
}

/*
#mainForm input:focus,
#mainForm textarea:focus {
     border:1px solid #C00;
}*/

.submitForm {
	text-align: right;
	margin-right: 30px;
}
#mainform input.singleBox2 {
	width: 40px;
	background-color: #FFFFFF !important;
}
/* ================================================================================
:::QA:::
================================================================================ */
.qa {
	color: #333;
}

.qa li{
	padding: 0 0 5px 20px;
	list-style: none;
	line-height: 1.8 !important;
	background: url(/images/icon_q.gif) no-repeat 0 3px;
}

.qa li ul li {
	list-style: square;
	padding: 0 0 0 2px;
	background: none;
}
.qa li ul li img {
	vertical-align: middle;
	margin: 0 2px 0 0;
}
.qa div{
	margin: 0;
	padding: 0 10px !important;
	line-height: 1.8;
	background-color: #F1F1F1;
}


.qa a:link { text-decoration: none; color: #333;}
.qa a:hover { text-decoration: underline !important;}
.qa a:active { text-decoration: none; color: #333 !important;}
.qa a:visited { text-decoration: none; color: #333;}

.answer{ display:none; margin-bottom: 1.5em !important;}

.answer a:link { text-decoration: underline; color: #33F;}
.answer a:hover { text-decoration: none; color: #33F;}
.answer a:active { text-decoration: underline; color: #33F;}
.answer a:visited { text-decoration: underline; color: #33F;}


#btn_QA {
	width: 70px;
	height: 25px;
	margin: 0 0 0 5px;
}

/* ================================================================================
:::Support:::
================================================================================ */
/* numbers */
ol.ListNumbers { list-style: none !important; margin: 0; padding-left: 0;}

ol.ListNumbers li.n_1 { list-style: none !important; background: url(/images/icon_1.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}
ol.ListNumbers li.n_2 { list-style: none !important; background: url(/images/icon_2.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}
ol.ListNumbers li.n_3 { list-style: none !important; background: url(/images/icon_3.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}
ol.ListNumbers li.n_4 { list-style: none !important; background: url(/images/icon_4.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}
ol.ListNumbers li.n_5 { list-style: none !important; background: url(/images/icon_5.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}
ol.ListNumbers li.n_6 { list-style: none !important; background: url(/images/icon_6.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}
ol.ListNumbers li.n_7 { list-style: none !important; background: url(/images/icon_7.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}
ol.ListNumbers li.n_8 { list-style: none !important; background: url(/images/icon_8.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}
ol.ListNumbers li.n_9 { list-style: none !important; background: url(/images/icon_9.gif) no-repeat 0 5px; padding: 0 0 1em 20px;}




/* buttons */
.btn_friends { text-indent: -9999px;}
.btn_friends a:link, .btn_friends a:visited { display: block; width: 400px;	height: 85px; background: url(/images/btn_friends.gif) 0 0 no-repeat;}
.btn_friends a:hover, .btn_friends a:active { display: block; width: 400px;	height: 85px; background: url(/images/btn_friends_over.gif) 0 0 no-repeat;}






/* colorbox.css */
#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	overflow:visible;
}
#cboxLoadedContent {
	position:relative;
	overflow:auto;
}
#cboxLoadedContent iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
#cboxOverlay {
	background:#000;
}
#cboxTopLeft {
	width:27px;
	height:27px;
}
#cboxTopCenter {
	height:27px;
}
#cboxTopRight {
	width:27px;
	height:27px;
}
#cboxBottomLeft {
	width:27px;
	height:27px;
}
#cboxBottomCenter {
	height:27px;
}
#cboxBottomRight {
	width:27px;
	height:27px;
}
#cboxMiddleLeft {
	width:27px;
}
#cboxMiddleRight {
	width:27px;
}
#cboxContent {
	background:#fff;
}
#cboxLoadedContent {
	margin:25px 0 5px 0;
	text-align:left;
	border-top:4px solid #CCC;
	padding: 5px;
}
#cboxTitle {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	text-align:left;
	font-weight:bold;
	color:#F60;
}
#cboxCurrent {
	position:absolute;
	bottom:0;
	left:100px;
	color:#999;
}
#cboxSlideshow {
	position:absolute;
	bottom:0;
	right:42px;
	color:#444;
}
#cboxPrevious {
	position:absolute;
	bottom:0;
	left:0;
	color:#444;
}
#cboxNext {
	position:absolute;
	bottom:0;
	left:63px;
	color:#444;
}
#cboxLoadingOverlay {
}
#cboxClose {
	position:absolute;
	top:0;
	right:0;
	display:block;
	color:#444;
}
#cboxClose span {
	font-size:125%;
	font-weight:bold;
}
table.cbox-content {
	width:100%;
	margin:0 0 12px;
}
table.cbox-content th, table.cbox-content td {
	padding:10px 0;
}
.cbox-content-heading {
	margin-bottom:8px;
	color:#F60;
	font-size:12px;
	font-weight:bold;
}
#cboxLoadedContent .cbox-margin {
	margin:10px 0;
}
#Modal_Tmp {
	margin:10px 0;
}