@charset "UTF-8";
/* English Potal css */


/*basic*/

body, table{
/*font size updated - "table" added for Win IE 6 20070308*/
	font-family: sans-serif;
	color: #666666;
	font-size:9pt;	
	margin: 0px;
	padding: 0px;
	line-height: 17px;
}

/*////////////////////////////////////////    Layout Divs    ///////////////////////////////////////*/
	
#menu{
	width:100%;
	vertical-align:top;
	position:relative;
	z-index:10;
}

#content_wrapper{
	width:765px;
	margin:0 auto;
	line-height:19px;
}

#content{
	font-family: sans-serif;
	width:100%;
	position:relative;
	top:-30px;
}

#content_705 {
	width:705px;
	margin:0 auto;
	line-height:19px;
}


#footer{
	font-family: sans-serif;
	width:100%;
	position:relative;
	top:-30px;
}

#clear {
	clear:both;
}


/*/////////////////////////////////////////   Basic Style   ////////////////////////////////////*/
	
li{
	list-style-position:inside;
}
/*画像要素にリンクをつけた時の枠線を消す*/
img{
    border:0;
}

blockquote {
	padding:0 0 0 12px;
	margin:0;
}

#content_705 p{
	padding:0;
	margin:0;
	line-height:19px;
}

/*/////////////////////////////////////////   Footer Style   ////////////////////////////////////*/
/*applied 11/09/07*/
#footer_box{
    padding-bottom:10px;
}
#footer_box table{
    padding:2px 0; 
    border:1px solid #999999; 
    margin:0 5px;
}
#footer_box table th{
    text-align:left;
	padding-left:5px;
	margin:0;
}
#footer_box table td{
    text-align:left;
}
/*0417.css change trial	
#menu{
	width: 100%;
	position:absolute;
	top:0px;
	z-index:9;
	height: 135px;
}*/


/*0417.css change trial	
#content{
	font-size:9pt;
	width: 100%;
	position: absolute;
	top: 110px;
}*/

/*0417.css change trial	
#footer{
	width:100%;
	position:absolute;
	}*/	

/* PDF document links (IE6にきかなかった）
a[href$='.pdf'] {
background:transparent url(../../images/pdficon_small.gif) center left no-repeat;
display:inline-block;
padding-left:20px;
line-height:20px;
}
*/


/*///////////////////////////////////////////////////////  Link Style  ////////////////////////////////////////////////////*/

a{
/*font size updated 20070303*/
	font-family: sans-serif;
	color: #000066;
	font-size: 9pt;
	text-decoration: none;
}

a:link{
	color: #000066;
	font-size: 9pt;
	text-decoration: none;
}

a:visited{
	color: #000066;
	font-size: 9pt;
	text-decoration: none;
}

a:hover{
	color: #FF6600;
	font-size: 9pt;
	text-decoration:none;
}

.link_underline a{
	font-size:9pt;
	color:#000066;
	text-decoration:underline;
	font-weight:normal;
	}

.link_underline a:link{
	font-size:9pt;
	color:#000066;
	text-decoration:underline;
	font-weight:normal;
	}
	
.link_underline a:hover{
	font-size:9pt;
	color:#FF6600;
	text-decoration:underline;
	font-weight:normal;
	}
	
.link_underline a:visited{
	font-size:9pt;
	color:#000066;
	text-decoration:underline;
	font-weight:normal;
	}


.link2{
	font-family: sans-serif;
	text-decoration:underline;
	}


.helpmenu{
    font-size:9pt;
	font-family:sans-serif;
	color:#000066;
	font-weight:normal;
 }

.helpmenu a, .helpmenu a:link, .helpmenu a:visited{
/*font size updated 20070303*/
　　font-size:9pt;
	color:#000066;
	font-weight:normal;
	text-decoration:none;
}

.helpmenu a:hover{
    font-size:9pt;
	color:#FF6600;
	font-weight:normal;
	text-decoration:none;
	}


/*///////////////////////////////////////////////////////  Font Style   ////////////////////////////////////////////////////*/

.small-grey{
/*font size updated 20070303*/
	font-family: sans-serif;
	font-size:8pt;
	color:#666666;
	line-height:12px;
}
	
		
.xxsmall{
 	font-family: sans-serif;
 	font-size: xx-small;
 	color: #666666;
}


