@charset "shift_jis";

/*==================================================
  static page module
==================================================*/
body, div#container {
	background-color: #fbfaf8;
}

#contents {
	font-size: 14px !important;
}

/*--------------------------------------------------
  Box
--------------------------------------------------*/
/* Section */
#contents .sectionFrame {
	margin-top: 35px;
	padding: 20px;
	/*
	border-left: 1px solid #ebe7e2;
	border-right: 1px solid #ebe7e2;
	position: relative;
	*/
	border: 1px solid #ded8d0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
} #contents > .sectionFrame:first-child {
	margin-top: 10px;
} #main-content-inner > .sectionFrame:first-child {
	margin-top: 0;
}
	#contents .sectionFrame :first-child {
		margin-top: 0;
	}

/* Column */
#contents .columnDouble {
	margin-top: 30px;
}
	#contents .columnDouble .box {
		float: left;
		width: 470px;
	} #contents .sectionFrame .columnDouble .box {
		width: 449px;
	} #contents .columnDouble .box:first-child {
		margin-right: 30px;
	}
		#contents .columnDouble .box :first-child {
			margin-top: 0;
		}

#contents .columnTriple {
	margin-top: 30px;
}
	#contents .columnTriple .box {
		margin-right: 29px;
		float: left;
		width: 304px;
	} #contents .sectionFrame .columnTriple .box {
		margin-right: 32px;
		width: 288px;
	} #contents .columnTriple .box:last-child {
		margin-right: 0;
	}
		#contents .columnTriple .box :first-child {
			margin-top: 0;
		}

#contents .columnQuadruple {
	margin-top: 30px;
}
	#contents .columnQuadruple .box {
		margin-right: 30px;
		float: left;
		width: 220px;
	} #contents .sectionFrame .columnQuadruple .box {
		margin-right: 32px;
		width: 208px;
	} #contents .columnQuadruple .box:last-child {
		margin-right: 0;
	}
		#contents .columnQuadruple .box :first-child {
			margin-top: 0;
		}

/* Box */
#contents .boxImage {
	margin-top: 20px;
	text-align :center;	
}
#contents .boxImage + * {
	margin-top: 30px !important;
}

#contents .boxBillboard {
	position: relative;
	width: 970px;
	height: 230px;
}
	#contents .boxBillboard h1 {}
	#contents .boxBillboard p {
		margin: 0;
		position: absolute;
		bottom: 20px;
		width: 100%;
		height: auto;
		text-align: center;
	}

#contents .boxSocial {
	margin: 10px 0 30px 0;
	padding: 20px 20px 15px 20px;
	background: #f4f0ea;
	text-align: center;
}
	#contents .boxSocial ul {
		margin: 0 auto;
		width: 470px;
		text-align: left;
	}
		#contents .boxSocial ul li {
			float: left;
		} #contents .boxSocial ul li.twitter {
			width: 120px;
		} #contents .boxSocial ul li.mixi {
			width: 100px;
		} #contents .boxSocial ul li.facebook {
			width: 180px;
		} #contents .boxSocial ul li.google {
			width: 70px;
		}

/*--------------------------------------------------
  Heading
--------------------------------------------------*/
#contents .headline {
	padding-bottom: 10px;
	border-bottom: 2px solid #c0b49d;
	line-height: 1.4;
	font-size: 18px;
}

#contents .crosshead {
	margin-top: 30px;
	padding: 10px 15px;
	line-height: 1.4;
	font-size: 14px;
	background: #dbcdbd;
} #contents .headline + .crosshead {
	margin-top: 15px;
}

#contents .subheading {
	margin-top: 30px;
	line-height: 1.4;
	font-size: 16px;
} #contents .crosshead + .subheading {
	margin-top: 20px;
}
	#contents .subheading h3 {
		font-weight: bold;
	}

/*--------------------------------------------------
  Text
--------------------------------------------------*/
#contents p {
	margin-top: 15px;
	line-height: 1.6;
} #contents .ttl_h1 + p {
	margin-top: 20px;
}
#contents ul + p, #contents ol + p {
	margin-top: 20px;
}
#contents table + p {
	margin-top: 30px;
}

