@charset "utf-8";

@import "01format.css";
@import "02layout.css";
@import "03common.css";


/* Box style
---------------------------------------------------- */
#grandTop #topMain {
	padding-bottom: 15px;
}


/* Box style
---------------------------------------------------- */



#information { 
	background: url(/images/grandtop/bk-kokuchi.gif) no-repeat left top;
	width:860px; /* 900 */
	padding:10px 20px 5px 20px;
	_padding:10px 20px 0px 20px;
}

.information-end {
	background: url(/images/grandtop/bk-kokuchi.gif) no-repeat left bottom;
	width:900px;
	margin-bottom:15px;
	height:5px;
	}

#contents div#information dl {
	border-top: #808c92 dotted 1px;
	margin-bottom: 10px;
	padding-top: 10px;
}

#contents div#information dl dt {
	float: left;
	padding-left: 80px;
	width: 120px;
}

#contents div#information dl dt.iconNews,
.mainBox .iconNews {
	background: url(/images/new/icon_what_news.gif) no-repeat 10px top;
}

#contents div#information dl dt.iconCompany,
.mainBox .iconCompany {
	background: url(/images/new/icon_what_company.gif) no-repeat 10px top;
}

#contents div#information dl dt.iconProduct,
.mainBox .iconProduct {
	background: url(/images/new/icon_what_product.gif) no-repeat 10px top;
}

#contents div#information dl dt.iconGuide,
.mainBox .iconGuide {
	background: url(/images/new/icon_what_guide.gif) no-repeat 10px top;
}

#contents div#information dl dt.iconInfo,
.mainBox .iconInfo {
	background: url(/images/new/icon_what_info.gif) no-repeat 10px top;
}

#contents div#information dl dt.iconCampaign,
.mainBox .iconCampaign {
	background: url(/images/new/icon_what_campaign.gif) no-repeat 10px top;
}

#contents div#information dl dd {
	float: left;
	width: 650px;
}

#contents div#information dl dd img {
	padding: 0 0 3px 2px;
}




/* Main Style01
---------------------------------------------------- */
#grandTop #mainArea h2 {
	border: none;
	margin-bottom: 0;
}

#grandTop #mainArea #mainBox01 {
	background: url(/images/grandtop/img_corner_main02.gif) no-repeat bottom;
	padding-bottom: 14px;
}

#grandTop #mainArea #mainBox01 #search {
	float: left;
	background: url(/images/grandtop/img_corner_search.gif) no-repeat top right  #e2eaed;
	width: 320px;
}

#grandTop #mainArea #mainBox01 #search h2 {
	border-bottom: #aab6bc solid 1px;
	padding: 10px;
	background: url(/images/grandtop/img_corner_main01.gif) no-repeat top;	
}

#grandTop #mainArea #mainBox01 #search #searchArea {
	padding: 10px;
	border-top: #edf6f9 solid 1px;
}

#grandTop #mainArea #mainBox01 #pickup {
	float: left;
	background: url(/images/grandtop/img_corner_pickup.gif) no-repeat top #e2eaed;
	width: 320px;
	margin-left: 10px;
}

#grandTop #mainArea #mainBox01 #pickup dl {
	background: url(/images/grandtop/bg_pickup.gif) repeat-y;
	margin-top: 14px;
	padding-top: 5px;
}

#grandTop #mainArea #mainBox01 #pickup dl dt {
	background: url(/images/grandtop/ttl_picup.gif) no-repeat left;
	padding-left: 35px;
	float: left;
}

#grandTop #mainArea #mainBox01 #pickup dl dt img {
	border: #e4e4e4 solid 1px;
}

#grandTop #mainArea #mainBox01 #pickup dl dd {
	float: left;
	padding: 0 0 5px 10px;
	width: 155px;
}

#grandTop #mainArea #mainBox01 #pickup dl dd a {
	font-weight: bold;
}

#grandTop #mainArea #mainBox01 #pickup dl dd.shosai {
	text-align: right;
	padding-bottom: 0;
}

/* Main Style02
---------------------------------------------------- */
#mainArea #mainBox02 {
	margin-top: 13px;
	background: url(/images/grandtop/img_corner_main04.gif) no-repeat bottom #e2eaed;
	padding-bottom: 10px;
}

#mainArea #mainBox02 #productTtl {
	border-bottom: #aab6bc solid 1px;
	padding: 10px;
	background: url(/images/grandtop/img_corner_main03.gif) no-repeat top;
}

