@charset "iso-8859-1";
/*Debug Setup
------------------------------*/
strong{ color:#FF0000;}

/*Reset
------------------------------*/
#contents_area h3,
#contents_area h4,
#contents_area h5,
#contents_area dl,
#contents_area dt,
#contents_area dd,
#contents_area ul,
#contents_area ol{ margin:0; padding:0; }

#contents_area ul,
#contents_area ol{}
#contents_area ul ul,
#contents_area ol ul{ margin-left:15px;}

#contents_area ol li,
#contents_area ul li{
	list-style-image: none;
	list-style-type: none;
	list-style-position: inside; 
	margin-bottom:5px;
}

*html #contents_area ul li{ list-style-position: outside; height:1%; }
*+html #contents_area ul li{ list-style-position: outside; }

#contents_area ol li{
	list-style-type: decimal;
	padding-left:1.2em;
	text-indent:-1.2em
}

#contents_area li p{ margin-left:0; text-indent:0;}
#contents_area sub{ line-height:1em; vertical-align:-0.2em; font-size:77%;}

#contents_area h3,
#contents_area h4,
#contents_area h5{
	text-align:left;
	font-size:100%;
	margin-bottom:15px;
	text-indent:0;
	/* overflow:hidden; */
}

#contents_area h4,
#contents_area h5{
	margin-bottom:10px;
}

#contents_area hr{
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #A5AEC5;
}

#contents_area em{
}
/*margin
------------------------------*/
#contents_area .mb10px{ margin-bottom:10px!important;}
#contents_area .mb15px{ margin-bottom:15px!important;}
#contents_area .mb20px{ margin-bottom:20px!important;}
#contents_area .mb25px{ margin-bottom:25px!important;}
#contents_area .mb30px{ margin-bottom:30px!important;}


/*Heading decorations
------------------------------*/
#contents_area .picBg,
#contents_area .picBgL{
	background:url(../img/bg_h3.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	height:19px;
	line-height:1;
	padding:0.2em 0 0 1em;
}
#contents_area .picBgL{
	background:url(../img/bg_h3_l.gif) no-repeat scroll 0 0;
	overflow:hidden;
	height:38px;
	padding:0.4em 0 0 1em;
	line-height:1.2em;
}

#contents_area .imgBox h4{ margin-left:50px;}

#contents_area p{ margin-bottom:15px;}

#contents_area .point{
	border-color: #22791C;
	border-style:solid;
	border-width:0 0 0 5px;
	color:#22791C;
	padding-left:8px;
	margin-bottom:10px;
}

#contents_area .dotline{
	border-bottom:1px dotted #333333;
	padding-bottom:5px;
	border-left:none;
	color:#22791C;
	font-size:100%;
}

*html #contents_area .dotline,
*html #contents_area .point{	height:1%;}

/*subNavi
------------------------------*/
#subNavi{ margin:0 18px 20px 30px;}
#subNavi a img{ vertical-align:bottom;}
#subNavi .listArea li{
	float:left;
	display:block;
	margin-right:10px;
	margin-bottom:10px;
	padding-left:8px;
}
*html #tab_g.listArea li{ white-space:normal;}

#subNavi #tab_g,
#subNavi #cateList{ overflow:hidden;}

#subNavi #tab_g ul{ overflow:hidden; padding:0;}
#subNavi #tab_g p{height:0.5em; margin-bottom:0;}
#subNavi #cateList{ padding:10px 15px 5px;}

*+html #subNavi #cateList{ padding-bottom:15px;}

#subNavi #tab_g .tab1,
#subNavi #tab_g .tab2{ width:282px; margin:0; padding:0; overflow:hidden;}
*html #subNavi #tab_g .tab1,
*html #subNavi #tab_g .tab2{ overflow:visible; word-break:keep-all; }
#subNavi #tab_g .tab1{ float:left;}
#subNavi #tab_g .tab2{ float:right;}
#subNavi #tab_g .tab1{ background:#D6E9D1;}
#subNavi #tab_g .tab2{ background:#F6EAD3;}


