/******************************

	全体の設定

******************************/

/******************************
	色の設定

	クリーム：	#f6efe5
	ルージュ：	#c85576
	ピンク：		#fdb7d3
	薄ピンク：	#ffd7ee

@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
}

******************************/

@charset "utf-8";
* {
  font-family:"Century","ヒラギノ明朝 Pro W3","MS P明朝",Serif;
}

html{
	min-height: 100%;
  	position: relative;
}

body {
	width:100%;
	height:100%;
  	background: #fff;
	color: #999;
	font-size: 1em;
	font-weight:normal;
	-webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	margin: 0px auto 1em;
	padding: 0px;
}

h1 {
	font-size: 150%;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 120%;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 120%;
	margin: 0;
	padding: 0;
}

h4 {
}

h5 {
	margin: 5px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
}

p {
	font-size: 90%;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}

hr {
    border: 0px;
    height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    border-top: 1px solid rgba(190, 190, 190, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 1);
}

a:link {
	color: #e16630;
	text-decoration: none;
}

a:visited {
	color: #e16630;
	text-decoration: none;
}
a:hover {
	color: #484848;
	text-decoration: none;
}
a:active {
	color: #484848;
	text-decoration: none;
}

img {
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

a img {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

/******************************

	header部分

******************************/

#bodyWrapper{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
}

#wrapper{
	padding-bottom:15em;

}

#wrapperHeader{
	width:100%;
	max-width: 1280px;
    height: 100%;
    min-height: 100%;
   	background: #FFF;
	overflow: hidden;
	position: relative;
	margin:0 auto;
	padding:0;
}

#header {
	width: 80%;
	margin: 0px auto;
	position: relative;
}

#header a { color: #efefef; }

#title{	
	width:100%;
	margin: 0px;
	padding: 0px;
	display:inline;
	float: left; 
}

#wrapperTitleLogo{
	width:50%;
	height:auto;
	margin: 0px;
	padding: 0px;
	float: left;
}

#wrapperTitleInfo{
	width:50%;
	height:auto;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	text-align: right;
}

.fbDummy{
	width:180px;
	height:20px;
	margin: 0px;
	padding: 0px;
	background: #f6e8e5;
	display:none;
	margin-left: auto;}


#titleLogo{
	width:80%;
	height:auto;
	margin: 0px;
	padding: 0px;
}
#titleInfo{
	width:75%;
	height:auto;
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
#menuBox{
	width: 100%;
	height:auto;
	margin: 0;
	padding: 0;
	clear:both;
} 

#menu{
	width: 100%;
	height:auto;
	margin: 0 auto;
	padding: 0;
}
#menu li{
	display: block;
	float: left;
	width:14.28%;
	margin: 0;
	padding: 0;
	 }
#menu li a{
	display: block;
	margin: 0;
	padding: 0;
	font-size:0;
}
#menu li a:hover{
	background: #fff;
	margin: 0;
}
.menuListBtnImg{
	width:100%;
	margin: 0px;
	padding: 0px;
}

#toggle{ 
	display: none;
}

@media only screen and (max-width: 768px) {
	#header {
		width: 	100%;
		margin: 0px auto;
		position: relative;
	}
}
@media only screen and (max-width: 480px) {
	#header {
		width: 	100%;
		margin: 0px auto;
		position: relative;
	}
	#titleLogo{
		width:100%;
		height:auto;
		margin: 0px;
		padding: 0px;
	}
	#titleInfo{
		width:80%;
		height:auto;
		margin: 0px;
		padding: 0px;
	}
	#menu{
		display: none;
	}
	#menu li{
		width: 100%;
	}
	#menu li a{
		display: block;
		margin: 0;
		padding: 12px 0 10px;
		font-size:100%;
		background: #f6efe5;
		color: #888;
		text-align: center;
		text-decoration: none;
		border-bottom: 1px solid #ffd7ee;
	}
	#menu li a:hover{
		background: #f6e8e5;
		margin: 0;
	}
	#toggle{
		display: block;
		position: relative;
		width: 100%;
		background: #c85576;
	}	
	#toggle a{
		display: block;
		position: relative;
		padding: 12px 0 10px;
		border-bottom: 1px solid #a62348;
		color: #fff;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before{
		display: block;
		content: "";
		position: absolute;	
		top: 50%;
		left: 10px;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		background: #fff;
	}
	#toggle a:before, #toggle a:after{
		display: block;
		content: "";
	    position: absolute;
	    top: 50%;
	    left: 10px;
	    width: 20px;
	    height: 4px;
    	background: #c85576;
	}
	#toggle a:before{
	    margin-top: -6px;
	  }
 	 #toggle a:after{
 	   margin-top: 2px;
 	 }

	.menuListBtnImg{
		display:none;
	}
}
.topSlider{
	width:100%;
	margin: 0px;
	padding: 0px;

}



