@charset "shift_jis";
/*
 * KUZIRA CSS Framework
 * asset.css
 * version: 1.0
 *
 * Copyright (c) 2010 Yutaka Sumi (http://www.kuzira.org/)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://www.opensource.org/licenses/mit-license.php
 * Date: 2011-12-07
 *
 * index:
 * 00.Layout
 * 01.Heading Elements
 * 02.Paragraph Elements
 * 03.List Elements
 * 04.Table Elements
 * 05.Etc Elements
 * 06.Links Elements
 * 07.Navigation
 * 99.Clearfixes
 */

/* ------------------------------------------------------------ 00.Layout */
/* クリア */
div#mainContents h1,
div#mainContents h2,
div#mainContents h3,
div#mainContents h4,
div#mainContents h5,
div#mainContents h6,
div#mainContents table,
div#mainContents hr { clear: both; }
/* 見出し */
div#mainContents h1 { margin: 0 10px 10px 10px; }
div#mainContents h2 { margin: 40px 10px 10px 10px; }
div#mainContents h3 { margin: 35px 10px 15px 10px; }
div#mainContents h4 { margin: 15px 10px 5px 10px;; }
div#mainContents h5,
div#mainContents h6 { margin: 0 10px 5px 10px; }
div#mainContents h2:first-child { margin-top: 0; }
div#mainContents div.locator h2:first-child,
div#mainContents div.locator + h2 { margin-top: 20px; }
* html div#mainContents h2.firstChild,
* html div#mainContents h2.siblingA { margin-top: 20px; }
div#mainContents div.locator h3:first-child,
div#mainContents div.locator + h3 { margin-top: 5px; }
* html div#mainContents h3.firstChild,
* html div#mainContents h3.siblingA { margin-top: 5px; }
div#mainContents h2 + h3 { margin-top: 15px; }
div#mainContents h2 + div.locator h3:first-child { margin-top: 5px; }
* html div#mainContents h3.siblingB { margin-top: 0; }
div#mainContents div.locator div.boxedItem h2:first-child { margin-top: 0; }
* html div#mainContents div.boxedItem h2.firstChild { margin-top: 0; }
div#mainContents > div.heading:first-child { margin-top: 0; }
* html div#mainContents div.heading.firstChild { margin-top: 0; }
/* 本文 */
div#mainContents p,
div#mainContents ul,
div#mainContents ol,
div#mainContents dl,
div#mainContents table { margin: 0 10px 10px 10px; }
div#mainContents hr { margin: 30px 10px 30px 10px; }
* html div#mainContents hr { margin: 23px 10px 23px 10px; }
div#mainContents ul ul,
div#mainContents ul ol,
div#mainContents ol ul,
div#mainContents ol ol,
div#mainContents dl dd p,
div#mainContents dl dd ul,
div#mainContents dl dd ol,
div#mainContents table p,
div#mainContents table ul,
div#mainContents table ol,
div#mainContents table dl { margin: inherit 0; }
div#mainContents table p:last-child,
div#mainContents table ul:last-child,
div#mainContents table ol:last-child,
div#mainContents table dl:last-child { margin-bottom: 0; }
*:first-child+html div#mainContents table p.lastChild,
*:first-child+html div#mainContents table ul.lastChild,
*:first-child+html div#mainContents table ol.lastChild,
*:first-child+html div#mainContents table dl.lastChild { margin-bottom: 0; }
* html div#mainContents table p.lastChild,
* html div#mainContents table ul.lastChild,
* html div#mainContents table ol.lastChild,
* html div#mainContents table dl.lastChild { margin-bottom: 0; }
/* リンク&ナビゲーション */
ul.btn,
p.learnMore,
p.toPageTop ul.linearNav,
ul.tabNav,
dl.info { clear: both; }
/* ------------------------------------------------------------ 01.Heading Elements */
div#mainContents h1 {
	padding-top: 3px;
	padding-left: 23px;
	background-image: url(../images/bg_h1.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	line-height: 1;
	font-size: 200%;
	color: #333333;
}
div#mainContents h2 {
	padding-bottom: 10px;
	background-image: url(../images/bg_h2_btm.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	font-size: 160%;
}
div#mainContents h2 > span {
	display: block;
	padding: 4px 0 0 23px;
	background-image: url(../images/bg_h2.png);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
	font-weight: bold;
}
* html div#mainContents h2 span.child {
	display: block;
	padding: 4px 0 0 23px;
	background-image: url(../images/bg_h2.png);
	background-position: 0 0.2em;
	background-repeat: no-repeat;
	font-weight: bold;
}
div#mainContents h3 {
	padding-bottom: 9px;
	background-image: url(../images/bg_h3_btm.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}
