@charset "UTF-8";

/*
===== CONTENTS ==============================
	1:#wrapper
	2:#header
		#logo
	3:#globalNav
	7:#footer
		#asisstNav
	8:.pageTop
=============================================
*/

/*
===== 1:#wrapper =====
*/
#wrapper {
	margin: 0 auto;
	text-align: center;
	width: 860px;
}
#wrapper div{
    zoom: 1;/*for IE 5.5-7*/
}
#wrapper div:after {/*for modern browser*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    line-height :0; 
    visibility: hidden;
}


/*
===== 2:#header =====
*/
#header {
	height: 42px;
	margin: 0 30px;
	padding: 15px 0;
	width: 800px;
}
* html #header {height: 72px;}

/* #logo */
#header #logo {
	float: left;
	margin: 0;
}

/* #info */
#header #info {
	float: right;
	padding: 6px 0 0;
	width: 294px;
}
#header #info li {
	float: left;
	padding: 0 0 0 2px;
}
#header #info li a {
	display: block;
}

/*
===== 3:#contents =====
*/
#contents {
	margin: 0 30px;
	width: 800px;
}


/*
===== 4:#article =====
*/
#article {
	float: right;
	padding: 0 3px 30px 0;
	width: 610px;
}
* html #article {width: 613px;}

/* sectionH1 */
.sectionH1 {}
.sectionH1 h1 {
	margin: 0 0 27px;
}
.sectionH1 p {
	font-size: 75%;
	margin: 0 0 25px;
}

/* sectionH2 */
.sectionH2 {}
.sectionH2 h2 {
	margin: 0 0 25px;
}
.sectionH2 .btn {
	text-align: center;
}

/* sectionH3 */
.sectionH3 {}
.sectionH3 h3 {
	margin: 0 0 12px;
}

* html .sectionH3.transfer {text-align: center;}
/* tables */
.sectionH3.transfer .tables {
	margin: 0 auto;
	width: 610px;
}

.sectionH3.transfer table {
	border-left: 1px solid #eb6da5;
	border-top: 1px solid #eb6da5;
	margin: 0 0 30px;
	width: 300px;
}
.sectionH3.transfer table.postal {
	float: left;
}
.sectionH3.transfer table.bank {
	float: right;
}
.sectionH3.transfer table caption {
	background-color: #eb6da5;
	color: #FFF;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Helvetica,Meiryo;
	font-size: 110%;
	font-weight: bold;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	width: 301px;
}
* html .sectionH3.transfer table caption {padding: 5px 0 2px;}
.sectionH3.transfer table caption, x:-moz-broken {margin-left: -1px;}/* FF3.0以降 */

.sectionH3.transfer table th,
.sectionH3.transfer table td {
	border-bottom: 1px solid #eb6da5;
	border-right: 1px solid #eb6da5;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Helvetica,Meiryo;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.sectionH3.transfer table.postal td {
	height: 50px;
}
.sectionH3.transfer table.bank td {
	height: 33px;
}

/* sectionH4 */
.sectionH4 {}
.sectionH4 h4 {
	color: #eb6ea5;
	font-size: 75%;
	margin: 0 0 5px;
}
body:first-of-type .material .sectionH3.type03 .sectionH4.txtArea h4 {margin: 0 0 5px -8px;}/* safari */

/*
===== 5:#aside =====
*/
#aside {
	float: left;
	padding: 0 0 30px;
	width: 170px;
}
#aside.sectionH2 {
	border-bottom: none;
	margin: 0;
}
#aside h2 {
	margin: 0 0 5px;
}
#aside ul {
	border-left: 5px solid #eb6fa5;
	margin: 0 0 8px;
}
#aside ul li {
	background: #f2ecec url(../images/aside_libg.gif) repeat-x left top;
	border-bottom: 1px solid #d9d9d7;
	font-size: 75%;
}
#aside ul li a {
	background: url(../images/arrow.gif) no-repeat 5px 9px;
	color: #727171;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Helvetica,Meiryo;
	display: block;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	zoom: 1;
}
#aside ul li a.current,
#aside ul li a:hover {
	background-color: #eb6fa5;
	background-image: url(../images/arrow_on.gif);
	color: #FFF;
}

#aside ul li ul {
	border-left: none;
	margin: 0;
}
#aside ul li ul li {
	background: url(../images/aside_lilibg.gif) no-repeat left top;
	border-bottom: none;
	font-size: 100%;
}
#aside ul li ul li a {
	background-image: none;
	padding: 6px 5px 6px 20px;
}
#aside ul li ul li a.current,
#aside ul li ul li a:hover {
	background-color: #fbdceb;
	background-image: none;
	color: #727171;
}


/*
===== 6:#footer =====
*/
#footer {
	border-top: 1px solid #000;
	margin: 0 auto;
	padding: 15px 0 10px;
	text-align: center;
	width: 800px;
}

/* inner */
#footer .inner {
	width: 800px;
}
/* organizer */
#footer .organizer {
	float: left;
}
#footer .organizer h2 {
	margin: 0 0 5px;
}
#footer .organizer p {
	font-size: 65%;
}

/* #asisstNav */
#footer #asisstNav {
	float: right;
}
#footer #asisstNav li {
	float: left;
	font-size: 75%;
	padding: 0 0 0 10px;
}

#footer address {
	clear: both;
	font-size: 65%;
	text-align: right;
}


/*
===== 7:.pageTop =====
*/
.pageTop {
	text-align: right;
}
.pageTop a {
	color: #595757;
	text-decoration: none;
}

