@charset "UTF-8";

/* PARTS MODULES -CONTENT- 
--------------------------------------------------------------*/

/* PARAGRAPH */
#mainArea p{
padding-bottom:1em;
}

/* HEADING */
h1.h1{
	width:100%;
	margin:10px 0 15px;
	padding:0;
	letter-spacing:2px;
	zoom:1;
}
h1.h1 span{
	display:block;
	font-size:230%;
	line-height:1.2;
}

h1.h1Img{
	padding:10px 0 15px;
	margin:0;
	letter-spacing:2px;
	zoom:1;
}
h1.h1Img .haribotekit .hide{
	font-size:230%;
	line-height:1.2;
}
h1 span.ptitle_sub{
	font-size:48%;
	display:block;
	font-weight:normal;
}

#mainArea .h2Img,
#mainArea .h2{
	font-size:170%;
		font-weight:bold;
}
@media all and (max-width:579px){
	#mainArea .h2Img,
	#mainArea .h2{
		margin-top:1em!important;
	}
}
#mainArea h2.h2,
#mainArea p.h2{
	width:100%;
	background:url("/common/images/mrk_heading_top.gif") no-repeat;
	margin:0 0 20px;
	padding:0.1em 0 0 0;
	font-weight:bold;
}
#mainArea h2.h2 > span,
#mainArea p.h2 > span{
	display:block;
	background:url("/common/images/mrk_heading_btm.gif") no-repeat left bottom;
	min-height:23px;
	_height:23px;
	padding-left:16px;
	line-height:1.3;
}
#mainArea h2.h2 a,
#mainArea p.h2 a{
	color:#000000;
}

#mainArea h2.h2Img,
#mainArea p.h2Img{
	width:100%;
	background:url("/common/images/mrk_heading_top.gif") no-repeat;
	margin:0 0 20px;
	padding:0.1em 0 0 0;
	font-weight:bold;
}
#mainArea h2.h2Img span.btm,
#mainArea p.h2Img span.btm{
	display:block;
	background:url("/common/images/mrk_heading_btm.gif") no-repeat left bottom;
	min-height:23px;
	_height:23px;
	padding-left:16px;
	line-height:1.3;
}
#mainArea h2.h2Img a,
#mainArea p.h2Img a{
	color:#000000;
}

#mainArea .h3Img,
#mainArea .h3{
	font-size:130%;
	font-weight:bold;
}
#mainArea h3.h3,
#mainArea p.h3{
	margin:0 0 15px;
	background:url("/common/images/mrk_heading_top.gif") no-repeat;
	padding:0;
}
#mainArea h3.h3 > span,
#mainArea p.h3 > span{
	display:block;
	background:url("/common/images/mrk_heading_btm.gif") no-repeat left bottom;
	min-height:17px;
	_height:17px;
	line-height:1.3;
	padding-left:16px;
	font-weight:bold;
}

#mainArea h3.h3Img,
#mainArea p.h3Img{
	margin:0 0 15px;
	background:url("/common/images/mrk_heading_top.gif") no-repeat;
	padding:0;
}
#mainArea h3.h3Img span.btm,
#mainArea p.h3Img span.btm{
	display:block;
	background:url("/common/images/mrk_heading_btm.gif") no-repeat left bottom;
	min-height:17px;
	_height:17px;
	line-height:1.3;
	padding-left:16px;
	font-weight:bold;
}

#mainArea .h4{
	font-size:100%;
	font-weight:bold;
}
#mainArea h4.h4,
#mainArea p.h4{
	margin:0 0 15px;
	background:url("/common/images/mrk_heading_top.gif") no-repeat;
	padding:0;
}
#mainArea h4.h4 > span,
#mainArea p.h4 > span{
	display:block;
	background:url("/common/images/mrk_heading_btm.gif") no-repeat left bottom;
	min-height:13px;
	_height:13px;
	padding-left:16px;
	line-height:1.3;
	font-weight:bold;
}

