/* CSS Document */
body{margin:0px; padding:0px; background:url(../images/main-bg.gif) 0 0 repeat-x #FFFFFF; color:#505050; font:14px/18px "Lucida Grande", sans-serif;}
/* for WinIE6*/

* html body {
	font-size: 75%;
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: normal;
	vertical-align:baseline;
}

/* for WinIE7*/

*:first-child+html body { 
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}

div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none;}
a:link{
	color:#0696FF;
	text-decoration:none;
}
a:visited{
	color:#0696FF;
	text-decoration:none;
}
a:hover{
text-decoration:underline;
}

/*----TOP PANEL----*/
#topPan{
	width:776px;
	height:67px;
	position:relative;
	margin:0 auto;
	border-left:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
}

#topPan img.logo{
	width:92px;
	height:49px;
	position:absolute;
	top:28px;
	left:11px;
}
#topPan img.logo2{
	width:184px;
	position:absolute;
	top:40px;
	left:160px;
}

#topPan img.free{
	width:261px;
	height:25px;
	position:absolute;
	top:75px;
	right:8px;
}

#topPan p.link{
	width:196px;
	height:27px;
	position:absolute;
	top:28px;
	right:9px;
	font-size:14px;
	text-align:right;
}

#topPan p.link2{
	width:240px;
	height:18px;
	position:absolute;
	top:28px;
	right:9px;
	text-align:right;
}

#topPan a:link{
	color:#0696FF;
	text-decoration:none;
}
#topPan a:visited{
	color:#0696FF;
	text-decoration:none;
}
#topPan a:hover{
text-decoration:underline;
}

/*----/TOP PANEL----*/

/*----HEADER- PANEL----*/
#headerPan{
	width:776px;
	height:44px;
	position:relative;
	margin:0 auto;
	border-left:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
	border-bottom:1px solid #CDCAA3;
}
/*----Menu Panel----*/
#menuPan{
	width:776px;
	height:39px;
	background:url(../images/menu-bg.gif) 0 0 repeat-x;
	position:relative;
	margin:0 auto;
}
#menuPan ul{
	width:775px;
	height:39px;
	position:absolute;
	top:2px;
	left:0px;
	margin-left:1px;
}
#menuPan ul li{list-style:none; float:left; width:193px; height:39px;}
#menuPan ul a{width:193px; height:39px; display:block; background-image:url(../image/button.jpg);}
#menuPan ul a span{display:none;}
#menuPan ul a.home{background-position:0px 0px;}
#menuPan ul a.home2{background-position:1px -38px;}
#menuPan ul a:hover.home{background-position:1px -38px;}
#menuPan ul a.gaiyo{background-position:-193px 0px;}
#menuPan ul a.gaiyo2{background-position:-193px -38px;}
#menuPan ul a:hover.gaiyo{background-position:-193px -38px;}
#menuPan ul a.jigyo{background-position:-386px 0px;}
#menuPan ul a.jigyo2{background-position:-386px -38px;}
#menuPan ul a:hover.jigyo{background-position:-386px -38px;}
#menuPan ul a.toiawase{background-position:-579px 0px;}
#menuPan ul a.toiawase2{background-position:-579px -38px;}
#menuPan ul a:hover.toiawase{background-position:-579px -38px;}

/*----/Menu Panel----*/
#headerbodyPan{
	width:776px;
	height:250px;
	position:absolute;
	top:42px;
	left:0px;
	color:#505050;
	border-bottom:1px solid #CDCAA3;
	border-top:1px solid #CDCAA3;
}
/*----HEADER- PANEL----*/

/*----BODY PANEL----*/
#bodyPan{
	width:776px;
	height:100%;
	position:relative;
	margin:0px auto 0;
	border-left:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
}
#bodyPan h2{
	width:756px;
	color:#505050;
	font:23px/54px Verdana, "ＭＳ Ｐゴシック", sans-serif;
	margin:0 0 0 10px;
	display:block;
}

#bodyPan p{
	display:block;
	margin:0px 20px 0 20px;
	padding:10px 0 0 0;
	line-height:25px;
}
#bodyPan p.end{
	display:block;
	margin:0px 20px 0 20px;
	padding:10px 0 20px 0;
	line-height:25px;
}
#bodyPan p.img{
	position:absolute;
	margin:10px 0 0 20px;
	padding:0px 0 0 0;
	display:block;
	border:solid 1px #666666;
}
#bodyPan p.contents{
	padding:10px 0 0 180px;
	height:160px;
	line-height:25px;
}
#bodyPan p span{
	font-weight:bold;
	padding:0 0 0 0;
	margin:0 0 0 0;
	display:block;
	background:url(../image/moji_link.jpg) no-repeat;
}
#bodyPan p.border{
	background:url(../image/dot-line.gif) 0 0 repeat-x;
	height:1px;
	margin:10px auto 0px auto;
	width:735px;
}
table.type1{
	width:735px;
	table-layout:fixed;
	margin:10px auto 0px auto;
	border-collapse:collapse;
	border:1px #999999 solid;
}
table.type2{
	width:735px;
	table-layout:fixed;
	margin:10px auto 20px auto;
	border-collapse:collapse;
	border:1px #999999 solid;
}
td.a{
	border-bottom:1px #999999 solid;
	border-right:1px #999999 solid;
	background-color:#E6E6E6;
	font-weight:bold;
	padding:5px 0 5px 10px;
	width:150px;
}
td.b{
	border-bottom:1px #999999 solid;
	padding:5px 0 5px 10px;
	width:565px;
}
td.c{
	border-bottom:1px #999999 solid;
	border-right:1px #999999 solid;
	background-color:#E6E6E6;
	font-weight:bold;
	padding:5px 0 5px 10px;
	width:150px;
	vertical-align:top;
}
td.d{
	border-bottom:1px #999999 solid;
	padding:5px 0 5px 10px;
	width:565px;
	text-align:center;
}
img.arrow{
	padding:0px 10px 0 10px;
}

/*----Body Bottom Panel----*/
#bodybottomPan{
	width:776px;
	position:relative;
	margin:0 auto;
	padding:0 0 10px 0;
	border-left:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
}
#bodybottomPan p.img{
	width:52px;
	position:relative;
	margin:0 auto;
}
#bodybottomPan p.link{
	width:343px;
	position:absolute;
	font-size:10px;
	left: 431px;
	top: 4px;
	height: 47px;
}

/*----FOOTER PANEL----*/
#footermainPan{
	height:70px;
	width:778px;
	background:url(../image/footerbg.gif) 0 0 repeat-x;
	color:#505050;
	font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
	position:relative;
	margin:0 auto;
	clear:both;
	padding:10px 0 0 0;
}

#footerPan{
	width:100%;
	position:relative;
	margin:0 auto;
}

#footerPan ul{
	width:300px;
	height:20px;
	position:relative;
	margin:0 auto;
	text-align:center;
}
#footerPan li{
	float:left;
}
#footerPan ul li a{
	padding:0 10px 0;
	color:#505050;
	text-decoration:none;
	font-size:12px;
}
#footerPan ul li a:hover{
	text-decoration:underline;
}
#footerPan p.name{
	width:200px;
	position:relative;
	margin:0 auto;
	color:#505050;
	font-size:10px;
	text-align:center;
}
#footerPan p.copyright{
	width:350px;
	position:relative;
	margin:0 auto;
	color:#505050;
	font-size:11px;
	text-align:center;
}

/*----/FOOTER PANEL----*/