#contents p.time {
	text-align: right;
	color: #aba59f;
} #contents .headline + p.time {
	margin: 10px;
}

/*--------------------------------------------------
  Image
--------------------------------------------------*/

/*--------------------------------------------------
  List
--------------------------------------------------*/
#contents ul.disc {
	margin: 20px 0 0 30px;
	list-style: disc;
	line-height: 1.4;
}

#contents ol.decimal {
	margin: 20px 0 0 30px;
	list-style: decimal;
	line-height: 1.4;
}

/*--------------------------------------------------
  Table
--------------------------------------------------*/
#contents table.defult {
	margin-top: 30px;
	border-top: 1px solid #eae9e7;
	border-right: none;
	border-bottom: 1px solid #eae9e7;
	border-left: 1px solid #eae9e7;
	border-collapse: collapse;
}
	#contents table.defult tbody tr.even {
		background: #faf9f7;
	}
		#contents table.defult thead th {
			padding: 5px 15px;
			border-top: none;
			border-right: 1px solid #eae9e7;
			border-bottom: none;
			border-left: none;
			border-collapse: collapse;
			color: #fff;
			background: #928e88;
			text-align: center;
		}
		#contents table.defult tbody th {
			padding: 15px;
			border-top: none;
			border-right: 1px solid #eae9e7;
			border-bottom: none;
			border-left: none;
			border-collapse: collapse;
			background: #eae9e7;
		}
		#contents table.defult tbody td {
			padding: 15px;
			border-top: none;
			border-right: 1px solid #eae9e7;
			border-bottom: none;
			border-left: none;
			border-collapse: collapse;
		}
		
/*--------------------------------------------------
  Popup
--------------------------------------------------*/
.popup .h_inner { 
	height: 65px;
}
.popup .f_info {
	padding: 10px 0 10px;
}
.popup .pankuzu_link,
.popup .h_info,
.popup .h_member_area,
.popup .f_pagetop,
.popup .footer_menu_1,
.popup .footer_menu_2,
.popup .footer_menu_3 {
	display: none;
}


/*--------------------------------------------------
  ★古い書き方
  ⇒近い将来に除去しますので新しい記述を使ってください
--------------------------------------------------*/
#contents .box-sectionn {
	margin-top: 35px;
	padding: 20px;
	border-left: 1px solid #ebe7e2;
	border-right: 1px solid #ebe7e2;
	position: relative;
	background: #fff;
} #contents > .box-sectionn:first-child {
	margin-top: 15px;
}
	#contents .box-sectionn:before {
		position: absolute;
		top: -5px;
		left: 0;
		width: 100%;
		height: 5px;
		content: "";
	} #contents.full-contents .box-sectionn:before {
		background: url(../gif/roundboxll_top.gif) no-repeat left top;
	}
	#contents .box-sectionn:after {
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		height: 5px;
		content: "";
	} #contents.full-contents .box-sectionn:after {
		background: url(../gif/roundboxll_bottom.gif) no-repeat left top;
	}

#contents .box-image {
	margin-top: 20px;
	text-align :center;	
}
	#contents .box-image + * {
		margin-top: 30px !important;
	}

#contents .ttl_h1 {
	padding-bottom: 10px;
	border-bottom: 2px solid #c0b49d;
	line-height: 1.4;
	font-size: 18px;
}

#contents .ttl_h2 {
	margin-top: 30px;
	padding: 10px 15px;
	line-height: 1.4;
	font-size: 14px;
	background: #dbcdbd;
} #contents .ttl_h1 + .ttl_h2 {
	margin-top: 15px;
}

#contents .ttl_h3 {
	margin-top: 30px;
	line-height: 1.4;
	font-size: 16px;
} #contents .ttl_h2 + .ttl_h3 {
	margin-top: 20px;
}
	#contents .ttl_h3 h3 {
		font-weight: bold;
	}

#contents .ttl_h1 + p {
	margin-top: 20px;
}

#contents .ttl_h1 + p.time {
	margin: 10px;
}