/******************************

	コンテンツ部分

******************************/
#wrapperContents {  
	width: 100%;  
	max-width: 1024px;
	height:100%;
	margin: 1em auto 1em;
	position: relative;
	background: #fff;
}  

#contents {  
	width: 100%;
	height:100%;
	margin:1em  auto 10em;
	overflow: hidden;
}  
#breadcrumbs {	
	width:80%;
	height:100%;
	margin: 0px auto;
	padding: 0px;
	position: relative;
	display:block;
}

#breadcrumbs ul{
	width:100%;
}

#breadcrumbs li{
	height:auto;
	display: inline-block;
	position: relative;
}

.lineImg{
	display:block;
	width:100%;
	max-width:960px;
	height:auto;
	margin:0 auto;
}
@media only screen and (max-width: 768px) {
	#breadcrumbs {	
		width:100%;
		height:100%;
		margin: 0px auto;	
		padding: 0px;
		position: relative;
		display:block;
	}
}
@media only screen and (max-width: 480px) {
	#breadcrumbs {	
		width:100%;
		height:100%;
		margin: 0px auto;	
		padding: 0px;
		position: relative;
		display:block;
	}
	#contents {  
		width: 100%;
		height:100%;
		margin:1em  auto 3em;
		overflow: hidden;
	}  
}



/******** index ********/
#wrapperTopSlider {  
	width: 80%;  
	max-width: 1024px;
	height:auto;
	margin: 0 auto;
	position: relative;
	background: #fff;
}  

.introWrapper{
	width: 80%;
	margin:0 auto;
	position: relative;
}

.intro {
	margin: 20px auto 30px;
	width: 90%;
	text-align: center;
	font-size:90%;
	line-height: 220%;
}
@media only screen and (max-width: 768px) {
	#wrapperTopSlider {  
		width: 100%;  
		max-width: 1024px;
		height:auto;
		margin: 0 auto;
		position: relative;
		background: #fff;
	}  
	.intro {
	margin: 10px auto 20px;
	width: 90%;
	text-align: center;
	font-size:80%;
	line-height: 220%;
	}
}
@media only screen and (max-width: 480px) {
	#wrapperTopSlider {  
		width: 100%;  
		max-width: 1024px;
		height:auto;
		margin: 0 auto;
		position: relative;
		background: #fff;
	}  
	.intro {
	margin: 10px auto 20px;
	width: 90%;
	text-align: center;
	font-size:80%;
	line-height: 150%;
	}
}




/******** admission ********/
.admissionWrapper{
	width: 80%;
	height:100%;
	margin:0 auto;
	position: relative;
}

.admission {
	margin: 20px auto 30px;
	width: 100%;
	height:100%;
	font-size:90%;
	text-align: left;
	position: relative;
}

.admission h3{
	font-size:220%;
	color: #666;
	font-weight:bold;
	text-align: center;
	margin:0 auto 10px;
}

.admission h4{
	font-size:170%;
	color:#888;
	margin:0 0 15px;
}

.admission p{
	line-height:200%;
	margin:0 0 0px;
}
.admission .wrapperColumn{
	width:100%;
	height:100%;
	position: relative;
	margin:0 0 0;
}

.admission .columnL{
	float: left;
	width: 27.5%;
	height:100%;
	position: relative;
}
.admission .columnR{
	float: right;
    width: 72.5%;
	height:100%;
   	position: relative;
}
.admission .columnRL{
	float: left;
    width: 40%;
	height:100%;
    display:block;	
   	position: relative;
}
.admission .columnRR{
	float: right;
    width: 60%;
   	height:100%;
    height:auto;    
    display:block;
   	position: relative;
}


.admission .admissionDesc{
	margin:0px 10px 50px 10px;
}

.wrapperAdmissionDescBox{
	margin:0px 0px 0px 0px;
	border:1px solid #000;
}

.wrapperAdmissionDescBox{
	width:90%;
	margin:10px 0px 0px 0px;
	border:1px solid #c85576;
}
.wrapperAdmissionDescBox li{
	list-style-type:disc;
}