#mainArea p.catch{
	font-size:160%;
	line-height:1.3;
	font-weight:bold;
	background:url(/common/images/catch_line.gif) repeat-x left bottom;
	padding-bottom:13px;
	margin-bottom:10px;
}
#mainArea p.catch02{
	font-weight:bold;
	line-height:1.5;
	background:url(/ex/ranse/common/images/mrk_h_blk_ball2.gif) no-repeat 0 0.1em;
	padding-left:19px;
	min-height:14px;
	_height:14px;
	margin-bottom:10px;
}


/* ICON */
.iconL { display:inline !important;vertical-align:middle;margin:0 5px 0 0 !important; }
.iconR { display:inline !important;vertical-align:middle;margin:0 0 0 5px !important; }


/* LINK ICON */

a.linkRight{
	background:url(/common/images/icn_r.gif) no-repeat 0 0.3em;
	padding-left:10px;
}
a.linkPop{
	background:url(/common/images/icn_popup.gif) no-repeat right 0.4em;
	padding-right:15px;
}
a.linkPdf{
	background:url(/common/images/icn_pdf.gif) no-repeat right top;
	padding-right:18px;
}
a.linkNxt{
	background:url(/common/images/icn_r.gif) no-repeat right 0.3em;
	padding-right:10px;
}
a.linkPrev{
	background:url(/common/images/icn_l.gif) no-repeat 0 0.3em;
	padding-left:10px;
}
a.linkUp{
	background:url(/common/images/icn_up.gif) no-repeat 0 0.4em;
	padding-left:10px;
}
a.linkDown{
	background:url(/common/images/icn_down.gif) no-repeat 0 0.4em;
	padding-left:10px;
}
p.more{
	margin-top:5px;
	text-align:right;
}
p.more a{
	display:inline-block;
	background:url(/common/images/icn_r.gif) no-repeat 0 0.4em;
	padding-left:10px;
	margin-left:20px;
	white-space:nowrap;
}
ul.suppleLink{
	text-align: right;
	border-top: 1px dotted #666;
	padding-top: 5px;
	padding-bottom:2em;
}
ul.suppleLink li{
	display:inline-block;
	/display:inline;
	margin-left:10px;
}
a.linkTxtDef:link,
a.linkTxtDef:visited{
	color:#333;
	text-decoration:none;
}
a.linkTxtDef:active,
a.linkTxtDef:hover{
	color:#43aade;
	text-decoration:underline;
}

p.back{
	margin-top:5px;
	padding-top:5px;
	border-top:solid 1px #ccc;
}
p.back a{
	background:url(/common/images/icn_l.gif) no-repeat 0 0.3em;
	padding-left:10px;
	margin-right:20px;
}

/* FONT */
.fsS { font-size:80%; }
.fsL { font-size:120%; }
.fsXL { font-size:140%; }
.fb { font-weight:bold; }
.fl { font-weight:normal; }
.fcAtt01{ color:#c41724; }
.fcNote { color:#808080; }


/* LIST */
ul.inlineList{
	margin:-0.5em 0 1em;
	padding:0;
}
ul.inlineList li{
	float:left;
	margin:0.5em 20px 0 0;
}
ul.inlineList li span{
	white-space:nowrap;
}
ul.inlineList:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
ul.inlineList{
	display:inline-table;
	min-height:1%;
}
/* \*/
html ul.inlineList{
	* height:1%;
}
ul.inlineList{
	display:block;
}
/* */


ul.dotList{
	margin-top:-0.5em;
	margin-bottom:1em;
}
ul.dotList > li{
	background:url(/common/images/icn_dot.gif) no-repeat 0 0.6em;
	padding-left:0.7em;
	margin-top:0.5em;
}
ul.dotList li{
	_background:url(/common/images/icn_dot.gif) no-repeat 0 0.6em;
	_padding-left:0.7em;
	_margin-top:0.5em;
}

ol.numList{
	margin-left:2.5em;
	margin-top:-0.5em;
	margin-bottom:1em;
}
ol.numList > li{
	list-style-type:decimal;
	list-style:position:outside;
	margin-top:0.5em;
}
ol.numList li{
	_list-style-type:decimal;
	_list-style:position:outside;
	_margin-top:0.5em;
}

/* entNumList */
#mainArea ul.entNumList{
	margin-top:-0.5em;
	margin-bottom:1em;
	list-style:none;
}
#mainArea ul.entNumList li{
	text-indent:-1.0em;
	padding-left:1.0em;
	margin-top:0.5em;
}
#mainArea ul.entNumList li p{
	margin:0;
	padding:0;
}

