@charset "utf-8";
/* CSS Document */
/* ================================================================================
:::default:::
================================================================================ */
h4 { font-weight: bold; line-height: 1.3; margin: 10px 0 5px;}

/* ================================================================================
:::mainImg:::
================================================================================ */
#mainImg {
	clear: both;
	width: 890px;
	margin: 0;
	padding: 0;
	background: #FFF url(/images/img_topmain.jpg) 0 0 no-repeat;
	height: 215px;
	position: relative;
	display: block;}
#mainImg h2 { text-indent: -9999px;}
#mainImg h2 a:hover, #mainImg h1 a:visited, #mainImg h1 a:link, #mainImg h1 a:active{
	background: url(/images/img_topmain.jpg) 0 0 no-repeat;
	height: 205px;
	text-decoration: none !important;
	display: block;}

/* buttons */
.btn_newTop a { text-indent: -9999px;}
.btn_newTop a:link, .btn_newTop a:visited { position: absolute;
	top: 150px;
	left: 480px;
	background: url(/images/btn_newTop.jpg) no-repeat 0 0;
	width: 375px;
	height: 45px;}
.btn_newTop a:hover, .btn_newTop a:active { background: transparent url(/images/btn_newTop_over.jpg) no-repeat 0 0;}

/* ================================================================================
:::converter:::
================================================================================ */
.converter {
	border-bottom: 1px dashed #CCC;
	border-top: 1px dashed #CCC;
	padding: 5px;
	margin-bottom: 10px;
}
.converter p { margin-bottom: 0; margin-top: 0;}
.converter p a { font-weight: bold; color: #F36; font-size: 130%;}


/* ================================================================================
:::Columns::: top 'col3' and 'col4' are different from the ones in secondary pages!!!!!!!!!!!!!!!!!!!!!!!!!
================================================================================ */
.col3 { width: auto; margin-bottom: 1em;}
.col3_L { float: left; width: 580px;}
.col3_L_1, .col3_L_2 { width: 270px;}
.col3_L_1 { float: left;}
.col3_L_2 { float: right;}
.col3_R { float: right; padding: 0; width: 280px;}

.col3_S { width: 560px; margin-bottom: 1em;}
.col3_S_L { float: left; width: 370px;}
.col3_S_L_1, .col3_S_L_2 { width: 180px;}
.col3_S_L_1 { float: left;}
.col3_S_L_2 { float: right;}
.col3_S_R { float: right; padding: 0; width: 180px;}

.col4 { width: 890px; margin: 0 0 0 2px;}
.col4_L, .col4_R { margin: 0; padding: 0;}
.col4_L { float: left; width: 400px;}
.col4_R { float: right; width: 490px;}
.col4_L_1 { float: left; padding: 0; margin: 0; width: 200px;}
.col4_L_2 { float: right; margin: 0; padding: 0; width: 200px;}
.col4_R .col4_L_1 { width: 200px;}
.col4_R .col4_L_2 { width: 280px;}


/* ================================================================================
:::Tweet:::
================================================================================ */
div#tweet { border: 1px solid #CCC; padding: 3px; width: 280px; margin: 0 0 1em 0;}
div#tweet ul { list-style: none !important; margin-left: 3px; margin-bottom: 0; padding-left: 0;}
div#tweet p { margin-bottom: 0;}

/* ================================================================================
:::3UPoints:::
================================================================================ */
/* IE6 hack
*html body h2 {margin: 0 30px;}
IE6 hack */

.Bg_UP { background: url(/images/bg_UP.jpg) 0 0 no-repeat; height: 130px; vertical-align: top; padding: 12px 0 0 0;}
.Bg_UPEnd { background: url(/images/bg_UPEnd.jpg) 0 0 no-repeat; height: 130px; vertical-align: top; padding: 12px 0 0 0; width: 205px !important;}

h2.UP01 a, h2.UP02 a, h2.UP03 a, h2.UP04 a { text-indent: -9999px; width: 195px; height: 30px; margin-bottom: 5xp;}
h2.UP01 a:link, h2.UP01 a:visited { background: url(/images/txt_top01.jpg) no-repeat 25px 3px; display: block;}
h2.UP02 a:link, h2.UP02 a:visited { background: url(/images/txt_top02.jpg) no-repeat 25px 3px; display: block;}
h2.UP03 a:link, h2.UP03 a:visited { background: url(/images/txt_top03.jpg) no-repeat 25px 3px; display: block;}
h2.UP04 a:link, h2.UP04 a:visited { background: url(/images/txt_top04.jpg) no-repeat 25px 3px; display: block;}
h2.UP01 a:hover, h2.UP01 a:active { background: url(/images/txt_top01_over.jpg) no-repeat 25px 3px;}
h2.UP02 a:hover, h2.UP02 a:active { background: url(/images/txt_top02_over.jpg) no-repeat 25px 3px;}
h2.UP03 a:hover, h2.UP03 a:active { background: url(/images/txt_top03_over.jpg) no-repeat 25px 3px;}
h2.UP04 a:hover, h2.UP04 a:active { background: url(/images/txt_top04_over.jpg) no-repeat 25px 3px;}

.Top_intro {position: absolute; width: 175px; padding: 10px 0 0 10px; z-index: 2;}

.btn_more a { text-indent: -9999px;}

.btn_more a:link, .btn_more a:visited { position: absolute;
	top: 77px;
	left: 155px;
	background: url(/images/icon_more.jpg) no-repeat 0 0;
	width: 45px;
	height: 44px;
	display: block; z-index: 1;}
.btn_more a:hover, .btn_more a:active { background: url(/images/icon_more_over.jpg) no-repeat 0 0;}
/* ==========/3UPoints========== */


/* ================================================================================
:::Online:::
================================================================================ */
.containerOnline { border: 7px solid #CCC; padding: 10px; margin: 3em 0 2em;}

.H3Online a { text-indent: -9999px;}


.H3Online { text-indent: -9999px;}
.H3Online a:hover, .H3Online a:visited, .H3Online a:link, .H3Online a:active{
	background: url(/images/txt_online.jpg) no-repeat 5px 5px; width: 650px; height: 160px;
	width: 620px;
	height: 154px;
	text-decoration: none !important;
	display: block;}

/* ================================================================================
:::Contents:::
================================================================================ */
.containerTop {	width: auto;}

dl.NewsTop { margin: 0.5em 10px 0 0; width: 280px;}
dl.NewsTop dt { float: left; width: 5em; margin: 0 0 0.5em 0; padding: 0 0 0 10px; line-height: 1.6; border-bottom: 1px dashed #CCC;
}
dl.NewsTop dd {
	_height: 1%; /* Hack for Win IE6 */
	margin: 0 0 0.5em 5em; padding: 0; line-height: 1.6; border-bottom: 1px dashed #CCC;}

.btn_news { float: right;}
	
/* ==========H3========== */
.H_News, .H_Testimonials, h3.H_OtherServices, .H_Twitter, .H_Media { text-indent: -9999px; height: 40px;}
.H_Testimonials, .H_OtherServices { margin-bottom: 1em;}
.H_News{ background: url(/images/txt_news.jpg) no-repeat 0 0; width: 100px; margin-top: 2em;}
.H_Media{ background: url(/images/txt_media.jpg) no-repeat 0 0; width: 200px; clear: both; height: 50px;}
.H_Testimonials{ background: url(/images/txt_testimonials.jpg) no-repeat 0 0; margin-top: 3em;}
.H_OtherServices{ background: url(/images/txt_services.jpg) no-repeat 0 0; }
.H_Twitter{ background: url(/images/img_twitter.jpg) no-repeat 0 0; height: 40px; width: 155px;}


/* Btn for other services and LP */
.btn_worldSim a, .btn_japanRental a, .btn_mobellCall a { text-indent: -9999px !important; width: 287px; height: 130px;}

.btn_worldSim a:link, .btn_worldSim a:visited { float: left; background: url(/images/btn_worldSim.jpg) no-repeat 0 0; display: block;}
.btn_worldSim a:hover, .btn_worldSim a:active {	background: url(/images/btn_worldSIM_over.jpg) no-repeat 0 0;}

.btn_japanRental a:link, .btn_japanRental a:visited { float: left; background: url(/images/btn_japanRental.jpg) no-repeat 0 0; display: block; margin: 0;}
.btn_japanRental a:hover, .btn_japanRental a:active { background: url(/images/btn_japanRental_over.jpg) no-repeat 0 0;}
	
.btn_mobellCall a:link, .btn_mobellCall a:visited { float: left; background: url(/images/btn_mobellCall.jpg) no-repeat 0 0; display: block;}
.btn_mobellCall a:hover, .btn_mobellCall a:active { background: url(/images/btn_mobellCall_over.jpg) no-repeat 0 0;}


.btn_LPPrepaid a, .btn_LPSetsuyaku a, .btn_LPJapan a { text-indent: -9999px !important; width: 165px; height: 67px;}

.btn_LPPrepaid a:link, .btn_LPPrepaid a:visited { float: right;	background: url(/images/btn_LPPrepaid.png) no-repeat 0 0;display: block;}
.btn_LPPrepaid a:hover, .btn_LPPrepaid a:active { background: url(/images/btn_LPPrepaid_over.png) no-repeat 0 0;}

.btn_LPSetsuyaku a:link, .btn_LPSetsuyaku a:visited { float: right;	background: url(/images/btn_LPSetsuyaku.png) no-repeat 0 0; display: block;}
.btn_LPSetsuyaku a:hover, .btn_LPSetsuyaku a:active { background: url(/images/btn_LPSetsuyaku_over.png) no-repeat 0 0;}

.btn_LPJapan a:link, .btn_LPJapan a:visited { float: right;	background: url(/images/btn_LPJapan.png) no-repeat 0 0; display: block;}
.btn_LPJapan a:hover, .btn_LPJapan a:active { background: url(/images/btn_LPJapan_over.png) no-repeat 0 0;}


/* ================================================================================
:::maruwakari::: different from common_secondary
================================================================================ */
h2.H_maruwakari a { text-indent: -9999px; width: 290px; height: 90px;}
h2.H_maruwakari a:link, h2.H_maruwakari a:visited { background: url(/images/bnr_maruwakari.jpg) no-repeat 0 0; display: block;}
h2.H_maruwakari a:hover, h2.H_maruwakari a:active { background: transparent url(/images/bnr_maruwakari.jpg) no-repeat 0 0;}