@charset "UTF-8";


/*ーーーーーーーーーーーーーーーーーーー*/
.title_area {
	height: 120px;
}

.title_area h2 {
	top: 30px;
	left: 40px;
	position: absolute;
}

.title_area p {
	position: absolute;
	top: 45px;
	left: 370px;
}

/*ーーーーーーーーーーーーーーーーーーー*/

.tab_navi {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	height: 50px;
	margin-bottom: 35px;
	overflow: hidden;
}
.tab_navi2 {
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	height: 50px;
	margin-bottom: 35px;
}
.tab_navi li {
	float: left;
	padding: 10px 0 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	height: 50px;
	line-height: 0%;
	text-align: center;
	box-sizing: border-box;
	width: 298px;
}
.tab_navi2 li {
	float: left;
	padding: 12px 0 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999;
	height: 50px;
	line-height: 0%;
	text-align: center;
	box-sizing: border-box;
	width: 298px;
}
.tab_navi a:hover,  .tab_navi2 a:hover,  .list_box li a:hover {
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.tab_left  {
	border-left-style: none !important;
}

.tab_navi .tab_a {
	padding-top: 7px !important;
}
.tab_navi2 .tab_a {
	padding-top: 9px !important;
}




#list2, #list3, #list4 {
	display: none;
}



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* main */

#list1 #main { padding: 30px 51px 40px 52px; background: url(../images/bg_content.gif) no-repeat right bottom #fff; }
#list1 #main .lead {
	color: #003f98;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.9em;
	text-align: center;
}


/* article01 */

#list1 #article01 { margin-top: 40px; background: url(../images/atn_bg.gif) repeat-y left bottom; }
#list1 #article01 dl { min-height: 82px; height: auto !important; height: 82px; padding-bottom: 15px; background: url(../images/atn_bg_btm.gif) no-repeat left bottom; }
#list1 #article01 dl dt { float: left; width: 210px; padding-left: 31px; padding-top:1em; }
#list1 #article01 dl dd { width: 510px; margin-left: 240px; padding: 0 0 8px 1em; text-indent: -1em; line-height: 1.4em; }


/* article02 */

#list1 #article02 { margin-top: 50px; }
#list1 #article02 dl dt { float: left; }
#list1 #article02 dl dd { float: left; }
#list1 #article02 p { margin-top: 0.2em; }
#list1 #article02 p.note { margin-top: 18px; }

#list1 #article02 div.hour { width: 430px; float: left; }
#list1 #article02 div.hour dl dt { width: 125px; }
#list1 #article02 div.hour dl dd { margin-bottom: 7px; }

#list1 #article02 div.cable { width: 348px; float: right; }
#list1 #article02 div.cable dl dt { width: 122px; }
#list1 #article02 div.cable dl dd { padding-top: 12px; }



/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* article01 */

#list2 #article01 { padding: 35px 51px 23px 52px; background: url(../images/bg_content.gif) no-repeat right bottom; }
#list2 #article01 h4 { margin-bottom: 17px; }
#list2 #article01 p.lead { width: 410px; min-height: 100px; height: auto !important; height: 100px; padding-bottom: 20px; }
#list2 #article01 div.chart { position: relative; margin-bottom: 30px; }
#list2 #article01 div.chart img.atn { position: absolute; left: 431px; top: -122px; }

#list2 #article01 div.itemwrap { margin-top: 20px; background: url(../images/frm_01.gif); }
#list2 #article01 div.itemwrap div.clearfix { padding-bottom: 15px; background: url(../images/frm_01_b.gif) no-repeat left bottom; }
#list2 #article01 div.itemwrap div.item_left { float: left; width: 348px; padding: 0 20px; }
#list2 #article01 div.itemwrap div.item_right { float: right; width: 348px; padding: 0 20px; }
#list2 #article01 div.itemwrap h5 { margin: 0 -20px 3px; width: 388px; }
#list2 #article01 div.itemwrap p.txt10 { padding-left: 1em; text-indent: -1em; }
#list2 #article01 div.itemwrap p.note { margin-top: 0.5em; }
#list2 #article01 div.itemwrap sup { position: relative; top: -1ex; vertical-align: baseline; }

#list2 #article01 div.itemwrap2 { margin-top: 20px; padding: 0 20px 20px; background: url(../images/frm_02_b.gif) no-repeat left bottom #e4eaee; }
#list2 #article01 div.itemwrap2 h5 { margin: 0 -20px 3px; width: 797px; }
#list2 #article01 div.itemwrap2 dl { margin-top: 12px; padding: 15px 15px 12px; background-color: #f9fafb; }
#list2 #article01 div.itemwrap2 dl dt { float: left; }
#list2 #article01 div.itemwrap2 dl dd { float: right; width: 660px; margin-bottom: 3px; }

