* {
margin:0;
padding:0;
}

body {
font-family:Verdana,Arial,Helvetica,"Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック";
text-align:center; 
background-color:#FFFFFF;
background-repeat:repeat-x;
font-size:17px;
color:#333333;
line-height:27px;
}

a {
	text-decoration: none;
}

a:visited {
	color:#0158cf;
}

a img {
	border:none;
}

div.clear {
	clear:both;
}

div.left {
	float:left;
}

div.right {
	float:right;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
CONTAINER
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#container {
	margin:0 auto;
	width:920px;
	position:relative;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
HEADER
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#header {
	position:relative;
	margin:0 0 0 20px;
	width:800px;
}

#headerContent {
	margin:60px 0 0 0;
	z-index:0;
	background-image:url(../images/header_bk.jpg);
	width:800px;
	height:380px;
	position:relative;
}

#headerContentMenu {
	margin:0 17px 0 17px;
	width:100%;
	position:relative;
}

div.MenuElem {
	margin:262px 8px 0 0;
	float:left;
	z-index:10;
	width:146px;
	height:106px;
	position:relative;
}
div.MenuElemLast {
	margin:262px 0px 0 0;
	float:left;
	z-index:10;
	width:146px;
	height:106px;
	position:relative;
}

#headerContent2 {
	margin:10px 0 0 0;
	z-index:0;
	background-image:url(../images/header_bk2.jpg);
	width:800px;
	height:110px;
	position:relative;
}

#headerContentMenu2 {
	margin:27px 0 0 607px;
	float:left;
	z-index:10;
	width:176px;
	height:56px;
	position:relative;
}

a#menu1 {
   display: block;
   width: 146px;
   height: 106px;
   text-indent: -3000px;
	background-image:url(../images/menu1.jpg);
}

a#menu1:hover {
   background-position: bottom left; 
}

a#menu2 {
   display: block;
   width: 146px;
   height: 106px;
   text-indent: -3000px;
	background-image:url(../images/menu2.jpg);
}

a#menu2:hover {
   background-position: bottom left; 
}

a#menu3 {
   display: block;
   width: 146px;
   height: 106px;
   text-indent: -3000px;
	background-image:url(../images/menu3.jpg);
}

a#menu3:hover {
   background-position: bottom left; 
}

a#menu4 {
   display: block;
   width: 146px;
   height: 106px;
   text-indent: -3000px;
	background-image:url(../images/menu4.jpg);
}

a#menu4:hover {
   background-position: bottom left; 
}

a#menu5 {
   display: block;
   width: 146px;
   height: 106px;
   text-indent: -3000px;
	background-image:url(../images/menu5.jpg);
}

a#menu5:hover {
   background-position: bottom left; 
}

a#reserve1 {
   display: block;
   width: 176px;
   height: 56px;
   text-indent: -3000px;
	background-image:url(../images/reserve1.jpg);
}

a#reserve1:hover {
   background-position: bottom left; 
}

a#reserve2 {
   display: block;
   width: 256px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/reserve2.jpg);
}

a#reserve2:hover {
   background-position: bottom left; 
}

a.btn_close {
   display: block;
   float:left;
   width: 82px;
   height: 27px;
   text-indent: -3000px;
	background-image:url(../images/btn_close1.jpg);
}

a.btn_close:hover {
   background-position: bottom left; 
}

a.btn_open {
	float:left;
	width: 106px;
	height: 27px;
	text-indent: -3000px;
	background-image:url(../images/btn_open1.jpg);
}

a.btn_open:hover {
   background-position: bottom left; 
}
.btn_closedDisable {
	float:left;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
MAIN CONTENT
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#mainContent {
	margin:5px 0 0 15px;
	text-align:left;
	clear:both;
	width:810px;
	position: relative;
}

div.contentArea {
	margin:70px 0 0 0;
	z-index:0;
	width:100%;
	position:relative;
}

div.accordionElem {
	margin:10px 0 0 0;
	z-index:0;
	position:relative;
	height: 48px;
}

div.contentElem {
	margin:10px 0 0 0;
	z-index:0;
	position:relative;
}

div.contentElem2 {
	margin:35px 0 15px 100px;
	background:url(../images/reserve_bk.jpg);
	width:600px;
	height:185px;
	z-index:0;
	position:relative;
}

div.contentElem3 {
	margin:70px 0 35px 0;
	background:url(../images/content2_bk.jpg);
	width:808px;
	height:1153px;
	z-index:0;
	position:relative;
}

div.content1OpenArea {
	margin:5px 0 5ps 0;
	background:url(../images/content1_bk_open.jpg);
	width:810px;
	height:298px;
	top:0px;
	left:0px;
	position:absolute;
	overflow:hidden;
	visibility:hidden;
}

