@charset "UTF-8";

/*================================================================================
FileName: layout.css
================================================================================*/
/*============================================================
枠組み
============================================================*/

body {
	background-color:#FFF;
}

#wrapper{
	background:url(../images/index_main_bg_re.png) 0 0 repeat-x;
}
#wrapperLayer{
	background:url(../images/layer_top_bg.png) 0 2px repeat-x;
}
#wrapperLayer2{
	background: url(../images/layer_top_bg2.png) 0 2px repeat-x;
}
#wrapperLayer3{
	background: url(../images/layer_top_bg3.png) 0 2px repeat-x;
}

/*============================================================
header
============================================================*/
#header{
	margin:0 auto 9px auto;
	width:992px;
}
#headerLayer{
	margin:0 auto 15px auto;
	width:992px;
}
#headLeft {
	width:422px;
	float:left;
	padding:18px 0 0 0;
	}
#headLeft_en{
	width:136px;
	float:left;
	padding:18px 0 0 0;
	}

#headRight {
	width:570px;
	float:right;
	}
#headRight_en{
	width: 660px;
	float: right;
}

	#headRight_en p{
		text-align: right;
	}

#headNavi {
	width:256px;
	float:left;
	padding:23px 0 0 0;
	margin-left:30px;
	overflow:hidden;
	zoom:1;
	}
#headNavi li {
	float:left;
	padding:0 0 0 14px;
	}
#headNavi2 {
	width:565px;
	float:left;
	padding:23px 0 0 0;
	margin-left:30px;
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
	}
#headNavi2 li {
	float:right;
	padding:0 0 0 30px;	
	}
#headNavi2 li img {
	cursor:pointer;
	}
#headRight p {
	float:right;
	}	
#headMenu {
	clear:both;
	overflow:hidden;
	float:right;
	}
#headMenu li {
	float:left;
	margin-left:38px;
	display:inline;
	}

#indexWrapper h2{
	margin:0 auto;
	width:1053px;
	height:165px;
	background:url(../images/page_ttl_bg.png) -5px 0 no-repeat;
	position:relative;
}
#indexWrapper h2 img{
	display:block;
	position:absolute;
	right:70px;
	bottom:60px;
	}

#mainImage{
	width: 1041px;
	margin: 0 auto;
}

#mainImage.terms{
    background:url(../images/en/terms_image.png)0 0 no-repeat;
    width:1041px;
    height:165px;
    margin:auto;
    margin-bottom:30px;
}

#mainImage.aboutus{
    background:url(../images/en/aboutus_image.png)0 0 no-repeat;
    width:1041px;
    height:165px;
    margin:auto;
    margin-bottom:30px;
}

#mainImage.contact{
    background:url(../images/en/contact_image.png)0 0 no-repeat;
    width:1041px;
    height:165px;
    margin:auto;
    margin-bottom:30px;
}


#mainImage.product{
    background:url(../images/en/product_image.png)0 0 no-repeat;
    width:1041px;
    height:165px;
    margin:auto;
    margin-bottom:30px;
}
/*============================================================
contents
============================================================*/
#indexContent {
	width:1280px;	
	margin:0 auto;
	}
#contents
{
    margin:0 auto;
	width:960px;
	padding:0 0 30px 0;
}

/*----------  共通コンテンツ -----------*/

#main_en{
	float: right;
	width: 735px;
}

#side_en{
	float: left;
}

#side_en li{
	height: 40px;
}

/*============================================================
footer
============================================================*/
#footer{
	background:url(../images/footer_bg.png) 0 0 repeat-x;
	padding:5px 0 30px 0;
	font-size:93%;
}

#footWrap{
	margin:0 auto;
	width:960px;
	position:relative;
	background-color:#f6f6f6;
}

#footWrap span{
    font-size:7pt;       
}

#pageTop {
	position:absolute;
	right:0;
	top:-30px;
	}
#footerLeft {
	float:left;
	}
#footerLeft li {
	float:left;
	background:url(../images/icon01.png) 0 6px no-repeat;
	padding:0 0 0 14px;
	margin-right:20px;
	}
#copyright{
	float:right;
	padding:0 0 0 0;
	}