@charset "UTF-8";


/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3",
   "メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
   color:#333;
}

body {
   margin:0;
   padding:0;
   letter-spacing:1px;
   background:#ffffff;
   background:url("images/bg.png") repeat-x;
}


li{
	list-style:none;
}

a{
   text-decoration:underline;
}

a:link{text-decoration:underline;}

ul{
	margin:0;
}


address{
	text-align:center;
}

table {
width:700px;
   border:1px solid #999;
   border-spacing:0;
   line-height:1.8;
   font-size:0.8em;
   clear:both;
}

table th {
   width:100px;
   padding: 5px;
   border:1px solid #999;
   border-width: 0 0 1px 1px;
   background: #ffffff;
   font-weight: bold;
   text-align: center;
}

table td {

   padding:5px;
   border:1px solid #999;
   border-width:0 0 1px 1px;
   text-align:center;
}

.pricelist{
	width:740px;
	margin-left:20px;
	margin-bottom:20px;
}

.pricelist table{
	margin-top:15px;
}

.artprice{
	width:750px;
	margin-left:20px;
	margin-bottom:20px;
}

.artbox{
	width:500px;
	height:auto;
	margin:0 auto;
}


.acbox{
	width:650px;
	height:auto;
	margin:0 auto;
}
.artbox{
	width:500px;
	height:auto;
	margin:0 auto;
}


#wrapper{
	width:1000px;
	margin:0 auto;
	background:#ffffff;
}

#mainbg {
	width:1000px;
	height:auto;
	padding-top:5px;
	background:url("images/background.png") no-repeat;
}

#head{
	width:1000px;
	height:20px;

}


#logo{
	width:374px;
	height:130px;
	float:left;
}

#logo-log1{
	width:300px;
	height:156px;
	float:left;
}

#centerbox{
	width:990px;
	height:60px;

	float:left;
	font-size:2.5em;
	margin:0;
	padding:0;
	
}
#centerbox2{
	width:990px;
	height:60px;

	float:left;
	font-size:1.5em;
	margin:0;
	padding:0;
	
}
#centerbox3{
	width:990px;
	height:10px;

	float:left;
	font-size:2.5em;
	margin:0;
	padding:0;
	
}

#centerbox ul{
	padding:0;
}


#rightbox{
	width:450px;
	height:130px;

	float:left;
}

#rightbox3{
	width:450px;
	height:60px;

	float:left;
}


#rightboxmenu{
	width:450px;
	height:60px;

}


#rightboxmenu ul li{
   float:left;
   padding-left:5px;
}


#tel{
	width:470px;
	height:30px;
	color: #E88C8E;
	font-size:2.5em;

	float:right;
	
}




#topmenu{
	width:1200px;
	height:75px;

	clear:both;
}

#topmenu ul{
	margin:0;
}

#topmenu ul li{
	margin-top:5px;
	float:left;
}

#topmenu ul li img{
	margin:0 auto;
}



#roompic{
	width:1000px;
	height:auto;
}

#mainpic{
	width:950px;
	height:450px;
	margin:0 auto;
}



.downmenu{
	width:1000px;
	height:50px;

}


.downmenu ul li{
	padding:10px;
	float:left;
}

downmenu ul li a:hover{
	color:#B4B4B4;
}




#left{
	width:660px;
	background:#ffffff;
	
	float:left;
}

#pleft{
	width:770px;
	background:#ffffff;
	margin:0 auto;
	float:left;
}

.catch{
	background:#ffffff;
}

.catch h1 {
	margin:0;
	padding:10px;
	font-size:0.8em;
}


.catch h3 {
	margin:0;
	height:64px;
	padding-left:70px;
	padding-top:15px;
	font-size:1.4em;
	background:url("images/arrow.png") no-repeat;
}


.catch p{
	margin-top:0;
	margin-left:5px;
}

.catchbox{
	margin-bottom:30px;
	border-bottom:1px dotted #333333;
}

#undermenuboxleft{
	width:330px;
	height:auto;
	background:#ffffff;
	float:left;
}

