@charset 'utf-8';

@import "reset.css";

/* body
-------------------------------------------------- */

body {
	padding: 0px;
	margin: 0px;
	font-size: 75%;
	line-height: 1.6;
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	background: #ffffff;
	background:url(../images/footer-bg.gif) repeat-x 0 bottom;
}

#wrapper {
	width: 802px;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
}

/* link
-------------------------------------------------- */

a {
	outline-style: none;
}

/* keyvisual
-------------------------------------------------- */

#mainvisual {
	width: 800px;
	height: 403px;
	padding: 0px;
	margin: 0 0 3px 0;
	position: relative;
	background: url(../images/main_visual_bg.jpg) left top no-repeat;
}

#mainvisual h1 {
	width: 126px;
	height: 58px;
	position: absolute;
	top: 6px;
	right: 11px;
}

#mainvisual h2 {
	width: 535px;
	height: 62px;
	position: absolute;
	top: 20px;
	left: 11px;
}

#mainvisual h3 {
	width: 535px;
	height: 36px;
	position: absolute;
	top: 93px;
	left: 11px;
}

#mainvisual p.date {
	width: 247px;
	height: 25px;
	position: absolute;
	top: 127px;
	left: 11px;
}

#mainvisual p.hall {
	width: 207px;
	height: 19px;
	position: absolute;
	top: 155px;
	left: 11px;
}

#mainvisual h3.read_title {
	width: 402px;
	height: 39px;
	position: absolute;
	top: 197px;
	left: 1px;
}

#mainvisual p.read_txt {
	width: 532px;
	height: 132px;
	position: absolute;
	top: 242px;
	left: 12px;
}

#mainvisual h3.icon {
	width: 234px;
	height: 219px;
	position: absolute;
	top: 84px;
	left: 549px;
}

#appli_btn {
    width:238px;
    height:54px;
	position: absolute;
	top: 318px;
	left: 548px;
}

#appli_btn a{
    display:block;
    width:238px;
    height:54px;
    text-indent:-1000px;
    overflow:hidden;
	background:url(../images/appli_btn.jpg) no-repeat;
}

#appli_btn a:hover{
    background-position:0px -54px;
}

/* bodyArea
-------------------------------------------------- */

#bodyArea {
	width: 800px;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	background-color:#f5f6f9;
}

/* contents-1
-------------------------------------------------- */

#contents-1 {
    width:800px;
	margin:0 0 27px 0;
}

#contents-1 h2 {
    width:800px;
	margin:0;
	padding:0;
}

*+html #contents-1 h2 {
    width:800px;
	margin:0 0 5px;
	padding:0;
}

* html #contents-1 h2 {
    width:800px;
	margin:0 0 5px;
	padding:0;
}

#contents-1 ul {
    width:800px;
	margin:0 auto;
	padding:0;
}

#contents-1 li {
    margin:0 0 5px 0;
	padding:0;
	float:left;
}

#contents-1 p {
	margin-bottom: 5px;
	color:#384464;
}

#contents-1 div.column	{
	width: 780px;
	background: url(../images/column_bot.gif) no-repeat bottom;
	margin:0px auto ;
	clear:both;
}

*+html #contents-1 div.column	{
	width: 780px;
	background: url(../images/column_bot.gif) no-repeat bottom;
	margin:9px auto 0;
	clear:both;
}

#contents-1 div.column .inner	{
	background: url(../images/column_top.gif) no-repeat;
	padding: 15px 13px 8px;
}
 
/* contents-2
-------------------------------------------------- */

#contents-2 {
    width:800px;
	margin:0 0 27px 0;
}

*+html #contents-2 h2 {
    width:800px;
	margin:0 0 7px;
	padding:0;
}

* html #contents-2 h2 {
    width:800px;
	margin:0 0 7px;
	padding:0;
}

#contents-2 table {
    width:780px;
	margin:0 auto;
	border:1px solid #a4a9b8;
	background-color:#FFF;
	font-size:120%;
}

#contents-2 th {
    width:140px;
	border:1px solid #a4a9b8;
	background-color:#f6ffe7;
	padding:10px 10px 10px 15px;
	color:#626745;
	vertical-align:top;
}

#contents-2 td {
	border:1px solid #a4a9b8;
	padding:10px 10px 10px 15px;
}

/* contents-3
-------------------------------------------------- */

#contents-3 {
    width:800px;
	margin:0 0 27px 0;
}

*+html #contents-3 h2 {
    width:800px;
	margin:0 0 7px;
	padding:0;
}

* html #contents-3 h2 {
    width:800px;
	margin:0 0 7px;
	padding:0;
}

#contents-3 table {
    width:780px;
	margin:0 auto;
	border:1px solid #a4a9b8;
	background-color:#FFF;
	font-size:120%;
}

#contents-3 th {
    width:140px;
	border:1px solid #a4a9b8;
	background-color:#f6ffe7;
	padding:10px 10px 10px 15px;
	color:#626745;
	vertical-align:top;
}

#contents-3 td {
	border:1px solid #a4a9b8;
	padding:10px 10px 10px 15px;
}

/* clearfix
-------------------------------------------------- */
.clearfix:after {
  content: "."; 
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* お申し込みはこちらから
-------------------------------------------------- */

#appli_box {
	width:770px;
	border:5px solid #bebebe;
	margin:0 auto 11px;
	background-color:#FFF;
}

*+html #appli_box {
	width:770px;
	border:5px solid #bebebe;
	margin:0 auto 11px;
	background-color:#FFF;
	padding-bottom:20px;
}

* html #appli_box {
	width:770px;
	border:5px solid #bebebe;
	margin:0 auto 11px;
	background-color:#FFF;
	padding-bottom:15px;
}

#appli_box h2 {
	margin:0;
}

#appli_box ul {
	margin:0 auto;
	padding:0;
}

*+html #appli_box ul {
	margin:5px auto 0;
	padding:0;
}

#appli_box li {
	margin:0px 0 25px 13px;
	padding:0;
	float:left;
}

* html #appli_box li {
	margin:5px 5px 0px 5px;
	padding:0;
	float:left;
}

#appli_box .apili_btn_bot{
    width:238px;
    height:54px;
}

#appli_box .apili_btn_bot a.online{
    display:block;
    width:243px;
    height:62px;
    text-indent:-1000px;
    overflow:hidden;
	background:url(../images/appli_btn_online.gif) no-repeat;
}

#appli_box .apili_btn_bot a:hover.online{
    background-position:0px -62px;
}

#appli_box .apili_btn_bot a.fax{
    display:block;
    width:243px;
    height:62px;
    text-indent:-1000px;
    overflow:hidden;
	background:url(../images/appli_btn_fax.gif) no-repeat;
}

#appli_box .apili_btn_bot .coution {
	width:243px;
    display:block;
	text-align:center;
	margin:0;
	padding:0;
	font-size:11px;
}

#appli_box .apili_btn_bot a:hover.fax{
    background-position:0px -62px;
}

/* footer
-------------------------------------------------- */

#footer {
	width:800px;
	clear:both;
	padding-bottom:45px;
	background:url(../images/footer-img.gif) no-repeat 0 bottom;
}

#footer #privacy{
	width:120px;
	float:left;
}

#footer .inside{
	position:relative;
	top:10px;
	right:0px;
	margin:0;
	padding:0;
	float:right;
}

#footer .inside ul{
	margin:0;
	padding:18px 0 0 0;
}

#footer .inside ul li{
	
	float:left;
}

#footer .inside ul li a{
	color:#023c70;
	background:url(../images/footer-allow.gif) no-repeat 0 3px;
	padding:0 0 0 12px;
	margin-left:20px;
}