/* ATTENTION LIST */
#mainArea ul.attList{
	margin-top:-0.5em;
	margin-bottom:1em;
	list-style:none;
}
#mainArea ul.attList li{
	text-indent:-1em;
	padding-left:1em;
	margin-top:0.5em;
}
#mainArea ul.attList li p{
	margin:0;
	padding:0;
}

/* NOTES */
#mainArea ul.notes{
	margin-top:-0.5em;
	margin-bottom:1em;
	list-style:none;
}
#mainArea ul.notes li{
	text-indent:-1em;
	padding-left:1em;
	color:#808080;
	font-weight:bold;
	margin-top:0.5em;
}
#mainArea ul.notes li p{
	margin:0;
	padding:0;
}

/* HR
--------------------------------------------------------------*/
hr.dotLine{
	border:0 none;
	background:transparent none;
	border-top: 1px dotted #666;
	height:0;
	overflow:hidden;
	margin-bottom:1em;
}
hr.solidLine{
	border:0 none;
	background:transparent none;
	border-top: 1px solid #ccc;
	height:0;
	overflow:hidden;
	margin-bottom:1em;
}


/* FORM ELEMENTS
--------------------------------------------------------------*/
.imeOff { ime-mode:disabled; }

input.width700,
textarea.width700,
select.width700 {
	width:700px;
}
input.width650,
textarea.width650,
select.width650 {
	width:650px;
}
input.width600,
textarea.width600,
select.width600 {
	width:600px;
}
input.width550,
textarea.width550,
select.width550 {
	width:550px;
}
input.width500,
textarea.width500,
select.width500 {
	width:500px;
}
input.width450,
textarea.width450,
select.width450 {
	width:450px;
}
input.width400,
textarea.width400,
select.width400 {
	width:400px;
}
input.width350,
textarea.width350,
select.width350 {
	width:350px;
}
input.width300,
textarea.width300,
select.width300 {
	width:300px;
}
input.width250,
textarea.width250,
select.width250 {
	width:250px;
}
input.width200,
textarea.width200,
select.width200 {
	width:200px;
}
input.width150,
textarea.width150,
select.width150 {
	width:150px;
}
input.width100,
textarea.width100,
select.width100 {
	width:100px;
}
input.width80,
textarea.width80,
select.width80 {
	width:80px;
}
input.width50,
textarea.width50,
select.width50 {
	width:50px;
}
input.width30,
textarea.width30,
select.width30 {
	width:30px;
}


/* BUTTON LIST */
ul.btnsL{
	text-align:left;
}
ul.btnsC{
	text-align:center;
}
ul.btnsR{
	text-align:right;
}
ul.btnsL li,
ul.btnsC li,
ul.btnsR li{
	display:inline;
}
ul.btnsL li{
	padding:0 10px 0 0;
}
ul.btnsC li{
	padding:0 5px;
}
ul.btnsR li{
	padding:0 0 0 10px;
	vertical-align:middle;
}
ul.btnsL li img,
ul.btnsL li input,
ul.btnsC li img,
ul.btnsC li input,
ul.btnsR li img,
ul.btnsR li input{
	margin-bottom:10px;
	vertical-align:middle;
}


.rollover:hover{
	filter:alpha(opacity=80);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=80)"; /* IE8用 */
	-moz-opacity:0.8; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.8;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.8; /* Firefox 1.5以上, Opera, Safari用 */
}


/* TABLE */
#mainArea table{
	margin-bottom:2em;
	
	
}
#mainArea table.defTbl{
	border-collapse:collapse;
	width:100%;
}
#mainArea table.defTbl th,
#mainArea table.defTbl td{
	border:solid 1px #ccc;
	padding:1em 10px 0;
	vertical-align:top;
	text-align:left;
}
#mainArea table.defTbl td{
	background:#fff;
	}
	