#subNavi #tab_g.listArea{ background: url(../img/subnavi_bg.gif) repeat-y;} 
*html #subNavi #tab_g.listArea{ height:1%;}
#subNavi #tab_g ul{ margin:10px 15px;}
#subNavi #tab_g ul li{ float:none; white-space:normal;}

*html #subNavi .listArea{ height:1%; padding-bottom:15px; }
*html #subNavi .listArea a, 
*html #subNavi .listArea li{ padding-bottom:0;}
*html #subNavi .listArea li.lastChild{ padding-bottom:10px;}

.selectTab1 .listArea{ background:#D6E9D1;}
.selectTab1 .listArea li{ background:transparent url(../img/btn_menu_vect.gif) no-repeat scroll 0 0.5em; white-space:nowrap;}
.selectTab1 .listArea li.selectPage{
	background:transparent url(../img/btn_menu_vect2.gif) no-repeat scroll 0 0.5em;
	color:#22791C;
}
.selectTab1 .tab1 p{ border-color:#D6E9D1; border-width:0 0 2px 0; border-style:solid;}
.selectTab1 .tab2 p{ border-color:#CCC; border-width:0 0 2px 0; border-style:solid;}
.selectTab2 .listArea{ background:#F6EAD3;}
.selectTab2 .listArea li{ background:transparent url(../img/btn_menu_vect.gif) no-repeat scroll 0 0.5em; white-space:nowrap;}
.selectTab2 .listArea li.selectPage{
	background:transparent url(../img/btn_menu_vect3.gif) no-repeat scroll 0 0.5em;
	color:#E87E00;
}
.selectTab2 .tab1 p{ border-color:#CCC; border-width:0 0 2px 0; border-style:solid;}
.selectTab2 .tab2 p{ border-color:#F6EAD3;; border-width:0 0 2px 0; border-style:solid;}

/*pageNavi-labo_kyoten.html
------------------------------*/
#contents_area #pageNavi{ margin:0px 18px 15px 30px; overflow:hidden; background:#D6E9D1; padding:10px 15px; }
*html #contents_area #pageNavi{height:1%;}
#contents_area #pageNavi li{
	background:transparent url(../img/btn_menu_vect4.gif) no-repeat scroll 0 0.5em;
	float:left;
	white-space:nowrap;
	padding-left:8px;
	margin-right:5px;
	margin-bottom:5px;
}
*html #contents_area #pageNavi li{ line-height:1.5em; margin-right:10px;}

/*stepNavi-sentan.html
------------------------------*/
#contents_area #stepNavi{ margin:20px 18px 15px 30px; overflow:hidden; }
#contents_area #stepNavi a{ float:left; margin:0; padding:0;}


/*table
------------------------------*/
#contents_area table{
	width:569px;
	border-collapse:collapse;
	margin-bottom:10px;
}

#contents_area table,
#contents_area table th,
#contents_area table td{
	border:1px solid #666;
	text-align:center;
	line-height:1.1em;
	padding:3px;
	font-size:100%;
}

#contents_area table th{ background:#CCFF99; font-weight:normal;}
#contents_area table td{	background:#F5F5F5;}

/*dl,dt,dd
------------------------------*/
#contents_area dl{ }
#contents_area dt{ float:left;}

#contents_area .notePoint dt{ width:0.5em;}
#contents_area .notePoint dd{ padding-left: 1em;}

#contents_area .note dt{ width:2em;}
#contents_area .note dd{ padding-left: 2.5em;}

#contents_area .dataList dt{ width:5.5em;}
#contents_area .dataList dd{
	padding-left: 6em;
	margin-bottom:15px;
}

#contents_area .noteList {
	padding-right:15px;
	padding-left:15px;
	}



/*list
------------------------------*/
#contents_area .listBox { border:1px solid #CCCCCC; padding:10px;}

#contents_area .picIcon li{ padding-left:10px; text-indent:-10px;}
#contents_area .picIcon h4,
#contents_area .picIcon h5{text-indent:-10px;}

#contents_area .picIcon li img{ margin-right:3px;}

#contents_area .picIcon .pointcolor h4{color:#22791C;}


#contents_area .listLevel2{ margin-left:15px;}

#contents_area .nolist li{ text-indent:0; padding-left:0;}

#contents_area .toDetail{ margin-top:20px;}

#contents_area .extraLinkBlock{ margin:0 20px 15px 30px; overflow:hidden; clear:both;}
*html #contents_area .extraLinkBlock{ height:1%;}
#contents_area .contentBox .extraLinkBlock { margin:0 0 15px 0;}
#contents_area .extraLinkBlock .toTopAnchor{ float:right;}
#contents_area .extraLinkBlock .toTopAnchor img{margin-right:0.3em;}
#contents_area .extraLinkBlock p{ margin-right:0!important;}

#contents_area .SeparatorLine{ border-bottom:1px dotted #333; overflow: hidden; }


/*position
------------------------------*/
#contents_area .lineCenter{text-align: center;}
#contents_area .lineLeft{text-align: left;}
#contents_area .lineRight{text-align: right;}


/*databox
------------------------------*/
#contents_area .noteBox,
#contents_area .contentBox{ margin:0 18px 0 30px; clear:both; }
#contents_area .contentBox .dataBox{ margin:0 30px 0 30px; clear:both; }

#contents_area .contentBox ul{ margin-bottom:20px;}

#contents_area .contentBox ul .point,
#contents_area .contentBox ul p{ margin-left:0; margin-right:0;}

#contents_area .contentBox .point,
#contents_area .contentBox p,
#contents_area .contentBox ul,
#contents_area .contentBox ol,
#contents_area .contentBox .dotline,
#contents_area .wrapBox,
#contents_area .contentBox .col2Box{margin-left:15px; margin-right:15px;}
#contents_area .contentBox .col2Box ul{margin:0;}
#contents_area .contentBox .col2Box ul ul{margin-left:15px;}
#contents_area .contentBox .col2Box p{ margin:0 0 15px;}
#contents_area .contentBox li p{ margin-left:0; margin-right:0;}
#contents_area .contentBox ol{ overflow:hidden; margin-bottom:15px;}
*html #contents_area .contentBox ol{ height:1%;}


#contents_area .noteBox{
	background:#EEEEEE none repeat scroll 0 0;
	font-size:80%;
	line-height:1.2em;
	padding:10px;
	margin-bottom:10px;
}