.wrapperAdmissionDescBox h5{
	margin:0px;
	padding:5px 0;
	text-align: center;
	color:#fff;
	background-color: #c85576;
}
.wrapperAdmissionDescBox p{
	margin:0px;
	font-size:80%;
}

.admissionDescBox{
	margin:0 0 0 20px;
	padding:10px;
}

.admissionImg{
	display:block;
	width:90%;
}

.admissionStepImg{
	display:block;
	width:35%;
	margin:0 auto;
	text-align: center;
}

.contentDummy{
	color:#fff;
	width:100%;
}

.centerLine {
	border-left: #aaa solid 3px;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 19.5%;
	width: 40%;
}

@media only screen and (max-width: 768px) {
	.admission .columnRL{
		float: left;
   		width: 20%;
		height:100%;
}
	.admission .columnRR{
		float: right;
    	width: 80%;
   		height:100%;
    	height:auto;    
	}
	.admissionStepImg{
		width:100%;
		margin:0 auto;
		text-align: center;
	}
	.centerLine {
		border-left: #aaa solid 3px;
		position: absolute;
		top: 0%;
		bottom: 0%;
		left: 9.8%;
		width: 10%;
}
}
@media only screen and (max-width: 480px) {
	.admissionWrapper{
		width: 100%;
		height:100%;
		margin:0 auto;
	}
	.admission h3{
		max-width: 90%;
		font-size:200%;
	}
	.admission h6{
		max-width: 90%
	}

	.admission .columnL{
		display:none;
	}
	.admission .columnR{
		float: right;
    	width: 100%;
		height:100%;
	}
	.admission .columnRL{
		float: left;
 	   width: 20%;
		height:100%;
	}
	.admission .columnRR{	
		float: right;	
	    width: 80%;
 	  	height:100%;
	    height:auto;    
	}
}


/******** fee ********/
.feeWrapper{
	width: 80%;
	height:100%;
	margin:0 auto;
	position: relative;
}

.fee {
	margin: 20px auto 30px;
	width: 100%;
	height:100%;
	font-size:90%;
	text-align: left;
	position: relative;
}

.fee h3{
	font-size:220%;
	color: #666;
	font-weight:bold;
	text-align: center;
	margin:0 auto 10px;
}

.fee h4{
	font-size:170%;
	color:#888;
	margin:0 0 15px;
}

.fee h6{
	font-size:100%;
	color:#888;
	margin:0 auto 15px;
}

.fee p{
	font-size:100%;
	line-height:240%;
	color:#888;
	margin:0 0 15px;
}
.fee .wrapperColumn{
	width:100%;
	height:100%;
	position: relative;
	margin:0 0 0;
}

.fee .columnL{
	float: left;
	width: 27.5%;
	height:100%;
	position: relative;
}
.fee .columnR{
	float: right;
    width: 72.5%;
	height:100%;
   	position: relative;
}


#feeTable{
	width: 100%;
	text-align:center;
	color:#666;
	border-collapse: collapse;
	margin:50px auto 0 ;
}
#feeTable td,
#feeTable th{
	padding: 15px 0px;
	border: 1px solid #c85576;
}
#feeTable th{
	font-weight: bold;
	text-align:center;
}
#feeTable thead th{
	width:16.6%;
	color:#fff;
	background:#deaaac;
}

@media only screen and (max-width: 480px) {
	#feeTable{
		width:95%;
		display: block;
		margin:10px auto 0;
		text-align:left;
	}
		#feeTable thead{
			display: none;
		}
		#feeTable tbody{
			display: block;
		}
			#feeTable tbody tr{
				display: block;
				border: 1px solid #c85576;
				padding-bottom:1em;
				margin-bottom: 1.5em;
			}
			#feeTable tbody th,
			#feeTable tbody td{
				display: list-item;
				list-style-type: none;
				border: none;
			}
			#feeTable tbody th{
				margin-bottom: 5px;
				list-style-type: none;
				font-size:130%;
				color: #666;
				background: #fff;
				border-bottom: 1px solid #c85576;
			}
			#feeTable tbody td{
				text-align: center;
				margin-left: 0px;
				padding: 0;
			}
			#feeTable tbody td:nth-of-type(1):before { content: "入会金： "; }
			#feeTable tbody td:nth-of-type(2):before { content: "登録料： "; }
			#feeTable tbody td:nth-of-type(3):before { content: "月会費： "; }
			#feeTable tbody td:nth-of-type(4):before { content: "お見合い料： "; }
			#feeTable tbody td:nth-of-type(5):before { content: "成婚料： "; }
}

