@charset "utf-8";

/* --------------------------------
	基本レイアウト
	2011/06/02 nz
-------------------------------- */
/* ==========================================================================================================

	 1. 基本レイアウト
 
============================================================================================================*/
html {
}
body {
	background: #fff9e7 url(../img/bg_body.png) repeat-x left top;
	text-align : center;
	color : #523674;
}
#wrapper {
	text-align : left;
	margin: 0 auto;
	width : 972px;
}
#mainContent {
	margin-bottom: 71px;
	padding-top: 30px;
	color: #efefef;
}
#mainContent h1 {
	margin-bottom: 46px;
}
#mainContent ul li,
#footer div.txt p{
	float: left;
}
#footer p.btn{
	padding-bottom: 35px;
}
/*  ------------------------------------------------------------------

	popup

---------------------------------------------------------------------*/
#popup{
	background: #fff9e7 url(../img/bg_popup.png);
}
#popup .content{
	position: relative;
	margin: 0 auto;
	padding-top: 32px;
	width : 972px;
	text-align: left;
	zoom: 1;
}
#popup .content .bg,
#popup .content h1,
#popup .content h2,
#popup .content .contentBody,
#popup .content .close{
	position: absolute;
}
#popup .content h1{
	top: 90px;
	left: 61px;
}
#popup .content h2{
	top: 162px;
	left: 61px;
}
#popup .content .contentBody{
	position: absolute;
	width: 847px;
	top: 210px;
	left: 61px;
}

#popup .content .contentBody .main{
	border-right: 1px solid #bfb4b6;
	float: left;
	width: 430px;
	margin-right: 45px;
}
#popup .content .contentBody .main p.lastChild{
	padding-left: 20px;
}

#popup .content .contentBody .sub{
	width: 360px;
	float: left;
	margin: 0;
}
#popup .content .close{
	top: 62px;
	right: 30px;
}



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

	 other
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	anchor

---------------------------------------------------------------------*/
a {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	text-decoration: underline;
	color: #523674;
}
a:link {
	color: #523674;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a:visited {
	color: #523674;
	text-decoration: underline;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}

a:hover {
	color: #523674;
	text-decoration: none;
}
/*  画像ボタンをhover時に透過させる
-----------------------------------*/
a.popup img{
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
a.alpha:hover img,
a.popup:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
}
/* ==========================================================================================================

	 11. その他要素、疑似クラス
 
============================================================================================================*/

/*  マージン
-----------------------------------*/
.mgn15 {
	margin-bottom: 15px;
}
.mgn20 {
	margin-bottom: 20px;
}
.mgn25 {
	margin-bottom: 25px;
}
.mgn35 {
	margin-bottom: 30px;
}
.mgn50 {
	margin-bottom: 50px;
}

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

	 51. general Classees
 
============================================================================================================*/
.note {
}
.error {
}
.caution {
}
.clear {
	clear: both;
}
/*  コードヒント用
-----------------------------------*/
.swap,
.firstChild,
.lastChild,
.rightChild,
.secondChild,
.thirdChild {
}
/*  免責条項など、2行目以降にスペース
	（例）※これは注意です
	　　　　やめてください！
-----------------------------------*/
.immunity { 
	padding-left: 1em;
	text-indent: -1em;
}




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

	99. clearFix (pkg)

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

/* start clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html .clearfix {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html .clearfix {
	zoom: 1;
}
/* end clearfix */