@charset "utf-8";
/* CSS Document */




/* reset //////////////////////////////////// */
* {
    margin: 0;
    padding: 0;

}

table,img,p {
    border: 0;
}



li {
   	 list-style-type: none;
}

select {
    	border: solid 1px #ccc;
}



/* a  //////////////////////////////////// */
a { text-decoration: underline; }
a:link { color: #3366FF; }
a:visited { color: #3366FF; }
a:hover { color: #3366FF; }


/* defoult//////////////////////////////////// */
h1,h2,h3,h4,h5 {
    font-size: 100%;
    line-height: 150%;
}
.price { color: #ff0000; font-weight: bold; }
.attention { color: #ff0000; }
.mini { font-size: 90%; }
em {
    font-style: normal;
    color: #ff0000;
}


p { line-height: 1.2em; }


IMG.leftimage { 
	float: left; 
	
	margin: 0 15px 15px 0px;
	}


IMG.rightimage { 
	float: right; 
	
	margin: 0 0px 15px 15px;
	}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}

.clearfix {
  min-height: 1px;
	}

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





/* IE6 IE7 bug huck//////////////////////////////////// */

br { 
	letter-spacing: 0; 
	}
	
	
/* h3  h4 //////////////////////////////////// */	
	
h3{
margin:20px auto 10px auto;	
width:870px;
height:40px;
line-height:45px;
background:url(../images/h3_back.png) no-repeat;
text-indent:30px;
color: #fff;
clear:both;	
}
	
	
	
h4{
margin:20px auto 0 auto;	
width:870px;
height:40px;
line-height:45px;
background:url(../images/h4_back.png) no-repeat;
text-indent:15px;
color: #786A4E;
clear:both;	
}
		
h5{
margin:20px auto 10px auto;	
width:870px;
height:40px;
line-height:45px;
background:url(../images/h5_back.png) no-repeat;
text-indent:30px;
color: #fff;
clear:both;	
}
h6{
margin:20px auto 10px auto;	
width:870px;
height:40px;
line-height:45px;
background:url(../images/h6_back.png) no-repeat;
text-indent:30px;
font-size:14px;
color: #fff;
clear:both;	
}
		
	
#box03 h4{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 399px;
	margin:0 auto;
    border-collapse:collapse;
    empty-cells:show;
	font-size:12px;
	border:1px solid #ccc;
    background: #222 url(../images/th_back.png) left top;
    padding:0.3em 1em;
    text-align:center;
color: #FC0;
	
	
}
#box03 h5{
margin:20px auto 0 auto;	
width:870px;
height:40px;
line-height:45px;
background:url(../images/h4_back.png) no-repeat;
text-indent:15px;
color: #786A4E;
clear:both;		
}


.koenjih3{
margin:20px auto 10px auto;	
width:870px;
height:40px;
line-height:45px;
background:url(../images/h3_koenji_back.png) no-repeat;
text-indent:30px;
color: #fff;
clear:both;
font-weight:bold;		
	
}
.kitasenjuh3{
margin:20px auto 10px auto;	
width:870px;
height:40px;
line-height:45px;
background:url(../images/h3_kitasenju_back.png) no-repeat;
text-indent:30px;
color: #fff;
clear:both;
font-weight:bold;		
	
}
.tateishih3{
margin:20px auto 10px auto;	
width:870px;
height:40px;
line-height:45px;
background:url(../images/h3_tateishi_back.png) no-repeat;
text-indent:30px;
color: #fff;
clear:both;
font-weight:bold;		
	
}

		
	
/*  BODY //////////////////////////////////// */

.body{

text-align:center;

}


#wrapper{

  	font-family: 'メイリオ',meirio,Arial,Helvetica,sans-serif;
	color: #333;
	background:#000 url(../images/bg.png) repeat-x;
	font-size: 90%;
	line-height: 100%;
	letter-spacing:1px;
	height:auto;


}


#container{
	width:900px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	background:#000 url(../images/container_back.png) repeat-x;
	
	background-color:#fff;

		}


