@charset "utf-8";

/* all.css */

html {
	background:#F5F5F0 url(../images/BgImage.jpg) repeat fixed left top;
}



body {
	color: #5c5959;
	line-height: 1.5;
}


#container {
	width: 96%;
	max-width: 1024px;
	margin: 0 auto;
	position:relative;
}	

a {
	color: #4b597d;
	text-decoration: none;
	
	-webkit-transition: all .35s linear;
	-moz-transition: all .35s linear;
	transition: all .35s linear;
	behavior: url(/js/PIE.htc);
	position:relative;
}

a:hover {
	color: #8c0505;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

/* ----------------------------- content ----------------------------- */


contents{
	display:block;
	margin-top:30px;
}


/* ----------------------------- masthead/logo ----------------------------- */

/*header {
	width: 100%;
	text-align:center;
	position:relative;
}
	header img.caiLogo{
		margin-top:30px;
		text-align:center;
	}
	header:after {
			content: "";
			clear: both;
			height: 0;
			display: block;
			visibility: hidden;
		}*/


#contents{
	margin-top:10px;
}
/* Navigation --------------------*/
#nav{ 
 padding:0; 
 text-align:justify;
}


#nav-menu {
 text-align:center;
 border-top: 1px solid #C3C3C0;
 border-bottom: 1px solid #C3C3C0;
}
	@media screen and (max-width: 639px){
		#nav-menu {
			border:none;
		}
	}

#nav-menu li{
	display:inline-block;
	font-family:"Times New Roman", Times, serif;
	width:18%;
}
	@media screen and (max-width: 639px){
		#nav-menu li{
			border: 1px solid #FFF;
			margin-bottom:5px;
			width:90%;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius:7px;
		}
	}

*:first-child+html #nav-menu li{/*IE7*/
	display:inline;
}

*html #nav-menu li{
	display:inline;
	background:#000;
	width:19%;
}
	@media screen and (max-width: 639px){
		*html #nav-menu li{
			margin-bottom:5px;
			width:90%;
		}
	}

#nav-menu li a {
	border-radius:7px;
	color:#C3C3C0;
	display:block;
	padding:10px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	-webkit-text-size-adjust:100%;
	text-align:center;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius:7px;
	behavior: url(/js/PIE.htc);
	position:relative;
}
	@media screen and (max-width: 639px){
		#nav-menu li a {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
		}
	}
#nav-menu li a:hover {
	color:#8c0505;
	padding:10px;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:0.8em;
	text-align:center;
}
	@media screen and (max-width: 639px){
		#nav-menu li a:hover {
			background: none repeat scroll 0 0 rgba(20, 20, 20, 0.8);
			color:#FFFFFF;
			padding:10px;
			display:block;
			text-transform:uppercase;
			text-decoration:none;
			font-weight:bold;
			font-size:0.8em;
			text-align:center;
		}
	}
#nav-menu li:last-child a { border: 0; }

/* ----------------------------- footer ----------------------------- */

footer {
	border-top:1px dotted #B9BCB7;
	width: 100%;
	margin: 50px auto 0 auto;
	padding:30px 0 20px;
	position:relative;
	text-align: center;
}
	footer ul{
		display:block;
		width:100%;
		padding:0 0 20px;
	}
	footer ul{
		list-style:none;
		text-align:center;
	}
		footer li{
			display:inline-block;
			font-family:"Times New Roman", Times, serif;
		}
			footer li a{
				background-color:#B9BCB7;
				color:#F4F4F4;
				display:block;
				font-size:36px;
				height:160px;
				line-height:160px;
				margin:0 10px;
				text-decoration:none;
				width:160px;
				
				-webkit-border-radius:80px;
				-moz-border-radius:80px;
				border-radius:80px;
				behavior: url(/js/PIE.htc);
				
				-webkit-box-shadow:0 2px 0 #FFFFFF;
				-moz-box-shadow:0 2px 0 #FFFFFF;
				box-shadow:0 2px 0 #FFFFFF;
				behavior: url(/js/PIE.htc);
				
				position:relative;
			}
			footer li a:hover{
				background-color:#320000;
				color:#F4F4F4;
			}
			footer li img.arrow{
					display:none;
				}
		@media screen and (max-width: 639px){
			footer {
				margin: 20px auto 0 auto;
				padding:20px 0 10px;
			}
			footer li{
				display:block;
				background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
				border: 1px solid rgba(0, 0, 0, 0.1);				
				margin: 10px 20px;
				text-align:left;
				
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius: 5px;
				behavior: url(/js/PIE.htc);
				position:relative;
			}
			footer li a{
				background:none;
				color:#320000;
				font-size:20px;
				line-height:inherit;
				padding:10px 10px;
				width:90%;
				height:auto;
				
				-webkit-border-radius:5px;
				-moz-border-radius:5px;
				border-radius:5px;
				behavior: url(/js/PIE.htc);

				-webkit-box-shadow:none;
				-moz-box-shadow:none;
				box-shadow:none;
				behavior: url(/js/PIE.htc);
				
				position:relative;
			}
			
			
			footer li a:hover{
				background:none;
				color:#8c0505;
				
				-webkit-box-shadow:none;
				-moz-box-shadow:none;
				box-shadow:none;
				behavior: url(/js/PIE.htc);
				
				position:relative;
			}
			footer li:hover{
				background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
			}
			footer li img.arrow{
				display:block;
				position:absolute;
				top:40%;
				right:10px;
				text-indent:-9999px;
			}
		}
	footer p{
		color:#B9BCB7;
		font-size: 10px;
		letter-spacing:1px;
	}
		p.contact{
			font-family:"Times New Roman", Times, serif;
			font-weight:bold;
			font-size:36px;
			
			-webkit-text-shadow:0 1px 0 #FFFFFF;
			-moz-text-shadow:0 1px 0 #FFFFFF;
			text-shadow:0 1px 0 #FFFFFF;
			behavior: url(/js/PIE.htc);
			
			position:relative;
		}
		p.subText{
			color:#999;
			font-size:12px;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			margin-bottom:10px;
		}
			@media screen and (max-width: 639px){
				p.subText{
					display:block;
					width:90%;
					margin:0 auto;
				}
			}
		p.pagetop a{
			background: rgba(0, 0, 0, 0.05) url(../images/pageTop.png) left top no-repeat;
			border-bottom: 1px solid rgba(0, 0, 0, 0.1);
			border-right: 1px solid rgba(0, 0, 0, 0.1);
			border-left: 1px solid rgba(0, 0, 0, 0.1);
			display:block;
			text-indent:-9999px;
			height:30px;
			width:30px;
			margin:0 10% 0 90%;
			position:absolute;
			top:0;
			-webkit-border-radius: 0 0 5px 5px;
			-moz-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
			behavior: url(/js/PIE.htc);
		}
			p.pagetop a:hover{
				background: rgba(0, 0, 0, 0.08) url(../images/pageTop.png) left top no-repeat;;
			}
			@media screen and (max-width: 639px){
				p.pagetop a{
					margin:0 20% 0 80%;
				}
			}
/* other ------------------------------------------------------*/
.clear{
	clear:both;
}
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	clear: both;  
	height: 0;  
}
.fontRed{color:#900;}
.fontBold{font-weight:bold;}
.fontSmall{font-size:80%;}
.floatR{float:right;}
.floatL{float:left;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.rmark{ vertical-align:super; font-size:60%; margin-left:2px; margin-right:5px; }
.ninja_onebutton{
	margin:20px auto;
}