@charset "utf-8";

/* =======================================

	lib.css
	Last Up Date 2014/03/25

 -----------------------------------------
	INDEX
 -----------------------------------------
	1. body
		- font
		- a
		- ul li
		- dl
	
	2. header
	
	3. wrapper
		- common
		- home
		- lower
		- howto
	
	4. footer
	
	5. xxx

	x. xxx

========================================== */

html{
    -webkit-text-size-adjust: 100%;
    height: 100%;
}

/* body
========================================== */
body{
	background: #fff;
	height: 100%;
}

/* font */
h2{
    background: url(/IPC/t-ict/images/common/h2_style.png) top left repeat-y;
    font-size: 200%;
    margin-bottom: 21px;
    padding-left: 14px;
    line-height: 55px;
}
h3{
    font-size: 124%;
    font-weight: bold;
    line-height: 45px;
    background: #f0f3f5;
    border-bottom: 2px solid #7c9dc3;
    margin-bottom: 14px;
    padding-left: 8px;
}
h4{
    font-size: 116%;
    font-weight: bold;
    line-height: 30px;
    border-bottom: 1px dashed #d0d0d0;
    margin-bottom: 21px;
    padding-left: 8px;
}
h5{
    background: url(/IPC/t-ict/images/common/h4_style.png) left 3px no-repeat;
    font-weight: bold;
    margin-bottom: 11px;
    padding-left: 16px;
}
p{
    line-height: 1.8;
}
p.cap{
    margin: 5px 0 19px;
}
p.fb{
    font-weight: bold;
}
.caution{
    color: #f00;
}

/* a */
a{
	color: #00428d;
	text-decoration: underline;
    outline:none;
}
a:hover{
    text-decoration: none;
}
a:focus{
    outline:none;
}

/* decoration */
::selection {
    background: #ccc;
}
::-moz-selection {
    background: #ccc;
}

/* ul li */
.ul_list li{
	float: left;
	margin-left: 40px;
}
.ul_disc{
    margin: 25px 0 20px;
    list-style-type: disc;
    padding-left: 18px;
}
.ul_disc.inner{
    margin: 10px 0;
}
.ul_disc li{
    line-height: 1.5;
    color: #00428d;
    margin-bottom: 5px;
}
.ul_disc li span{
    color: #000;
}
.ul_disc li span.caution{
    color: #f00;
}
.ul_map{
    font-size: 108%;
}
.ul_map.inner{
    font-size: 100%;
}
.ul_map li{
    margin-bottom: 10px;
}

/* ol */
.ol_num{
    margin: 25px 0 20px;
    list-style-type: decimal;
    padding-left: 18px;
}
.ol_num li{
    line-height: 1.5;
    color: #00428d;
    margin-bottom: 5px;
}
.ol_num li span{
    color: #000;
}

/* dl */
dl dt,dl dd{
    float: left;
}
dl dt{
    width: 15%;
}
dl dd{
    width: 85%;
}
/* table */
table{
    border: 1px solid #e6e6e6;
    border-collapse: collapse;
    margin-bottom: 22px;
    width: 100%;
}
table th{
    border: 1px solid #e6e6e6;
    background: #fff5ee;
    padding: 15px 19px;
}
table td{
    border: 1px solid #e6e6e6;
    padding: 19px;
}
table .ctr{
    text-align: center;
}
table.type01 .w01{
    width: 50%;
}
table.type01 .w02{
    width: 15%;
}
table.type01 .w03{
    width: 23%;
}
table.type01 .w04{
    width: 8%;
}
table.type01 .w05{
    width: 8%;
}
table.type02 .w01{
    width: 30%;
}
table.type02 .w02{
    width: 70%;
}
table.type03 .w01{
    width: 10%;
}
table.type03 .w02{
    width: 90%;
}
table.type04 .w01{
    width: 10%;
}
table.type04 .w02{
    width: 82%;
}
table.type04 .w03{
    width: 8%;
}
/* btn */
.btn{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    line-height: 28px;
    display: inline-block;
    zoom: 1;
    position:relative;
}
.btn a{
    color: #fff;
    text-decoration: none;
    display: block;
}
.btnL{
    background: url(/IPC/t-ict/images/common/bg_btn_left_off.png) left top no-repeat #00428d;
    padding: 0 5px 0 18px;
}
.btnR{
    background: url(/IPC/t-ict/images/common/bg_btn_right_off.png) right top no-repeat #00428d;
    padding: 0 18px 0 5px;
}
.btn:hover a,.btn.current a,input.btn:hover{
    color: #00428d;
}
.btnL:hover,.btnL.current{
    background: url(/IPC/t-ict/images/common/bg_btn_left_on.png) left top no-repeat #e6e6e6;
}
.btnR:hover,.btnR.current{
    background: url(/IPC/t-ict/images/common/bg_btn_right_on.png) right top no-repeat #e6e6e6;
}
input.btn{
    color: #fff;
    border: none;
}

/* header
========================================== */
header .inner{
	width: 900px;
	margin: 0 auto;
	padding-top: 30px;
	position: relative;
}
header #subNav{
	position: absolute;
	top: 48px;
	right: 0;
}
header #mainNav{
	margin-top: 27px;
}
header nav{
	background: #00428d;
}
header nav ul{
	width: 900px;
	margin: 0 auto;
}
header nav ul li{
	float: left;
}
/* wrapper
========================================== */
#wrapper{
	width: 900px;
	margin: 0 auto;
}

