@charset "utf-8";

/* ------------------------------------------------------------
   
	filename:	doc.css
	created:	090403
	update:		101224
		  
------------------------------------------------------------ */

/* ------------------------------------------------------------ レイアウト */
div.typeD div#mainContents { float: right; }

div.typeD.guideTop div#mainContents { float: left; }

div#bannerArea {
	float: right;
	width: 170px;
	margin-bottom: 10px;
	background-color: #FFF;
}

div#utilities ol { margin-left: 0; }

* html div#utilities ol { margin-left: 0; }


/* ご利用ガイド 幅760px */
div.guide div.inner { width: 760px; }

div.guide div#mainContents { width: 570px; }

div.guide div#container { min-width: 760px; }

div.guide div#mainContents { background-image: url(../../doc/images/bg_maincontents.gif); }

div.guide div#mainContentsWrapFirst { background-image: url(../../doc/images/bg_maincontentswrapfirst.gif); }

div.guide div#mainContentsWrapSecond { background-image: url(../../doc/images/bg_maincontentswrapsecond.gif); }

div.guide div#mainContents h2 { background-image: url(../../doc/images/bg_h2_bottom.gif); }

div.guide div#mainContents h2 span { background-image: url(../../doc/images/bg_h2_top.gif); }

div.guide div#mainContents div.action h2 { background-image: url(../../images/common/bg_h2_action.gif); }

div.guide div#mainContents div.column4B table { width: 245px; }

/* ------------------------------------------------------------ コンテンツ */
p.back a {
	background-image: url(../../images/common/mark_links.gif);
	background-position: 0 -1px;
}

em {
	background-color: transparent;
	color: #F00;
}

/* リスト */
ul.linksRow li { width: 45.4%; }

* html ul.linksRow li { width: 44.3%; }

*:first-child+html ul.linksRow li { width: 45.3%; }

div#mainContents ul.indexNav { margin-left: 30px; }

ul.indexNav li {
	float: none;
	overflow: auto;
	margin-right: 0;
	margin-bottom: 0;
}

ul.indexNav li a {
	display: inline;
	margin-right: 0;
	background-position: -3px 0;
	white-space: normal;
}

ul.learnMore li { text-align: right; }

ul.learnMore li a {
	padding-left: 15px;
	background-image: url(../../images/common/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 0 -1px;
}

div#mainContents ol.explain li {
	margin-bottom: 15px;
	padding-top: 1px;
	padding-left: 28px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#mainContents ol.explain li.num01 { background-image: url(../../doc/images/mark_num_01.gif); }
div#mainContents ol.explain li.num02 { background-image: url(../../doc/images/mark_num_02.gif); }
div#mainContents ol.explain li.num03 { background-image: url(../../doc/images/mark_num_03.gif); }
div#mainContents ol.explain li.num04 { background-image: url(../../doc/images/mark_num_04.gif); }
div#mainContents ol.explain li.num05 { background-image: url(../../doc/images/mark_num_05.gif); }
div#mainContents ol.explain li.num06 { background-image: url(../../doc/images/mark_num_06.gif); }
div#mainContents ol.explain li.num07 { background-image: url(../../doc/images/mark_num_07.gif); }
div#mainContents ol.explain li.num08 { background-image: url(../../doc/images/mark_num_08.gif); }
div#mainContents ol.explain li.num09 { background-image: url(../../doc/images/mark_num_09.gif); }

/* カラム */
div#mainContents div.columnExA {
	float: left;
	width: 210px;
}

div#mainContents div.columnExB {
	float: left;
	width: 530px;
}

div#mainContents div.locator h3:first-child { margin-top: 0; }

* html div#mainContents h3.firstChild { margin-top: 0; }

/* キャプチャ */
div.captureColumnA,
div.captureColumnB { float: left; }

div.captureColumnA { width: 235px; }

div.captureColumnB { width: 315px; }

div#mainContents div.captureColumnB p.image { margin-left: 15px; }

div#mainContents p.imageL { margin-left: 20px; }