#container_out{
	margin:0 auto;
	width:920px;
	height:auto;
	clear:both;
	background:url(../images/container_back.png) repeat-y;
}


/*///////   header   //////////////////*/

#header_wrapper{
	width:100%;
	height:100px;
	clear:both;
	display:block;
	background:url(../images/header_back.png) repeat-x;		
}

#header{	
	margin:0 auto;
	position:relative;
	width:900px;
	height:100px;
	background:url(../images/header.png) no-repeat;			
}

#logo{
	position:absolute;
	left: 0px;
	top: 17px;
}

.bgm{
	position: absolute;
	left: 886px;
	top: 7px;

}

#cacthcopy{
position: absolute;
	text-align: right;
	font-size: 10px;
	left: 699px;
	top: 48px;

}
#shopname_01{
	position:absolute;
	left: 113px;
	top: 41px;
}

h1{
	position:absolute;
	font-size:10px;
	left: 1px;
	top: 4px;
	color:#fff;
	width: 578px;
	height: 29px;
}

#topcpaption{
	position:absolute;
	color:#fff;
	font-size:10px;
	width: 550px;
	left: 108px;
	top: 24px;
}
#topcpaption span{
	font-size:12px;
	font-weight:bold;
}

.time{
	text-align:right;
	width:173px;
	position:absolute;
	font-size:12px;
	color:#fff;
	left: 655px;
	top: 61px;
}

/* ///// main ////////////////////////////*/

#main_wrapper{
	width:100%;
	height:330px;
	clear:both;
	background:url(../images/main_back.png) repeat-x;
	
}

#main{
	margin:0 auto;
	width:900px;
	height:330px;
	clear:both;
	background:#ccc url(../images/main_image.png) no-repeat;
}

#main_under{
	width:900px;
	height:100px;
	clear:both;
	
}





/* // bread_crumb ///////////////////////////////*/

#bread_crumb {
	font-size:9px;
	line-height:9px;
	color:#330000;

}
#bread_crumb p {
	padding: 5px 2px 0px 10px;
	width: 888px;
	height:18px;
	background-image:url("../images/bread_crumb_back.png");
	background-repeat:repeat-x;

}
#bread_crumb p .parent,
#bread_crumb p .current {
	margin: 0 5px;

}

#bread_crumb a{
text-decoration:none;
color:#330000;

}
#bread_crumb a:hover{
text-decoration:underline;
color: #8A7544;

}






/* // bread_crumb_o ///////////////////////////////*/

#bread_crumb_o {
	font-size:9px;
	line-height:9px;
	color:#330000;

}
#bread_crumb_o p {
	padding: 5px 2px 0px 10px;
	width: 888px;
	height:18px;
	background-image:url("../images/bread_crumb_back_o.png");
	background-repeat:repeat-x;

}
#bread_crumb_o p .parent,
#bread_crumb_o p .current {
	margin: 0 5px;

}

#bread_crumb_o a{
text-decoration:none;
color:#330000;

}
#bread_crumb_o a:hover{
text-decoration:underline;
color: #8A7544;

}




/* // bread_crumb_k koenji ///////////////////////////////*/

#bread_crumb_k {
	font-size:9px;
	line-height:9px;
	color:#330000;

}
#bread_crumb_k p {
	padding: 5px 2px 0px 10px;
	width: 888px;
	height:18px;
	background-image:url("../images/bread_crumb_back_k.png");
	background-repeat:repeat-x;

}
#bread_crumb_k p .parent,
#bread_crumb_k p .current {
	margin: 0 5px;

}

#bread_crumb_k a{
text-decoration:none;
color:#330000;

}
#bread_crumb_k a:hover{
text-decoration:underline;
color: #8A7544;

}





/* // bread_crumb_kita kitasenju ///////////////////////////////*/