div.content1CloseArea {
	margin:5px 0 5ps 0;
	background:url(../images/content1_bk_close.jpg);
	width:810px;
	height:48px;
	top:0px;
	left:0px;
	position:absolute;
}

div.content1Title {
	margin:13px 0 5px 20px;
	float:left;
	width:570px;
	position:relative;
}

div.content1Btn {
	margin:12px 12px 0 0;
	float:right;
	width:200px;
	position:relative;
}

div.content1Attention {
	margin:10px 0 0 20px;
	float:left;
	color:red;
	font-size:14px;
	position:relative;
}

div.content1Type {
	margin:0px 0 0 20px;
	background:url(../images/type_bk.jpg) repeat-x;
	float:left;
	color:white;
	height:29px;
	position:relative;
}

div.content1TextArea {
	margin:10px 20px 20px 20px;
	background-color:#F2F6FD;
	float:left;
	width:770px;
	height:150px;
	position:relative;
}

div.content1Text {
	margin:10px 10px 10px 10px;
	width:750px;
	position:relative;
}


#content2Area1 {
	left:185px;
	top:174px;
	float:left;
	width:565px;
	height:164px;
	position:absolute;
}

#content2Area2 {
	left:55px;
	top:470px;
	float:left;
	width:565px;
	height:362px;
	position:absolute;
}

#content2Area3 {
	left:185px;
	top:905px;
	float:left;
	width:565px;
	height:135px;
	position:absolute;
}

div.content3ElemSub {
	background:url(../images/content3_subbk.jpg) repeat-y;
	width:100%;
	z-index:5;
	position:relative;
}

div.content3ElemSubBoth {
	margin:15px 20px 0px 20px;
}

div.content3ElemSubLeft1 {
	margin:15px 20px 0 20px;
	float:left;
	width:310px;
	position:relative;
}

div.content3ElemSubLeft2 {
	margin:15px 20px 20px 20px;
	float:left;
	width:494px;
	position:relative;
}

div.content3ElemSubLeft3 {
	margin:15px 20px 20px 20px;
	float:left;
	width:230px;
	position:relative;
}

div.content3ElemSubRight1 {
	margin:15px 20px 0 0;
	float:left;
	width:430px;
	position:relative;
}

div.content3ElemSubRight2 {
	margin:15px 30px 20px 0;
	float:left;
	width:230px;
	position:relative;
}

div.content3ElemSubRight3 {
	margin:15px 30px 20px 0;
	float:left;
	width:500px;
	position:relative;
}

div.content3ElemFooter {
	background:url(../images/content3_subbottom.jpg) repeat-x;
	height:2px;
}

#contentReserve {
	margin:88px 0 0 172px;
	float:left;
	z-index:10;
	width:256px;
	height:76px;
	position:relative;
}

div.note {
	font-size:12px;
	color:#666666;
	line-height:18px;
	position:relative;
}

div.back {
	margin:15px 0 6px 638px;
	float:left;
	z-index:0;
	position:relative;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
iframe
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
div.content4ElemMes {
	margin:10px 0 10px 0;
	background-color:#FFFFCC;
	width:800px;
	height:30px;
	position:relative;
}

div.content4ElemSub {
	margin:15px 10px 15px 0;
	float:left;
	width:190px;
	height:700px;
	position:relative;
}

div.content4ElemOther {
	margin:10px 10px 0px 0;
	background:url(../images/content4_otherbk.jpg);
	float:left;
	width:800px;
	height:540px;
	position:relative;
}

#frame {
	margin:0 auto;
	width:190px;
	height:700px;
	position:relative;
}

div.frameInfoArea {
	background-color:#F2F6FD;
	width:190px;
	height:595px;
	position:relative;
}

div.frameInfoElem {
	margin:15px 10px 20px 10px;
	width:170px;
	position:relative;
}

div.frameReserveArea {
	margin:5px 0 0 0;
	background:url(../images/reserve_bk2.jpg);
	width:190px;
	height:100px;
	z-index:0;
	position:relative;
}

div.frameReserve {
	margin:12px 0 0 6px;
	float:left;
	z-index:10;
	width:176px;
	height:76px;
	position:relative;
}

div.title {
	text-align:left; 
	color:#003A6E;
}

div.text {
	text-align:left; 
	color:#666666;
	font-size:14px;
	line-height:20px;
}

#link_sapporo {
	clear:both;
	margin:83px 0 0 677px;
	position:absolute;
}

#link_sendai {
	clear:both;
	margin:178px 0 0 657px;
	position:absolute;
}

#link_niigata {
	clear:both;
	margin:248px 0 0 657px;
	position:absolute;
}

#link_oumiya {
	clear:both;
	margin:278px 0 0 657px;
	position:absolute;
}

#link_ueno {
	clear:both;
	margin:308px 0 0 657px;
	position:absolute;
}

#link_yaesu {
	clear:both;
	margin:308px 0 0 657px;
	position:absolute;
}

