@charset "utf-8";



/* ================ reset ================== */
body,
div,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,a,
img,
table,th,td,
dl,dt,dd,
form {
	margin:0;
	padding:0;
	border:0;
	line-height:140%;
	font-weight:normal;
	font-style:normal;
}

img {
	vertical-align:bottom;
}

ul,
ul ul,
ul ul ul {
	list-style:square;
}

/* ================ general ================== */
body * {
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

body {
	font-size:12px;
	color:#333333;
}

#layout #contents {
	padding:0 0 50px 0;
}
	
#layout #contents h1 {
	margin: 0px 0px 24px 0;
	padding: 0px;
	width: 540px;
	font-size: 14px;
	text-decoration: none;
	text-align:right;
}

#layout #contents h1.h1Title {
	width:490px;
	margin:15px 0 20px 0;
	border-bottom:2px solid #cccccc;
	text-align:left;
}

#layout #contents h1.imgtitle {
	width:490px;
	margin:10px 0 20px 0;
	padding:0 0 5px 0;
	border-bottom:2px solid #cccccc;
	text-align:left;
}

#layout #contents h1.imgtitle_nob {
	width:490px;
	margin:10px 0 20px 0;
	padding:0 0 5px 0;
	text-align:left;
}
	
#layout #contents h2 {
	margin:35px 20px 0 0;
	padding:4px 0 4px 10px;
	border-left: 6px solid #b7bbbe;
	font-size:14px;
	font-weight:bold;
}

#layout #contents h2.nop {
	padding:0!important;
}

#layout #contents h3 {
	margin:20px 20px 0 12px;
	padding-bottom: 3px;
	border-bottom:1px solid #cccccc;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
#layout #contents h4 {
	margin:15px 20px 0 12px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}


#layout #contents img.fig {
	margin:10px 0 0 0;
	padding:0;
}

#layout #contents img.fig_mgL {
	margin:10px 0 0 12px;
	padding:0;
}

#layout #contents p,
#layout #contents dl {
	margin:10px 20px 0 12px;
	padding:0;
}

#layout #contents ul,
#layout #contents ol {
	margin:10px 20px 0 26px;
	padding:0;
}
#layout #contents ol li ol {
	margin:10px 20px 10px 26px;	
}

#layout #contents h2.nom,
#layout #contents h3.nom,
#layout #contents p.nom,
#layout #contents ul.nom,
#layout #contents dl.nom,
#layout #contents dd.nom {
	margin-top:0!important;
}

#layout #contents sup {
	font-size: 80%!important;
	text-decoration: none!important;
}

#layout #contents strong {
	font-weight:bold;
	color: #000000;
}
#layout #contents i {
	font-style:normal;
	font-weight:bold;
	color:#666666;
	}


/* ================ utility ================== */

/* -------- clear -------- */

.reset-point {
	clear:both;
	width:1px;
	height:1px;
	overflow:hidden;
}

.cmn_cl:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

.clearfix:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

.clearfix {
	zoom:100%;
}

.cmn_clb {
clear:both;
}



/* -------- annotation -------- */