#bread_crumb_kita {
	font-size:9px;
	line-height:9px;
	color:#330000;

}
#bread_crumb_kita p {
	padding: 5px 2px 0px 10px;
	width: 888px;
	height:18px;
	background-image:url("../images/bread_crumb_back_kita.png");
	background-repeat:repeat-x;

}
#bread_crumb_kita p .parent,
#bread_crumb_kita p .current {
	margin: 0 5px;

}

#bread_crumb_kita a{
text-decoration:none;
color:#330000;

}
#bread_crumb_kita a:hover{
text-decoration:underline;
color: #8A7544;

}


/* // bread_crumb_t tateishi ///////////////////////////////*/

#bread_crumb_t {
	font-size:9px;
	line-height:9px;
	color:#330000;

}
#bread_crumb_t p {
	padding: 5px 2px 0px 10px;
	width: 888px;
	height:18px;
	background-image:url("../images/bread_crumb_back_t.png");
	background-repeat:repeat-x;

}
#bread_crumb_t p .parent,
#bread_crumb_t p .current {
	margin: 0 5px;

}

#bread_crumb_t a{
text-decoration:none;
color:#330000;

}
#bread_crumb_t a:hover{
text-decoration:underline;
color: #8A7544;

}



/*////////////////////////////// nav_menu ///*/


#nav_menu {

width:890px;
height:auto;
clear:both;
padding:10px 5px;
text-align: left;
background:#222;
margin:0 auto;
background: #222 url(../images/th_back.png) left top;
}


#nav_menu a {
	margin-right: 10px;
	padding-left: 12px;
	background-image: url('../images/arrow_menu.png');
	background-repeat: no-repeat;
	background-position: 0 4px;
	color: #F9F;
	font-size: 90%;
	text-decoration: none;
}
#nav_menu a:hover {
	text-decoration: underline;
	color: #fff;	
}

#nav_menu a span{
	background-color:#F6C;
	color:#fff;
	line-height:25px;

}




/*////////////////////////////// nav_menu_o ///*/


#nav_menu_o {

width:890px;
height:auto;
clear:both;
padding:10px 5px;
text-align: left;
background:#222;
margin:0 auto;
background: #222 url(../images/th_back.png) left top;
}


#nav_menu_o a {
	margin-right: 10px;
	padding-left: 12px;
	background-image: url('../images/arrow_o.png');
	background-repeat: no-repeat;
	background-position: 0 4px;
	color: #FC0;
	font-size: 90%;
	text-decoration: none;
}
#nav_menu_o a:hover {
	text-decoration: underline;
	color: #fff;	
}

#nav_menu_o a span{
	background-color: #FC0;
	color:#000;
	line-height:25px;

}




/*////////////////////////////// nav_menu_k ///*/


#nav_menu_k {

width:890px;
height:auto;
clear:both;
padding:10px 5px;
text-align: left;
background:#222;
margin:0 auto;
background: #222 url(../images/th_back.png) left top;
}


#nav_menu_k a {
	margin-right: 10px;
	padding-left: 12px;
	background-image: url('../images/arrow_o.png');
	background-repeat: no-repeat;
	background-position: 0 4px;
	color: #F90;
	font-size: 90%;
	text-decoration: none;
}
#nav_menu_k a:hover {
	text-decoration: underline;
	color: #fff;	
}

#nav_menu_k a span{
	background-color:#FC0;
	color:#333;
	line-height:25px;

}






/*////////////////////////////// nav_menu_kita ///*/


#nav_menu_kita {

width:890px;
height:auto;
clear:both;
padding:10px 5px;
text-align: left;
background:#222;
margin:0 auto;
background: #222 url(../images/th_back.png) left top;
}


#nav_menu_kita a {
	margin-right: 10px;
	padding-left: 12px;
	background-image: url('../images/arrow_o.png');
	background-repeat: no-repeat;
	background-position: 0 4px;
	color: #B5F5FF;
	font-size: 90%;
	text-decoration: none;
}
#nav_menu_kita a:hover {
	text-decoration: underline;
	color: #fff;	
}

