@charset "utf-8";

/* informationCSS Category ---------
01. Title
02. Navigation
03. common element
---------------------------- */


/* 01. Title
--------------------------------------------------------------------------- */
h2.primaryTtl{
	background:url(../images/information/h2ttl_info.jpg) left top no-repeat;
	overflow:hidden;
	padding:45px 0 0 0;
	height:0;
	width:580px;
	}
h3.infoTitle{
	background:url(../images/information/txtBack.jpg) left bottom repeat-x;
	font-size:14px;
	font-weight:bold;
	margin:0 0 20px 0;
	padding:10px;
	width:550px;
	}

/* 02. Navigation
--------------------------------------------------------------------------- */
.tabNavi {
	background: url(../images/information/navi_back.jpg) left top no-repeat;
	clear: both;
	height:40px;
	width:580px;
	}

ul.mainNavi {
	background: url(../images/information/mainnav_back.jpg) left top no-repeat;
	margin-left:40px;
	height:40px;
	width:540px;
	}
ul.mainNavi li,
ul.subNavi01 li,
ul.subNavi02 li,
ul.subNavi03 li,
ul.subNavi04 li,
ul.subNavi05 li {float: left;}

ul.mainNavi li a {
	display: block;
	padding:40px 0 0 0;
	height:0;
	width: 108px;
	}

li a.infoTab:hover,
li a.infoTabOn {background: url(../images/information/mainnav_back.jpg) left bottom no-repeat;}
li a.newsTab:hover,
li a.newsTabOn {background: url(../images/information/mainnav_back.jpg) -108px -40px no-repeat;}
li a.updateTab:hover,
li a.updateTabOn {background: url(../images/information/mainnav_back.jpg) -216px -40px no-repeat;}
li a.eventTab:hover,
li a.eventTabOn {background: url(../images/information/mainnav_back.jpg) -324px -40px no-repeat;}
li a.mainteTab:hover,
li a.mainteTabOn {background: url(../images/information/mainnav_back.jpg) -432px -40px no-repeat;}


/* 03. common element
--------------------------------------------------------------------------- */
.detailBox{
	clear:both;
	margin:20px auto 0;
	width:570px;
	}

.infoComment {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 0 10px;
    padding: 10px;
	letter-spacing:normal;
}
.infoComment p {
	letter-spacing:0;
}
.infoComment br {
	letter-spacing:0;
}

.infoComment h4{
	font-size:14px;
	font-weight:bold;
	}
div.infoComment img,
div.infoComment p img{
	margin:0 0 1em 0;
	text-align:center;
	}

.infoComment ul li{
	list-style-position: outside;
	list-style-type: disc;
	margin-left:2em;
	}

.infoUnder ul{
	background:url(../images/information/txtBack.jpg) left top repeat-x;
	border-top:1px solid #ccc;
	clear:both;
	margin-top:20px;
	padding:10px;
	position:relative;
	text-align:center;
	height:19px;
	width:550px;
	}	

.infoUnder ul li{
	display:inline;
	text-align:center;
	width:150px;
	}	

.infoUnder ul li.centerBox,
.infoUnder ul li.centerBox02{margin: 0 40px;}


#infoListDetail li{
	background:url(../images/information/txtBack.jpg) left bottom repeat-x;
	padding:10px;
	min-height:20px;
	_height:20px;
	width:550px;
	}
#infoListDetail li a{
	font-weight:bold;
	overflow:hidden;
	width:395px;
}
#infoListDetail li span{
	float:left;
	padding:0px 0px 0px 70px;
	height:20px;
	width:85px;
	}
*+html #infoListDetail li span{height:20px;}
.newsInfo{background: url(../images/information/icon_news.gif) left top no-repeat;}
.updateInfo{background: url(../images/information/icon_update.gif) left top no-repeat;}
.eventInfo{background: url(../images/information/icon_event.gif) left top no-repeat;}
.mainteInfo{background: url(../images/information/icon_mainte.gif) left top no-repeat;}
.restoreInfo{background: url(../images/information/icon_restore.gif) left top no-repeat;}
.troubleInfo{background: url(../images/information/icon_trouble.gif) left top no-repeat;}


/* 04. home.php
--------------------------------------------------------------------------- */
/* viewArea */
#homeInfo #result{height: 160px;}
ul#infoDetail {
	margin:0 auto;
	width:400px;
	}
ul#infoDetail li{
	background:url(../images/home/txtBack.jpg) left bottom repeat-x;
	padding:10px 5px;
	max-height:20px;
	height:20px;
	overflow:hidden;
	width:390px;
	}
ul#infoDetail li a{
	overflow:hidden;
	width:275px;
	}
ul#infoDetail li span{
	float:left;
	padding:0px 0px 0px 70px;
	height:40px;
	_height:20px;
	width:45px;
	}
*+html ul#infoDetail li span{height:20px;}

/* 04. social layout
--------------------------------------------------------------------------- */
div.social{
	width: 550px;
	margin: 0 auto;
}
	div.social>ul{ width: 550px;}
	div.social>ul li{
		float: left;
		padding: 15px 8px 10px;
		background: #fff;
	}
		div.social>ul>li div.tw_follow{
			padding: 10px 50px;
			background: #ccc;
			margin-left: 30px;
			text-align: center;
		}