/* 初期設定 */

*{
	margin:                     0;
	padding:                    0;
}

body{
	font-family:                Verdana, "ＭＳ Ｐゴシック";
	background:                 url(../common/bg02.jpg) repeat-x top;
	text-align:                 center;
}

a{
	outline:0;
}

a:link,
a:visited{
	color:#069;
}
a:hover{
	color:#09F;
}

.cl{
	clear:                      both;
}

.wrap{
	width:                      900px;
	margin:                     0 auto;
}

/* Header */

h1{
	background:                 url(../common/head_ttl.jpg) no-repeat;
	height:                     55px;
	margin:                     19px 20px 20px 20px;
}
h1 a{
	display:                    block;
	text-indent:                -9999px;
	font-size:                  2px;
	height:                     40px;
	margin-right:				auto;
}

#wrap-head p{
	text-indent:                -9999px;
	font-size:                  2px;
}




/* Menu */

#wrap-Menu{
	float:                      left;
	margin:                     -5px 0 15px 0;
}
#wrap-Menu ul li{
	float:                      left;
	list-style:                 none;
}
#wrap-Menu ul li a{
	display:                    block;
	height:                     47px;
	text-indent:                -9999px;
	font-size:                  2px;
	line-height:                normal;

}

#menu01 a{background:             url(../common/menu01.jpg); width:129px;}
#menu02 a{background:             url(../common/menu02.jpg); width:128px;}
#menu03 a{background:             url(../common/menu03.jpg); width:128px;}
#menu04 a{background:             url(../common/menu04.jpg); width:128px;}
#menu05 a{background:             url(../common/menu05.jpg); width:128px;}
#menu06 a{background:             url(../common/menu06.jpg); width:128px;}
#menu07 a{background:             url(../common/menu07.jpg); width:131px;}

#menu01 a:link,
#menu01 a:visited,
#menu02 a:link,
#menu02 a:visited,
#menu03 a:link,
#menu03 a:visited,
#menu04 a:link,
#menu04 a:visited,
#menu05 a:link,
#menu05 a:visited,
#menu06 a:link,
#menu06 a:visited,
#menu07 a:link,
#menu07 a:visited{
	background-position:        top;
}

#menu01 a:hover,
#menu02 a:hover,
#menu03 a:hover,
#menu04 a:hover,
#menu05 a:hover,
#menu06 a:hover,
#menu07 a:hover{
	background-position:        bottom;
}


/* Side */

#wrap-Side{
	width:                      210px;
	float:                      left;
}
#wrap-Side ul li{
	list-style:                 none;
	margin-bottom:              2px;
}
#wrap-Side ul li a{
	display:                    block;
	height:                     40px;
	width:                      210px;
	text-indent:                -9999px;
	font-size:                  2px;
}

#side01{background:             url(../common/side_menu01.jpg);}
#side02{background:             url(../common/side_menu02.jpg);}
#side03{background:             url(../common/side_menu03.jpg);}
#side04{background:             url(../common/side_menu04.jpg);}
#side05{background:             url(../common/side_menu05.jpg);}
#side06{background:             url(../common/side_menu06.jpg);}
#side07{background:             url(../common/side_menu07.jpg);}
#side08{background:             url(../common/side_menu08.jpg);}

#side01:link,
#side01:visited,
#side02:link,
#side02:visited,
#side03:link,
#side03:visited,
#side04:link,
#side04:visited
#side05:link,
#side05:visited,
#side06:link,
#side06:visited,
#side07:link,
#side07:visited,
#side08:link,
#side08:visited{
	background-position:        left;
}

#side01:hover,
#side02:hover,
#side03:hover,
#side04:hover,
#side05:hover,
#side06:hover,
#side07:hover,
#side08:hover{
	background-position:        right;
}

#wrap-Side #memo-Top{
	background:                 url(../common/memo01.jpg) no-repeat;
	height:                     19px;
	text-indent:                -9999px;
	font-size:                  2px;
	margin:                     15px 0 0 0;
}
#wrap-Side #memo-Btm{
	background:                 url(../common/memo03.jpg) no-repeat;
	height:                     20px;
	text-indent:                -9999px;
	font-size:                  2px;
}
#wrap-Side h3{
	background:                 url(../common/memo02.jpg) repeat-y;
	font-size:                  12px;
	line-height:                1.5em;
	font-weight:                normal;
	text-align:                 left;
	padding:                    0 15px 0 25px;
}

#wrap-Side h4{
	background:                 url(../common/side_tel.gif) no-repeat;
	height:                     37px;
	text-indent:                -9999px;
	font-size:                  2px;
	margin:                     15px 0 0 0;
}


/* contents */

#wrap-contents{
	width:                      670px;
	float:                      right;
	text-align:                 left;
}


/* Footer */
#foot{
	background:                 #300;
}
#wrap-Footer{
	width:                      900px;
	margin:                     40px auto 0 auto;
	height:                     100px;
	background:                 url(../common/footer.jpg) no-repeat;
	text-align:                 left;
	padding:                    30px 0px 0 0px;
}

#wrap-Footer h3{
	margin:                     0px 20px 5px 250px;
	font-size:                  10px;
	line-height:                22px;
	font-weight:                normal;
	color:                      #FFF;
}

#wrap-Footer h3 a{
	color:#FFF;
}

#wrap-Footer h2{
	margin:                     0px 0px 10px 0px;
	font-size:                  12px;
	font-weight:                normal;
	color:                      #FFF;
	text-align:right;
	padding-right: 88px;
}

#wrap-Footer p{
	font-size:                  10px;
	font-weight:                normal;
	color:                      #FFF;
}


/* page top */

#pagetop{
	clear:                      both;
}

.pagetop a{
	background:                 url(../common/pagetop.jpg);
	width:                      95px;
	height:                     20px;
	display:                    block;
	text-indent:                -9999px;
	font-size:                  2px;
	float:                      right;
	margin:                     30px 0 0 0;
}

.pagetop a:link,
.pagetop a:visited{
	background-position:        top;
}

.pagetop a:hover{
	background-position:        bottom;
}


/* pan */
#wrapPan{
	background:                 #F9F9F4;
	padding:                    7px 10px;
	clear:                      both;
	text-align:                 left;
	border-bottom:              dotted 1px #300;
	border-top:                 dotted 1px #300;
	font-size:                  11px;
	float:                      left;
	width:                      880px;
}