@charset "utf-8";
/* 
----------------------------------------------------------------------------- 
HTML ELEMENT RESET
-----------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:100%;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6,textarea{font-size:100%;}
q:before,q:after{content:'';}

/* 
----------------------------------------------------------------------------- 
BASIC SETTING
-----------------------------------------------------------------------------*/
html {
	height:100%;
	margin-bottom:0.1px;
	}
	
body {
	font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "Lucida Grande", "メイリオ", Meiryo, sans-serif;
	font-size:76%;
	font-weight:normal;
	line-height:1.4;
	text-align:center;
	background-color: #fff;
	color: #808080;
	background:url(bgBody.gif);
	padding-bottom:60px;
	}

p,li,dd,table {line-height:1.4;}

a { 
	color:#808080;
	text-decoration:underline;
	overflow:hidden; /* Delete Link Border for Firefox */
	}
	
a:hover {
	color:#999999;
	text-decoration:none;	
	}

.clearfix:after {  
     content: ".";  
     display: block;  
     visibility: hidden;  
     height: 0.1px;  
     font-size: 0.1em;  
     line-height: 0;  
     clear: both;  
	 } 

.clearfix {  
     zoom: 100%;  
	} 

.textStyle01 {
	display:none;
	}

/* 
----------------------------------------------------------------------------- 
SECOND 
-----------------------------------------------------------------------------*/
#second  {
	width:860px;
	margin:0 auto;
	text-align:left;
	background:url(bgContentsBody.gif) top repeat-y;
	}

/* 
----------------------------------------------------------------------------- 
CONTENTS 
-----------------------------------------------------------------------------*/
#contents {
	width:860px;
	margin:0 auto;
	padding-top:20px;
	text-align:left;
	}
	
#contents .bgStyle01 {
	width:805px;
	margin:0 auto 10px;
	padding:5px 0 5px 5px;
	background:#f3f3f3;
	border:#ccc 0 dotted;
	border-bottom-width:1px;
	border-top-width:1px;
}
	
#contents h1.bgStyle01 {
	color:#666;
	font-weight:bold;
	font-size:115%;
	}

#contents .indentStyle01 {
	width:777px;
	margin:0px auto 15px;
	}
	
.indentStyle01 .leftArea {
	float:left;
	color:#333333;
	font-weight:bold;
	}

.indentStyle01 .rightArea {
	float:right;
	text-align:left;
	width:700px;
	padding-left:15px;
	padding-bottom:40px;
	border:#CCCCCC 0px solid;
	border-left-width:1px;
	}

.indentStyle01 .rightArea h3 {
	color:#2FADE2;
	padding-bottom:10px;
	}
	
.indentStyle01 .rightArea h3 a {
	color:#2FADE2;
	text-decoration:underline;
	overflow:hidden; /* Delete Link Border for Firefox */
	}
	
.indentStyle01 .rightArea h3 a:hover {
	color:#65C2EB;
	text-decoration:none;	
	}	
	
.indentStyle01 .rightArea p {
	padding-bottom:5px;
	}

/* 
----------------------------------------------------------------------------- 
エリア選択
-----------------------------------------------------------------------------*/		
#contents .navRegion {
	width:90px;
	margin:0 auto;
	text-align:center;
	padding-bottom:30px;
	color:#2FADE2;
	font-weight:bold;
	}

#contents .navRegion span {
	color:#808080;
	font-weight:normal;
	}
	
#contents .navRegion a { 
	color:#808080;
	font-weight:normal;
	text-decoration:underline;	
	overflow:hidden; /* Delete Link Border for Firefox */
	}
	
#contents .navRegion a:hover {
	color:#808080;
	font-weight:normal;
	text-decoration:none;	
	}		

/* 
----------------------------------------------------------------------------- 
PAGE TOP
-----------------------------------------------------------------------------*/	
#second .pageTop {
	width:70px;
	margin:20px 24px 20px auto;
	color:#FF6600;
	text-align:right;
	background:url(arrowType03.gif) left no-repeat;
	font-size:90%;
}

#second .pageTop a { 
	color:#FF6600;
	text-decoration:underline;
	overflow:hidden; /* Delete Link Border for Firefox */
	}
	
#second .pageTop a:hover {
	color:#FF6600;
	text-decoration:none;	
	}	

/* 
----------------------------------------------------------------------------- 
FOOTER
-----------------------------------------------------------------------------*/
#footer {
	width:850px;
	height:21px;
	padding:0;
	margin:0 auto;
	background:#999999;
	color:#fff;
	clear:both;
	}

#footer .copyright {
	float:left;
	display:inline;
	width:500px;
	margin-top:2px;
	margin-left:18px;
	text-align:left;
	}
	
#footer .powered {
	float:right;
	display:inline;
	width:100px;
	margin-top:3px;
	margin-right:18px;
	padding:0;
	font-size:80%;
	text-align:right;
	}