#nav_menu_kita a span{
	background-color:#FC0;
	color:#333;
	line-height:25px;

}


/*////////////////////////////// nav_menu_tate ///*/


#nav_menu_tate {

width:890px;
height:auto;
clear:both;
padding:10px 5px;
text-align: left;
background:#222;
margin:0 auto;
background: #222 url(../images/th_back.png) left top;
}


#nav_menu_tate a {
	margin-right: 10px;
	padding-left: 12px;
	background-image: url('../images/arrow_o.png');
	background-repeat: no-repeat;
	background-position: 0 4px;
	color: #beffb5;
	font-size: 90%;
	text-decoration: none;
}
#nav_menu_tate a:hover {
	text-decoration: underline;
	color: #fff;	
}

#nav_menu_tate a span{
	background-color:#FC0;
	color:#333;
	line-height:25px;

}






/*///////   contents   //////////////////*/

#contents{
	width:900px;
	height:auto;
	clear:both;
	display:block;
	background-color:#000;
}



#contents:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}
	
	
	
	
	
	
	
/*///////   menu   //////////////////////*/

#menu_wrapper{
	width:100%;
	height:40px;
	clear:both;
	background:url(../images/menu_back.png) repeat-x;
}

.menu{
	width: 840px;
	text-align:center;
	margin:0 auto;
}




.menuarea{
	width: 900px;
	height:40px;
	margin:0 auto;
	background:url(../images/menu_back.png) repeat-x;	
}

#menu ul {
	background-color: #9c8b58;
	width: 900px;
	position: absolute;
/*		position: relative;*/
text-align:center;
margin-right:auto;
margin-left:auto;
	background-image:url(../images/menu_back.jpg) ;
	

}


#menu ul li {
	list-style: none;
	float: left;
}




ul.menu  {   
		margin:0;   
		padding:0;
}


ul.menu li {   
		float:left;
		text-indent:-9999px;
		overflow:hidden;
		list-style:none;
}


ul.menu li a {   
		display:block;
		width:120px;
		height:40px;
}



li.menu1 a {   background:url(../images/menu.png) 0 0 no-repeat;}
li.menu1 a:hover {   background:url(../images/menu.png) 0 -40px no-repeat;}

li.menu2 a {   background:url(../images/menu.png) -120px 0 no-repeat;}
li.menu2 a:hover {   background:url(../images/menu.png) -120px -40px no-repeat;}

li.menu3 a {   background:url(../images/menu.png) -240px 0 no-repeat;}
li.menu3 a:hover {   background:url(../images/menu.png) -240px -40px no-repeat;}

li.menu4 a {   background:url(../images/menu.png) -360px 0 no-repeat;}
li.menu4 a:hover {   background:url(../images/menu.png) -360px -40px no-repeat;}

li.menu5 a {   background:url(../images/menu.png) -480px 0 no-repeat;}
li.menu5 a:hover {   background:url(../images/menu.png) -480px -40px no-repeat;}

li.menu6 a {   background:url(../images/menu.png) -600px 0 no-repeat;}
li.menu6 a:hover {   background:url(../images/menu.png) -600px -40px no-repeat;}

li.menu7 a {   background:url(../images/menu.png) -720px 0 no-repeat;}
li.menu7 a:hover {   background:url(../images/menu.png) -720px -40px no-repeat;}


/* Firefox Opera Safari対応*/
ul.menu:after {   
		content:".";
	 	display:block;
  		height:0;
   		clear:both;
 		visibility:hidden;
 		font-size:0;
		}

/* WinIE7　MacIE5 */

ul.menu {   display:inline-block;}

/* WinIE5/6 */
/* Hides from IE-mac \*/
* html ul.menu {   height:40px;}
ul.menu {   display:block;}

/* End hide from IE-mac */















/*/// menu mk2 /////////////////////////////////////////////*/


