@charset "shift_jis";
/* CSS Document */


#wrapper {
/*	margin:5px;*/
}
#wrapper-inner {

}
#header {
	height: 85px;
	text-align: left;
	position: relative;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	border-top:2px solid #039;
	border-bottom:1px solid #039;
}
#header-text {
	position:absolute;
	top:5px;
	line-height:1em;
	right:10px;
	text-align:right;
	font-size:12px;
}
#header-text_ {
	position:absolute;
	top:17px;
	line-height:1em;
	right:10px;
	text-align:right;
	font-size:12px;
}
h1 {
	position:absolute;
	left:0px;
	top:0px;
	text-align:left;
	font-size:9px;
}
#main-visual {
	position:relative;
}
#nav {
	background-color: #999;
	padding: 5px;
/*	background-image: url(../images/main-title-bg.jpg);*/
	background-color:#529EF3;
	background-repeat: no-repeat;
	background-position: center center;
}
#nav-inner {

}
#menu {}
#menu li {
	line-height: normal;
	padding: 10px 0;
	margin-bottom: 2px;
	background-image: url(../images/menu-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-bottom:1px solid #039;
}

#menu li a {
	display:block;
	color:#FFF;
	font-weight:bold;
	width:100%;
}


#pagebody {
	padding: 0 5px;
	background-color: #039;
	background-image: url(../images/bg_wall.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#pagebody-inner {
	background-color:#FFF;
	padding:10px;
}
#footer {
	border-top:1px solid #039;
	background-color: #999;
	padding: 20px 10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #026ddf), color-stop(0.00, #c5e0fe));
background: -webkit-linear-gradient(top, #c5e0fe 0%, #026ddf 100%);
background: -moz-linear-gradient(top, #c5e0fe 0%, #026ddf 100%);
background: -o-linear-gradient(top, #c5e0fe 0%, #026ddf 100%);
background: -ms-linear-gradient(top, #c5e0fe 0%, #026ddf 100%);
background: linear-gradient(top, #c5e0fe 0%, #026ddf 100%);

}
#copyright {
	font-size:11px;
}

img.photo01 {
	width:50%;
	height:auto;
	float:left;
	margin:0 10px 10px 0;
}


img.photo02 {
	width:50%;
	height:auto;
	float:right;
	margin:0 0 10px 10px;
}

#logo {
	position:absolute;
	left:5px;
	top:30px;
}
#logo img {
	width:80%;
	height:auto;
}



.tbl01,
.tbl02 {
	margin-bottom:20px;
}

.h2-style01 {
}

.content01 {
	margin-bottom:10px;
}

.h2-style01 {
	padding: 8px 0 10px 0;
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
	background-image: url(../images/h2-style01-bg.png);
	background-repeat: no-repeat;
	background-position: left center;
	color:#FFF;
	padding-left:45px;
}

.h3-style01 {
	text-align: left;
	background-image: url(../images/h3-bg01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:3px;
	padding-left:10px;
	font-size:14px;
	border-bottom:1px dashed #F00;
	margin-bottom:10px;
	border-left:5px solid #F00;
	font-weight:bold;
}

.h3-style02 {
	background-color:#039;
	color:#FFF;
	font-size:14px;
	padding:5px;
	margin-bottom:10px;
}

.h4-style01 {
	text-align: left;
	border-left:5px solid #006;
	padding-left:10px;
	color:#006;
	margin-bottom:5px;
}

.h4-style02 {
	border-bottom:1px solid #F30;
	text-align:left;
	color:#F30;
	margin-bottom:10px;
}

.webfont01 {
	background-image: url(../images/h2-mark.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	padding-top:8px; padding-bottom:8px;
	font-family: 'Roboto Slab', serif;
}

.webfont02 {
	font-family: 'Roboto Slab', serif;
}



.dl-style01 dt,
.dl-style01 dd {
	padding:0px;
	margin:0px;
}

.dl-style01 {
	background-image: url(../images/coupon.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:50% auto;
	border-bottom:1px dashed #CCCCCC;
}

.dl-style01 dt {
	text-align:right;
	padding-top:10px;
	font-size:14px;
	font-weight:bold;
	padding-right:10px;
	text-shadow:1px 1px 1px #FFFFFF;
	margin-bottom:5px;
}

.dl-style01 dd {
	text-align:right;
	font-size:16px;
	color:#F00;
	margin-bottom:10px;
}

.p-style01 {
	text-align:left;
	margin-bottom:20px;
	line-height:1.5em;
}

.menu-title {
	position:absolute;
	top:20%; left:10%;
	z-index:9999;
	font-size:28px;
	color:#3C0606;
	font-weight:bold;
	font-family: 'Roboto Slab', serif;
	text-shadow:#FFF 2px 2px 2px;
}

.totop {
	text-align:right;
	margin-bottom:10px;
}
.totop a {
	background-image: url(../images/totop.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
}

.clear {
	clear:left;
}

.photo-auto {
	width:100%;
	height:auto;
}

.ul-style01 li {
	line-height:1.5em;
	text-align:left;
}

.ol-style01 {
	margin:0px; padding:0px;
	text-align:left;
	margin-left:20px;
}
.ol-style01 li {
	line-height:1.5em;
	list-style-type:decimal;
	margin-bottom:10px;
}

.dl-style02 {
	text-align:left;
}

.dl-style02 dt,
.dl-style02 dd {
	margin:0px; padding:0px;
}

.dl-style02 dt {
	background-image: url(../images/Q.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:10px;
	padding-left:30px;
	color:#FF0000;
	font-size:14px;
	border-bottom:1px dotted #000099;
}
.dl-style02 dd {
	background-image: url(../images/A.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding:10px;
	padding-left:30px;
	font-size:13px;
	margin-bottom:15px;
}

#banner {
	margin-bottom:20px;
}
#banner li {
	margin-bottom:2px;
}


.totop {
	text-align:right;
	margin-bottom:10px;
}
.totop a {
	background-image: url(../images/totop.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:15px;
}