#undermenuboxright{
	width:330px;
	height:auto;
	background:#ffffff;
	float:left;
}


.smallsize{
	font-size:0.8em;
}

.orange{
	color:#FF8000;
}


.pink{
	color:#E88C8E;
}

.brown{
	color:#6A3500;
}

.red{
	color:#ff0000;
}

.big{ 
        font-size:1.5em;
	font-weight:700;
}

#right{
	width:330px;
	height:auto;
	background:#ffffff;
	float:left;
	border-style:ridge;
}


#right h2{
	margin:0;
	padding:10px;
	font-size:1.2em;
}

#right p{
	margin:0;
	padding:10px;	
}


.pright{
	width:230px;
	height:auto;
	float:left;
	
}


#pright h2{
	margin:0;
	padding:10px;
	font-size:1.2em;
}

#pright p{
	margin:0;
	padding:10px;	
}

.exp{
	font-size:0.8em;
	color:#8A8A8A;
}


#footer{
	width:1000px;
	height:100px;
	background:#ffffff;
	clear:both;
}


.script{
	padding-top:20px;
	padding-left:16px;;
}


.sidemenu{
	margin:10px auto;
	border-style:ridge;
}


#sidemenu ul li a:hover{
	color:#B4B4B4;
}


#footermenu{
	width:1000px;
	height:50px;
	background:#ffffff;
}

#footermenu ul li{
	padding:10px;
	float:left;
}

#footermenu ul li a:hover{
	color:#B4B4B4;
}

#eye-eye{
	width:440px;
	height:150px;
	background:#ffffff;
	float:left;
	margin:0 auto;

}

#camp{
	width:297px;
	height:194px;
	background:#ffffff;
	float:left;
	margin:0 auto;

}

#eye2{
	width:545px;
	height:300px;
	background:#ffffff;
	clear:both;
	margin:0 auto;

}

#eye3{
	width:730px;
	height:320px;
	background:#ffffff;
      clear:both;
	margin:0 auto;
	
}


#eye4{
	width:730px;
	height:150px;
	background:#ffffff;
	clear:both;
	margin:0 auto;

}

#HAAB2{
	width:500px;
	height:351px;
	background:#ffffff;
	clear:both;
	margin:0 auto;
}	
	
	#HAAB3{
	width:550px;
	height:300px;
	background:#ffffff;
	clear:both;
	margin:0 auto;
}	

#HAAB4{
	width:552px;
	height:666px;
	background:#ffffff;
	clear:both;
	margin:0 auto;
}	

#artmake1{
	width:448px;
	height:324px;
	background:#ffffff;
	clear:both;
	margin:0 auto;
}	

#artmake2{
	width:448px;
	height:680px;
	background:#ffffff;
	clear:both;
	padding-top:20px;
	margin:10px auto;
}	

#am1{
	width:240px;
	height:110px;
	background:#ffffff;
        float:left;
	margin:5px;
}	

#am2{
	width:240px;
	height:110px;
	background:#ffffff;
        float:left;
	margin:5px;
}	

#am3{
	width:240px;
	height:110px;
	background:#ffffff;
        float:left;
	margin:5px;
}	

#am4{
	width:240px;
	height:110px;
	background:#ffffff;
        float:left;
	margin:5px;
}	

#am5{
	width:240px;
	height:110px;
	background:#ffffff;
        float:left;
	margin:5px;
}	

#am6{
	width:240px;
	height:110px;
	background:#ffffff;
        float:left;
	margin:5px;
}	

#cos1{
	width:435px;
	height:151px;
	background:#ffffff;
        clear:both;
}	

#cos2{
	width:305px;
	height:145px;
	background:#ffffff;
        clear:both;
	margin:0 auto;
}	

#cos3{
	width:80px;
	height:84px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}	

#cos4{
	width:80px;
	height:84px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}

#cos5{
	width:81px;
	height:81px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}	

#cos6{
	width:76px;
	height:91px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}	