#menu_mk2{
	margin:0 auto 90px auto;
	width: 900px;
	text-align:center;
	position:relative;
	z-index:1;
}



.menu_mk2_area{
	position:absolute;
	width: 930px;
	height:80px;
	background-color:#000;
	left: -18px;
	z-index:2;
}





/*/// box01 /////////////////////////////////////////////*/

#box01{
	width:900px;
	height:auto;
	clear:both;
}


#box01:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}
	
#box02{
	width:900px;
	height:auto;
	clear:both;
}


#box02:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}
	
	
#box03{
	width:870px;
	height:auto;
	padding:15px;
	clear:both;
}


#box03:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}
		
		
		
	
#box04{
	position:relative;
	width:870px;
	height:200px;
	padding:15px;
	clear:both;
/*	background:url(../images/hallretal.png) center top no-repeat;	*/
	background:url(../images/hallretal03.png) center top no-repeat;
	background:url(../images/hallretal04.png) center top no-repeat;
}


#box04:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}
		
.box04_text{
	position:absolute;
	color:#fff;
	font-size:12px;
	width: 567px;
	height: 59px;
	left: 316px;
	top: 12px;
}
		
		
#box05{
	position:relative;
	width:870px;
	height:200px;
	padding:15px;
	clear:both;
	background:url(../images/hallretal05.png) center top no-repeat;
}


#box05:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}
		
.box05_text{
	position:absolute;
	color:#fff;
	font-size:12px;
	width: 567px;
	height: 59px;
	left: 316px;
	top: 12px;
}

	
	
	
	
	
	
#box04_01{
	position:relative;
	width:870px;
	height:200px;
	padding:15px;
	clear:both;
	background:url(../images/hallretal02.png) center top no-repeat;	
}


#box04_01:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}
		
.box04_01_text{
	position:absolute;
	color:#fff;
	font-size:12px;
	width: 567px;
	height: 59px;
	left: 316px;
	top: 21px;
}
		
		
	
	
	
	
		
		

	
.box200{
	width:160px;
	padding:10px;
	height:auto;
	float:left;
	background-color:#996;
	display:block;
}	
	
	
.box300{
	width:260px;
	padding:10px;
	height:auto;
	float:left;
	background-color:#996;
	display:block;	
}

.box400{
	position: relative;
	width:360px;
	padding:10px;
	height:600px;
	float:left;
	display:block;
	background:url(../images/shopinfo_back.png121122_1020) no-repeat;	
}

.box400text{
	position:absolute;
	font-size:12px;
	padding:10px;
	color:#fff;
	width: 332px;
	height: 561px;
	left: 15px;
	top: 23px;
	background:url(../images/black_back.png) repeat-y;
}


.box400_02{
	position: relative;
	width:360px;
	padding:10px;
	height:380px;
	float:left;
	display:block;
	background:url(../images/shopinfo_back02.png) no-repeat;	
}

.box400_02text{
	position:absolute;
	font-size:12px;
	padding:10px;
	color:#fff;
	width: 332px;
	height: 312px;
	left: 15px;
	top: 23px;
	background:url(../images/black_back.png) repeat-y;
}



.box500{
	width:480px;
	padding:10px 0 10px 10px;	
	height:auto;
	float:left;
	background-color: #000;
	display:block;	
}

.box500bn{
	width:480px;
	height:120px;
	clear:both;
	margin-bottom:10px;
	font-size:12px;
	color:#fff;
}


.box500_60bn{
	width:480px;
	height:60px;
	clear:both;
	margin-bottom:10px;
	color:#fff;
	font-size:12px;
}

.box600{
	width:580px;
	padding:10px 0 10px 10px;	
	height:auto;
	float:left;
	background-color:#CCF;
	display:block;	
}

