/* 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:305px;
	position:relative;
	margin:0 auto;
	border-left:solid #CCCCCC 1px;
	border-right:solid #CCCCCC 1px;
}
/*----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:430px;
	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;
}
#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;
}
#bodyleftPan{
	width:550px;
	height:350px;
	float:left;
	margin:0 0 0 8px;
	background:url(../image/topics2.jpg) no-repeat;
}
#bodyleftPan p{
	padding:40px 0 0 0;
	display:block;
}
#bodyleftPan p.sub{
	padding:0px 0 0 0px;
	margin:20px 0 0 0;
}
#bodyleftPan p.sub2{
	padding:0px 0 0 0px;
	margin:0px 0 0 0;
}
#bodyleftPan p.border{
	background:url(../image/dot-line.gif) 0 0 repeat-x;
	height:1px;
	padding:0px 0 5px 20px;
	margin:10px 0 0px 20px;
	width:480px;
}
#bodyleftPan p.border2{
	background:url(../image/dot-line.gif) 0 0 repeat-x;
	height:1px;
	padding:0px 0 0px 0px;
	margin:40px 0 0px 0px;
	width:100%;
}
#bodyrightPan{
	width:200px;
	height:420px;
	float:left;
	margin:0 0 0 8px;
	border-left:dashed 1px #999999;
}
#bodyrightPan p{
	padding:10px 0 0 10px;
	display:block;
}
#bodyrightPan p.sub{
	padding:10px 0 0 0px;
	text-align:center;
}
#bodyPan p.contents{
	padding:3px 0 0 20px;
	width:540px;
	display:block;
}
img.arrow{
	padding:0px 10px 0 10px;
}
img.hosting{
	padding:0px 10px 0 10px;
	float:left;
}
/*----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----*/