div#body-lv1 #layout #contents dl.annotation,
div#body-lv2 #layout #contents dl.annotation,
div#body-lv2-m #layout #contents dl.annotation,
div#body-lv3-b #layout #contents dl.annotation,
div#body-lv3-w #layout #contents dl.annotation,
div#body-lv3-m #layout #contents dl.annotation,
div#body-lv4 #layout #contents dl.annotation,
div#body-lv4-b #layout #contents dl.annotation,
div#body-lv4-w #layout #contents dl.annotation {
	width:450px;
	margin:10px 0 0 14px;
	padding:0;
	color:#666666;
}
div#body-lv1 #layout #contents dl.annotation dt,
div#body-lv2 #layout #contents dl.annotation dt,
div#body-lv2-m #layout #contents dl.annotation dt,
div#body-lv3-b #layout #contents dl.annotation dt,
div#body-lv3-w #layout #contents dl.annotation dt,
div#body-lv3-m #layout #contents dl.annotation dt,
div#body-lv4 #layout #contents dl.annotation dt,
div#body-lv4-b #layout #contents dl.annotation dt,
div#body-lv4-w #layout #contents dl.annotation dt {
	clear:both;
	float: left;
	width: 20px;
	margin-left:0;
	white-space: nowrap;
	font-size:10px;
}
div#body-lv1 #layout #contents dl.annotation dd,
div#body-lv2 #layout #contents dl.annotation dd,
div#body-lv2-m #layout #contents dl.annotation dd,
div#body-lv3-b #layout #contents dl.annotation dd,
div#body-lv3-w #layout #contents dl.annotation dd,
div#body-lv3-m #layout #contents dl.annotation dd,
div#body-lv4 #layout #contents dl.annotation dd,
div#body-lv4-b #layout #contents dl.annotation dd,
div#body-lv4-w #layout #contents dl.annotation dd {
	float:left;
	width: 400px;
	margin-bottom: 0.5em;
	font-size:12px;
}

/* -------- td,th nest annotation -------- */

div#body-lv1 #layout #contents td dl.annotation,
div#body-lv1 #layout #contents th dl.annotation,
div#body-lv2 #layout #contents td dl.annotation,
div#body-lv2 #layout #contents th dl.annotation,
div#body-lv2-m #layout #contents td dl.annotation,
div#body-lv2-m #layout #contents th dl.annotation,
div#body-lv3-b #layout #contents td dl.annotation,
div#body-lv3-b #layout #contents th dl.annotation,
div#body-lv3-w #layout #contents td dl.annotation,
div#body-lv3-w #layout #contents th dl.annotation,
div#body-lv3-m #layout #contents td dl.annotation,
div#body-lv3-m #layout #contents th dl.annotation,
div#body-lv4 #layout #contents td dl.annotation,
div#body-lv4 #layout #contents th dl.annotation,
div#body-lv4-b #layout #contents td dl.annotation,
div#body-lv4-b #layout #contents th dl.annotation,
div#body-lv4-w #layout #contents td dl.annotation,
div#body-lv4-w #layout #contents th dl.annotation {
	width:80%;
	margin:10px 0 0 14px;
	padding:0;
	color:#666666;
}

div#body-lv1 #layout #contents td dl.annotation dt,
div#body-lv1 #layout #contents th dl.annotation dt,
div#body-lv2 #layout #contents td dl.annotation dt,
div#body-lv2 #layout #contents th dl.annotation dt,
div#body-lv2-m #layout #contents td dl.annotation dt,
div#body-lv2-m #layout #contents th dl.annotation dt,
div#body-lv3-b #layout #contents td dl.annotation dt,
div#body-lv3-b #layout #contents th dl.annotation dt,
div#body-lv3-w #layout #contents td dl.annotation dt,
div#body-lv3-w #layout #contents th dl.annotation dt,
div#body-lv3-m #layout #contents td dl.annotation dt,
div#body-lv3-m #layout #contents th dl.annotation dt,
div#body-lv4 #layout #contents td dl.annotation dt,
div#body-lv4 #layout #contents th dl.annotation dt,
div#body-lv4-b #layout #contents td dl.annotation dt,
div#body-lv4-b #layout #contents th dl.annotation dt,
div#body-lv4-w #layout #contents td dl.annotation dt,
div#body-lv4-w #layout #contents th dl.annotation dt {
	clear:both;
	float: left;
	width: 6%;
	white-space: nowrap;
	font-size:10px;
}