/* ------------------------------------------------------------ ローカルナビ */
/* レイアウト */
div#localNav {
	float: left;
	width: 170px;
	margin-bottom: 10px;
}

div#container { clear:both; }
div#footer { clear:both; }

/* ナビゲーション */
div#localNav p.contentsGuide {
	margin-bottom: 10px;
	padding-bottom: 2px;
	background-image: url(../../doc/images/ln_bg_contents_guide_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	font-size: 140%;
}

div#localNav p.contentsGuide a {
	display: block;
	width: 130px;
	padding: 11px 20px 7px 20px;
	background-image: url(../../doc/images/ln_bg_contents_guide_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-weight: bold;
}

/* WinIE5.5 */
div#localNav p.contentsGuide a { width: 170px; }

/* Normal */
div#localNav p.contentsGuide a { width: /**/130px; }

div#localNav dl {
	margin-bottom: 20px;
	padding-bottom: 2px;
	background-image: url(../../doc/images/ln_bg_list_bottom_02.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

div#localNav dl dt {
	background-image: url(../../doc/images/ln_bg_guide.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 140%;
}

div#localNav dl dt a {
	display: block;
	width: 130px;
	padding: 11px 20px 7px 20px;
	font-weight: bold;
}

/* WinIE5.5 */
div#localNav dl dt a { width: 170px; }

/* Normal */
div#localNav dl dt a { width: /**/130px; }

div#localNav dl dd {
	background-image: url(../../doc/images/ln_bg_list.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

div#localNav dl dd ul {
	padding-top: 3px;
	background-image: url(../../doc/images/ln_bg_list_bottom_01.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#localNav dl dd ul li {
	height: 1%;
	padding-bottom: 3px;
	background-image: url(../../doc/images/ln_bg_list_bottom_01.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

div#localNav dl dd ul li.lastChild {
	padding-bottom: 0;
	background-image: none;
}

div#localNav dl dd ul li a {
	display: block;
	width: 135px;
	padding: 5px 25px 4px 10px;
	background-image: url(../../doc/images/ln_mark_list.gif);
	background-repeat: no-repeat;
	background-position: 149px 7px;
}

/* WinIE5.5 */
div#localNav dl dd ul li a { width: 170px; }

/* Normal */
div#localNav dl dd ul li a { width: /**/135px; }

div#localNav dl dd ul li.current a {
	background-image: url(../../doc/images/ln_mark_list_cr.gif);
	color: #75563A;
	font-weight: bold;
}

div#localNav dl dd ul li ul {
	margin-right: 2px;
	margin-left: 12px;
	padding-top: 0;
	background-color: #F4F2EE;
	background-image: none;
}

div#localNav dl dd ul li ul li {
	padding-bottom: 2px;
	background-image: url(../../doc/images/ln_bg_list_bottom_03.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

div#localNav dl dd ul li ul li.lastChild {
	padding-bottom: 0;
	background-image: none;
}

div#localNav dl dd ul li ul li a,
div#localNav dl dd ul li.current ul li a {
	display: block;
	width: 128px;
	padding: 4px 10px 3px 18px;
	background-image: url(../../images/common/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 5px 0.5em;
	color: #1470CC;
	font-weight: normal;
}

/* WinIE5.5 */
div#localNav dl dd ul li ul li a,
div#localNav dl dd ul li.current ul li a { width: 156px; }

/* Normal */
div#localNav dl dd ul li ul li a,
div#localNav dl dd ul li.current ul li a { width: /**/128px; }

div#localNav dl dd ul li ul li a:visited,
div#localNav dl dd ul li.current ul li a:visited { color: #802680; }

div#localNav dl dd ul li ul li.current a,
div#localNav dl dd ul li ul li.current a:visited { color: #75563A; }

/* Special */
div#localNav div#special { margin-bottom: 10px; }

div#localNav div#special div.itemsA {
	float: left;
	margin-bottom: 10px;
}

div#localNav div#special div.itemsA div.pic {
	float: left;
	width: 66px;
}

