@charset 'utf-8';

/* 文字消し */
div#header p a,
div#mainmenu ul li a,
div#footer-top p#footer-contact a,
div#uptotop p a{
	display:block;
	margin:0px;
	padding:0px;
	text-indent: -9999px;
	text-decoration:none;
	/* MacIEを排除 \*/
	overflow:hidden;
	/* MacIEを排除ここまで */
}

body{
	text-align:center;
	background:#eee url(../images/all-bg01.jpg) repeat-x left top;
}

div#wrap01{	background:url(../images/all-bg02.gif) repeat-y center top;}
div#wrap02{	background:url(../images/all-bg03.gif) no-repeat center top;}

* html body div#wrap02{padding-left:1px;}
*+html body div#wrap02{padding-left:1px;}
/* Opera8以降用 */
*+html>/**/body div#wrap02{padding-left:0px;}

/* ヘッダー */

div#header{
	width:760px;
	padding:18px 0px 21px;
	margin:0px auto;
	text-align:left;
	background:url(../images/header-bg01.gif) repeat-x left top;
}

/* クリアフィクス */
div#header:after{
	content:".";
	display:block;
	height:0;
	clear:both;	visibility:hidden;
}
div#header{display: inline-block;}
/* MacIEの排除 \*/
* html div#header{height:1%;}
div#header{display:block;}
/* MacIEを排除ここまで */


div#header h1{
	display:block !important;
	display:inline;
	width:212px;
	float:left;
	margin:0px 0px 0px 18px;	
}

div#header p{
	display:block !important;
	display:inline;
	width:126px;
	float:right;
	margin:4px 18px 0px 0px;	
}

div#header p a{
	height:30px;
}

div#header p,
div#header p a{
	background:url(../images/header-contactus.gif) no-repeat 0px 0px;
}

div#header p a:hover{
	background-position:0px -30px;
}

/* メインメニュー */

div#mainmenu{
	width:760px;
	margin:0px auto;
	text-align:left;
	background:url(../images/mainmenu-bg01.gif) repeat-x left bottom;
}

div#mainmenu ul{
	height:47px;
}

/* クリアフィクス */
div#mainmenu:after{
	content:".";
	display:block;
	height:0;
	clear:both;	visibility:hidden;
}
div#mainmenu{display:inline-block;}
/* MacIEの排除 \*/
* html div#mainmenu{height:1%;}
div#mainmenu{display:block;}
/* MacIEを排除ここまで */

div#mainmenu ul li{
	width:152px;
	float:left;
}

div#mainmenu ul li a{
	height:39px;
}

li#mainmenu01,li#mainmenu01 a{background:url(../images/mainmenu.gif) no-repeat 0px 0px;}
li#mainmenu01 a:hover{background-position: 0px -39px;}

li#mainmenu02,li#mainmenu02 a{background:url(../images/mainmenu.gif) no-repeat -152px 0px;}
li#mainmenu02 a:hover{background-position: -152px -39px;}

li#mainmenu03,li#mainmenu03 a{background:url(../images/mainmenu.gif) no-repeat -304px 0px;}
li#mainmenu03 a:hover{background-position: -304px -39px;}

li#mainmenu04,li#mainmenu04 a{background:url(../images/mainmenu.gif) no-repeat -456px 0px;}
li#mainmenu04 a:hover{background-position: -456px -39px;}

li#mainmenu05,li#mainmenu05 a{background:url(../images/mainmenu.gif) no-repeat -608px 0px;}
li#mainmenu05 a:hover{background-position: -608px -39px;}

/* メイン */

div.main-container{
	width:760px;
	margin:0px auto;
	text-align:left;
	background-color:#fff;
	line-height:1.4;
	color:#333;
}

div#uptotop{
	width:100%;
	clear:both;
	background-color:#fff;
	padding-top:10px;
}

div#uptotop p{
	width:91px;
	margin:0px 0px 18px 651px;
}

div#uptotop p a{
	height:18px;
}

div#uptotop p,
div#uptotop p a{
	background:#777 url(../images/uptotop.gif) no-repeat 0px 0px;
}

div#uptotop p a:hover{
	background-position:0px -18px;
}


/* フッター */

div#footer{
	width:760px;
	margin:0px auto;
	padding-top:20px;
	line-height:1.3;
	background:#666 url(../images/footer-bg01.gif) repeat-x left top;
}

div#footer a{
	color:#cdcac5;
	text-decoration:none;
}

div#footer a:hover{
	color:#fff;
	text-decoration:underline;
}

div#footer-top{
	width:732px;
	margin:0px auto 14px;
	text-align:left;
	background-color:#666;
}

/* クリアフィクス */
div#footer-top:after{
	content:".";
	display:block;
	height:0;
	clear:both;	visibility:hidden;
}
div#footer-top{display:inline-block;}
/* MacIEの排除 \*/
* html div#footer-top{height:1%;}
div#footer-top{display:block;}
/* MacIEを排除ここまで */


div#footer-top h3{
	width:175px;
	float:left;	
	margin-right:28px;
}

div#footer-top p{
	width:125px;
	float:left;
	margin-right:28px;
}

div#footer-top p#footer-contact{
	width:106px;
}

div#footer-top p#footer-contact a{
	height:23px;
}

div#footer-top p#footer-contact,
div#footer-top p#footer-contact a{
	background:url(../images/footer-contact.gif) no-repeat 0px 0px;
}

div#footer-top p#footer-contact a:hover{
	background-position:0px -23px;
}

div#footer-menu{
	width:732px;
	margin:0px auto 14px;
	text-align:left;
	border-top:1px solid #838382;
	background:#666 url(../images/footermenu-bg01.gif) repeat-y left top;
}

/* クリアフィクス */
div#footer-menu:after{
	content:".";
	display:block;
	height:0;
	clear:both;	visibility:hidden;
}
div#footer-menu{display:inline-block;}
/* MacIEの排除 \*/
* html div#footer-menu{height:1%;}
div#footer-menu{display:block;}
/* MacIEを排除ここまで */

div#footer-menu ul{
	width:244px;
	float:left;
}

div#footer-menu ul li{
	margin:6px 9px;
	padding-left:10px;
	font-size:85%;
	background:url(../images/footer-arrow01.gif) no-repeat left center;
}


div#copyright{
	padding:6px;
	text-align:center;
	background:url(../images/copyright-bg01.gif) repeat left top;
	color:#333;
}

div#copyright p#copy{
	color:#fff;
}