/*-------------------*/
/*all
-------------------*/

body{
	background:url(../images/bg.jpg) top left repeat-x #7bdbff;
}


/* tabele */
table td {vertical-align:top;}


/* wrapper */

#wrapper01{
	width:810px;
	margin:0 auto;
	background:url(../images/con_bg.gif) repeat-y top left;
}
 
#wrapper02{
	width:780px;
	margin:0 auto;
	padding:0 15px;
}
.snswrap{
	width:780px;
	margin:0 auto;
}

.wrapper03{
	width:354px;
	margin:0 auto;
}
.wrapper04{
	width:800px;
	margin:0 auto;
}

.wrapper05{
	width:810px;
	margin:0 auto;
}
#main{
	width:770px;
	margin:0 auto;
}

.snswrap{
	width:780px;
	margin:0 auto;
}
.sns{
	width:220px;
	float:right;
	padding-bottom:10px;
	padding-top:9px;
}
.txt01{
	float:right;
	width:494px;
}
.img01{
	float:left;
	width:266px;
}
.txt02{
	float:left;
	width:438px;
}
.img02{
	float:right;
	width:310px;
	text-align:left;
}
table.pgTit .tiTcor{
	background:#00c0ff;
	color:#FFF;
}
#prbg{
	background:url(http://support.a8.net/as/camp/waterserver2011/images/spebg.gif) top left repeat-y;
}
.prL{
	width:375px;
	float:left;
	font-size:12px;
	line-height:16px;
}
.prR{
	width:375px;
	float:right;
	font-size:12px;
	line-height:16px;
}
#pr{
	background:url(http://support.a8.net/as/camp/waterserver2011/images/spebg.gif) top left repeat-y;
}
#pr .pgL{
	width:355px;
	float:left;
	margin-right:20px;
	padding:0px 10px 5px 10px;
}

#pr .pgR{
	width:355px;
	float:left;
	padding:0px 10px 5px 10px;
}
table.prtx{
	margin-top:10px;
}
table.prtx th{
	padding-right:10px;
}

.proBg05{
	background:url(../images/sponcer_bg05.gif) repeat-y top left;
	width:770px;
}
.proBg04{
	background:url(../images/sponcer_bg04.gif) repeat-y top left;
	width:770px;
}
.proBg03{
	background:url(../images/sponcer_bg03.gif) repeat-y top left;
	width:770px;
}
.proBg02{
	background:url(../images/sponcer_bg02.gif) repeat-y top left;
	width:770px;
}
.companyLeft{
	width:122px;
	float:left;
	background-color:#fff6d0;
	padding:10px;
	margin-right:15px;
	font-size:10px;
	line-height:1.3;
}

.companyRight{
	width:122px;
	float:right;
	background-color:#fff6d0;
	padding:10px;
	font-size:10px;
	line-height:1.3;
}

.icon{
	background:url(../images/icon_arrow.gif) no-repeat top left;
	padding-left:10px;
}

.colorRed02{
	color:#C00;
}

/*==========================
another
==========================*/

.anotherWrap{
	width:850px;
	margin:0 5px;
	position:fixed;
	color:#fff;
}

.anotherLeft{
	float:left;
	width:195px;
	background:#00b9ff;
	height:24px;
	padding:6px 0 0 10px;
}

.anotherLeft p{
	padding:#F9C;
}

.anotherRight{
	width:596px;
	float:left;
	background:#00b9ff;
	height:30px;
}

.anotherRight02{
	width:70px;
	float:left;
	padding:12px 5px;
	background:url(http://support.a8.net/as/camp/common/images/another_bg.png) left top no-repeat;
}

.anotherRight ul{
	padding:6px 0 0 0;
}
	

.anotherRight ul li{
	float:left;
	margin-right:10px;
}

.anotherRight a{
	color:#fff;
	text-decoration:none;
}

.anotherRight a:visited{
	color:#fff;
	}


.anotherRight a:hover{
	color:#fff;
	text-decoration:underline;
	}

.anotherRight a:active{
	color:#fff;
	text-decoration:underline;
	}

.arrow{
	background:url(../images/arrow.gif) no-repeat left top;
	padding:0 0 0 15px;
}

.colorWhite{
	color:#FFF;
}

.seikaLink a,.seikaLink a:hover{
	color:#06F;
	text-decoration:underline;
}