@charset "utf-8";
@import url(reset.css);
@import url(base.css);

/*-------------------------------------------------------------------
	popup
-------------------------------------------------------------------*/
body {
	color: #333;
	background: url(../image/bg.png);
}
.bg{
	background: #fff;
	padding-bottom:30px;
}

#wrap {
	min-width: 720px;

}
#wrap h1 {
	border-bottom: 2px dotted #7FB5DD;
	padding-bottom: 10px;
	text-align: center;
}
#content {
	width:640px;
	padding:20px 20px 0;
	margin:0 auto;
	font-size:1.2em;
	line-height:1.6;
}
#content h2 {
	background: #E4EFF8 url(../image/h3_bg.jpg) left top repeat-y;
	margin-bottom: 20px;
	padding: 9px 10px 5px 26px;
	color: #00183F;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.2;
}
#content h3{
	border-bottom:#7FB5DD solid 2px;
	margin-bottom: 15px;
	font-size: 1.15em;
	font-weight:bold;
}

#wrap address {
	padding: 17px 0 ;
	text-align: center;
}
#wrap .close {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

#content .menu {
	margin-bottom: 15px;
}
#content .menu table th {
	width: 441px;
	overflow: hidden;
	/zoom: 1;
}
#content .menu table td {
	text-align: left;
	vertical-align:middle;
}
#content .menu table th span {
	display: block;
}
#content .menu table th p,
#content .menu table th dl dt {
	
}
#content .menu table th dl dd {
	font-size:0.85em;
}
#content .menu table th div.image {
	float: left;
	padding: 4px 10px 6px 0;
}
#content .text{
	margin-bottom:8px;
}
#content p.att {
	margin-top: 6px;
	font-size:0.8em;
}
#content p.pageup {
	text-align: right;
	margin: 0 0 30px;
	padding: 0;
}

#menu ul.nav {
	overflow: hidden;
	/zoom: 1;
}
#menu ul.nav li {
	float: left;
	margin: 0 20px 30px 0;
}
#menu ul.nav li.none {
	margin-right: 0;
}

/* table
-------------------------------------------- */
#content table {
	width: 100%;
}
#content table th,
#content table td {
	border: 1px solid #d6d6d6;
	padding: 4px 9px 3px;
	vertical-align: top;
}
#content #menu .menu table th {
	background:#F9F8F2;
	font-weight: normal;
	text-align: left;
}
#content table td {
	background: #fff;
}

/* pagebute
-------------------------------------------- */
#content ul.page {
	clear: both;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1.0;
	overflow: hidden;
	/zoom: 1;
}
#content ul.page li {
	margin: 0 1px;
	display: inline-block;
}
#content ul.page li a.link_page,
#content ul.page li span {
	background: #255F92;		/* color */
	border: 1px solid #255F92;	/* color */
	width:20px;
	padding: 4px 0 2px;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#content ul.page li .current_page,
#content ul.page li a:hover {
	background: none;
	width:20px;
	color: #255F92;				/* color */
	text-decoration: none;
	text-align: center;
}
#content ul.page li a.link_next {
	margin-left: 5px;
}
#content ul.page li a.link_before {
	margin-right: 5px;
}
#content ul.page li a.link_next,
#content ul.page li a.link_before {
	border: none;
	background: none;
	color: #255F92;				/* color */
	text-decoration: underline;
}
#content ul.page li a.link_next:hover,
#content ul.page li a.link_before:hover {
	text-decoration: none;
}

/*-------------------------------------------------------------------
	#coupon
-------------------------------------------------------------------*/

#coupon {
	padding-top:20px;
}

#coupon .coupon {
	border: 1px solid #D6D6D6;
	margin-bottom:30px;
}

#coupon .coupon dl {
	margin:9px 10px 7px;
}
#coupon .coupon dl dt {
	font-size: 1.15em;
	font-weight: bold;
	border-bottom: 2px dotted #79B2DB;
	margin-bottom: 7px;
	line-height:1.4;
}
#coupon .coupon p {
	font-size: 0.85em;
	margin: 0 10px 6px;
}
#coupon .coupon ul {
	border-top: 1px solid #D6D6D6;
	padding: 5px 10px 3px;
}
#coupon .coupon ul li {
	text-align: right;
	font-weight: bold;
}