#mainArea table.defTbl thead th,
#mainArea table.defTbl thead td,
#mainArea table.defTbl thead th p,
#mainArea table.defTbl thead td p{
	text-align:center;
	vertical-align:middle;
	background-color:#e6e6e6;
}
#mainArea table.defTbl tbody th{
	background-color:#e6e6e6;
}
#mainArea table.defTbl tbody th.subTh{
	background-color:#f7f7f7;
}

/* table.dlTbl */
#mainArea table.dlTbl{
	border-collapse:collapse;
	width:100%;
}
#mainArea table.dlTbl th,
#mainArea table.dlTbl td{
	border:solid 1px #ccc;
	padding:1em 10px 0;
	vertical-align:top;
	text-align:left;
}
#mainArea table.dlTbl th{
	background-color:#e6e6e6;
}
#mainArea table.dlTbl th.subTh{
	background-color:#f7f7f7;
}


/* table.tblSpec */
#mainArea table.tblSpec{
	border-collapse:collapse;
	width:100%;
	border-top:solid 2px #ccc;
	border-bottom:solid 2px #ccc;
}
#mainArea table.tblSpec th,
#mainArea table.tblSpec td{
	padding:5px 10px;
	vertical-align:top;
	text-align:left;
	border-top:dotted 1px #ccc;
}
#mainArea table.tblSpec th p,
#mainArea table.tblSpec td p{
	margin:5px 0;
	padding:0;
}

/*outlineTable*/
#mainArea table.outlineTable{
	margin-bottom:2em;
	border:solid 2px #ccc;
	
}
#mainArea table.outlineTable{
	border-collapse:collapse;
	width:100%;
}
#mainArea table.outlineTable th,
#mainArea table.outlineTable td{
	border:solid 1px #ccc;
	padding:1em 10px 0;
	vertical-align:top;
	text-align:left;
}
#mainArea table.outlineTable td{
	background:#fff;
	}

#mainArea table.outlineTable thead th,
#mainArea table.outlineTable thead td,
#mainArea table.outlineTable thead th p,
#mainArea table.outlineTable thead td p{
	text-align:center;
	vertical-align:middle;
	background-color:#e6e6e6;
}


/* CAPTION */
#mainArea p.tblCap{
	color:#808080;
	text-align:right;
	line-height:1.3em;
	margin-top:-0.4em;
}
#mainArea p.imgCap{
	line-height:1.3em;
	margin-top:-0.4em;
}



/* SOURCE CODE */
#mainArea textarea.code{
	width:100%;
	height:50px;
	border:solid 1px #ccc;
	background-color:#eee;
}

/* .haribotekit */
.haribotekit{
	display:inline-block;
	/display:inline;
	position:relative; top:auto; left:auto;
	padding:0;
	border:0 solid transparent !important;
	overflow:hidden;
	zoom:100%;
}
.haribotekit span.hide{
	display:none;
}
.haribotekit span.panel{
	display:inline-block;
	/display:inline;
	display:block;
	position:absolute; top:0px; left:0px;
	width:100%; height:100%;
	background-repeat:no-repeat;
	background-color:transparent;
	background-position:0px 0px;
	zoom:100%;
}



/* TEXT & IMAGES */

#mainArea div.imgRFL .img{
	float:right;
}
#mainArea div.imgRFL .img p{
	margin-left:20px;
}

#mainArea div.imgLFL .img{
	float:left;
	width:270px;
}
#mainArea div.imgLFL .img p{
	margin-right:20px;
	
	
}

#mainArea div.imgRFL:after,
#mainArea div.imgLFL:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#mainArea div.imgRFL,
#mainArea div.imgLFL{
	display:inline-table;
	min-height:1%;
}
/* \*/
html #mainArea div.imgRFL,
html #mainArea div.imgLFL{
	* height:1%;
}
#mainArea div.imgRFL,
#mainArea div.imgLFL{
	display:block;
}
/* */