@charset "UTF-8";

/* ===================================================

 Base Layout
 
=====================================================*/

#Wrapper{
	width:100%;
    min-height:100%;
	min-width:960px;
	padding:0;
	position:relative;
	margin:0 auto;
	}
* html #Wrapper{
    height:100%;
	}
#Main{
	margin:0 auto;
	width:940px;
	padding:0 10px 130px 10px;
	}
	
/* ===================================================

 Gnavi
 
=====================================================*/
ul#Gnavi{
	display:block;
	}
	ul#Gnavi li{
		display:block;
		float:left;
		margin-left:5px;
		}
	ul#Gnavi li:first-child{
		margin-left:0;
		}
		
		ul#Gnavi li a,ul#Gnavi li span{
			display:block;
			background:url(../images/image.png) no-repeat;
			text-indent:-9999px;
			width:115px;height:115px;
			}
			
		ul#Gnavi li.btn01 a{
			background-position:0 -140px;
			}
			
		ul#Gnavi li.btn01 a:hover,ul#Gnavi li.btn01 a.active,ul#Gnavi li.btn01 span{
			background-position:0 -260px;
			}
			
		ul#Gnavi li.btn02 a{
			background-position:-124px -140px;
			}
			
		ul#Gnavi li.btn02 a:hover,ul#Gnavi li.btn02 a.active,ul#Gnavi li.btn02 span{
			background-position:-124px -260px;
			}
			
		ul#Gnavi li.btn03 a{
			background-position:-251px -140px;
			}
			
		ul#Gnavi li.btn03 a:hover,ul#Gnavi li.btn03 a.active,ul#Gnavi li.btn03 span{
			background-position:-251px -260px;
			}
			
		ul#Gnavi li.btn04 a{
			background-position:-374px -140px;
			}
			
		ul#Gnavi li.btn04 a:hover,ul#Gnavi li.btn04 a.active,ul#Gnavi li.btn04 span{
			background-position:-374px -260px;
			}
	

h1.logo,p.logo{
	width:220px;height:110px;
	display:block;
}

h1.logo a,p.logo a{
	background:url(../images/image.png) no-repeat;
	width:220px;height:110px;
	text-indent:-9999px;
	display:block;
	}



/* ===================================================

 Header
 
=====================================================*/
#Header{
	position:relative;
	width:940px;height:165px;
	margin:0 auto;
	padding:0 10px;
	}
	#Header h1.logo,#Header p.logo{
		padding-top:30px;
		}
	
#Header ul#Gnavi{
	float:right;
	padding-top:28px;
	}
	


#Header h1{
	float:left;
	}

/* ===================================================

 Footer
 
=====================================================*/

#Footer{
    position:absolute;
    bottom:0;
    width:100%;
	min-width:960px;
    height:130px;
	background:url(../images/footer.gif) repeat-x;
	}
	#Footer #FooterInner{
		width:940px;
		padding:0 10px;
		position:relative;
		margin:0 auto;
		}
	#Footer #FooterInner ul#SubNavi{
		display:block;
		padding-top:50px;
		}
		#Footer #FooterInner ul#SubNavi li{
			display:block;
			float:left;
			margin-left:25px;
			}
		#Footer #FooterInner ul#SubNavi li:first-child{
			margin-left:0;
			}
			#Footer #FooterInner ul#SubNavi li a{
				display:block;
				text-indent:-9999px;
				background:url(../images/image.png) no-repeat;
				}
			#Footer #FooterInner ul#SubNavi li a:hover{
				opacity:0.7;
				}
				
			#Footer #FooterInner ul#SubNavi li.btn01 a{
				background-position:-250px -52px;
				width:100px;height:30px;
				}
				
			#Footer #FooterInner ul#SubNavi li.btn02 a{
				background-position:-380px -52px;
				width:124px;height:30px;
				}
				
			#Footer #FooterInner ul#SubNavi li.btn03 a{
				background-position:-250px -88px;
				width:100px;height:30px;
				}
				
			#Footer #FooterInner ul#SubNavi li.btn04 a{
				background-position:-380px -88px;
				width:130px;height:30px;
				}
				
	#Footer #FooterInner p#Copyright{
		background:url(../images/image.png) -249px -20px no-repeat;
		position:absolute;
		right:10px;top:65px;
		text-indent:-9999px;
		width:150px;height:20px;
		}
	
/* ===================================================

 Top Page
 
=====================================================*/

#Top h1{
	width:220px;height:110px;
	padding:30px 0 0 50px;
}

#Top ul#Gnavi{
	position:absolute;
	left:48px;bottom:30px;
	}


#Top p#Copyright{
	background:url(../images/image.png) -249px 0 no-repeat;
	position:absolute;
	right:20px;bottom:50px;
	text-indent:-9999px;
	width:150px;height:20px;
	}

img.bgmaximage{
	display:none;
	position:fixed !important;
}