.box700{
	width:680px;
	padding:10px 0 10px 10px;
	height:auto;
	float:left;
	background-color:#CCF;
	display:block;	
}
	
	
	
	
.box435r{
	width:425px;
	padding:10px 0 10px 10px;
	height:auto;
	float:left;
	display:block;	
}
	
	
.box435l{
	width:425px;
	padding:10px 10px 10px 0;
	height:auto;
	float:left;
	display:block;	
}
		
	
	
	
/*/// eventArea  /////////////////////////////////////////////*/	
	
	
.eventArea{
	padding:10px;
	width:848px;
	height:auto;
	clear:both;
	display:block;
	border:1px #ccc solid;
	color:#fff;
}
	
.eventArea span{
	font-size:14px;
	font-weight:bold;
}
	
.imgleft{
	float:left;
	margin:0 10px 10px 0;
	padding:10px;
	border:1px #ccc solid;
}

.imgright{
	float:right;
	margin:0 0 10px 10px;
	padding:10px;
	border:1px #ccc solid;
}
	
.clear{
	clear:both;
}
	
	
	
/*/// galleryArea  /////////////////////////////////////////////*/

#galleryArea4{
	margin:10px auto  auto 15px;
	width:885px;
	height:218px;
	clear:both;
}

#galleryArea4_1{
	margin:10px auto  auto 15px;
	width:885px;
	height:160px;
	clear:both;
}

.photoBox4{
	width:208px;
	height:156px;
	float:left;
	border:1px #300 solid;
	margin-right:10px;
	background:#630 url(../images/dummy_m.png) no-repeat; 
}


.photoBox4Text{
	width:210px;
	height:40px;
	float:left;
	margin:10px 10px auto auto;
	font-size:12px;
	color:#fff;
}


.photoBox5{
	width:208px;
	height:156px;
	float:left;
	border:1px #ccc solid;
	margin:10px 5px 0 0;
	background-color:#630;
}

.photoBox6{
	width:208px;
	height:156px;
	float:left;
	border:1px #ccc solid;
	margin:10px 0 0 0;
	background-color:#630;
}



#galleryArea3{
	margin:10px auto  auto 15px;
	width:885px;
	height:228px;
	clear:both;
}

.photoBox3{
	width:278px;
	height:208px;
	float:left;
	border:1px #300 solid;
	margin-right:15px;
	font-size:12px;
	color:#fff;
	text-align:left;
	
}
.photoBox3_1{
	width:280px;
	height:240px;
	float:left;
	margin-right:15px;
	font-size:12px;
	color:#fff;
	text-align:left;
	
}

.photoBox3_1 span{
	line-height:20px;
	font-size:16px;
	color:#fff;
	text-align:left;
	
}

.photoBox3_2{
	width:280px;
	height:210px;
	float:left;
	margin-right:15px;
	font-size:12px;
	color:#fff;
	text-align:center;
	
}
.photoBox3_news{
	width:280px;
	height:210px;
	float:left;
	margin-right:15px;
	font-size:12px;
	color:#fff;
	text-align:left;
	background:url(../images/news_back.png) no-repeat;
	
	padding-top:30px;
}

#galleryArea3_3{
	margin:10px auto  auto 15px;
	width:885px;
	height:100px;
	clear:both;
}

#galleryArea3_3_2{
	margin:10px auto  auto 15px;
	width:885px;
	height:90px;
	clear:both;
}

#galleryArea3_3_1{
	padding-top:10px;
	margin:0 auto 20px 15px;
	width:885px;
	height:auto;
	clear:both;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
.photoBox3_3{
	display:block;
	width:280px;
	height:100px;
	float:left;
	margin-right:15px;
	font-size:12px;
	color:#fff;
	text-align:center;
	
}









#galleryArea2{
	margin:10px auto  auto 15px;
	width:885px;
	height:228px;
	clear:both;
}

.photoBox2{
	width:278px;
	height:208px;
	float:left;
	border:1px #300 solid;
	margin-right:15px;
	background-color:#630;
}

.textBox2{
	width:280px;
	height:210px;
	float:left;
	margin-right:15px;
	color:#333;
	font-size:12px;
}