#cos7{
	width:448px;
	height:291px;
	background:#ffffff;
        clear:both;
	margin:0 auto;
}

#cos8{
	width:62px;
	height:74px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}	

#cos9{
	width:76px;
	height:91px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}	

#cos10{
	width:74px;
	height:89px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}	

#cos11{
	width:78px;
	height:94px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}	

#cos12{
	width:75px;
	height:90px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}	

#cos13{
	width:86px;
	height:86px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}

#cos14{
	width:78px;
	height:78px;
	background:#ffffff;
      float:right;
	margin:0 auto;
}				
	
#ac1{
	width:300px;
	height:450px;
	background:#ffffff;
      float:left;
	margin:0 auto;
}			
	
#ac2{
	width:300px;
	height:450px;
	background:#ffffff;
   float:left;
	margin:0 auto;
}			
	
#ac3{
	width:300px;
	height:450px;
	background:#ffffff;
     float:left;
	margin:0 auto;
}		

#ac4{
	width:300px;
	height:450px;
	background:#ffffff;
    float:left;
	margin:0 auto;
}	

#N0{
	width:300px;
	height:250px;
	background:#ffffff;
    float:left;
	margin:0 auto;
}	

#N00{
	width:450px;
	height:250px;
	background:#ffffff;
    float:left;
	margin:0 auto;
}	



#N7{
	width:547px;
	height:410px;
	background:#ffffff;
   clear:both;
	margin:0 auto;
}		


		
#lo1{
	width:220px;
	height:292px;
	background:#ffffff;
    float:left;
	margin:0 auto;
	padding-left:20px;;
	padding-bottom:30px;;
}	

#lo2{
	width:220px;
	height:292px;
	background:#ffffff;
    float:left;
	margin:0 auto;	
	padding-left:20px;;
	padding-bottom:30px;;
	
	}
	
#lo3{
	width:220px;
	height:292px;
	background:#ffffff;
    float:left;
	margin:0 auto;	
	padding-left:20px;;
	padding-bottom:30px;;
	
	}


#jen1{
	width:280px;
	height:336px;
	background:#ffffff;
    float:left;
	margin:0 auto;	
	padding-left:20px;;
	padding-bottom:30px;;
	
	}
	
#pre1{
	width:505px;
	height:761px;
	background:#ffffff;
    float:left;
	margin:0 auto;	
	padding-left:20px;;
	padding-bottom:30px;;
	
	}
	
#pre2{
	width:490px;
	height:630px;
	background:#ffffff;
    float:left;
	margin:0 auto;	
	padding-left:20px;;
	padding-bottom:30px;;
	
	}
	
#pre3{
	width:476px;
	height:642px;
	background:#ffffff;
    float:left;
	margin:0 auto;	
	padding-left:20px;;
	padding-bottom:30px;;
	
	}
	
#pre4{
	width:482px;
	height:591px;
	background:#ffffff;
    float:left;
	margin:0 auto;	
	padding-left:20px;;
	padding-bottom:30px;;
	
	}
	
	
#map{
	width:528px;
	height:667px;
	background:#ffffff;
    float:left;
	margin:0 auto;	
	padding-left:100px;;
	padding-bottom:30px;;
	
	}	
	
	
#keipic{
	width:300px;
	height:310px;

	padding-top:20px;;
	padding-left:40px;;
}




/* ========TOTOP CUSTOMIZE========= */
.totop {
   text-align:right;
   margin-bottom:30px;
   font-size:70%;
   border-top:1px dotted #333333;
}

.totop a {
   padding:0 10px 0 12px;
   background:url("images/bg_totop.gif") 0 50% no-repeat;
}


h1#toph1 { 
   text-align:right;
   font-size:10px;
   line-height:10px ;
   margin-right:100px ;
}



/* ========TOTOP CUSTOMIZE end========= */




#slideshow { 
	position:relative; 
 }
	
#slideshow img { 
	position:absolute; top:0; left:0; z-index:8; 
}

#slideshow img.active { 
	z-index:10; 
}

#slideshow img.last-active { 
	z-index:9; 
}