#contents_area .noteBox p{ margin-left:0; margin-bottom:0;}

#contents_area .wrapBox{
	background: #F5F5F5 url(../img/flame_top.gif) no-repeat top left;
	margin-bottom:15px;
}
#contents_area .wrapBox .wrapBoxinner{
	background: url(../img/flame_bottom.gif) no-repeat bottom left;
	padding:20px 0 0px;
	overflow:hidden;
}
#contents_area .wrapBox .wrapBoxinner .nolist{ margin-left:15px;}

*html #contents_area .wrapBox .wrapBoxinner{ padding-bottom:0; height:1%;}

#contents_area .col2Box{ overflow:hidden;}
#contents_area .col2Box .r{float: right;}
*html #contents_area .col2Box{ height:1%;}
/* #contents_area .col2Box .l{float: left;} */

#contents_area .typeA .r{ width:250px;}
#contents_area .typeA .l{ padding-right:280px;}
#contents_area .typeB .r{ width:150px; margin-left:20px;}
#contents_area .typeB .l{ }
#contents_area .typeBrev .r{ float:none; padding-left:170px;}
#contents_area .typeBrev .l{ width:150px; margin-right:20px; float:left; }


#contents_area .typeC{width:510px; margin-left:30px;}
#contents_area .typeC .r{ width:250px;}
#contents_area .typeC .l{padding-right:250px;}
