@charset "UTF-8";

/*============================================================
	1: -universal reset
============================================================*/

*{
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック","MS P Gothic","verdana","arial","helvetica","Hiragino Kaku Gothic Pro", "Osaka";
	color:#666666;
	font-size:96%;
}
ul,li{
	list-style-type:none;
}
img{
	border:none;
}
table,td,th{
	border:none;
	text-align:left;
	vertical-align:top;
}
h1,h2,h3,h4,h5,h6,em,strong,address,th{
	font-style:normal;
	font-size:100%;
	line-height:100%;
}


/*============================================================
	2: -accessibility features
============================================================*/

hr{
	display:none;
}
#SkipNavi{
	position:absolute;
	top:-9999px;
}
#ACONTENTSSTART{
	position:absolute;
	top:-9999px;
}

/* -anchor
--------------------------------------------------
a:link{
	color:#5c7fa1;
}
a:visited{
	color:#5c7fa1;
}
a:hover{
	color:#5c7fa1;
}
a:active{
	color:#5c7fa1;
}
/* -anchor 


/* -anchor　菅谷変更*/

a:link{
	color:#0000FF;
}
a:visited{
	color:#000080;
}
a:hover{
	color:#FF0000;
}
a:active{
	color:FF0000;
}

/* -anchor　20071122追加 */ 

.FooterLink a:link{
	color:#666666;
	text-decoration:none;
}
.FooterLink a:visited{
	color:#666666;
	text-decoration:none;
}
.FooterLink a:hover{
	color:#666666;
	text-decoration:none;
}
.FooterLink a:active{
	color:#666666;
	text-decoration:none;
}

/*============================================================
	3: -common setting
============================================================*/
strong,em{
	font-style:normal;
	font-weight:bold;
}

/* a (refer fontcolor.css about color)
----------------------------------------------------*/

a:link{
	text-decoration:underline;
}
a:visited{
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
}
a:active{
	text-decoration:underline;
}

/*============================================================
	4: -layout
============================================================*/
body{
	text-align:center;
}

.Wrapper{
	width:750px;
	margin:auto;
	text-align:left;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

/* BreadCrumbsA
============================================================*/
.BreadCrumbsA{
	margin:0px 0 24px 10px;
	clear:both;
}

	.BreadCrumbsA ul{
	margin:0 0 24px 0;
	}

	.BreadCrumbsA li{
	float: left;
	}



#Area01Header{
	border-top:2px solid #7b8b9b;
}
	#Area02HeaderLogo{
	}
		#Area02HeaderLogo #HeaderLogoH1{
			background:url(/common/img/headerlogo.gif) repeat-x;
			width:188px;
			height:85px;
			display:block;
			float:left;
			text-indent:-9999px;
			margin:10px 0 5px 10px;
		}
		#Area02HeaderLogo #HeaderLogoH1 a{
			width:188px;
			height:85px;
			display:block;
		}
		
	#Area02HeaderSignup{
		float:right;
		margin:10px 10px 0 0;
	}
		#Area02HeaderSignup li{
			float:left;
			margin-left:3px;
		}
		#Area02HeaderSignup h1{
			text-indent:-9999px;
		}
		#Area02HeaderSignup p{
			font-size:90%;
			line-height: 150%
		}

	#Area02HeaderDomain{
		float:right;
		margin:0 10px 5px 0;
		font-size:115%;
	}

		#Area02HeaderDomain .window{
		padding-top:1px;
		}
		
		#Area02HeaderDomain .HeadWindow{
		background:url(/common/img/signup/window.gif);
		}
#Area01Navigation{
	margin:5px 0 0px 10px;
}
	#Area01Navigation ul li{
	float:left;
	}
	#Area01Navigation p{
	dispaly:block;
	text-indent:-9999px;
	}

#Area01Body #Area02BodyContents{
	float:left;
	width:579px;
}
#Area01Body #Area02BodyLnavi{
	float:right;
	width:159px;
	margin-top:8px;
	margin-bottom:60px;
}

#Area01Banner{
	margin-left:10px;
}
	#Area01Banner .Left{
	float:left;
}
	#Area01Banner .Right{
	float:right;
	margin-right:10px;
}
	#Area01Banner li{
	float:left;
	margin:9px 7px 5px 0;
	}
	#Area01Banner p{
	display:block;
	text-indent:-9999px;
	}

#Area01Footer{
	clear:both;

}
#Area01FooterPadder{
	background:url(/common/img/footer.jpg) repeat-x;
	padding:0px 10px 18px 13px;
}
	#Area01FooterPadder #Area02FooterGnaviA{
		float:left;
		width:auto;
		padding-top:3px;
	}
	#Area01FooterPadder #Area02FooterCopy{
		text-align:right;
		float:right;
		width:21em;
		padding-top:3px;
	}
		#Area01FooterPadder #Area02FooterCopy address{
		color:#FFFFFF;
		font-size:80%;
		padding-top:2px;

	}
	#Area01Footer p{
	color:#FFFFFF;
	font-size:85%;
	}