div#body-lv1 #layout #contents td dl.annotation dd,
div#body-lv1 #layout #contents th dl.annotation dd,
div#body-lv2 #layout #contents td dl.annotation dd,
div#body-lv2 #layout #contents th dl.annotation dd,
div#body-lv2-m #layout #contents td dl.annotation dd,
div#body-lv2-m #layout #contents th dl.annotation dd,
div#body-lv3-b #layout #contents td dl.annotation dd,
div#body-lv3-b #layout #contents th dl.annotation dd,
div#body-lv3-w #layout #contents td dl.annotation dd,
div#body-lv3-w #layout #contents th dl.annotation dd,
div#body-lv3-m #layout #contents td dl.annotation dd,
div#body-lv3-m #layout #contents th dl.annotation dd,
div#body-lv4 #layout #contents td dl.annotation dd,
div#body-lv4 #layout #contents th dl.annotation dd,
div#body-lv4-b #layout #contents td dl.annotation dd,
div#body-lv4-b #layout #contents th dl.annotation dd,
div#body-lv4-w #layout #contents td dl.annotation dd,
div#body-lv4-w #layout #contents th dl.annotation dd {
	float:left;
	width: 94%;
	margin-bottom: 0.5em;
	font-size:12px;
}

/* -------- annotation_number -------- */

#layout #contents dl.annotation_number {
	width:506px;
	margin:10px 0 0 14px;
	padding:0;
	color:#666666;
}
#layout #contents dl.annotation_number dt {
	clear:both;
	float: left;
	width: 20px;
	margin-left:0;
	white-space: nowrap;
	font-size:10px;
}
#layout #contents dl.annotation_number dd {
	float:left;
	width: 486px;
	margin-bottom: 0.5em;
	font-size:12px;
}

/* -------- annotation_number_wrap -------- */

#layout #contents dl.annotation_number_wrap {
	width:506px;
	margin:10px 0 0 14px;
	padding:0;
	color:#666666;
}
#layout #contents dl.annotation_number_wrap dt {
	clear:both;
	float: left;
	width: 30px;
	margin-left:0;
	white-space: nowrap;
	font-size:10px;
}
#layout #contents dl.annotation_number_wrap dd {
	float:left;
	width: 476px;
	margin-bottom: 0.5em;
	font-size:12px;
}


/* -------- annotation_star -------- */


#layout #contents .annotation_star{
	background:url(/mobile/set/common/p/img/general/star.gif) no-repeat top left;
	padding:0 20px 0 17px!important;
	margin:25px 0 10px 18px!important;
}



/* ----- annotation (fix) ----- */

/* fix */
#layout #contents ul.annotation_fix {
	margin:10px 20px 0 26px;
	list-style:none;
}

#layout #contents ul.annotation_fix li {
	text-indent:-1.5em;
	margin:0 0 0 0.3em;
	background:none!important;
	color:#666666;
}
#layout #contents ul.annotation_fix li.accent {
	color: #ff0000;
}

#layout #contents ul.distance {
	padding:15px 0 0 0;
}

/*  -------- main photo -------- */
/*
#layout #contents h1 {
	margin: 0px 0px 24px 0;
	padding: 0px;
	width: 540px;
	font-size: 14px;
	text-decoration: none;
}

#layout #contents h1 img {
	float:right;
}

#layout #contents h1 dl {
	text-align:right;
	padding:0 0 24px 0;
	clear:both;
}

#layout #contents h1 img.h1Title {
	float:none;
	margin:0 0 0 0;
	clear:both;
}
*/

/* ================ product item series ================== */	

#layout #contents ul.series {
	list-style:none;
	margin:0 20px 26px 0;
	text-align:right;
}
#layout #contents ul.series li.notice {
	color:#666666;
	font-size:10px;
	}

/* -------- Link All -------- */

#layout #contents a {
	color:#006699;
}

#layout #contents a:link {
	text-decoration: underline;
}

#layout #contents a:visited {

}

#layout #contents a:hover {
	color:#880000;
	text-decoration: none;
}

#layout #contents a:active {
	color:#880000;
	text-decoration: none;
}


/* -------- btn_link -------- */
#layout #contents .btn_link a {
	background: url(/mobile/set/common/p/img/general/list_marker_blk-wht.gif) left top no-repeat;
	padding-left: 16px;
}

#layout #contents .btn_link a:hover {
	background: transparent url(/mobile/set/common/p/img/general/list_marker_gry-wht.gif) left top no-repeat;
}