.subheading{
/*font size updated 20070303*/
	color:#000066;
	font-size:9pt;
	font-weight:normal;
}


.subheading1{
/*font size updated 20070303*/
	color:#FF6600;
	font-size:9pt;
	font-weight:normal;
}


.subheading2{
/*font size updated 20070303*/
	color:#000066;
	font-size:9pt;
	font-weight:normal;
}

 
.headings{
/*font size updated 20070303*/
 	font-size:10pt;
 	color:#FF6600;
 	font-weight:bold;
 }
 
  
.headings2{
/*font size updated 20070303*/
/*need change in properties to match with other shopping and my account css*/
	font-size:14pt;
	color:#FF6600;
	font-weight:bold;
}

.headings3{
/*eventually take over properties of headings 2 - 05/24/07 only applied in FAQ*/
	font-size:14pt;
	color:#FF6600;
	font-weight:bold;
}

 .title{
/*font size updated 20070303*/
 	font-size:10pt;
 	color:#000066;
 	text-decoraton:underline;
 	font-weight:bold;
 }


.agreeement{
/*font size updated 20070303*/
 	font-size:9pt;
 	color:#000066;
 	font-weight:bold;
 }
 

.error {
/*font size updated 20070303*/
	font-size:9pt;
	color:#CC0000;
	}

.small{
/*font size updated 20070303*/
	line-height:8pt;
}
.copyright{
	font-family: sans-serif;
	font-size:8pt;
	color:#666666;
	line-height:12px;
	padding-top:5px;
}

li.subheading {
/*list style settings for phone/accessory detail functions/specs */
/*use in: phone_details.html , accessories_deatils.html*/
	list-style:disc;
	list-style-position:inside;
	}
	
/* ///////////////////////////////////////////////  list style  ///////////////////////////////////////////////// */
.list1 ul{
	list-style:none;
}
.list1 li{
	list-style:none;
	background:url(../../images/circle_icon.gif) no-repeat 0 4px;
	margin-left: -40px;
	padding-left: 15px;
	padding-bottom:3px;
}

.list2 ul, .list2 ol{
	list-style:outside;
	margin:0;
	padding:0;
}
.list2 li{
	margin-left: -20px;
	padding-left: 0;
	padding-top:5px;
}

.list2_small ul{
	margin:0;
	padding:0;
}
.list2_small li{
	margin-left: -20px;
	font-size:8pt;
}

.detail_list ul{
	margin-top: 4px;
}

.detail_list li{
	margin-left: -15px;
	font-size: 8pt;
}

.lists ul, li{
   list-style-position:outside;
}


/* ///////////////////////////////////////////////  Backgrounds  ///////////////////////////////////////////////// */


.detail{
/*container for phone/accessory detail functions/spec -- used with detail_01.gif and 03.gif*/
/*IMAGE USED:	detail_02.gif*/
	width:567px;
	background-image:url(../../images/bg/detail_bg/detail_02.gif);
	background-repeat:repeat-y;
	}


.blue_line_repeat_x{
	background-image:url(../../images/lines/blue_line_repeat_x.gif);
	background-repeat:repeat-x;
	background-position:center;
	width:10px;
	}

.dot_repeat_x{
	background-image:url(../../images/lines/dot_repeat_x.gif);
	background-repeat:repeat-x;
	background-position:center;
	height:10px;
	}


.dot_repeat_y{
	background-image:url(../../images/lines/dot_repeat_y.gif);
	background-repeat:repeat-y;
	background-position:center;
	width:15px;
	}


.dot_repeat_x_02{
	background-image:url(../../images/lines/dot_repeat_x_2.gif);
	background-repeat:repeat-x;
	background-position:center;
	height:10px;
	}


.box_1{
	border-color:#CCCCFF;
	border-style:solid;
	border-width:6px 1px 1px 1px;
	padding:3px;
	}
	
.border_lightblue{
	border-color:#CCCCFF;
	border-style:solid;
	border-width:1px;
	padding:3px;
	}	

.border_lightblue{
	border-color:#CCCCFF;
	border-style:solid;
	border-width:1px;
	padding:3px;
	}	
	
	
/*FAQ: Question and Answer numbering*/
/*style added 11/05/07*/


