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

@import "/lib/cmn_css/component.css";

#indexTop {
	background: url(/images/bg_index_vi.gif) left bottom repeat-x;
	padding-bottom: 9px;
	width: 100%;
}

#indexTop div.indexVi {
	background: url(/images/vi_index.jpg) left top no-repeat;
	height: 373px;
	margin: 0 auto;
	width: 960px;
}

#indexTop div.viInfo {
	background: url(/images/bg_viinfo_btm.jpg) left bottom no-repeat;
	margin-left: 486px;
	padding: 168px 0 9px 0;
	width: 459px;
}

#indexTop div.viInfo p {
	font-size: 0;
	line-height: 100%;
	padding: 0;
	vertical-align: bottom;
}

#indexTop div.viBtnL {
	float: left;
	width: 234px;
}

#indexTop div.viBtnR {
	float: left;
	margin: 8px 0 0 0;
	width: 214px;
}

#indexTop div.viBtnR p {
	line-height: 100%;
	height: 52px;
	padding: 0;
	width: 214px;
}

#indexTop div.viBtnR p a {
	display: block;
	height: 52px;
	width: 214px;
}

#indexTop div.viBtnR p img {	vertical-align: top;}
#indexTop div.viBtnR p a:hover {	background-color: transparent;}
#indexTop div.viBtnR p a:hover img {	visibility: hidden;}
#indexTop div.viBtnR p{ background: url(/images/btn_hayawari_top_h.gif); }


#indexLeft {
	display: inline;
	float: left;
	margin-left: 7px;
	padding-top: 17px;
	width: 522px;
}

#indexRight {
	float: right;
	width: 369px;
}

#indexRight h2 {
	font-size: 0;
	line-height: 100%;
	margin-bottom: 0;
}


/* leadNavi */
#contents ul#leadNavi {
	display: block;
	margin: 0 0 35px 0;
	width: 522px;
}

#contents ul#leadNavi li {
	float: left;
	height: 136px;
	width: 174px;
}

#contents ul#leadNavi li.last {
	margin-right: 0 !important;
}

#contents ul#leadNavi li a {
	height: 136px;
	display: block;
	width: 174px;
}

#contents ul#leadNavi li.leadA{ background: url(/images/p_index_01.gif); }
#contents ul#leadNavi li.leadB{ background: url(/images/p_index_02.gif); }
#contents ul#leadNavi li.leadC{ background: url(/images/p_index_03.gif); }

#contents ul#leadNavi img {	vertical-align: top;}
#contents ul#leadNavi li a:hover{	background-color: transparent;}
#contents ul#leadNavi li a:hover img{	visibility: hidden;}


#contents div.inquiry {
	background: #DDDDDD;
	clear: both;
	padding-bottom: 10px;
	width: 522px;
}

#contents div.inquiry h2 {
	font-size: 0;
	line-height: 100%;
	margin-bottom: 15px;
}



#contents div.inqBtn {
	float: right;
	width: 142px;
}

#contents div.inqBtn p {
	line-height: 100%;
	height: 34px;
	padding: 0;
	width: 142px;
}

#contents div.inqBtn p a {
	display: block;
	height: 34px;
	width: 142px;
}

#contents div.inqBtn p img {	vertical-align: top;}
#contents div.inqBtn p a:hover {	background-color: transparent;}
#contents div.inqBtn p a:hover img {	visibility: hidden;}
#contents div.inqBtn p{ background: url(/images/btn_inquiry_h.gif); }

#contents p.inquiryTxt {
	float: left;
	width: 340px;
}

#contents div.inqPack {
	margin-left: 10px;
	width: 500px;
}


#contents div.whatsNew {
	background: #FFFFFF;
	margin-bottom: 10px;
	padding-bottom: 15px;
	width: 369px;
}

#contents div.whatsNew ul {
	display: block;
	margin-left: 13px;
	width: 343px;
}

#contents div.whatsNew ul li {
	background: url(/lib/cmn_img/bg_dott_01.gif) left bottom repeat-x;
	line-height: 140%;
	padding: 8px 10px;
}

#contents div.whatsNew ul li.wnLine {
	background-color: #EBEBEB;
}


#contents div.indexLink {
	background: url(/images/bg_dott_line.gif) left bottom repeat-x;
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
	width: 522px;
}

#contents div.ilL {
	float: left;
	text-align: right;
	margin-right: 10px;
	width: 255px;
}

#contents div.ilR {
	float: right;
	width: 255px;
}

#contents div.pageNaviL {
	font-size: 0;
	float: left;
	text-align: center;
	line-height: 100%;
	width: 112px;
}

#contents div.pageNaviR {
	float: right;
	text-align: left;
	width: 135px;
}

#contents div.pageNaviR h3 {
	font-size: 0;
	line-height: 100%;
	padding-bottom: 8px;
}

#contents div.pageNaviL a {
	display: block;
	text-align: center;
	padding: 2px 0;
	width: 106px;
}

#contents div.pageNaviL a:hover {
	background: #99CC00;
	display: block;
	text-align: center;
	padding: 2px 0;
	width: 106px;
}

#contents div.blogBox {
	padding-bottom: 10px;
	width: 369px;
}

#contents div.rss-box {
	width: 369px;
}

#contents ul.rss-items {
	width: 369px;
}

#contents ul.rss-items li {
	background: url(/lib/cmn_img/bg_dott_01.gif) left bottom repeat-x;
	line-height: 0;
	padding: 5px 0;
	width: 369px;
}

#contents ul.rss-items li a {
	font-size: small;
	display: block;
	line-height: 150%;
	margin: 0 10px;
}

#contents ul.rss-items li span.rss-date {
	display: block;
	font-size: x-small;
	line-height: 150%;
	margin: 0 10px;
}

#contents div.nowEntry {
	background: #E1EDD4;
	margin-left: 5px;
	padding-bottom: 10px;
	width: 910px;
}

#contents div.nowEntry p {
	margin: 0 20px;
}


#contents div.entryBtn {
	display: inline;
	float: right;
	margin-right: 197px;
	width: 202px;
}

#contents div.entryBtn p {
	line-height: 100%;
	height: 44px;
	margin: 0;
	padding: 0;
	width: 202px;
}

#contents div.entryBtn p a {
	display: block;
	height: 44px;
	width: 202px;
}

#contents div.entryBtn p img {	vertical-align: top;}
#contents div.entryBtn p a:hover {	background-color: transparent;}
#contents div.entryBtn p a:hover img {	visibility: hidden;}
#contents div.entryBtn p{ background: url(/images/btn_web_entry_h.gif); }


#contents div.downloadBtn {
	display: inline;
	float: left;
	margin: 0 0 0 197px;
	width: 284px;
}

#contents div.downloadBtn p {
	line-height: 100%;
	height: 44px;
	margin: 0;
	padding: 0;
	width: 284px;
}

#contents div.downloadBtn p a {
	display: block;
	height: 44px;
	width: 284px;
}

#contents div.downloadBtn p img {	vertical-align: top;}
#contents div.downloadBtn p a:hover {	background-color: transparent;}
#contents div.downloadBtn p a:hover img {	visibility: hidden;}
#contents div.downloadBtn p{ background: url(/images/btn_pdf_dl_h.gif); }