@media only screen and (max-width: 768px) {
	.feeDots{
		display:none;
	}
}
@media only screen and (max-width: 480px) {
	.feeWrapper{
		width: 100%;
		height:100%;
		margin:0 auto;
	}
	.fee h3{
		max-width: 90%;
		font-size:200%;
	}
	.fee h4{
		font-size:130%;
		line-height:180%;
		margin:0 0 15px;
	}
	.fee h6{
		max-width: 90%
	}
}

/******** introduction ********/
.introductionWrapper{
	width: 80%;
	height:100%;
	margin:0 auto;
	position: relative;
}

.introduction {
	margin: 20px auto 30px;
	width: 100%;
	height:100%;
	font-size:90%;
	text-align: left;
	position: relative;
}

.introduction h3{
	font-size:160%;
	color: #666;
	font-weight:bold;
	text-align: center;
	margin:0 auto 10px;
}

.introduction h4{
	font-size:170%;
	color:#888;
	margin:0 0 15px;
}

.introduction h6{
	font-size:100%;
	color:#888;
	margin:0 0 15px;
}

.introduction p{
	font-size:90%;
	line-height:260%;
	color:#888;
	margin:0 0 0;
}


.introductionWrapper{
	width: 80%;
	height:100%;
	margin:0 auto;
	position: relative;
}

.introduction {
	margin: 20px auto 30px;
	width: 100%;
	height:100%;
	font-size:90%;
	text-align: left;
	position: relative;
}

.introduction h3{
	font-size:160%;
	color: #666;
	font-weight:bold;
	text-align: center;
	margin:0 auto 10px;
}

.introduction h4{
	font-size:170%;
	color:#888;
	margin:0 0 15px;
}

.introduction h6{
	font-size:100%;
	color:#888;
	margin:0 0 15px;
}

.introduction p{
	font-size:90%;
	line-height:260%;
	color:#888;
	margin:0 0 0;
}
.introduction .wrapperColumn{
	width:100%;
	height:100%;
	position: relative;
	margin:0 0 0;
}
.introduction .columnL{
	float: left;
	width: 35%;
	height:100%;
	position: relative;
}
.introduction .columnR{
	float: right;
    width: 65%;
	height:100%;
   	position: relative;
}

.introductionImg_01 {
	display:block;
	width:20%;
	height:auto;
	margin: 0px;
	padding: 0px;
	margin-left: auto;
	text-align: right;
}
.introductionImg_02 {
	display:block;
	width:80%;
	height:auto;
	margin: 0px;
	padding: 0px;
}
.introductionImg_03 {
	display:none;
}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 480px) {
	.introductionWrapper{
		width: 100%;
		height:100%;
		margin:0 auto;
	}

	.introduction p{
		font-size:90%;
		line-height:150%;
		color:#888;
		margin:0.75em 0;
	}
	.introduction .columnL{
		float: left;
		width: 100%;
		height:100%;
		position: relative;
	}
	.introduction .columnR{
		float: right;
   		width: 100%;
		height:100%;
   		position: relative;
	}
	.introductionImg_02 {
		display:none;
	}
	.introductionImg_03 {
		display:block;
		width:40%;
		height:auto;
		margin: 0px auto 40px;
		padding: 0px;
	}
}


/******** information ********/
.informationWrapper{
	width: 80%;
	height:100%;
	margin:0 auto;
	position: relative;
}

.information {
	margin: 20px auto 30px;
	width: 100%;
	height:100%;
	font-size:90%;
	text-align: left;
	position: relative;
}

.information h3{
	font-size:220%;
	color: #666;
	font-weight:bold;
	text-align: center;
	margin:0 auto 10px;
}

.information h4{
	font-size:170%;
	color:#888;
	margin:0 0 15px;
}

.information h6{
	font-size:100%;
	color:#888;
	margin:0 auto 15px;
}

.information p{
	font-size:100%;
	line-height:240%;
	color:#888;
	margin:0 0 15px;
}

#informationTable{
	width: 100%;
	text-align:left;
	font-size:110%;
	color:#666;
	border-collapse: separate;
	border-spacing: 0px 3em;
	margin:30px auto 0 ;
}
#informationTable td,
#informationTable th{
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #666;
}
#informationTable th{
	font-weight: bold;
	border-left: 7px solid #666;
	border-bottom: 1px solid #666;
}

@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
	.informationWrapper{
		width: 100%;
		height:100%;
		margin:0% auto;
	}
}