.faq_question {
	color:#FFFFFF;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-family:sans-serif;
	font-size:9pt;
	background-image:url(../../images/bg/bg_faq_question.png);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:4px;
}
.faq_question_orange {
	color:#FFFFFF;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-family:sans-serif;
	font-size:9pt;
	background-image:url(../../images/bg/bg_faq_question_orange.gif);
	background-position:top;
	background-repeat:no-repeat;
	padding-top:4px;
}
	
		
.faq_answer {
	color:#000066;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-family:sans-serif;
	font-size:9pt;
	background-position:top;
	background-repeat:no-repeat;
	padding-top:4px;
}

.faq_answer_orange {
	color:#FF6600;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	font-family:sans-serif;
	font-size:9pt;
	background-position:top;
	background-repeat:no-repeat;
	padding-top:4px;
}

/*FAQの問題文のリンクスタイル*/
.question a{ color:#000066; font-weight:bold; font-size:9pt}
.question a:link{ color:#000066; font-weight:bold; font-size:9pt}
.question a:hover{ color:#FF6600; font-weight:bold; font-size:9pt}


/*/////////////////////////////////////////////    Top Page Contents Style     //////////////////////////////////////*/
#top_flash {
	padding:0;
	margin:0;
	vertical-align:top;
}
#top_flash object, #top_flash embed {  
     vertical-align: top;  
}

#content_top{
	margin:0 12px;
}

#content_top p{
	margin:0;
	padding:0;
	line-height:19px;
}

#content_top h2 {
	padding:0;
	margin:0;
}

#content_top h3 {
	color:#000066;
	font-size:9pt;
	font-weight:bold;
	background:url(../../images/lines/blue_line_repeat_x_m.gif) repeat-x 0 15px;
	padding-bottom:5px;
}	

#top_menu{
	background:url(../images/bg/bg_top_category.jpg) no-repeat;
	height:190px;
}

#top_menu .top_menu_box{
	padding:5px 1px 0 1px;
	float:left;
	width:183px;
	height:auto;
	vertical-align:top;
}

#top_menu .top_menu_box p{
	color:#333;
	font-weight:bold;
	padding:5px 0 0 5px;
}

#top_menu ul.top_menu_list{
	padding:0;
	margin:0;
	margin-top:5px;
	list-style:none;
}
#top_menu ul.top_menu_list li{
	padding:0;
	margin:0;
	list-style:none;
	background:url(../../images/circle_icon.gif) no-repeat 0 4px;
	margin-left:5px;
	padding-left:15px;
	padding-bottom:0;
}

.special_list ul{
	padding:0;
	margin:0;
	list-style:none;
}
.special_list li{
	padding:0;
	margin:0;
	list-style:none;
	background:url(../images/icons/new_icon_xs.jpg) no-repeat 0 1px;
	margin-left:-30px;
	padding-left:32px;
	padding-bottom:0;
}

#top_submenu {
	background-color:#eaeaea;
	width:100%;
	padding:0;
	margin:0;
}

#top_submenu ul.top_submenu_list{
	margin:0;
	padding:0;
	padding-top:3px;
	width:auto;
	list-style-type:none;
	height:auto;
}
#top_submenu ul.top_submenu_list li{
	display:block;
	float:left;
	padding:0;
	margin:0;
	padding-left:12px;
	list-style-type:none;
	position: relative; /* for IE6 */
}

#content_top_left { /* for phone_flash, shop&myacct button area */
	float:left;
	width:465px;
	padding:0;
	margin:0;
	margin-top:10px;
}

#content_top_left .phone_flash { /* for phone_flash, shop&myacct button area */
	padding:0;
	margin:0;
	vertical-align:top;
}
#content_top_left object, #content_top_left embed {  
     vertical-align: top;  
} 

#content_top_left .onlineshop_myacct_area { /* for phone_flash, shop&myacct button area */
	padding:0;
	margin:0;
	vertical-align:top;
}

#special_area {
	float:right;
	padding:0;
	margin:0;
	width:262px;
	height:135px;
	margin-top:13px;
}

#banner_area {
	float:right;
	padding:0;
	margin:0;
	width:260px;
	height:153px;
	margin-top:5px;
	border:1px solid #999;
}

/*
#banner_area {
	float:right;
	padding:0;
	margin:0;
	width:260px;
	height:295px;
	margin-top:13px;
	border:1px solid #999;
}
*/

#banner_area ul {
	margin:0;
	padding:0;
	list-style: none;
	padding:5px 5px;
}

