@charset "utf-8";

/* *****************************************
/*+  リセット・基本セッティング  +**********
/***************************************** */

* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
	color: #444;
	background:#FFF;
	border-top:3px solid #000;
}

body,
input,
select,
textarea {
	font: 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Godthic Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", sans-serif;
}
html {
	overflow-y: scroll;
}
img {
	border: none;
	vertical-align: bottom;
}
table {
	border-collapse:collapse;
}
th {
	text-align: left;
	vertical-align: top;
	font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400;
	line-height:1.0;
}
ul, ol {
	list-style-type: none;/**/
}
em,
strong,
address {
	font-weight: 400;
	font-style: normal;
}
a {
	outline: none;
	color: #A21325;
	text-decoration: underline;
}
a:hover {
	color: #A21325;
	text-decoration: underline;
	background:none;
}

strong {
	font-weight:bold;
	color:#211254;
}

/* CLEARFIX
-----------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.clearfix { 
	display: inline-block;/*IE7・Mac版IE向け */
}
.clearfix { 
	display: block;/*Opera、Safari向け */
}
.clear {
	clear:both;
}


/* *****************************************
/*+  共通  +********************************
/***************************************** */
/* 全体
----------------------------------------------------------*/
body {
	height:100%;
	padding:0 0 30px;
	/*background:url(../images/common/body_footer_bg.jpg) no-repeat 100% 100%;
height:auto;
min-height:100%;
width:100%;*/
}

#document {
	width: 100%;
	background: url(../images/common/body_footer_bg.jpg) 100% 100% no-repeat;
}

#body {
	margin:0 auto;
	width: 690px;
	position:relative;
}


#JoshuaLogoBg {
	position:absolute;
	width:551px;
	height:551px;
	left:-230px;
	top:0;
	z-index:0;
}

#JoshuaLogoBgBottom {
	position:absolute;
	width:500px;
	height:290px;
	right:0;
	bottom:0px;
	z-index:0;
}



#wrapper {
	position: relative;
	z-index: 10;
	margin: 0 auto;
	padding:15px 20px 10px;
	width: 650px;
	background: #000;
}



h2 {
	margin-bottom:10px;
}


#header:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#header  { 
	display: inline-block;/*IE7・Mac版IE向け */
	margin:0 0 10px;
}
#header  { 
	display: block;/*Opera、Safari向け */
}



#logo {
	float:left;
	width:138px;
}


#headerSub {
	float:right;
	width:454px;
}

h1 {
	color:#FFF;
	font-size:85%;
	margin-bottom:35px;
}
*html h1 {
	line-height:1.1em;
}

/*headerSub*/




ul#gNavi :after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
ul#gNavi  { 
	display: inline-block;/*IE7・Mac版IE向け */
	position:absolute;
}
ul#gNavi  { 
	display: block;/*Opera、Safari向け */
}
ul#gNavi li{
	float:left;
	margin-right:1px;
}
ul#gNavi li.end{
	margin-right:0px;
}




#contents{	z-index:0;
	padding:0px 0 14px 0;
	margin-bottom:25px;
}



#contents .inner{
	padding:0px 0 0;
	padding:7px 20px 0px 22px;
}


address {
	color:#FFF;
	text-align:center;
	padding:0 0 25px 0;
}


.textBox {
	padding:0 5px 0 0;
}


.textBox p{
	margin-bottom:10px;
}

.textBox_bottom {
	padding:10px 5px 0 0;
}


.textBox_bottom p{
	margin-bottom:10px;
}


h3 {
	margin-bottom:15px;
}