.loader {
position:absolute;
z-index:9999;
width:32px;
height:32px;
top:49%;
left:48%
}

/* ===================================================

 Under Page
 
=====================================================*/

/* ---------------
 Profile Page
 ---------------*/
 
 #ProfContainer{
	 width:780px;
	 margin:0 auto;
	 padding:50px 0;
	 }
	 
	 #ProfContainer .leftBlock{
		 float:left;
		 width:340px;
		 }
		 #ProfContainer .leftBlock h2{
			 text-indent:-9999px;
			 background:url(../images/image.png) no-repeat -420px 0;
			 width:183px;height:20px;
			 }
		 #ProfContainer .leftBlock p{
			 margin-top:50px;
			 text-indent:-9999px;
			 background:url(../images/image.png) no-repeat -526px -52px;
			 width:340px;height:230px;
			 }
		#ProfContainer .rightBlock{
		 float:right;
		 }
		 
/* ---------------
 Profile Page
 ---------------*/
 
 #InfoContainer{
	 width:940px;
	 margin:0 auto;
	 padding:50px 0;
	 }
	 
	 #InfoContainer .leftBlock{
		 float:left;
		 width:540px;
		 }
		 #InfoContainer .leftBlock h2{
			 font-size:1.6em;
			 padding-bottom:5px;
			 border-bottom:1px solid #0F2350;
			 }
		 #InfoContainer .leftBlock p{
			 font-size:1.3em;
			 padding:10px 0;
			 }
		#InfoContainer .leftBlock p.date{
			font-size:1.1em;
			text-align:right;
			padding:5px 0 20px 0 !important;
			}
		#InfoContainer .rightBlock{
		 float:right;
		 width:300px;
		 }
		 
		 	#InfoContainer .rightBlock ul{
				font-size:1em;
				border-top:1px dotted #0F2350;
				}
				#InfoContainer .rightBlock ul li{
					font-size:1.3em;
					padding:10px 0;
					border-bottom:1px dotted #0F2350;
					}
					#InfoContainer .rightBlock ul li span{
						display:block;
						font-size:0.9em;
						}
						
/* ---------------
 Photo Page
 ---------------*/
 
 /* ---------------
 Contact Page
 ---------------*/
 
 #ContactContainer{
	 width:640px;
	 margin:0 auto;
	 padding:50px 0;
	 }
	 
	 #ContactContainer h2{
		  background:url(../images/image.png) no-repeat 0 -380px;
		  height:45px;width:620px;
		  display:block;
		  text-indent:-9999px;
		 }
	#ContactContainer dl{font-size:1em;padding-top:50px;}	 
	#ContactContainer dl dt{
	  clear: both;
    	float: left;
    	font-size: 1.3em;
    	font-weight: bold;
    	line-height: 20px;
    	padding: 16px 0 0 0;
    	width: 175px;
		background:url(../images/image.png) 110px -442px no-repeat;
	}

	#ContactContainer dl dd{
		font-size: 1.3em;
	  padding: 18px 0 24px 175px;
	  line-height: 24px;
	  background:url(../images/620border.gif) bottom left no-repeat;
	}
	
	#ContactContainer input[type="text"]{
		width:300px;
		padding:2px 3px;
		font-size:100%;
		
		}
	#ContactContainer .sendBlock{
		padding:25px 25px 25px 0;
		height:35px;
	}
	#ContactContainer p.alert{
		padding:10px 0;
		width:620px;
		background:url(../images/620border.gif) bottom left no-repeat;
		font-size:1.3em;
		color:#ED6D3D;
		}
	#ContactContainer p.error{
		background:url(../images/image.png) -636px -379px no-repeat;
		text-indent:-9999px;
		width:200px;height:26px;
		}
	#ContactContainer p.sendMail{
		background:url(../images/image.png) 0px -500px no-repeat;
		text-indent:-9999px;
		width:620px;height:26px;
		}
	#ContactContainer p.thanks{
		background:url(../images/image.png) 0px -530px no-repeat;
		text-indent:-9999px;
		width:620px;height:26px;
		}
	#ContactContainer input.conformButton[type="submit"]{
		float:right;
		border:none !important;
		text-indent:-9999px;
		width:152px;height:35px;
		display:block;
		background:url(../images/image.png) -524px -300px no-repeat;
		cursor: pointer;
		}
	#ContactContainer input.sendButton[type="submit"]{
		float:right;
		border:none !important;
		text-indent:-9999px;
		width:152px;height:35px;
		display:block;
		background:url(../images/image.png) -684px -300px no-repeat;
		cursor: pointer;
		}
	#ContactContainer a.backButton{
		float:left;
		border:none !important;
		text-indent:-9999px;
		width:152px;height:35px;
		display:block;
		background:url(../images/image.png) -842px -300px no-repeat;
		cursor: pointer;
		}
	
	textarea.naiyou{
		width:400px;
		font-size:100%;
		}