#banner_area ul.banner_list li {
	margin:0;
	padding:0;
	display:inline;
}
#banner_area ul.banner_list li a {
	margin:0;
	padding:0;
	padding-bottom:2px;
	display:block;
	clear:both;	
	zoom:1;　/*IEバグ対策　whitespaceが生成されるのをなおす*/
}

#news_area {
	float:left;
	width:460px;
}
.title_header{
	background:url(../../images/lines/blue_line_repeat_x_m.gif) repeat-x 0 15px;
	height:23px;
}
.title_header .title_left{
	float:left;
	font-size:9pt;
	font-weight:bold;
	color:#000066;
}
.title_header .title_right{
	float:right;
	font-size:8.5pt;
	font-weight:normal;
	color:#006;
}
.title_header .title_right a, .title_header .title_right a:link, .title_header .title_right a:hover {
	color:#006;
	font-size:8.5pt;
}
.title_header .title_right a:hover {
	color:#006;
	font-size:8.5pt;
	border-bottom:1px solid #006;
}

#news_area dl{
	padding:0;
	margin:0;
	margin-top:5px;
}
#news_area dl dt{
	clear:left;
	float:left;
	border-bottom: dotted 1px #CCC;
}
#news_area dl dt a, #news_area dl dt a:link, #news_area dl dt a:hover{
	color:#333;
}
#news_area dl dd{
	margin-left:0;
	padding-left:6.5em;
	background:url(../../images/triangular_orange.gif) no-repeat 65px 3px;
	border-bottom: dotted 1px #CCC;
}
#news_area dl dd a, #news_area dl dd a:link{
	color:#333;
}
#news_area dl dd a:hover{
	color:#333;
	border-bottom:1px solid #333;
}

#service_area{
	float:right;
	width:260px
}
#service_area .service_area_contents{
	margin-top:5px;
}
#service_area form{
	margin-top:5px;
}
#service_area .search_title{
	float:left;
	margin-right:10px;
	color:#000066;
}
#service_area label{
	display: block;
	float: left;
	margin-right:15px;
	color:#000066;
	margin-top:5px;
}

#service_area input.search_box{
	display: block;
	float:left;
	width:100px;
	height:15px;
	margin-top:5px;
	ime-mode: disabled;
}
#service_area input.search_button{
	float:right;
}



/*---------------------ここから下はjp/portal.cssと同期を取る為に付け加えられたもの--------------------------*/
/*------------------------対応するenページは、まだ作成されていないため使われていないcodeが多い-----------------*/

/*order_process page*/
#require_wrap{
    background:url(../../images/bg/bg_grayline.jpg) repeat;
}
@media print{
#require_wrap{
	background:url(../../images/bg/bg_grayline.jpg) repeat;
}
}

#require{
    padding:30px 0 30px 0;
	margin:0 auto;
}
table #require td{
    background-color:#FFFFFF;
    border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px;
}
table #require th{
    background-color:#ffffff;
    border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:8px solid #000066;
	padding:5px;
}

/*-------------------------table #orderはen/news.htmlに使用---------------------------*/
/*table #orderは他のページでも応用してつかってます。(e.g. about_plan.html)*/

table #order td, th{
	padding:5px;
	vertical-align:middle;
}
table #order .row01 th{
    background-color:#DFE8F6;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
table #order .row02 th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table #order .row02 td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
table #order .row03 th{
    background-color:#E8E8E8;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table #order .row03 td{
    background-color:#E8E8E8;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
table #order .row04 th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table #order .row04 td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
table #order .row05 th{
    background-color:#E8E8E8;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table #order .row05 td{
    background-color:#E8E8E8;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
table #order .row06 th{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table #order .row06 td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
table #order .row07 th{
    background-color:#E8E8E8;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table #order .row07 td{
    background-color:#E8E8E8;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
table #order .row08 th{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}
table #order .row08 td{
   border-bottom:1px solid #cccccc;
   border-right:1px solid #CCCCCC;
}
table #order .lists td{
   border-bottom:none;
   border-right:none;
}


#process{
    width:705px;
	margin:0 auto;
}

table #process td{
    padding:0 0 20px 0;
}

/*about_standard.html スタンダードプランについて*/
#standardbox_wrap{
    width:360px;
	padding:20px;
	margin:0 auto;
	border:1px dotted #CCCCCC;
}

