@charset"utf-8";
/* CSS Document */

#main {
}

#main #main2column #colmunLeft #section02.section,
#main #main2column #colmunLeft #section03.section {
	background: none;
	padding-top: 0;
	border-top: none;
}

#main #main2column #colmunLeft .section_m {
    background: url("/img/common/column2_left_bg01.gif") repeat-x scroll left top rgba(0, 0, 0, 0);
    margin-top: 1px;
    padding-top: 1px;
}

#main #main2column #colmunLeft #section01,
#main #main2column #colmunLeft #section02,
#main #main2column #colmunLeft #section03 {
	border-bottom: none;
}

#main #main2column #colmunLeft #section02,
#main #main2column #colmunLeft #section03 {
	border-top: 1px solid #DDDDDD;
}

#main #main2column #colmunLeft #section01 .cont {
	padding-top: 0;
	padding-bottom: 15px;
}

#main #main2column #colmunLeft .section .cont .catch {
	margin: 15px 0;
	color: #e7000b;
	font-size: 185%;
	line-height: 1.4;
	font-weight:bold;
}

#main #main2column #colmunLeft .section .cont .h3Block {
	margin-bottom: 15px;
	margin-top: 25px;
}

#main #main2column #colmunLeft .section .cont .note {
	margin-top: 15px;
	text-align: right;
}

#main #main2column #colmunLeft .section .grayBox {
	margin-top: 12px;
	font-size: 13px;
}

#main #main2column #colmunLeft .section .grayBox p {
	padding-left: 1em;
	text-indent: -1em;
}

#main #main2column #colmunLeft .section .itemBlock {
	width: 705px;
	margin: 0 0 25px -15px;
	font-size: 13px;
}

#main #main2column #colmunLeft .section .itemBlock .item {
	display: inline;
	float: left;
	width: 220px;
	margin-left: 15px;
}

#main #main2column #colmunLeft .section .itemBlock .item .arrowLink {
	margin: 10px 0;
}

#main #main2column #colmunLeft #section03 table {
	width: 100%;
	border-top: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-collapse: collapse;
}

#main #main2column #colmunLeft #section03 table td {
	width: 33.3%;
	padding: 12px 0 12px 14px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#main #main2column #colmunLeft #section03 table td.odd {
	background-color: #f2f2f2;
}

#main #main2column #colmunLeft .section .naviBox_w {
	margin-top: 15px;
}


/*add2013-10-30*/
.subject01{
	color: #1DA897;
}
.subject02{
	color: #1998CD;
}
.subject03{
	color: #1998CD;
}

.subject01 span{
	background: #1DA897;
}
.subject02 span{
	background: #1998CD;
}

.subject01 hr{
	border: 1px dotted #1DA897;
	margin-left: 310px;
}
.subject02 hr{
	border: 1px dotted #1998CD;
	margin-left: 325px;
}

.subject01, .subject02{
	margin: 25px 0 15px;
	font-weight: bold;
	font-size: 110%;
}

.subject01 span, .subject02 span{
	font-size: 95%;
	padding: 3px 10px;
	color: #FFFFFF;
	margin: 0 10px  0 0;
 	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
}

.subject01 hr, .subject02 hr{
	bottom: 10px;
	display: block;
    position: relative;
}

#medialist .maincat{
	font-weight: bold;
	background: none;
	clear: both;
}

#medialist ul.listitem{
	float: left;
	margin-right: 50px;
	margin-bottom: 20px;
}


#medialist ul li a{
    background: url("/img/common/icon_arrow.gif") no-repeat scroll left 2px;
    display: block;
    padding-left: 12px;
	height: 15px;
	margin: 8px 0;
}


/**
#medialist ul li{
	background: #1998CD;
	color: #FFFFFF;
	margin: 4px;
	float: left;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

#medialist ul li:hover,
#main #main2column #medialist ul li.ui-tabs-active{
	opacity: 0.3;
	-webkit-opacity: 5px;
	-moz-opacity: 5px;
	-ms-opacity: 5px;
	-o-opacity: 5px;
	color: #FFFFFF;
}

#medialist ul li a{
	color: #FFFFFF;
	padding: 5px 10px;
	display: block;
}
**/

.catname{
	background: #DDDDDD;
	font-weight: bold;
	font-size: 110%;
}

#medialist table tr:nth-child(odd){
	background-color: #F2F2F2;
}

#medialist dl{
}

#medialist dt{
	color: #1998CD;
}

#medialist dd{
}

#main #main2column ul#breadNavi{
	margin-bottom: 10px;
}

#main #main2column ul#breadNavi li.ui-tabs-active a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#main #main2column ul.breadNaviB2 .btn01.ui-tabs-active a{
	background-position: 0 -48px;
}
#main #main2column ul.breadNaviB2 .btn02.ui-tabs-active a{
	background-position: -346px -48px;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

#pagetopBtn {
	height: 77px;
}

#pagetopBtn p {
	padding-top: 41px;
	background: url(/img/common/column2_bg_btm.gif) no-repeat left top;
}

.grayBox.sln{
	background: #FFFFFF !important;
}

.sln img{
	float: left;
    left: -5px;
    position: relative;
    top: -6px;
}

/*! jQuery UI - v1.9.0 - 2012-10-05
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }