/*
YUI 3.5.1 (build 22)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

body{font:13px/1.231 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}


.txtL { text-align: left !important; }
.txtC { text-align: center !important; }
.txtR { text-align: right !important; }

.vT { vertical-align: top !important; }
.vM { vertical-align: middle !important; }
.vB { vertical-align: bottom !important; }

.nowrap { white-space: nowrap; }

.indent1em {
	text-indent: -1em;
	padding-left: 1em;
}
.win .indent1em {
	text-indent: -1.1em;
	padding-left: 1.1em;
}

.txtB { font-weight: bold; }

.txt10 { font-size: 77%; }
.txt11 { font-size: 85%; }
.txt12 { font-size: 93%; }
.txt13 { font-size: 100%; }
.txt14 { font-size: 108%; }
.txt15 { font-size: 116%; }
.txt16 { font-size: 123.1%; }
.txt17 { font-size: 131%; }
.txt18 { font-size: 138.5%; }
.txt19 { font-size: 146.5%; }
.txt20 { font-size: 153.9%; }
.txt21 { font-size: 161.6%; }
.txt22 { font-size: 167%; }
.txt23 { font-size: 174%; }
.txt24 { font-size: 182%; }
.txt25 { font-size: 189%; }
.txt26 { font-size: 197%; }

.mT0 { margin-top: 0 !important; }
.mT5 { margin-top: 5px !important; }
.mT10 { margin-top: 10px !important; }
.mT15 { margin-top: 15px !important; }
.mT20 { margin-top: 20px !important; }
.mT25 { margin-top: 25px !important; }
.mT30 { margin-top: 30px !important; }
.mT35 { margin-top: 35px !important; }
.mT40 { margin-top: 40px !important; }
.mT45 { margin-top: 45px !important; }
.mT50 { margin-top: 50px !important; }

.mB0 { margin-bottom: 0 !important; }
.mB5 { margin-bottom: 5px !important; }
.mB10 { margin-bottom: 10px !important; }
.mB15 { margin-bottom: 15px !important; }
.mB20 { margin-bottom: 20px !important; }
.mB25 { margin-bottom: 25px !important; }
.mB30 { margin-bottom: 30px !important; }
.mB35 { margin-bottom: 35px !important; }
.mB40 { margin-bottom: 40px !important; }
.mB45 { margin-bottom: 45px !important; }
.mB50 { margin-bottom: 50px !important; }

.mL0 { margin-left: 0 !important; }
.mL5 { margin-left: 5px !important; }
.mL10 { margin-left: 10px !important; }
.mL15 { margin-left: 15px !important; }
.mL20 { margin-left: 20px !important; }
.mL25 { margin-left: 25px !important; }
.mL30 { margin-left: 30px !important; }
.mL35 { margin-left: 35px !important; }
.mL40 { margin-left: 40px !important; }
.mL45 { margin-left: 45px !important; }
.mL50 { margin-left: 50px !important; }

.mR0 { margin-right: 0 !important; }
.mR5 { margin-right: 5px !important; }
.mR10 { margin-right: 10px !important; }
.mR15 { margin-right: 15px !important; }
.mR20 { margin-right: 20px !important; }
.mR25 { margin-right: 25px !important; }
.mR30 { margin-right: 30px !important; }
.mR35 { margin-right: 35px !important; }
.mR40 { margin-right: 40px !important; }
.mR45 { margin-right: 45px !important; }
.mR50 { margin-right: 50px !important; }

.pB0 { padding-bottom: 0 !important; }

strong {
	font-weight:bold;
}
.red {
	color:#9e0606;
}
.blue {
	color:#004898;
}
a {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#666;
}
a:hover {
	text-decoration:underline;
}
#wrapper {
	width:890px;
	margin:0 auto;
	padding-bottom:50px;
}
#header {
	height:82px;
}
#header p{
	text-align: right;
}
#main {
	width:890px;
	padding:0 0 50px 0;
}
#contents {
	width:630px;
	float:right;
}
#gnav {
	width:225px;
	float:left;
}
#gnav h2{
	margin: 35px 0 7px;
}
#gnav h3{
	padding:17px 0 17px;
}
#gnav h3.lined{
	border-top:1px solid #ececec;
}
#gnav ul{
	margin:-4px 0 25px;
	font-size: 93%;
}
#gnav ul li{
	line-height: 140%;
	margin-bottom: 8px;
	padding: 0 0 0 18px;
	background: url(../img/arrow_01.gif) 6px 5px no-repeat;
}
#gnav .catalogbox{
	background-color: #f0faff;
	padding: 4px 7px 3px;
	margin-bottom: 20px;
}
#gnav .catalogbox img{
	float: left;
	margin-right: 4px;
}
#gnav .catalogbox p{
	overflow: hidden;
	margin:4px 0 10px;
	font-size: 93%;
	line-height: 150%;
}
#gnav .catalogbox p a{
	padding: 0 0 0 10px;
	background: url(../img/arrow_01.gif) 2px 4px no-repeat;
}
#gnav p.manual{
	margin-bottom: 25px;
}
#gnav .utilities {
	border-bottom:1px solid #ececec;
	margin-bottom: 0;
}
#gnav .utilities li{
	line-height: 140%;
	margin-bottom: 0;
	padding: 12px 0 12px 18px;
	background: url(../img/arrow_01.gif) 6px 17px no-repeat;
	border-top:1px solid #ececec;
}
.pagetop {
	padding:0 0 15px 0;
	margin-right:15px;
	text-align:right;
}
#footer {
	padding-top:15px;
	border-top:1px solid #ccc;
}

#contents .each{
	overflow:visible;
}
#contents .each.line{
	border-top:1px solid #e9e9e9;
	padding-top: 35px;
}
#contents .left{
	float:left;
}
#contents .right{
	float:right;
}
#contents h2.merit{
	font-size:18px;
	font-weight: bold;
	background-color: #004898;
	color: white;
	padding: 8px 15px;
}
#contents h3.index{
	font-size:22px;
	font-weight: bold;
	border-left: 6px solid #004898;
	padding: 5px 0 5px 16px;
}
#contents p{
	line-height:1.8;
}
#contents a{
	color: #004898;
	text-decoration: underline;
}
#contents a:hover{
	text-decoration: none;
}
#contents .vi{
	margin-top: -8px;
}
#contents .box01{
	border-bottom:5px solid #ddf1fc;
	padding: 0px 0px 32px 0px;
	text-align: center;
}
#contents dl.type dt{
	background-color: #f18d00;
	padding: 7px 14px;
	line-height: 1;
	letter-spacing: 2px;
	font-weight: bold;
	color: white;
	display: inline-block;
	font-size: 108%;
	margin-bottom: 10px;
}
#contents dl.type dt.no2{
	background-color: #6eb92b;
}
#contents dl.type dt.no3{
	background-color: #637781;
}
#contents dl.type dt.no4{
	background-color: #707db5;
}
#contents dl.type dd{
	margin-bottom: 13px;
	font-size: 93%;
	line-height: 1.6;
}
#contents .box02{
	padding: 0 10px;
}
#contents table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#contents table th{
	background-color:#CBE8F9;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}
#contents table th,
#contents table td{
	padding:10px 4px;
	vertical-align:middle;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#contents table .lightgray{
	background-color:#EBF6FD;
}
#contents table.layout{
	border:none;
}
#contents table.layout th{
	background-color:transparent;;
	font-weight:normal;;
	text-align:left;
}
#contents table.layout th,
#contents table.layout td{
	border:none;
}
#contents .prev a{
	background:url(../img/icon_prev.gif) 0 0 no-repeat;
	display: block;
	line-height: 15px;
	padding: 1px 0 0 21px;
}
#contents .next a{
	background:url(../img/icon_next.gif) right 0 no-repeat;
	display: block;
	line-height: 15px;
	padding: 1px 21px 0 0;
}
#contents .scenes{
	margin-bottom: 50px;
}
#contents .scenes h3{
	color: #004898;
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 8px 0;
	margin-bottom: 27px;
	border-bottom: 1px solid #e9e9e9;
	position:relative;
}
#contents .scenes i{
	display: inline-block;
	background-color: #e95100;
	color: white;
	font-size: 12px;
	font-weight: normal;
	padding: 3px 10px 4px;
	margin-left: 10px;
	font-style: normal;
	vertical-align: middle;
}
#contents .scenes h3 span{
	display: inline-block;
	background-color: #004898;
	color: white;
	font-size: 12px;
	font-weight: normal;
	padding: 7px 10px;
	position: absolute;
	right: 0;
	bottom: 0;
}
#contents .scenes .left{
	width: 300px;
}
#contents .scenes .left img{
	width: 300px;
	height: auto;
}
#contents .scenes .right{
	width: 300px;
}
#contents .scenes .right p{
	margin-bottom: 15px;
	font-size: 108%;
}
#contents .scenes .right sup{
	vertical-align: 3px;
}
#contents .scenes table.layout {
	margin-bottom: 10px;
}
#contents .scenes table.layout th,
#contents .scenes table.layout td{
	vertical-align: top;
	font-size: 93%;
	line-height: 1.6;
	padding: 0 10px 5px 0;
}
#contents .scenes table.layout td{
	padding-right: 0;
}
#contents .scenes table.layout td table.layout{
	margin-bottom: 0;
}
#contents .scenes table.layout td table.layout td{
	font-size: 100%;
}
#contents .scenes .right p.note{
	margin-bottom: 15px;
	font-size: 93%;
}
#contents .scenes.ex h3{
	color: #ec1c24;
}
#contents .scenes.ex i{
	background-color: #ec1c24;
}
#contents .scenes.ex h3 span{
	background-color: #ec1c24;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}