#galleryArea1{
	margin:10px auto  auto 15px;
	width:885px;
	height:228px;
	clear:both;
}

.photoBox1{
	width:278px;
	height:208px;
	float:left;
	border:1px #300 solid;
	margin-right:15px;
	background-color:#630;
}

.textBox1{
	width:575px;
	height:210px;
	float:left;
	margin-right:15px;
	color:#333;
	font-size:12px;
}





/*///////  table   //////////////////////////////////////////////////////////////////*/



/*///////  table870solid   //////////////////*/	

table.table870solid{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 870px;
	margin:10px auto;
	font-size:12px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    empty-cells:show;
	color:#333;
}



.table870solid th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background:#eee url(../images/table-back.png) left top;
    padding:0.3em 1em;
    text-align:center;
}
.table870solid td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff url(../images/table-back.png) left top;
    padding:0.3em 1em;
}




/*///////  table680solid   //////////////////*/	

table.table680solid{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 680px;
	margin:0;
	font-size:12px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    empty-cells:show;
	color:#333;
	display:block;
}



.table680solid th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background:#eee url(../images/table-back.png) left top;
    padding:0.3em 1em;
    text-align:center;
}
.table680solid td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff url(../images/table-back.png) left top;
    padding:0.3em 1em;
}




/*///////  table580solid   //////////////////*/	

table.table580solid{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 580px;
	margin:0;
	font-size:12px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    empty-cells:show;
	color:#333;
	display:block;
}



.table580solid th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background:#eee url(../images/table-back.png) left top;
    padding:0.3em 1em;
    text-align:center;
}
.table580solid td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff url(../images/table-back.png) left top;
    padding:0.3em 1em;
}



/*///////  table480solid   //////////////////*/	

table.table480solid{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 480px;
	margin:0;
	font-size:12px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    empty-cells:show;
	color:#333;
	display:block;
}



.table480solid th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background:#eee url(../images/table-back.png) left top;
    padding:0.3em 1em;
    text-align:center;
}
.table480solid td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff url(../images/table-back.png) left top;
    padding:0.3em 1em;
}



/*///////  table870dotted   //////////////////*/	
table.table870dotted{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 870px;
	margin:10px auto;
	font-size:12px;
    border-top:1px dotted #ccc;
    border-left:1px dotted #ccc;
    border-collapse:collapse;
    empty-cells:show;
	color:#333;
}



.table870dotted th{
    border-right:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    color:#fff;
    background:#eee url(../images/table-back.png) left top;
    padding:0.3em 1em;
    text-align:center;
}
.table870dotted td{
    border-right:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    background:#fff url(../images/table-back.png) left top;
    padding:0.3em 1em;
}
	
	
	





/*///////  table425solidLeft   //////////////////*/	

table.table425solidLeft{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 425px;
	margin:0 auto;
    border-collapse:collapse;
    empty-cells:show;
	font-size:12px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
	color:#333;
}



.table425solidLeft th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background: #222 url(../images/th_back.png) left top;
    padding:0.3em 1em;
    text-align:center;
	color: #FC0;
}
.table425solidLeft td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff url(../images/table-back.png) left top;
    padding:0.3em 1em;
	background:none;
	background-color:transparent;	
	color:#fff;
}







/*///////  table425solidRight   //////////////////*/	

table.table425solidRight{
	border-collapse: collapse;	
	border-spacing: 0;
	width: 425px;
	margin:0 auto;
	font-size:12px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    empty-cells:show;
	color:#333;
}



.table425solidRight th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#fff;
    background: #222 url(../images/th_back.png) left top;
    padding:0.3em 1em;
    text-align:center;
	color: #FC0;
}
.table425solidRight td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff url(../images/table-back.png) left top;
    padding:0.3em 1em;
	background:none;
	background-color:transparent;
	color:#fff;	
}






/*///////  mapArea  //////////////////*/