/* pdf icon*/
#layout #contents .btn_link img {
	margin:0 0 0 3px;
	vertical-align:middle;
}


/* -------- next back -------- */
#layout #contents .navi-nextback {
	width:200px;
	margin:0 0 0 170px;
	padding:30px 0 10px 0;
}

#layout #contents .navi-nextback ul {
	margin:0;
	padding:0;
	list-style:none;
}

#layout #contents .navi-nextback li.back a,
#layout #contents .navi-nextback li.next a {
	display:block;
	width:92px;
	height:23px;
	text-indent:-9999px;
}

#layout #contents .navi-nextback  li {
	width:92px;
}

#layout #contents .navi-nextback  li.back {
	float:left;
}

div#body-lv3-b #layout #contents .navi-nextback li.back a:link,
div#body-lv3-b #layout #contents .navi-nextback li.back a:visited,
div#body-lv3-w #layout #contents .navi-nextback li.back a:link,
div#body-lv3-w #layout #contents .navi-nextback li.back a:visited,
div#body-lv3-m #layout #contents .navi-nextback li.back a:link,
div#body-lv3-m #layout #contents .navi-nextback li.back a:visited,
div#body-lv4 #layout #contents .navi-nextback li.back a:link,
div#body-lv4 #layout #contents .navi-nextback li.back a:visited,
div#body-lv4-b #layout #contents .navi-nextback li.back a:link,
div#body-lv4-b #layout #contents .navi-nextback li.back a:visited,
div#body-lv4-w #layout #contents .navi-nextback li.back a:link,
div#body-lv4-w #layout #contents .navi-nextback li.back a:visited {
	background:url(/mobile/set/common/p/img/general/btn_back_en-a.gif) no-repeat;
}

div#body-lv3-b #layout #contents .navi-nextback li.back a:hover,
div#body-lv3-b #layout #contents .navi-nextback li.back a:active,
div#body-lv3-w #layout #contents .navi-nextback li.back a:hover,
div#body-lv3-w #layout #contents .navi-nextback li.back a:active,
div#body-lv3-m #layout #contents .navi-nextback li.back a:hover,
div#body-lv3-m #layout #contents .navi-nextback li.back a:active,
div#body-lv4 #layout #contents .navi-nextback li.back a:hover,
div#body-lv4 #layout #contents .navi-nextback li.back a:active,
div#body-lv4-b #layout #contents .navi-nextback li.back a:hover,
div#body-lv4-b #layout #contents .navi-nextback li.back a:active,
div#body-lv4-w #layout #contents .navi-nextback li.back a:hover,
div#body-lv4-w #layout #contents .navi-nextback li.back a:active {
	background:url(/mobile/set/common/p/img/general/btn_back_en-b.gif) no-repeat;
}

#layout #contents .navi-nextback li.next {
	float:right;
}

div#body-lv3-w #layout #contents .navi-nextback li.next a:link,
div#body-lv3-w #layout #contents .navi-nextback li.next a:visited {
	background:url(/mobile/set/common/p/img/general/btn_next_en-a.gif) no-repeat;
}

div#body-lv3-w #layout #contents .navi-nextback li.next a:hover,
div#body-lv3-w #layout #contents .navi-nextback li.next a:active {
	background:url(/mobile/set/common/p/img/general/btn_next_en-b.gif) no-repeat;
}


/* -------- sepalater -------- */
#layout #contents .v-line {
	clear:both;
	width: 500px;
	height: 1px;
	padding: 10px 0 10px 0;
	overflow:hidden;
	background:url("/mobile/set/common/p/img/general/line_hr_dot_gry.gif") 0 50% repeat-x;
	font-size: 1px;
	text-decoration: none;
}

/* -------- underline -------- */
#layout #contents .underline-text {
text-decoration:underline;
}

/* -------- bold -------- */

#layout #contents .bold-face {
	font-weight:bold
}


/* -------- get adobe -------- */
#layout #contents .get-adobe {
	margin:10px 20px 0 12px;
}

