@charset "utf-8";
/* CSS Document */

#contactBox { clear: both; width: 440px !important; float: right;}
#contactBox_right { float: right; width: 240px !important;}

/* ================================================================================
:::default:::
================================================================================ */
h4 { font-weight: bold; line-height: 1.3; margin: 10px 0 5px;}

/* ================================================================================
:::mainImg:::
================================================================================ */

#top_mainimg{background:url(/images/top_mainimg.jpg) no-repeat;height:345px;  position:relative !important; clear:both;}
#top_mainimg span, #top_mainimg p, #top_mainimg ul, #top_mainimg li{visibility:hidden; font-size:0; line-height:0;}
#top_mainimg a{text-decoration:none;}

#top_mainimg h2 a{display:block; width:360px; height:300px;}
#top_mainimg #top_prepaid h2 a{top:15px; left:0; position:absolute;}
#top_mainimg #top_monthly h2 a{top:15px; left:530px; position:absolute;}

#top_mainimg .top_btn a{display:block; height:41px; width:320px;}
#top_mainimg #top_prepaid .top_btn a:hover, #top_mainimg #top_monthly .top_btn a:hover{background-position:2px -41px;}
#top_mainimg #top_prepaid .top_btn a{background:url(/images/top_btn_prepaid.gif) no-repeat; position:absolute; top:260px; left:24px;}
#top_mainimg #top_monthly .top_btn a{background:url(/images/top_btn_monthly.gif) no-repeat; position:absolute; top:260px; left:550px;}

/**/
#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 h2 a:visited, #mainImg h2 a:link, #mainImg h2 a:active{
	background: url(/images/img_topmain.jpg) 0 0 no-repeat;
	height: 205px;
	text-decoration: none !important;
	display: block;}

/*B*/
#top_mainimgB{background:url(/images/top_mainimgB.jpg) no-repeat;height:345px;  position:relative !important; clear:both;}
#top_mainimgB span, #top_mainimgB p, #top_mainimgB ul, #top_mainimgB li{visibility:hidden; font-size:0; line-height:0;}
#top_mainimgB a{text-decoration:none;}

#top_mainimgB h2 a{display:block; width:360px; height:300px;}
#top_mainimgB #top_prepaid h2 a{top:15px; left:0; position:absolute;}
#top_mainimgB #top_monthly h2 a{top:15px; left:530px; position:absolute;}

#top_mainimgB .top_btn a{display:block; height:40px; width:320px;}
#top_mainimgB #top_prepaid .top_btn a:hover, #top_mainimgB #top_monthly .top_btn a:hover{background-position:2px -39px;}
#top_mainimgB #top_prepaid .top_btn a{background:url(/images/top_btn_planB.jpg) no-repeat; position:absolute; top:260px; left:24px;}
#top_mainimgB #top_monthly .top_btn a{background:url(/images/top_btn_handsetB.jpg) no-repeat; position:absolute; top:260px; left:550px;}

/* ================================================================================
:::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%;}

/* ================================================================================
:::campaign:::
================================================================================ */
.campaignBox {
	 /* background: transparent url(/images/bnr_NewsTop.jpg) no-repeat 0 0;
	 width:	280px;
	 height: 170px;
	 margin-top: 1em; */
}
.campaignBox h3, .campaignBox p { text-indent: -9999px;}
.campaignBox p { margin-bottom: 0;}

.campaignBox p a { text-indent: -9999px; width: 280px; height: 170px;}
.campaignBox p a:link, .campaignBox p a:visited { background: url(/images/bnr_NewsTop.jpg) no-repeat 0 0; display: block;}
.campaignBox p a:hover, .campaignBox p a:active { background: transparent url(/images/bnr_NewsTop.jpg) no-repeat 0 0;}

.campaignBox2 {
	 /* background: transparent url(/images/bnr_NewsTop.jpg) no-repeat 0 0;
	 width:	280px;
	 height: 170px;
	 margin-top: 1em; */
}
.campaignBox2 h3, .campaignBox2 p { text-indent: -9999px;}
.campaignBox2 p { margin-bottom: 0;}