.mapArea{
	padding:10px;
	width:405px;
	height:auto;
	background:#eee;
	clear:both;
	display:block;
}

.svArea{
	margin-bottom:15px;
	width:850px;
	height:auto;
	padding:10px;
	background-color:#eee;
	clear:both;
	display:block;
}



/* ///////   メールフォーム　エリア   ///////////////////////////////*/

#mailform_area{
margin:0 auto;
padding:10px;
width:850px;
height:auto;
clear:both;
background-color:#fff;
border:1px #ccc solid;
}




/* ///////   メールフォームテーブル   ///////////////////////////////*/


table.mailform{
	margin-top:5px;
    width: 840px;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
	font-size:12px;
    empty-cells:show;
    word-break: break-all;
	margin-right:auto;
	margin-left:auto;
}
.mailform th{
    border-right:1px solid #fff; 
    border-bottom:1px solid #fff; 
    color:#330000;
    background-color:#eeeeee;
	text-align:left;
	font-weight:lighter;
    padding:0.3em 1em;
}
.mailform td{
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
	border-bottom:#ccc dotted 1px;
    padding:0.3em 1em;
}

.mailform th em{
font-size:10px;
color:#ff0000; !important

}



table.none td {
border:none;
font-size:10px;
color:#330000;
text-align:left;
}
table.none th {
	background-color:transparent;
border:none;
font-size:10px;
color:#330000;
text-align:right;
}



/* ///////   メールフォーム　入力エラー吹き出し   ///////////////////////////////*/



div.baloon {
   font-size: 11px;
   color: #900;
   position: absolute;
   padding-left: 5px;
   background: url("../images/baloon.gif") no-repeat top left;
   z-index: 1;
}

div.baloon a {
   color: blue;
   text-decoration: none;
   padding: 2px;
   margin-right: 2px;
}

div.baloon a:hover {
   background-color: #eef;
}

div.baloon div {
   background: url("../images/baloon_right.gif") no-repeat top right;
   padding: 7px 7px 14px 0;
   white-space: nowrap;
}

.cbbox p{
    text-align: center;
}
.cb01{
    margin-top: 20px;
}
.cb02{
    margin: 10px auto;
    width: 500px;
    border: 1px solid #ccc;
    padding: 20px;
}
.cb03{
    margin-top: 20px;
}
.cb04 input{
    margin: 10px auto;
    width: 100px;
}




/*///////  pagetop   //////////////////*/

.pagetop870{
	margin:0 auto;
	padding:10px 0;
	width:870px;
	height:20px;
	clear:both;
	display:block;
	text-align:right;
	border-top:1px #ddd dotted;
}








	
	
	

/*///////  footer   //////////////////*/

#footer_wrapper{
	border-top:1px #333 solid;
	width:100%;
	height:100px;
	clear:both;
	display:block;	
/*	background:url(../images/footer_back.png) repeat-x;	*/
}

#footer{
	margin:0 auto;
	width:900px;
	height:100px;
	clear:both;
	display:block;
/*	background:url(../images/footer.png) no-repeat;*/
}




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

#footerarea{
position:relative;
text-align:center;
width:880px;
height:80px;
padding:10px;
margin:0 auto;
clear:both;
font-size:11px;

}

/* footer styles
------------------------------*/
#footer ul li a {
	
	color: #fff;
}
#footer ul li a:hover {
	color: #ccc;
	text-decoration: none;
}
#footer p a {
	color: #fff;
}
#footer p a:hover {
	color: #ccc;
	text-decoration: none;
}
#footer ul li {
	display: inline;
	list-style: none;
	text-align:center;
	margin-right: 15px;
}
#footer p {
	margin: 0px;
	float: right;
		margin-top:50px;
}



#copy{
text-align:center;
padding-top:10px;
width:500px;
color:#fff;
margin:0 auto;

}
#copy a{
color:#fff;
text-decoration:underline;
}
#copy a:hover{
color:#ccc;
text-decoration:none;
}







	