#list2 #article01 ul.note { margin-top: 18px; }
#list2 #article01 ul.note li { margin-top: 0.2em; padding-left: 1em; text-indent: -1em; }


/* article02 */

#list2 #article02 { padding: 30px 51px 40px 52px; border-top: 1px solid #809fcc; }
#list2 #article02 .inner{background: url(../images/bg_border.gif) left center repeat-y;}
#list2 #article02 div.left { float: left; width: 214px; }
#list2 #article02 div.left h4 { padding:5px 0 0 0;}
#list2 #article02 div.left p { margin-top: 8px; line-height: 1.58; }
#list2 #article02 div.right { float: right; width: 538px; }

#list2 #article03{  padding:0 0 34px 0;}
#list2 #article03 div.inner { background: url(../images/sub_frm.gif);  width:797px; margin:0 auto;}
#list2 #article03 div.inner div.inner { background: url(../images/sub_frm_u.gif) no-repeat left top; }
#list2 #article03 dl { padding: 15px; background: url(../images/sub_frm_b.gif) no-repeat left bottom; }
#list2 #article03 dl dt { float: left; }
#list2 #article03 dl dd { float: right; width: 666px; }


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/* article01 */

#list3 #article01 { padding: 30px 51px 30px 52px; border-bottom: 1px solid #809fcc; background: url(../images/bg_content.gif) no-repeat right bottom; }
#list3 #article01 p.lead { margin: 23px 0 10px; }

#list3 #article01 div.itemwrap { margin-bottom: 20px; background: url(../images2/frm_01.gif); }
#list3 #article01 div.itemwrap div.clearfix { padding-bottom: 15px; background: url(../images2/frm_01_b.gif) no-repeat left bottom; }
#list3 #article01 div.itemwrap div.item_left { float: left; width: 348px; padding: 0 20px; }
#list3 #article01 div.itemwrap div.item_right { float: right; width: 348px; padding: 0 20px; }
#list3 #article01 div.itemwrap h5 { width: 388px; margin: 0 -20px 3px; }
#list3 #article01 div.itemwrap p.txt10 { padding-left: 1em; text-indent: -1em; }
#list3 #article01 div.itemwrap p.note { margin-top: 0.5em; }
#list3 #article01 div.itemwrap p.img01 { margin: 0 -10px -5px 0; }
#list3 #article01 div.itemwrap p.img01 img { float: right; padding: 3px 0 0 20px; }
* html #list3 #article01 div.itemwrap p.img01 img { position: relative; right: -10px; padding-left: 10px; }
#list3 #article01 div.itemwrap p.img02 { margin-right: -5px; }
#list3 #article01 div.itemwrap p.img02 img { float: right; padding: 3px 0 0 20px; }
* html #list3 #article01 div.itemwrap p.img02 img { position: relative; right: -5px; padding-left: 15px; }

#list3 #article01 div.warning { margin: 25px 0 30px; background: url(../images2/warn_bg.gif) repeat-y left top; }
#list3 #article01 div.warning div.inner { padding: 0 47px 3px 22px; background: url(../images2/warn_bg_btm.gif) no-repeat left bottom; }
#list3 #article01 div.warning ul { float: left; width: 250px; line-height: 1.7; }
#list3 #article01 div.warning img.wimg { float: right; }

#list3 #article01 div.guideline h5 { margin-bottom: 10px; }


/* article02 */

#list3 #article02 { padding: 20px 51px 25px 52px; background-color: #fff; }
#list3 #article02 div.inner { background: url(../images2/frm_01.gif); }
#list3 #article02 div.inner div.inner { padding-bottom: 5px; background: url(../images2/frm_01_b.gif) no-repeat left bottom; }
#list3 #article02 div.left { float: left; width: 348px; padding: 0 20px; }
#list3 #article02 div.right { float: right; width: 348px; padding: 0 20px; }
#list3 #article02 h4 { width: 388px; margin: 0 -20px; }
#list3 #article02 ul li { padding: 0 0 12px 12px; background: url(../images2/note_listhd.gif) no-repeat 0 0.2em; }
#list3 #article02 ul li p.link {  }
#list3 #article02 ul li p.link a { color: #004098; background: url(../images2/note_anchd.gif) no-repeat right 0.5em; padding-right: 12px;}


.txt10 { font-size:10px; line-height:1.5; }
.txt12 { font-size:12px; line-height:1.6; }