/*============================================================
	Contents
============================================================*/
.line{
	background:url(/common/img/linedot.gif) repeat-x;
	width:740px;
	height:2px;
	clear:both;
	margin:0 5px 0 5px;
}

#MainImage{
	margin:15px 0 5px 10px;
}
	#MainImage p{
	text-indent:-9999px;
}

.TitleBar01{
	clear:both;
	font-size:110%;
	background:url(/common/img/LinkBlockA01.gif) no-repeat;
	text-indent:17px;
	border-bottom:2px solid #FF9900;
	width:720px;
	margin:15px 0 20px 10px;
}
	.TitleBar01 h1{
	font-weight:bold;
	}
/****** 菅谷追加 *****/
#TitleBar011{
	clear:both;
	font-size:110%;
	background:url(/common/img/LinkBlockA01.gif) no-repeat;
	text-indent:17px;
	border-bottom:2px solid #FF9900;
	width:720px;
	margin:30px 0 20px 10px;
}
	#TitleBar011 h1{
	font-weight:bold;
	}
/****** 菅谷追加 *****/

#TitleBar02Left{
	font-size:110%;
	background:url(/common/img/LinkBlockA01.gif) no-repeat;
	text-indent:17px;
	border-bottom:2px solid #FF9900;
	width:357px;
	margin:30px 0 18px 0;
}
	#TitleBar01Left h1{
	font-weight:bold;
	}
#TitleBar02Right{
	font-size:110%;
	background:url(/common/img/LinkBlockA01.gif) no-repeat;
	text-indent:17px;
	border-bottom:2px solid #FF9900;
	width:357px;
	margin:30px 0 18px 0;
}
	#TitleBar01Right h1{
	font-weight:bold;
	}

#TitleBar03{
	clear:both;
	font-size:110%;
	background:url(/common/img/LinkBlockA01.gif) no-repeat;
	text-indent:17px;
	border-bottom:2px solid #FF9900;
	width:720px;
	margin:20px 0 10px 10px;
}
	#TitleBar01 h1{
	font-weight:bold;
	}

.MainContents{
	clear:both;
	margin:5px 0 30px 10px;
	width:730px;
}

	.MainContents .LeftArea{
	width:363px;
	float:left;
	margin-bottom:30px;
	}
	.MainContents .RightArea{
	float:right;
	width:357px;
	margin-right:10px;
	margin-bottom:30px;
	}
	.MainContents h2{
	font-size:110%;
	margin-bottom:10px;
	}
/****** 菅谷追加 *****/
	.MainContents p{
		line-height:135%;
	}
/****** 菅谷追加 *****/


#ImageBlock{
	margin:5px 10px 20px 10px;
}
	#ImageBlock ul{
	float:left;
	}
	#ImageBlock li{
	margin-right:10px;
	margin-bottom:5px;
	}

	#ImageBlock .privacy{
	background:url(/img/privacy.jpg) no-repeat;
	width:354px;
	height:120px;
	}
	#ImageBlock .domain{
	background:url(/img/domain.jpg) no-repeat;
	width:354px;
	height:120px;
	}
	#ImageBlock .redirect{
	background:url(/img/redirect.jpg) no-repeat;
	width:354px;
	height:120px;
	}
	#ImageBlock .user{
	background:url(/img/user.jpg) no-repeat;
	width:354px;
	height:120px;
	}
	#ImageBlock p,h2{
	text-indent:-9999px;
	}

#InfoLeft{
	margin:10px 0 10px 10px;
	width:480px;
	float:left;
}
	#InfoLeft .Left{
	width:230px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	float:left;
	}
	#InfoLeft .Right{
	width:230px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	float:right;
	margin-left:10px;
	}
#InfoRight{
	margin-top:10px;
	margin-right:10px;
	float:right;
	width:230px;
	border-top:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;

}

.TableBlock01{
	margin:10px 10px 10px 10px;
}
	.TableBlock01 h1{
	text-indent:-9999px;
	}
	.TableBlock01 .border{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:8px 8px 8px 8px;
	font-size:120%;
	}
	.TableBlock01 .date{
	font-weight:bold;
	}

/****** 菅谷追加 *****/
.TableBlock011{
	margin:10px 0px 10px 10px;
	font-size:120%;	
}
	.TableBlock011 h1,h2{
	text-indent:-9999px;
	font-size:80%;	
}
	.TableBlock011 .border{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:8px 8px 8px 8px;
}	
	.TableBlock011 .date{
	font-weight:bold;
}
.TableBlock011 .whatsnew{
	background:url(/common/img/whatsnew.jpg) no-repeat;
}
.TableBlock011 .user{
	background:url(/common/img/usertop.jpg) no-repeat;
}
.TableBlock011 .camp{
	background:url(/common/img/camp.jpg) no-repeat;
}