#layout #contents .get-adobe img {
	float:left;
	width:88px;
	margin:0 10px 0 0;

}

#layout #contents .get-adobe p {
	font-size:10px;
	color:#666666;
}


/* -------- table -------- */
#layout #contents table {
	margin: 10px 20px 10px 12px;
	border-top:1px solid #c3c3c3;
	border-collapse:collapse;
	padding: 0px;
}

#layout #contents table caption {
	text-align: left;
	margin: 0px 20px 0 12px;
	padding: 9px 5px;
	font-weight:bold;
}

/*
#layout #contents table tr {
	background: url(/mobile/set/common/p/img/general/line_hr_dot_gry.gif) repeat-x bottom;
}
*/

#layout #contents table th {
	padding: 5px;
	background:#ffffff url(/mobile/set/common/p/img/pdct_3g/line_hr_dot_gry.gif) repeat-x bottom;
	color: #000000;
	white-space: nowrap;
	text-decoration: none;
}

#layout #contents table th.lb {
	border-left: 1px solid #c3c3c3;
}

#layout #contents table td {
	border-left: 1px solid #c3c3c3;
	padding: 5px 5px 5px 10px ;
	background:#ffffff url(/mobile/set/common/p/img/pdct_3g/line_hr_dot_gry.gif) repeat-x bottom;
	word-break:break-all;
}
#layout #contents div.hub_service_products div.body th,
#layout #contents div.hub_service_products div.body td {
	background: none;
}

#layout #contents table td.nb {
	border:none;
}

#layout #contents table td ul,
#layout #contents table td dl,
#layout #contents table td p {
	margin:0;
}

#layout #contents table td ul {
	margin:0;
	padding:0 0 0 18px;
}

#layout #contents table td li {
	margin:0;
}

#layout #contents table .odd td {
	
}

#layout #contents table .even td {
	background:#eeeeee url(/mobile/set/common/p/img/pdct_3g/line_hr_dot_gry.gif) repeat-x bottom;
}






/* ------------ horizontal-menu ------------- */
/* <Notes> -------------------------------------

* Horizontal menu right under h1  *
* images is in the btn_set folder *

page1(w-1)+page2(w)+page3(w) = 500(max width)

--------------------------------------------- */

#layout #contents ul.horizontal-menu {
	margin:0px;
	padding:0px;
	list-style-type: none;
}

#layout #contents ul.horizontal-menu li {
	margin:0px;
	padding:0px;
	float:left;
}

#layout #contents ul.horizontal-menu li span.current-page {
	padding:7px 15px 5px 20px;
	background: #ffffff url(/mobile/set/common/p/img/sprt/btn_horizontalmenu-b.gif) 0 0 no-repeat;
	position: relative;
	font-size:10px;
	display:block;

}

#layout #contents ul.horizontal-menu li a:visited,
#layout #contents ul.horizontal-menu li a:active,
#layout #contents ul.horizontal-menu li a:hover,
#layout #contents ul.horizontal-menu li a:link {
	margin:0px;
	padding:8px 15px 5px 20px;
	position:relative;
	font-size:10px;
	display:block;

}

#layout #contents ul.horizontal-menu li a:link {
	background: #ffffff url(/mobile/set/common/p/img/sprt/btn_horizontalmenu-a.gif) 0 0 no-repeat;

}

#layout #contents ul.horizontal-menu li a:visited {
	background: #ffffff url(/mobile/set/common/p/img/sprt/btn_horizontalmenu-c.gif) 0 0 no-repeat;

}

#layout #contents ul.horizontal-menu li a:active,
#layout #contents ul.horizontal-menu li a:hover {
	background: #ffffff url(/mobile/set/common/p/img/sprt/btn_horizontalmenu-b.gif) 0 0 no-repeat;
	text-decoration:underline;

}

#layout #contents ul.horizontal-menu li.page-1 a:link {
	background: #ffffff url(/mobile/set/common/p/img/sprt/btn_horizontalmenu-a.gif) -1px 0 no-repeat;

}