div#localNav div#special div.itemsA div.txt {
	float: left;
	width: 100px;
}

div#localNav div#special p,
div#localNav div#special ul li { font-size: 100%; }

/* バナー */
div#localNav ul.banner li,
div#bannerArea ul.banner li { margin-bottom: 5px; }

/* ------------------------------------------------------------ etc */
/* コンテンツガイド */
div#mainContents dl.contentsGuide { clear: both; }

div#mainContents dl.contentsGuide dt {
	float: left;
	width: 230px;
	padding-left: 8px;
	background-image: url(../../images/common/mark_links.gif);
	background-repeat: no-repeat;
	background-position: -5px 1px;
}

* html div#mainContents dl.contentsGuide dt { background-position: -5px 2px; }

*:first-child+html div#mainContents dl.contentsGuide dt { background-position: -5px 2px; }

div#mainContents dl.contentsGuide dd { margin-left: 238px; }

/* 利用規約 */
div.terms div#mainContents ol.items ol {
	margin: 5px 0;
	padding: 10px;
	border: solid 1px #DDD;
}

div.terms div#mainContents ol.items ol li {
	list-style-type: none;
	margin-left: 0;
}

/* お問い合わせ */
div#mainContents iframe {
	width: 720px;
	height: 1820px;
	margin-left: 20px;
}

* html div#mainContents iframe { height: 1670px; }

*:first-child+html div#mainContents iframe { height: 1670px; }

body:first-of-type div#mainContents iframe { height: 1730px; }

/* お知らせ */
div#mainContents div.infoHeading {
	position: relative;
	margin-bottom: 10px;
	margin-left: 20px;
	border: 1px solid #D5D2CD;
	background-color: #FFF;
}

div#mainContents div.infoHeading h2 {
	margin: 1px;
	padding: 3px 8px;
	background-color: #F4F2EE;
	background-image: none;
	font-size: 120%;
}

div#mainContents div.infoHeading ul.links {
	position: absolute;
	top: 5px;
	right: 10px;
}

* html div#mainContents div.infoHeading ul.links { right: 30px; }

div#mainContents div.infoHeading ul.links li { font-size: 100%; }

div#mainContents div#news dl.info { clear: both; }

div#mainContents div#news dl.info dt {
	float: left;
	clear: left;
	width: 8.8em;
	margin-bottom: 3px;
	font-size: 100%;
}

div#mainContents div#news dl.info dd {
	margin-bottom: 3px;
	margin-left: 8.5em;
	padding-left: 14px;
	background-image: url(../../images/common/top/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 0 0.15em;
}

* html div#mainContents div#news dl.info dd { text-indent: -3px; }

/* ------------------------------------------------------------ clearfix */
div#localNav div#special:after,
div#container:after,
div#footer:after {
	display: block;
	clear: both;
	height: 0;
	content: "";
}

div#localNav div#special,
div#container,
div#footer{ display: inline-table; }

* html div#localNav div#special,
* html div#container,
* html div#footer { height: 1%; }

div#localNav div#special,
div#container,
div#footer {
	display: block;
	zoom: 1;
}

/* ------------------------------------------------------------ バナー追加 */
.mbLinkL {
	float:left;
	margin-right: 110px;
}

.mbLinkR {
	float:left;
}

.mbLinkR a {
	display: block;
}

/* EOF */
div#header p#siteId{
float: left;
margin: 4px 0 9px;
}

/* ------------------------------------------------------------ footer add */
#footer {
    clear: both;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #FFF;
}

.inner {
    width: 950px;
    margin: 0 auto;
}

#footer ul {
    float: right;
    margin-top: 5px;
}

#footer li {
    float: left;
    line-height: 1;
}

#footer li + li {
    margin-left: 5px;
    padding-left: 5px;
    border-left: solid 1px #999;
}


#footer p, #footer ul, #footer dl {
    margin: 0 0 10px 0;
}

#footer address {
    float: left;
    margin-top: 3px;
    text-align: left;
}