/******** contact ********/
.contactWrapper{
	width: 80%;
	height:100%;
	margin:0 auto;
	position: relative;
}

.contact {
	margin: 20px auto 30px;
	width: 100%;
	height:100%;
	font-size:90%;
	text-align: left;
	position: relative;
}

.contact h3{
	font-size:160%;
	color: #666;
	font-weight:bold;
	text-align: center;
	margin:10px auto 10px;
}

.contact h4{
	font-size:170%;
	color:#888;
	margin:0 0 15px;
}

.contact h6{
	font-size:100%;
	color:#888;
	margin:0 auto 15px;
}

.contact p{
	font-size:100%;
	line-height:240%;
	color:#888;
	margin:0 0 15px;
}

#contactTable{
	width: 100%;
	text-align:left;
	font-size:110%;
	color:#666;
	border-collapse: separate;
	border-spacing: 0px 3em;
	margin:0 auto 0 ;
}
#contactTable td,
#contactTable th{
	padding: 10px 10px 10px 20px;
	border-bottom: 1px solid #666;
}
#contactTable th{
	font-weight: bold;
	border-left: 7px solid #666;
	border-bottom: 1px solid #666;
	width:20%;
}

.button, input[type="submit"], input[type="reset"], button {
	background: #c85576;
	border: 2px solid #931c3e;
	color: #fff;
	cursor: pointer;	
	height: auto;
	overflow: visible;
	padding: 10px 20px;
	width: 200px;
	display:block;
	margin-left:auto;
	margin-right:17%;
}

label {
	cursor: pointer;
	display: block;
	margin: 0;
}

input, textarea, select {
	-webkit-appearance: none; /* Fix for Mobile Safari */
	border: 1px solid #666;
	color: #999;
	padding: 5px 10px;
	border-radius: 0;
}

input, select {
	height: 1.5em;
	width: 60%;
}

textarea {
	padding: 10px;
	width: 80%;
}
	
input:hover, textarea:hover, select:hover { border-color: #c85576; }
	
input:focus, textarea:focus, select:focus { outline-color: #c85576; }



@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
	.contactWrapper{
		width: 100%;
		height:100%;
		margin:0 auto;
	}
	label {
		display: block;
		margin: 0 0 0 6%;
	}	
	input, select {
		display: block;
		margin: 0 0 0 6%;
	}

	textarea {
		display: block;
		margin: 0 6%;
	}

	.button, input[type="submit"], input[type="reset"], button {
		margin-left:auto;
		margin-right:auto;
	}

}


/******** access ********/
.accessWrapper{
	width: 80%;
	height:100%;
	margin:0 auto;
	position: relative;
}

.access {
	margin: 20px auto 30px;
	width: 100%;
	height:100%;
	font-size:90%;
	text-align: left;
	position: relative;
}

.access h3{
	font-size:220%;
	color: #666;
	font-weight:bold;
	text-align: center;
	margin:0 auto 10px;
}

.access h4{
	font-size:170%;
	color:#666;
	margin:0 0 15px;
}
.access h5{
	font-size:100%;
	color:#666;
	margin:15px auto 5px;
}
.access h6{
	font-size:100%;
	color:#666;
	margin:70px auto 5px;
}

.access p{
	font-size:100%;
	line-height:140%;
	color:#666;
	margin:0 0 0px;
}
.access .wrapperColumn{
	width:100%;
	height:100%;
	position: relative;
	margin:0 0 0;
}
.access .columnL{
	float: left;
	width: 50%;
	height:100%;
	position: relative;
}
.access .columnR{
	float: right;
    width: 47%;
    margin-left: 3%;
	height:100%;
   	position: relative;
}
.accessMap {
	position: relative;
	padding-bottom: 50%;
	padding-top: 150px;
	height: 0;
	overflow: hidden;
}
 
.accessMap iframe,
.accessMap object,
.accessMap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.accessImg_01 {
	display:block;
	width:100%;
	height:auto;
	margin: 0 auto;
	padding: 0px;
}


@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
	.accessWrapper{
		width: 100%;
		height:100%;
		margin:0 auto;
	}
	.access .columnL{
		float: left;
		width: 90%;
		margin:0 5%;
		height:100%;
		position: relative;
	}
	.access .columnR{
		float: right;
   		width: 100%;
		height:100%;
   		position: relative;
	}
}

/******** privacyPolicy ********/
.privacyPolicyWrapper{
	width: 80%;
	height:100%;
	margin:0 auto;
	position: relative;
}