.campaignBox2 p a { text-indent: -9999px; width: 280px; height: 170px;}
.campaignBox2 p a:link, .campaignBox2 p a:visited { background: url(/images/bnr_NewsTop_jp.jpg) no-repeat 0 0; display: block;}
.campaignBox2 p a:hover, .campaignBox2 p a:active { background: transparent url(/images/bnr_NewsTop_jp.jpg) no-repeat 0 0;}

/* ================================================================================
:::interviewBox:::
================================================================================ */
.interviewBox h3 { text-indent: -9999px;}

.interviewBox p a { text-indent: -9999px; width: 280px; height: 90px;}
.interviewBox p a:link, .interviewBox p a:visited { background: url(/images/bnr_shoketta.gif) no-repeat 0 0; display: block;}
.interviewBox p a:hover, .interviewBox p a:active { background: transparent url(/images/bnr_shoketta.gif) no-repeat 0 0;}

/* ================================================================================
:::nipponBox:::
================================================================================ */
.nipponBox h3 { text-indent: -9999px;}

.nipponBox p { margin-bottom: 0;}
.nipponBox p a { text-indent: -9999px; width: 280px; height: 90px;}
.nipponBox p a:link, .nipponBox p a:visited { background: url(/images/bnr_nippon.gif) no-repeat 0 0; display: block;}
.nipponBox p a:hover, .nipponBox p a:active { background: transparent url(/images/bnr_nippon.gif) no-repeat 0 0;}

/* ================================================================================
:::microBox:::
================================================================================ */
.microBox h3 { text-indent: -9999px;}

.microBox p { margin-bottom: 0;}
.microBox p a { text-indent: -9999px; width: 280px; height: 90px;}
.microBox p a:link, .microBox p a:visited { background: url(/images/bnr_micro.gif) no-repeat 0 0; display: block;}
.microBox p a:hover, .microBox p a:active { background: transparent url(/images/bnr_micro.gif) no-repeat 0 0;}

/* ================================================================================
:::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;}*/

#twitter_update_list{border: 1px solid #CCC; padding:5px 5px 5px 8px; width: 280px; margin: 0 0 1em 0;}
#twitter_update_list, #twitter_update_list li{list-style: none !important;}
#twitter_update_list li{ margin: 0; padding-left: 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; float: left;}
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, .H_Partners { text-indent: -9999px; height: 40px; clear: both; }
.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_Partners{ background: url(/images/txt_partners.jpg) no-repeat 0 0; clear: both; margin-bottom: 5px;}
.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, .btn_japan 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_japan a:link, .btn_japan a:visited { float: left; background: url(/images/btn_japan.jpg) no-repeat 0 0; display: block;}
.btn_japan a:hover, .btn_japan a:active { background: url(/images/btn_japan_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: 280px; height: 90px; border: none !important;}
h2.H_maruwakari a:link, h2.H_maruwakari a:visited { background: url(/images/bnr_maruwakari.jpg) no-repeat 0 0; display: block; border: none !important;}
h2.H_maruwakari a:hover, h2.H_maruwakari a:active { background: transparent url(/images/bnr_maruwakari.jpg) no-repeat 0 0; border: none !important;}


/* ================================================================================
:::whyHanaCell::: 
================================================================================ */
.testimonialsImg a { text-indent: -9999px; width: 580px; height: 230px; margin-top: 1em;}
.testimonialsImg a:link, .testimonialsImg a:visited { background: url(/images/p_sanoS.jpg) no-repeat 0 0; display: block;}
.testimonialsImg a:hover, .testimonialsImg a:active { background: transparent url(/images/p_sanoS.jpg) no-repeat 0 0;}

/* ================================================================================
:::media::: 
================================================================================ */
.media1Img, .media2Img, .media3Img { width: 180px; height: 247px; text-indent: -9999px; margin-bottom: 5px;}
.media1Img { background: url(/images/img_media01.jpg) no-repeat 0 0;}
.media2Img { background: url(/images/img_media02.jpg) no-repeat 0 0;}
.media3Img { background: url(/images/img_media03.jpg) no-repeat 0 0;}

/* ================================================================================
:::Parters::: 
================================================================================ */
.containerImg img { margin: 0 20px 10px 0; vertical-align: middle;}