@charset "EUC-JP";

@import url(base_flat.css);

/* -----------------------------------------------
              for Mobile media
   ----------------------------------------------- */

body
	{
	width: 320px;
	}

/* ========== Element Base Style ========== */

body
	{
	background: #ffffff;
	color: #000000;
	font-size: 75%;
/*	line-height: 1.25; */
	}

a:link
	{
	color: #003399;
	}

a:visited
	{
	color: #660099;
	}

a:hover,
a:active,
a:focus
	{
	color: #ff0033;
	}

img
	{
	vertical-align: middle;
	}

p,
ul, ol, dl, dt,
table, blockquote,
#toTop,
.notice,
#footer
	{
	margin-top: 5px;
	}

li
	{
	margin-left: 1em;
	}

.link li
	{
	margin-left: 0;
	}

ol li
	{
	margin-left: 2em;
	padding-left: 1em;
	}

dt
	{
	font-weight: bold;
	}

dd
	{
	border-bottom: #b2b2b2 dotted 1px;
	padding-bottom: 3px;
	}

input.btn
	{
	display: inline;
	}

#primaryMenu li,
#seconderyMenu li,
.link li
	{
	list-style: none;
	}

#primaryMenu a,
#seconderyMenu a,
#mainContent h1 a,
#mainContent h2 a,
#mainContent h3 a,
#mainContent h4 a,
#mainContent h5 a,
#mainContent h6 a,
.link li a,
.link dt a,
.link dd a,
p.link a,
dd.link a,
#toTop a,
.toToc a,
.paging li a
	{
	background: url(/prdct/telecom/consumer/lineup/common/img/icon_link_forward.gif) left 0.25em no-repeat;
	padding-left: 12px;
	}

#primaryMenu li div,
#seconderyMenu li div,
ul.link li
	{
	margin-left: 12px;
	text-indent: -12px;
	}

#toc .link li a
	{
	background-image: url(/prdct/telecom/consumer/lineup/common/img/icon_link_downward.gif);
	}

#toTop a,
.toToc a
	{
	background-image: url(/prdct/telecom/consumer/lineup/common/img/icon_link_upward.gif) !important;
	}

a.icon:after
	{
	content: url(/prdct/telecom/consumer/lineup/common/img/icon_link_file.gif);
	margin: 0 1px;
	}

a.icon.external:after { content: url(/prdct/telecom/consumer/lineup/common/img/icon_link_new-window.gif); }
a.icon.pdf:after      { content: url(/prdct/telecom/consumer/lineup/common/img/icon_link_pdf.gif); }

img.icon
	{
	margin: 0 3px;
	}

blockquote
	{
	border: #cccccc solid 2px;
	padding: 2px 3px;
	}

blockquote[cite]:after,
blockquote[title]:after
	{
	border-top: #999999 dotted 1px;
	content: "½Ðŵ : " attr(cite);
	display: block;
	margin-top: 2px;
	padding-top: 2px;
	}

blockquote[title]:after
	{
	content: "½Ðŵ : " attr(title);
	}

table,
table th,
table td
	{
	border-color: #b0b0b0;
	border-style: solid;
	}

table
	{
	border-width: 0 1px 1px 0;
	border-collapse: collapse;
	width: 100%;
	}

table th,
table td
	{
	border-width: 1px 0 0 1px;
	font-size: 75%;
	padding: 3px 5px 1px;
	text-align: left;
	vertical-align: top;
	}

table th
	{
	background: #f5f5f5;
	font-weight: normal;
	}

table td
	{
	background: #ffffff;
	}

table thead th
	{
	background: #e1e1e1;
	}

table tfoot tr:first-child th,
table tfoot tr:first-child td
	{
	border-top-width: 2px;
	}


/* ========== structure ========== */

.lt { text-align: left; }

.rt { text-align: right; }

.ct { text-align: center; }


#seconderyMenu ul ul,
#utilityMenu,
#footer .styleSwitch,
.forScreen,
.banner,
h1 img.clip,
h2 img.clip,
.modelsToc,
.modelsIndex .modelDescription,
.modelsIndex .modelAppearance,
.modelsIndex .modelImage,
.QAicon,
.styleSwitch,
#main_visual_box,
body.home #reference
	{
	display: none;
	}

#reference,
#mainContent,
#footer
	{
	padding: 0 10px;
	}


/* ----- primaryMenu ----- */

#primaryMenu
	{
	background: #f0f0f0;
	border-color: #000000;
	border-style: solid;
	border-width: 2px 0;
	padding: 5px 10px;
	}

#primaryMenu ul ul
	{
	margin-left: 12px;
	}

#primaryMenu li
	{
	margin-left: 0;
	}

/* ----- seconderyMenu ----- */

#seconderyMenu
	{
	background: #f0f0f0;
	border-color: #000000;
	border-style: solid;
	border-width: 2px 0;
	padding: 5px 10px;
	}

#seconderyMenu dl,
#seconderyMenu dt,
#seconderyMenu li
	{
	margin: 0;
	}

#seconderyMenu dd
	{
	border-bottom: none;
	padding-bottom: 0;
	}

#seconderyMenu ul
	{
	border-top: #666666 dotted 1px;
	margin: 5px 0 0 12px;
	padding-top: 5px;
	}

#seconderyMenu ul em
	{
	padding-left: 12px;
	}

/* ----- body ----- */

#mainContent
	{
	padding-top: 20px;
	}