#layout #contents ul.horizontal-menu li.page-1 a:visited {
	background: #ffffff url(/mobile/set/common/p/img/sprt/btn_horizontalmenu-c.gif) -1px 0 no-repeat;

}

#layout #contents ul.horizontal-menu li.page-1 a:active,
#layout #contents ul.horizontal-menu li.page-1 a:hover {
	background: #ffffff url(/mobile/set/common/p/img/sprt/btn_horizontalmenu-b.gif) -1px 0 no-repeat;
	text-decoration:underline;
}


/*	dl.read	*/
#layout #contents dl.read {
	margin:10px 20px 0 12px;
	padding:0 0 0 0;
}

#layout #contents dl.read dt {
	font-weight:bold;
	text-align:left;
}

#layout #contents dl.read dd {
	margin:5px 0 0 0;
}

/* dl.read */
#layout #contents dl.read dd dl {
	margin:0 0 0 14px;
}

#layout #contents dl.read dd dl.annotation dt,
#layout #contents dl.read dd dl.annotation dd {
	font-weight:normal;
	margin:0;
	padding:0;
	font-size:10px;
}

#layout #contents dl.read dd dl.annotation dd {
	margin-bottom:0.5em;
}


/*--------------------- support-model-box -----------------------*/

#layout #contents #support-model-box h3 {
	margin-top:30px;
	font-weight: normal;
	text-align: right;
	border:none;
}
#layout #contents #support-model-box h3 strong {
	width:60px;
	float:left;
	text-align: left;
	color:#555555;
}
#layout #contents #support-model-box.deep-pink-title h3 strong {
	color:#c71987;
}

#layout #contents #support-model-box h3 span {
	font-size:10px;
	font-weight:normal;
	vertical-align: bottom;
}

#layout #contents #support-model-box table {
	margin-top:2px;
}

#layout #contents #support-model-box table td dl dt {
	color:#555555;
	font-weight:bold;
}
/*--------------------------------------------------------------*/


/*--------------------- noborder-element -----------------------*/

#layout #contents .noborder-element {
	border: none;
}



/* BTN LINK POLY LINE for SUPPORT 3G */

#layout #contents .btn_link.poly-line a {
	display: block;
	text-decoration: none;
	background: url(/mobile/set/common/p/img/general/list_marker_blk-wht.gif) left top no-repeat;
}
#layout #contents .btn_link.poly-line a:hover {
	display: block;
	background: url(/mobile/set/common/p/img/general/list_marker_gry-wht.gif) left top no-repeat;
}

#layout #contents .btn_link.poly-line a span {
	text-decoration: underline;
}
#layout #contents .btn_link.poly-line a:hover span {
	text-decoration: none;
}


/* ----- trademark ----- */

#overlay-trademark {
	padding: 10px 0;
	background: #ffffff;
}
#overlay-trademark p {
	text-align: left;
	width: 960px;
	margin: 0 auto;
}
#overlay-trademark p a {
	background:url("/mobile/set/common/p/img/v09b/bullet/icn_arrow_blue.gif") no-repeat scroll left center transparent !important;
	padding:0 16px;
	font-size: 12px;
}







/* #################################### MLC ####################################### */
#layout #content h2 {
	margin:35px 20px 0 0;
	padding:4px 0 4px 10px;
	border-left: 6px solid #b7bbbe;
	font-size:14px;
	font-weight:bold;
}


/* -------- btn_link -------- */
#layout #content .btn_link a {
	background: url(/mobile/set/common/p/img/general/list_marker_blk-wht.gif) left top no-repeat;
	padding-left: 16px;
}

#layout #content .btn_link a:hover {
	background: transparent url(/mobile/set/common/p/img/general/list_marker_gry-wht.gif) left top no-repeat;
}

/* pdf icon*/
#layout #content .btn_link img {
	margin:0 0 0 3px;
	vertical-align:middle;
}

#layout #content p,
#layout #content dl {
	margin:10px 20px 0 12px;
	padding:0;
}

#layout #content img.install{
margin: 10px 0 10px 10px;
}

/* EOF */