/* common */
#main{
	width: 634px;
	float: left;
}
#sub{
	width: 240px;
	float: right;
}

/* home */
.home #homeImg{
	margin-top: 19px;
}
.home #homeImg h2{
    background: none;
    font-size: 100%;
    margin-bottom: 0;
    padding-left: 0;
}
.home #ul_boxHome{
	margin-top: 19px;
}
.home #ul_boxHome li{
	width: 310px;
	height: 127px;
	float: left;
	margin-right: 14px;
	margin-bottom: 10px;
}
.home #ul_boxHome li#bh02,.home #ul_boxHome li#bh04{
	margin-right: 0;
}
.home #ul_boxHome li .inner{
	border: 3px solid #e6e6e6;
	border-top: none;
	padding: 0 12px 11px;
}
.home #ul_boxHome li#bh01 .inner{
	padding -top: 2px;
}
.home #ul_boxHome li#bh02 .inner{
	padding-top: 12px;
}
.home #ul_boxHome li#bh03 .inner{
	padding-top: 10px;
}
.home #ul_boxHome li#bh04 .inner{
	margin-top: -6px;
}
.home #ul_boxHome li .inner .anc{
	text-align: right;
}

.home #sub{
	margin-top: 4px;
}
.home #sub .cont{
	border: 3px solid #e6e6e6;
	margin-top: 20px;
}
.home #sub .cont .inner{
	padding: 0 10px 15px;
}
.home #sub .cont h3{
    font-size: 124%;
    font-weight: bold;
    line-height: 24px;
    background: #fff;
    border-bottom: none;
    margin-bottom: 0;
    padding-left: 0;
	height: 24px;
}
.home #sub .cont h3 span{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
.home #sub .cont#cont_01 h3{
	background: url(/IPC/t-ict/images/home/tit_home_01.png) top left no-repeat;
	width: 133px;
}
.home #sub .cont#cont_01 .ul_list{
	margin-top: 15px;
}
.home #sub .cont#cont_01 .ul_list li{
	margin-left: 0;
}
.home #sub .cont#cont_01 .ul_list li:first-child{
	margin-right: 14px;
}

.home #sub .cont#cont_02 h3{
	background: url(/IPC/t-ict/images/home/tit_home_02.png) top left no-repeat;
	width: 84px;
}
.home #sub .cont#cont_02 .dl_news{
    max-height: 290px;
    overflow-y: scroll;
}
.home #sub .cont#cont_02 .dl_news a{
    color: #00428d;
    text-decoration: none;
    outline:none;
}
.home #sub .cont#cont_02 .dl_news a:hover{
    color: #0077fe;
    text-decoration: underline;
}
.home #sub .cont#cont_02 .dl_news dt{
	margin-top: 15px;
}
.home #sub .cont#cont_02 .dl_news dd{
	margin-top: 8px;
	line-height: 1.5;
	padding: 0 8px;
}

/* lower */

.lower #breadcrumbs{
    margin: 19px 0;
    font-size: 93%;
}
.lower #breadcrumbs ul li{
    float: left;
    margin-right: 8px;
    height: 18px;
    line-height: 18px;
}
.lower .innerCont{
    width: 890px;
    margin: 0 auto;
    padding-bottom: 19px;
}
.lower .innerCont.ver01{
    padding-bottom: 0;
}
.lower .innerCont .cont{
    width: 430px;
}
.lower .innerCont .contLeft{
    float: left;
}
.lower .innerCont .contRight{
    float: right;
}
.lower .innerCont .contBox{
    border: 3px solid #e6e6e6;
    padding: 18px 16px;
}
.lower .contBtn{
    text-align: right;
    margin-bottom: 12px;
}
.lower .contBtn.ctr{
    text-align: center;
}
.lower .contBtn.left{
    text-align: left;
}
.lower #goTop{
    margin-top: 65px;
    text-align: right;
}

/* howto */
.howto #suBreadcrumbs{
    margin: 19px 0;
    font-size: 93%;
}
.howto #suBreadcrumbs ul li{
    float: left;
    margin-right: 8px;
}

/* system */
.system .suBreadcrumbs{
    margin: 19px 0;
    font-size: 93%;
}
.system .suBreadcrumbs ul li{
    float: left;
    margin-right: 8px;
}

/* footer
========================================== */
footer{
	background: #fff;
	border: 1px solid #e7e7e7;
	margin-top: 6px;
}
.home footer{
    margin-top: 44px;
}
footer .inner{
	background: url(/IPC/t-ict/images/common/bg_footer.png) top left repeat;
	margin-top: 1px;
}
footer ul{
	width: 900px;
	margin: 0 auto;
	padding: 30px 0;
}
footer ul li{
	line-height: 1.5;
	padding-bottom: 12px;
	font-size: 93%;
}

/* commonStyle
========================================== */
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb45{ margin-bottom:45px; }
.mb50{ margin-bottom:50px; }
.mb55{ margin-bottom:55px; }
.mb60{ margin-bottom:60px; }

.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pb40{ padding-bottom:40px; }
.pb45{ padding-bottom:45px; }
.pb50{ padding-bottom:50px; }
.pb55{ padding-bottom:55px; }
.pb60{ padding-bottom:60px; }

.tR{ text-align:right; }
.tC{ text-align:center; }
.tL{ text-align: left; }
.cb{ clear: both; }
.fl{ float: left; }
.fr{ float: right; }