#mainContent h1
	{
	border-color: #000000;
	border-style: solid;
	border-width: 0 0 1px 5px;
	font-size: 150%;
	margin-bottom: 10px;
	padding: 7px 8px 8px 8px;
	}

body.model #mainContent h1 small
	{
	display: block;
	font-size: 65%;
	}

#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6
	{
	font-size: 116.67%;
	}

#mainContent h2,
#mainContent h3
	{
	border: #666666 solid 1px;
	padding: 3px 4px 2px;
	}

#mainContent h2
	{
	background: #e5e5e5;
	}

#mainContent h4,
#mainContent h5,
#mainContent h6
	{
	padding: 2px 5px;
	}

#mainContent h4
	{
	border-bottom: #666666 solid 2px;
	}

#mainContent h5
	{
	border-bottom: #666666 solid 1px;
	}

#mainContent h6
	{
	border-bottom: #666666 dotted 1px;
	}

#toc,
#toTop
	{
	border: #666666 dotted 1px;
	padding: 3px 4px;
	}

#toc:before
	{
	content: "Ìܼ¡";
	}


/* ========== component ========== */
/* ----- important ----- */

.important.lv1
	{
	border: #ff0000 solid 2px;
	color: #ff0000;
	margin-bottom: 10px;
	padding: 2px 3px;
	}

.important.lv2
	{
	background: #efefef;
	border: #b0b0b0 solid 2px;
	padding: 2px 3px;
	}

.important.lv3,
.important.lv4
	{
	border: #cccccc solid 1px;
	padding: 3px 4px;
	}

.important.lv3
	{
	background: #f5f5f5;
	}

.important.lv5
	{
	border-top: #cccccc solid 1px;
	padding-top: 10px;
	}

.important.lv6
	{
	border-top: #b2b2b2 dotted 1px;
	padding-top: 5px;
	}

/* ----- note ----- */

p.note,
ul.note li
	{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

ol.note li
	{
	list-style: none;
	margin-left: 2.5em;
	text-indent: -2.5em;
	}

ol.note .marker
	{
	display: block;
	margin-bottom: -1.25em;
	width: 2.5em;
	}

/* ----- articles ----- */

.articlesIndex img.clip
	{
	margin-left: 3px;
	}

.articlesMenu li
	{
	display: inline;
	margin: 0 5px 0 0;
	}

/* ----- modelsIndex ----- */

ul.modelsIndex li
	{
	list-style: none;
	}

ul.modelsIndex .modelName
	{
	font-size: 116.67%;
	font-weight: bold;
	margin-left: -12px;
	}

ul.modelsIndex li.special,
dl.modelsIndex dd
	{
	border-bottom: #999999 solid 1px;
	margin: 10px 0 0;
	padding: 0 0 10px 12px;
	}

ul.modelsIndex li.special .modelAppearance
	{
	display: block;
	text-align: center;
	}

/* ----- articlesIndex ----- */

.articles .articlesIndex,
.articles .articlesIndex th,
.articles .articlesIndex td
	{
	border: none;
	}

.articles .articlesIndex thead
	{
	display: none;
	}

.articles .articlesIndex th,
.articles .articlesIndex td
	{
	background-color: transparent;
	border-bottom: #ababab dotted 1px;
	font-weight: normal;
	}

.articles .articlesIndex th
	{
	width: 100%;
	}

.articles .articlesIndex td
	{
	white-space: nowrap;
	}

.articles .articlesIndex td img.clip
	{
	margin-top: 0.25em;
	}

/* ----- procedure ----- */

.procedure .multiColumn3 .step .description
	{
	height: auto !important;
	}

.procedure .step
	{
	border: #bbbbbb solid 1px;
	margin-top: 21px;
	padding: 9px;
	}

.procedure .step .description img.stepIcon
	{
	margin-right: 3px;
	}


/* ========== set control ========== */
/* ----- grid ----- */

#primaryMenu,
#seconderyMenu
	{
	margin-right: -10px;
	margin-left: -10px;
	}

#mainContent h1,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6,
#toc,
#toTop,
.important.lv1,
.important.lv2,
.important.lv3,
.important.lv4
	{
	margin-right: -5px;
	margin-left: -5px;
	}

#mainContent .important h2,
#mainContent .important h3,
#mainContent .important h4,
#mainContent .important h5,
#mainContent .important h6
	{
	margin-right: 0;
	margin-left: 0;
	}

/* ----- margin ----- */

#footer
	{
	margin-top: 20px;
	}

#primaryMenu,
#seconderyMenu,
#mainContent h2,
#mainContent h3,
#mainContent h4,
#mainContent h5,
#mainContent h6,
#footer address,
#toc,
.important,
.movie
	{
	margin-top: 10px;
	}


#primaryMenu li,
.articlesMenu
	{
	margin-top: 5px;
	}

#primaryMenu ul,
#seconderyMenu ul ul,
#mainContent h1,
#toTop p,
#toc ul
	{
	margin-top: 0;
	}

.flat
	{
	margin-top: 0 !important;
	}

#mainContent .plain,
#mainContent .plain > li,
#mainContent .plain > dt,
#mainContent .plain > dd
	{
	background-color: transparent;
	background-image: none;
	border: none;
	color: inherit;
	font-weight: normal;
	list-style: none;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	}

/* ----- clearfix ----- */

.paging
	{
	*height: 1%;
	}

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