@charset "utf-8";

/* --------------------------------------------
	/index.html
-------------------------------------------- */

body#top {
	background: url(../images/top/body_bg_top.jpg) repeat-x left top;
}

	body#top #wrapper {
		background: url(../images/top/contents_bg_top.jpg) no-repeat center top;
	}
	
		body#top #globalMenu {
			background: url(../images/top/top_bg_gnavi.jpg) no-repeat left top;
		}
		
		body#top #contents {
			padding-bottom: 30px;
		}
		
		body#top #mainContents {
			background: none;
			border: none;
			margin-top: 22px;
			margin-right: 12px;
			display: inline;
		}
			.topBorderBox {
				background: url(../images/top/top_bg_linex.gif) no-repeat left bottom;
				margin-top: 16px;
				padding-bottom: 16px;
				width: 700px;
				overflow: hidden;
			}
				.topBorderBox h2 {
					float: left;
					width: 154px;
				}
					.topBorderBox h2 a {
						display: block;
					}
					.topBorderBox h2.information a {
						background-image: url(../images/top/top_btn_information_ov.gif);
						width: 97px;
						height: 31px;
					}
					.topBorderBox h2.product a {
						background-image: url(../images/top/top_btn_product_ov.gif);
						width: 97px;
						height: 30px;
					}
					.topBorderBox h2.enjoy a {
						background-image: url(../images/top/top_btn_enjoy_ov.gif);
						width: 100px;
						height: 33px;
					}
					.topBorderBox h2.knowledge a {
						background-image: url(../images/top/top_btn_knowledge_ov.gif);
						width: 111px;
						height: 31px;
					}
					.topBorderBox h2 a:hover {
						background-color: transparent;
					}
						.topBorderBox h2 a:hover img {
							visibility: hidden;
						}
						
				.topBorderBox dl.informationList {
					float: left;
					width: 546px;
					overflow: hidden;
				}
					.topBorderBox dl.informationList dt {
						float: left;
						clear: both;
						display: block;
						width: auto;
						background: url(../images/top/top_bg_arrow.gif) no-repeat 100% 0.3em;
						padding-right: 1.35em;
						margin-right: 1em;
						margin-bottom: 3px;
						line-height: 1.4;
					}
					.topBorderBox dl.informationList dd {
						margin-bottom: 3px;
						color: #333333;
						line-height: 1.4;
					}
					
					* html .topBorderBox dl.informationList dd {
						margin-left: 5.2em;
					}
					
				.topBorderBox .productList {
				}
					.topBorderBox .productList li {
						float: left;
						margin-right: 15px;
					}
					.topBorderBox .productList li.productList03 {
						margin-right: 0;
					}
						.topBorderBox .productList li a {
							display: block;
							width: 168px;
							height: 60px;
						}
						.productList01 a { background-image: url(../images/top/top_btn_product001_ov.jpg);}
						.productList02 a { background-image: url(../images/top/top_btn_product002_ov.jpg);}
						.productList03 a { background-image: url(../images/top/top_btn_product003_ov.jpg);}
		
						.topBorderBox .productList li a:hover {
							background-color: transparent;
						}
							.topBorderBox .productList li a:hover img {
								visibility: hidden;
							}
							
				.topBorderBox .enjoyList {
					float: left;
					width: 546px;
				}
					.topBorderBox .enjoyList ul {
						margin-top: 10px;
						width: 534px;
						overflow: hidden;
						margin-bottom: -9px;
					}
						.topBorderBox .enjoyList ul li {
							margin-bottom: 9px;
						}
						.topBorderBox .enjoyList07,
						.topBorderBox .enjoyList02,
						.topBorderBox .enjoyList01	
						{
							float: left;
						}
						.topBorderBox .enjoyList06,
						.topBorderBox .enjoyList03,
						.topBorderBox .enjoyList04
						/*.topBorderBox .enjoyList05*/
						{
							float: right;
						}
							.topBorderBox .enjoyList ul li a {
								display: block;
								width: 262px;
								height: 70px;
							}
							.topBorderBox .enjoyList01 a { background-image: url(../images/top/top_btn_enjoy001_ov.jpg);}
							.topBorderBox .enjoyList02 a { background-image: url(../images/top/top_btn_enjoy002_ov.jpg);}
							.topBorderBox .enjoyList03 a { background-image: url(../images/top/top_btn_enjoy003_ov.jpg);}
							.topBorderBox .enjoyList04 a { background-image: url(../images/top/top_btn_enjoy004_ov.jpg);}
							/*.topBorderBox .enjoyList05 a { background-image: url(../images/top/top_btn_enjoy005_ov.jpg);}*/
							.topBorderBox .enjoyList06 a { background-image: url(../images/top/top_btn_enjoy006_ov.jpg);}
							.topBorderBox .enjoyList07 a { background-image: url(../images/top/top_btn_enjoy007_ov.jpg);}
		
							.topBorderBox .enjoyList ul li a:hover {
								background-color: transparent;
							}
								.topBorderBox .enjoyList ul li a:hover img {
									visibility: hidden;
								}

				.topBorderBox .knowledgeList {
					float: left;
					width: 546px;
				}
					.topBorderBox .knowledgeList ul {
						margin-top: 10px;
						width: 534px;
						overflow: hidden;
					}
						.topBorderBox .knowledgeList ul li {
							float: left;
							margin-bottom: 14px;
							margin-right: 14px;
						}
							.topBorderBox .knowledgeList ul li a {
								display: block;
								width: 168px;
							}

					.topBorderBox .knowledgeList li.knowledgeList03 {
						margin-right: 0;
					}
		
		
		body#top #subContents {
			display: inline;
		}
			body#top #subContents div.greeting {
				position: relative;
				z-index: 0;
				background: url(../images/top/sub_bg_greeting_mid.jpg) repeat-y left top;
				margin: 16px 0 9px;
				width: 210px;
			}
				body#top #subContents div.greeting div {
					background: url(../images/top/sub_bg_greeting_top.jpg) no-repeat left top;

				}
				
				body#top #subContents div.greeting p.photo {
					padding: 5px 11px 11px 9px; 
					position: absolute;
					left: 95px;
					top: 18px;
					z-index: 2;
					background: url(../images/top/sub_bg_greeting_photo.jpg) no-repeat left top;
				}
				
				body#top #subContents div.greeting p.photo span {
					display: block;
					width: 90px;
					height: 64px;
					overflow: hidden;
				}

				body#top #subContents div.greeting div.text {
					background: url(../images/top/sub_bg_greeting_btm.jpg) no-repeat left bottom;
					padding: 0 15px 15px;
					line-height: 1.5;
					text-align: justify;
					text-justify: distribute;
				}
				
				body#top #subContents div.greeting h4 {
					padding: 0 15px 3px;
					color: #003c3c;
					font-weight: bold;
				}