div#mainContents h3 > span {
	display: block;
	padding: 3px 0 0 20px;
	background-image: url(../images/bg_h3.png);
	background-position: 0 0.8em;
	background-repeat: no-repeat;
	font-weight: bold;
}
* html div#mainContents h3 span.child {
	display: block;
	padding: 3px 0 0 20px;
	background-image: url(../images/bg_h3.png);
	background-position: 0 0.8em;
	background-repeat: no-repeat;
	font-weight: bold;
}
div#mainContents h4 {
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
div#mainContents h5 { font-size: 120%; }
div#mainContents h6 { font-size: 100%; }
/* 詳細リンク */
div#mainContents div.heading {
	margin: 30px 10px 10px;
	position: relative;
}
div#mainContents div.heading h2,
div#mainContents div.heading h3,
div#mainContents div.heading h4,
div#mainContents div.heading h5,
div#mainContents div.heading h6,
div#mainContents div.heading p.learnMore { margin: 0; }
div#mainContents div.heading h2 { padding-right: 6em; }
div#mainContents div.heading p.learnMore {
	position: absolute;
	top: 0;
	right: 0;
}
* html div#mainContents div.heading p.learnMore { right: 10px; }

div#mainContents div.heading h2 + p.learnMore { top: 5px; }
/* ------------------------------------------------------------ 02.Paragraph Elements */
/* リード文 */
p.lead { font-size: 120%; }
/* キャプション */
p.caption {
	margin-top: -5px;
	font-size: 100%;
}
/* 日付、署名 */
p.signature,
p.date { text-align: right; }
/* イメージ */
p.image { text-align: center; }
/* イメージ＋テキスト */
div#mainContents p.thumbImage {
	float: left;
	margin-right: 20px;
}
p.thumbText {
	overflow: auto;
	zoom: 1;
}
/* ------------------------------------------------------------ 03.List Elements */
ul.items li,
ul.items ul li {
	padding-left: 15px;
	background-image: url(../images/img_mark_items.png);
	background-position: 1px 0.5em;
	background-repeat: no-repeat;
}
ol.items li {
	margin-left: 1.5em;
	list-style: decimal;
}
ol.alpha li { list-style: lower-alpha; }
/* キャプション付きイメージ */
dl.image dt,
dl.image dd {
	margin-left: 0;
	text-align: center;
}
/* リストの入れ子 */
ul.items ol.items li,
ul.items ul.links li,
ol.items ul.items li,
ol.items ul.links li {
	margin-left: 0;
	list-style: none;
}
ul.items ol.items li {
	margin-left: 1.5em;
	padding-left: 0;
	list-style: decimal;
	background-image: none;
}
ul.items ol.items ul.items li {
	margin-left: 0;
	padding-left: 20px;
	list-style: none;
	background-image: url(/common/images/bg-list.png);
}
ul.items ol.items,
ul.items ul.items,
ol.items ul.items,
ol.items ol.items { margin-bottom: 0; }
/* 注釈 */
ul.notes {
	padding-left: 1.6em;
	text-indent: -1.6em;
}
ol.notes {
	padding-left: 2.2em;
	text-indent: -2.2em;
}
ul.notes li,
ol.notes li {
	font-size: 120%;
	color: #999999;
}
span.notes { 
	color: #999999;
	font-size: 86%;
}
div#mainContents h2 span span.notes { 
	padding: 0;
	background: none;
}
div#mainContents h3 span span.notes { 
	padding: 0;
	background: none;
}
table ul.notes li { font-size: 83%; }
ol.notes li.nthChild {
	padding-left: 0.5em;
	text-indent: -2.3em;
}
/* 定義リスト */
dl.articles dt {
	margin-bottom: 12px;
	float: left;
	width: 8em;
}
dl.articles dd {
	margin-bottom: 12px;
	margin-left: 8em;
	padding-left: 10px;
}
* html dl.articles dd { text-indent: -3px; }

dl.items dt {
	padding-left: 15px;
	background-image: url(../images/img_mark_items.png);
	background-position: 1px 0.5em;
	background-repeat: no-repeat;
	font-weight: bold;
}

dl.items dd {
	margin-bottom: 10px;
	padding-left: 15px;
}

/* ------------------------------------------------------------ 04.Table Elements */
div#platform.typeD table,
div#platform.typeD_SP table { width: 700px; }
div#platform.typeD table.table_lamp { width: 650px; }