.standard_box{
    background:url(../images/eyecatch/blue_box_standard.jpg) no-repeat;
	height:120px;
	width:360px;
}
.standard_box2{
    margin:0 auto;
    background:url(../images/eyecatch/green_box_standard.jpg) no-repeat;
	height:180px;
}	
.standard_box table{
	text-align:center;
	vertical-align:middle;
}
.standard_box2 table th{
	text-align:center;
	padding-top:10px;
}
.standard_box2 table td{
	text-align:center;
	padding:20px 0 0 0;
}
.standard_box a, .standard_box a:link{
	font-size:8.5pt;
	color:#000066;
	font-weight:bold;
}
.standard_box a:hover{
	font-size:8.5pt;
	color:#FF6600;
	font-weight:bold;
}
.standard_box2 a, .standard_box2 a:link{
	font-size:8.5pt;
	color:#000066;
	font-weight:bold;
}
.standard_box2 a:hover{
	font-size:8.5pt;
	color:#FF6600;
	font-weight:bold;
}
	
.detail_box a{
	background-color:#EBE8D7;
	padding:6px 5px 6px 5px;
	font-size:8.5pt;
}


@media print{
.detail_box a{
	background-color:#EBE8D7;
	padding:6px 5px 6px 5px;
	font-size:8pt;
}
} 

.detail_box2 a{
	background-color:#EBE8D7;
	padding:6px 5px 6px 5px;
	font-size:8pt;
	font-weight:normal;
}


/*accessory pape*/
table #accessory{ 
    margin:0 auto;
}
table #accessory td{
    border:1px dotted #CCCCCC;
	padding:7px;
}
table#accessory .glogo{
    border:none;
	padding:0;
}

/*about_prepaid.html*/
.padding_100{
    padding-left:100px;
}


/*index page -news- */

table#news th{
	padding:0;
	margin:0;
}
table#news td{
    white-space:nowrap;
	padding:4px 0 4px 10px;
	border-bottom:1px dotted #CCCCCC;
}

/*index page -tab- */
#index_tab a, #index_tab a:link{
    font-size:10pt;
	font-weight:bold;
	color:#000066;
}
#index_tab a:hover{
    color:#FF6600;
}

/*index myaccount login part*/
#index_login{
    background:url(../index_samples/button_samples/bg_login_index.jpg) no-repeat;
	margin:0 0 0 13px;
	padding:20px 0 0 7px;
	height:357px;
}
#index_login2{
    background:url(../index_samples/button_samples/bg_login_index2.jpg) no-repeat;
	margin:0 0 0 13px;
	padding:20px 0 0 7px;
	height:357px;
}


/*contents page*/
table #category_title th{
    background-color:#333399;
	color:#FFFFFF;
	text-align:left;
	padding-left:12px;
}
table #category_box{
    border:2px solid #333399;
	padding:10px;
}
table #category_list{
	text-align:left;
}
table #category_list th{
    background-color:#DFE8F6;
	border-bottom:1px dotted #999999;
	font-weight:normal;
	vertical-align:text-top;
}
table #category_list b{
    color:#333399;
	font-weight:bold;
}
table #category_list .list_row01{
    border-top:1px dotted #999999;
}
table #category_list td{
    border-bottom:1px dotted #999999;
	padding-left:3px;
}

/*コンテンツ　丸角ボックス*/
.box { 
  background: #333399;
  width:120px; 
}
.boxtop { 
  background: url(../../images/bg/category_list_rightup.gif) no-repeat top right; 
}
.boxtop div { 
  height: 7px; 
  background: url(../../images/bg/category_list_leftup.gif) no-repeat top left; 
}
.boxbottom { 
  background: #333399; 
}
.boxbottom div { 
  height: 5px; 
  background: #333399; 
}
.boxcontent {
  color:#FFFFFF;
  padding: 0px 7px 0px 12px;
}

/*お問い合わせフォーム*/
table #contact_form{
    border:1px  solid #666666;
}
table #contact_form th{
    border-bottom:1px  solid #666666;
	background-color:#DFE8F6;
	text-align:left;
}
table #contact_form .cells td{
    border-bottom:1px dotted #666666;
	text-align:left;
}
table #contact_form .right_column{
    border-right:1px dotted #666666;
	border-bottom:1px dotted #666666;
	text-align:left;
}
table #contact_form .bottom_row{
    border-right:1px dotted #666666;
	text-align:left;
}