#mainArea #mainBox02 #productTtl h2 {
	float: left;
}

#mainArea #mainBox02 #productTtl p {
	float: right;
}

#mainArea #mainBox02 #productTtl p img {
	padding-bottom: 3px;
}

#mainArea #mainBox02 #category {
	border-top: #edf6f9 solid 1px;
}

#mainArea #mainBox02 #category dl.product {
	padding: 10px 0 0 10px;
	float: left;
	width: 310px;
}

#mainArea #mainBox02 #category dl.product dt {
	background: none;
	border: none;
	padding: 0;
}

#mainArea #mainBox02 #category dl.product dd {
	border: none;
	background: #ffffff;
	height: 90px;
	font-size: 100%;
	overflow:hidden;
	_zoom:-1;
}

#mainArea #mainBox02 #category dl.product dd#product01 {
	background: url(/images/grandtop/bg_product01.jpg) no-repeat bottom;
}

#mainArea #mainBox02 #category dl.product dd#product02 {
	background: url(/images/grandtop/bg_product02.jpg) no-repeat bottom;
}

#mainArea #mainBox02 #category dl.product dd#product03 {
	background: url(/images/grandtop/bg_product03.jpg) no-repeat bottom;
}

#mainArea #mainBox02 #category dl.product dd#product04 {
	background: url(/images/grandtop/bg_product04.jpg) no-repeat bottom;
}

#mainArea #mainBox02 #category dl.product dd ul {
	float: left;
	width: 44%;
}


/* Main Style03
---------------------------------------------------- */
#mainArea #mainBox03 {
	background: url(/images/grandtop/img_corner_main06.jpg) no-repeat bottom #f6f9fa;
	margin-top: 13px;
}

#mainArea #mainBox03 .corporate {
	float: left;
	width: 320px;
	background: url(/images/grandtop/img_corner_main05.gif) no-repeat top right;
}

#mainArea #mainBox03 .corporate .corporateTtl{
	border-bottom: #cbd4d9 solid 1px;
	border-left: #cbd4d9 solid 1px;
	border-right: #cbd4d9 solid 1px;
	margin-top: 8px;
}

#mainArea #mainBox03 #recruit {
	margin-left: 10px;
}

#mainArea #mainBox03 .corporate h2 {
	float: left;
	padding: 2px 0 8px 10px;
}

#mainArea #mainBox03 .corporate p {
	float: right;
	padding: 2px 10px 8px 0;
}

#mainArea #mainBox03 .corporate p img {
	padding-bottom: 3px;
}

#mainArea #mainBox03 .corporateBox {
	border-left: #cbd4d9 solid 1px;
	border-right: #cbd4d9 solid 1px;
	border-top: #ffffff solid 1px;
	height: 65px;
}

#mainArea #mainBox03 .corporateBox ul {
	float: left;
	width: 30%;
}

/* Arrow Main Style
---------------------------------------------------- */
#mainArea #mainBox02 #category dl.product dd ul li,
#mainArea #mainBox03 .corporateBox ul li {
	background: url(/images/icon_arrow02.gif) no-repeat 3px;
	padding-left: 15px;
	margin: 4px;
}


/* What's New & Event style
---------------------------------------------------- */
#grandTop #sideArea .infoArea {
	background: url(/images/grandtop/bg_news.jpg) no-repeat top;
	padding: 0 10px;
}

#grandTop #sideArea .infoArea h3 {
	float: left;
}

#grandTop #sideArea .infoArea p {
	float: right;
	font-size: 60%;
	padding-top: 5px;
	line-height: 1.5;
}

#grandTop #sideArea .infoArea p img {
	vertical-align: middle;
}

#grandTop #sideArea .infoArea p a:link,
#grandTop #sideArea .infoArea p a:visited {
	color: #ffffff;
}

#grandTop #sideArea .infoArea p a:hover {
	color: #96c8da;
}

#grandTop #sideArea .infoArea ul {
	clear: both;
	padding-bottom: 20px;
}


#grandTop #sideArea .infoArea dl {
	clear: both;
	padding-bottom: 20px;
}

#grandTop #sideArea .infoArea dl dt {
	padding: 4px 0;
}

#grandTop #sideArea .infoArea dl dt img {
	padding: 0 3px 2px 0;
}

#grandTop #sideArea .infoArea dl dd {
	border-bottom: #aab6bc dotted 1px;
	padding-bottom: 5px;
}

#grandTop #sideArea .infoArea dl dd img {
	padding: 0 0 3px 2px;
}