table {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
table th,
table td {
	padding: 10px 7px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: left;
}
table thead th,
table tfoot th {
	background-color: #397ECF;
	color: #FFF;
}
table thead td { background-color: #D7E5F5; }
table tbody th { background-color: #E9E9E9; }
table tr.necessary th { background-color: #FFD5DB; }
table th.joint,
table td.joint { border-top: none; }
div.tableWrap { margin: 0 10px; }
div#mainContents div.tableWrap table {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

table td.mark { text-align: center; }

table.table_lamp  th,
table.table_lamp  td {
	padding: 3px 3px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: left;
}
/* wm3600r mobile */
table.mp_table{background:white;
	width:100%;
	border:1px solid #E3E3E3;
	border-spacing:0;
	border-radius:6px 6px;
	-webkit-border-radius:6px 6px;
}
td.mp_table{
	padding:5px 4px;
	border-top:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	font-size:8pt;
}

/* ------------------------------------------------------------ 05.Etc Elements */
/* 区切り線 */
hr {
	border-top: 1px dashed #000;
	border-bottom: none;
	border-right: none;
	border-left: none;
	display: block;
	height: 1px;
}

/* エクストラカラム */
div.img01,
div.img02 { float: left; }
div.img01 { width: 100px; }
div.img02 { width: 140px; }

div.txt01 { margin-left: 100px; }
div.txt02 { margin-left: 140px; }
div.txt03 { margin-left: 80px; }

div#mainContents div.txt01 h3,
div#mainContents div.txt02 h3,
div#mainContents div.txt02 h4,
div#mainContents div.txt01 table,
div#mainContents div.txt02 table { clear: none; }

/* ------------------------------------------------------------ 06.Link Element */
ul.links li,
ul.linksRow li,
dl.links dt,
p.learnMore a {
	padding-left: 11px;
	background-image: url(../images/img_mark_links.png);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
}
p.learnMore a {	background-position: 0 0.25em; }
dl.links dd { margin-bottom: 10px; }
ul.linksRow li {
	float: left;
	margin-right: 10px;
}
ul.linksRow.typeD li { width: 47%; }
ul.linksRow.typeT li { width: 30.3%; }
* html ul.linksRow.typeD li {	width: 48.4%; }
* html ul.linksRow.typeT li {	width: 31.8%; }
/* リンクの入れ子 */
ul.links ul.links { margin-bottom: 0; }
/* 強調リンク */
ul.links.strong li {
	padding-left: 20px;
	background-image: url(../images/img_mark_links_strong.png);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
}
ul.links.strong li a { font-weight: bold; }
/* ページ内リンク */
ul.links li.down,
ul.linksRow li.down {
	background-image: url(../images/img_mark_links_down.png);
	background-position: 0 0.6em;
}
/* ボタン */
ul.btn li {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
}
ul.btn li {
	border: solid 1px #DDDDDD;
	background-color: #ECECEC;
	background-image: url(../images/bg_btn.png);
	background-repeat: repeat-x;
	background-position: 0 0;
	border-radius: 2px;        /* CSS3 */  
	-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 2px;   /* Firefox用 */  
}
ul.btn li a {
	display: block;
	padding: 7px 10px 7px 20px;
	background-image: url(../images/img_mark_links_blue.png);
	background-position: 10px 0.9em;
	background-repeat: no-repeat;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
}
ul.btn li a:hover {
	text-decoration: underline;
	color: #B0B0B0;
}
ul.btn li.strong { border: none; }
ul.btn li.strong a {
	padding: 0;
	background-color: #D35400;
	background-image: url(../images/bg_btn_strong.png);
	background-position: 0 0;
	background-repeat: repeat-x;
}
ul.btn li.strong a:hover {
	background-image: url(../images/bg_btn_strong_on.png);
	background-color: #E9A97F;
}
ul.btn li.strong a span {
	display: block;
	padding: 7px 10px 7px 20px;
	background-image: url(../images/img_mark_links_orange.png);
	background-position: 10px 0.9em;
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
}
ul.btn li.strong a:hover span { background-image: url(../images/img_mark_links_orange_on.png); }

ul.btn li.strong a:hover {
	text-decoration: none;
	color: #FFFFFF;
}

/* 詳細へ・一つ前のページに戻る・トップへ戻る */
p.toPageTop,
p.learnMore { text-align: right; }
p.toPageTop { font-size: 120%; }
p.toPageTop a {
	padding-left: 11px;
	background-image: url(../images/img_mark_totop.png);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
}
/* リンクアイコン */
.external a,
.pdf a,
.file a {
	padding-right: 16px;
	background-position: right;
	background-repeat: no-repeat;
}
.external a {	background-image: url(../images/img_ico_win.png); }
.pdf a { background-image: url(../images/img_ico_pdf.png); }
.file a { background-image: url(../images/img_ico_exe.png); }

.pdf a.noIcon {
	padding-right: 0;
	background-image: none;
}

* html ul.links .external a { display: inline-block; }
* html h2 .external a { display: inline-block; }

/* ------------------------------------------------------------ 07.Navigation */
/* インデックスナビ */
div.index {
	margin: 0 10px 10px;
	padding: 3px 12px 4px 12px;
	background-color: #EEEEEE;
}
div#mainContents div.index p {
	float: left;
	margin: 0 16px 0 0;
	padding-top: 0.3em;
}
div#mainContents div.index p img { vertical-align: top; }
div#mainContents ul.indexNav {
	margin: 0;
	padding-left: 95px;
}
ul.indexNav li,
ul.indexNavIn li {
	float: left;
	margin-right: 20px;
	padding-left: 14px;
	/*overflow: hidden;*/
	background-image: url(../images/img_mark_links_down.png);
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	white-space: nowrap;
	font-size: 120%;
}
* html ul.indexNav {
	height: 1em !important;
	float: left;
	padding-left: 0 !important;
}



/* リニアナビ */
ul.linearNav {
	clear: both;
	padding: 4px 0 5px;
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
}
ul.linearNav li {	background-repeat: no-repeat; }
ul.linearNav li.prev {
	float: left;
	padding-left: 11px;
	background-image: url(../images/img_mark_links_prev.png);
	background-position: 0 0.5em;
}
ul.linearNav li.next {
	float: right;
	padding-right: 11px;
	background-image: url(../images/img_mark_links.png);
	background-position: right 0.5em;
}
/* タブナビ */
div#mainContents ul.tabNav {
	margin-top: 30px;
	border: solid 1px #DDDDDD;
	border-bottom: solid 3px #397ECF;
	background-color: #F2F2F2;
	background-image: url(../images/bg_tabnav.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
}
ul.tabNav li {
	float: left;
	border-right: solid 1px #DDDDDD;
	text-align: center;
	font-size: 120%;
}
ul.tabNav li a:link,
ul.tabNav li a:visited {
	display: block;
	padding: 7px 20px 7px 30px;
	background-image: url(../images/img_mark_links_blue.png);
	background-repeat: no-repeat;
	background-position: 19px 1em;
	color: #666666;
	text-decoration: none;
}
ul.tabNav li a:hover {
	color: #b2b2b2;
	text-decoration: underline;
}
* html ul.tabNav li a:link,
* html ul.tabNav li a:visited { padding: 7px 20px 6px 30px; }
ul.tabNav li.current {
	margin-top: -1px;
	margin-left: -1px;
	border: none;
	background-image: url(../images/bg_tabnav_cr.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-color: #397ECF;
}
* html ul.tabNav li.current { margin-top: 0; }
ul.tabNav li.current a:link,
ul.tabNav li.current a:visited {
	padding-top: 8px;
	background-image: url(../images/img_mark_links_white.png);
	background-position: 19px 1.1em;
	color: #FFFFFF;
}
* html ul.tabNav li.current a { padding-top: 7px; }
ul.tabNav li.current a:hover {
	color: #9ABCE3;
	text-decoration: underline;
}

/* お知らせ */
dl.info dt {
	margin-bottom: 3px;
	float: left;
	width: 9.5em;
}
dl.info dd.cat {
	float: left;
	margin-left: 0;
	padding-left: 0;
	width: 7.5em;
	color: #FFF;
	background-color: #000;
	text-align: center;
}
dl.info dd {
	margin-bottom: 3px;
	margin-left: 8em;
	padding-left: 10px;
}
* html dl.info dd { text-indent: -3px; }
dl.info dd.links {
	padding-left: 10px;
	background-image: url(../images/img_mark_links.png);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}
dl.info dd.summary {
	margin-top: -3px;
	margin-left: 14.4em;
	font-size: 100%;
}
/* ------------------------------------------------------------ 99.Clearfixes */
ul.btn:after,
ul.linearNav:after,
ul.tabNav:after,
div.index:after,
ul.linksRow:after,
ul.indexNavIn:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}
ul.btn,
ul.linearNav,
ul.tabNav,
ul.infoTab,
div.index,
ul.linksRow,
ul.indexNavIn { display: inline-table; }

* html ul.btn,
* html ul.linearNav,
* html ul.tabNav,
* html div.index,
* html ul.linksRow,
* html ul.indexNavIn { height: 1%; }

ul.btn,
ul.linearNav,
ul.tabNav,
div.index,
ul.linksRow,
ul.indexNavIn {
	display: block;
	zoom: 1;
}

/* EOF */