#link_shibuya {
	clear:both;
	position:absolute;
}

#link_shinjuku {
	clear:both;
	margin:338px 0 0 657px;
	position:absolute;
}

#link_yokohama {
	clear:both;
	margin:368px 0 0 657px;
	position:absolute;
}

#link_chiba {
	clear:both;
	margin:398px 0 0 657px;
	position:absolute;
}

#link_nagoya {
	clear:both;
	margin:408px 0 0 408px;
	position:absolute;
}


#link_nagoya_sakae {
	clear:both;
	margin:468px 0 0 408px;
	position:absolute;
}

#link_kyoto {
	clear:both;
	margin:198px 0 0 362px;
	position:absolute;
}

#link_ohsaka_kita {
	clear:both;
	margin:228px 0 0 362px;
	position:absolute;
}

#link_ohsaka_minami {
	clear:both;
	margin:228px 0 0 362px;
	position:absolute;
}

#link_hiroshima {
	clear:both;
	margin:228px 0 0 198px;
	position:absolute;
}

#link_okayama {
	clear:both;
	margin:198px 0 0 198px;
	position:absolute;
}

#link_fukuoka {
	clear:both;
	margin:408px 0 0 138px;
	position:absolute;
}

#link_kagoshima {
	clear:both;
	margin:438px 0 0 138px;
	position:absolute;
}

a#reserve_sappro {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/sapporo_reserve.jpg);
}

a#reserve_sappro:hover {
   background-position: bottom left; 
}

a#reserve_sendai {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/sendai_reserve.jpg);
}

a#reserve_sendai:hover {
   background-position: bottom left; 
}

a#reserve_niigata {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/niigata_reserve.jpg);
}

a#reserve_niigata:hover {
   background-position: bottom left; 
}

a#reserve_oumiya {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/oumiya_reserve.jpg);
}

a#reserve_oumiya:hover {
   background-position: bottom left; 
}

a#reserve_ueno {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/ueno_reserve.jpg);
}

a#reserve_ueno:hover {
   background-position: bottom left; 
}

a#reserve_yaesu {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/yaesu_reserve.jpg);
}

a#reserve_yaesu:hover {
   background-position: bottom left; 
}

a#reserve_shibuya {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/shibuya_reserve.jpg);
}

a#reserve_shibuya:hover {
   background-position: bottom left; 
}

a#reserve_shinjuku {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/shinjuku_reserve.jpg);
}

a#reserve_shinjuku:hover {
   background-position: bottom left; 
}

a#reserve_yokohama {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/yokohama_reserve.jpg);
}

a#reserve_yokohama:hover {
   background-position: bottom left; 
}

a#reserve_chiba {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/chiba_reserve.jpg);
}

a#reserve_chiba:hover {
   background-position: bottom left; 
}

a#reserve_shizuoka {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/shizuoka_reserve.jpg);
}

a#reserve_shizuoka:hover {
   background-position: bottom left; 
}

a#reserve_nagoya {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/nagoya_reserve.jpg);
}

a#reserve_nagoya:hover {
   background-position: bottom left; 
}

a#reserve_nagoya_sakae {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/nagoya_sakae_reserve.jpg);
}

a#reserve_nagoya_sakae:hover {
   background-position: bottom left; 
}

a#reserve_kyoto {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/kyoto_reserve.jpg);
}

a#reserve_kyoto:hover {
   background-position: bottom left; 
}

a#reserve_ohsaka_kita {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/ohsaka_kita_reserve.jpg);
}

a#reserve_ohsaka_kita:hover {
   background-position: bottom left; 
}

a#reserve_ohsaka_minami {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/ohsaka_minami_reserve.jpg);
}

a#reserve_ohsaka_minami:hover {
   background-position: bottom left; 
}

a#reserve_hiroshima {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/hiroshima_reserve.jpg);
}

a#reserve_hiroshima:hover {
   background-position: bottom left; 
}

a#reserve_okayama {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/okayama_reserve.jpg);
}

a#reserve_okayama:hover {
   background-position: bottom left; 
}

a#reserve_fukuoka {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/fukuoka_reserve.jpg);
}

a#reserve_fukuoka:hover {
   background-position: bottom left; 
}

a#reserve_fukuoka_tenjin {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/fukuoka_tenjin_reserve.jpg);
}

a#reserve_fukuoka_tenjin:hover {
   background-position: bottom left; 
}

a#reserve_kagoshima {
   display: block;
   width: 176px;
   height: 76px;
   text-indent: -3000px;
	background-image:url(../images/kagoshima_reserve.jpg);
}

a#reserve_kagoshima:hover {
   background-position: bottom left; 
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■
FOOTER
■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#footer {
	width:800px;
	position:relative;
}

div.footerElem {
	text-align:left; 
	color:#666666;
	font-size:12px;
}

div.footerElem a {
	color:#666666;
}