.privacyPolicy {
	margin: 20px auto 30px;
	width: 100%;
	height:100%;
	text-align: left;
	position: relative;
}
.privacyPolicyDesc {
	width: 95%;
	height:100%;
	margin: 20px auto 30px;
	padding:50px 2.5%;
	font-size:90%;
	text-align: left;
	position: relative;
	border:1px solid #c85576;
}

.privacyPolicy h3{
	font-size:220%;
	color: #666;
	font-weight:bold;
	text-align: center;
	margin:0 auto 10px;
}

.privacyPolicy h4{
	font-size:170%;
	color:#888;
	margin:0 0 15px;
}

.privacyPolicy h6{
	font-size:100%;
	color:#888;
	margin:0 auto 15px;
}

.privacyPolicy p{
	font-size:90%;
	line-height:130%;
	color:#888;
	margin:0 0 15px;
}


@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 480px) {
	.informationWrapper{
		width: 100%;
		height:100%;
		margin:0% auto;
	}
}








/******************************

	footer部分

*****************************/

#wrapperFooter {  
	width: 100%;
	height:15em;
	background: #f6efe5;  
	position: absolute;
	bottom: 0;
}  

#footer {
	width: 80%;
	max-width: 1024px;
	margin: 1em auto 0em;
	text-align: center;
	position: relative;
}

#footer h5{
	font-size:80%;
	display:block;
	margin:6em auto 0em;
}

#footer p{
	font-size:70%;
}

#footerMenu{	
	width:100%;
	margin: 0px;
	padding: 0px;
	position: relative;
	clear:both;
	display:inline;
}

#footerMenu ul{
	width:100%;
}

#footerMenu li{
	height:auto;
	display: inline-block;
	position: relative;
}

#foonterMenu p{
	font-size:90%;
	width:100%;
	color:#000;
	display:block;
}


#footer a:link { color: #8a8a8a; }
#footer a:visited { color: #8a8a8a; }
#footer a:hover { color: #acacac; }
#footer a:active { color: #acacac; }






/******************************

	パーツ

******************************/


.clearfix { zoom: 1; }
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.dn{ display:none; }

.center { margin: 0 auto!important;}

.txtC { text-align: center;}
.txtL { text-align: left;}
.txtR { text-align: right;}
.txtB { font-weight:bold;}


.m0    { margin: 0px !important; }
.m5    { margin: 5px !important; }
.m10   { margin: 10px !important; }
.m15   { margin: 15px !important; }
.m20   { margin: 20px !important; }
.ml0   { margin-left: 0px !important; }
.ml5   { margin-left: 5px !important; }
.ml10  { margin-left: 10px !important; }
.ml15  { margin-left: 15px !important; }
.ml20  { margin-left: 20px !important; }
.mr0   { margin-right: 0px !important; }
.mr5   { margin-right: 5px !important; }
.mr10  { margin-right: 10px !important; }
.mr15  { margin-right: 15px !important; }
.mr20  { margin-right: 20px !important; }
.mt0   { margin-top: 0px !important; }
.mt5   { margin-top: 5px !important; }
.mt10  { margin-top: 10px !important; }
.mt15  { margin-top: 15px !important; }
.mt20  { margin-top: 20px !important; }
.mt30  { margin-top: 30px !important; }
.mt40  { margin-top: 40px !important; }
.mt50  { margin-top: 50px !important; }
.mb0   { margin-bottom: 0px !important; }
.mb5   { margin-bottom: 5px !important; }
.mb10  { margin-bottom: 10px !important; }
.mb15  { margin-bottom: 15px !important; }
.mb20  { margin-bottom: 20px !important; }
.mb30  { margin-bottom: 30px !important; }
.mb40  { margin-bottom: 40px !important; }
.mb50  { margin-bottom: 50px !important; }
.mtb5 { margin: 5px 0px 5px 0px; }
.mtb10 { margin: 10px 0px 10px 0px; }
.mtb15 { margin: 15px 0px 15px 0px; }
.mtb20 { margin: 20px 0px 20px 0px; }
.mlr5 { margin: 0px 5px 0px 5px; }
.mlr10 { margin: 0px 10px 0px 10px; }
.mlr15 { margin: 0px 15px 0px 15px; }
.mlr20 { margin: 0px 20px 0px 20px; }

.rouge { color:#ab5474; }
.purple { color:#3b1663; }
.khaki { color:#7d6622; }