/****** 菅谷追加 *****/
.TableBlock02{
	margin:0 0 10px 0;
	font-size:115%;
	
}
	.TableBlock02 th{
	text-align:center;
	vertical-align:middle;
	background-color:#ADDE42;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
	}
	.TableBlock02 th p{
	color:#FFFFFF;
	}
	.TableBlock02 .last{
	border-bottom:1px solid #CCCCCC;
	}
	.TableBlock02 td{
	text-align:center;
	vertical-align:middle;
	padding:3px 3px 3px 3px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}

.TableBlock03{
	margin:0 0 10px 0;
	font-size:115%;
}

.TableBlock04{
	margin:2px 0 10px 0;
	font-size:115%;
	
}
	.TableBlock04 th{
	text-align:center;
	vertical-align:middle;
	background-color:#ADDE42;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:3px 3px 3px 3px;
	}
	.TableBlock04 th h1{
	color:#FFFFFF;
	font-weight:bold;
	}
	.TableBlock04 .last{
	border-bottom:1px solid #CCCCCC;
	}
	.TableBlock04 td{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}
	.TableBlock04 td p{
	text-indent:-9999px;
	}
	.TableBlock04 .ie{
	background:url(/domain/img/ie.jpg) no-repeat;
	}
		.TableBlock04 .ie a{
		width:150px;
		height:60px;
		display:block;
		}

	.TableBlock04 .netscape{
	background:url(/domain/img/netscape.jpg) no-repeat;
	}
		.TableBlock04 .netscape a{
		width:150px;
		height:60px;
		display:block;
		}

	.TableBlock04 .firefox{
	background:url(/domain/img/firefox.jpg) no-repeat;
	}
		.TableBlock04 .firefox a{
		width:150px;
		height:60px;
		display:block;
		}

	.TableBlock04 .opera{
	background:url(/domain/img/opera.jpg) no-repeat;
	}
		.TableBlock04 .opera a{
		width:150px;
		height:60px;
		display:block;
		}

	.TableBlock04 .safari{
	background:url(/domain/img/safari.jpg) no-repeat;
	}
		.TableBlock04 .safari a{
		width:150px;
		height:60px;
		display:block;
		}

	.TableBlock04 .sleipnir{
	background:url(/domain/img/sleipnir.jpg) no-repeat;
	}
		.TableBlock04 .sleipnir a{
		width:150px;
		height:60px;
		display:block;
		}

	.TableBlock04 .ie6{
	background:url(/domain/img/ie6.jpg) no-repeat;
	border-bottom:1px solid #CCCCCC;
	}
	.TableBlock04 .ie6 h1{
	padding:17px 0 0 170px;
	}
.TableBlock05{
	margin:10px 0 30px 10px;
	font-size:115%;
	
}
	.TableBlock05 td{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	}
	.TableBlock05 .spacer{
	border:none;
	}
	.TableBlock05 .color{
	background-color:#ADDE42;
	}

.TableBlock06{
	margin:40px 0 10px 10px;
	font-size:130%;
}
	.TableBlock06 .ex{
	font-size:70%;
	padding:3px 0 0 0;
	}

.TableBlock07{
	margin:10px 0 10px 10px;
	font-size:110%;
	
}
	.TableBlock07 h1{
	margin:20px 0 10px 0;
	}
	.TableBlock07 th{
	vertical-align:top;
	background-color:#DAE7D6;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	padding:8px 8px 8px 8px;
	font-weight:bold;
	}
	.TableBlock07 th h1{
	color:#FFFFFF;
	font-weight:bold;
	}
	.TableBlock07 .last{
	border-bottom:1px solid #CCCCCC;
	}
	.TableBlock07 td{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px 20px 5px 40px;
	background-color:#E7F0E5;
	}
.TableBlock08{
	margin:20px 0 10px 10px;
}

.TextArea01{
	margin:40px 10px 20px 10px;
	clear:both;
}
	.TextArea01 li{
		margin-bottom:5px;
	}

.TextArea02{
}
	.TextArea02 ol{
	margin:20px 0 20px 10px;
	}
	.TextArea02 li{
	margin-bottom:20px;
	}

.TextArea03{
	margin:20px 10px 20px 10px;
	clear:both;
}
	.TextArea01 li{
		margin-bottom:5px;
	}

.ImgBlock01{
	margin:2px 0 0 0;
}
.red{
	color:#FF0000;
	font-size:80%;
	font-weight:normal;
}