@charset "utf-8";
/***************************
00 clearfix
01 reset
02 base layout
03 globalnavigation
***************************/


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

/* Hides from IE-mac _*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End from IE-mac _*/


/*----------------------------------
=01 reset 
----------------------------------*/


dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0;
	} 

body{  
	margin:0 ; 
	padding:0;
	text-align:center;
	font-size:12px;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3" sans-serif;
	line-height:2.0;
	color:#ddd;
	background:#1B1612;
	}

table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 

address,caption,cite,code,dfn,em,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 

h1,h2,h3,h4,h5,h6 {
	font-size:100%; 
    font-weight:normal;
	line-height:1.0;
	}
	
fieldset,img {border:0;} 	 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
q:before,q:after {content:'';} 
abbr,acronym { border:0;}

a:link{color:#ddd;}
a:hover{color:#ddd; text-decoration:none;}
a:active{color:#ddd;}
a:visited{color:#ddd;}

/* 摜̃Xy[X */
li img,
dt img,
dd img{
vertical-align:top;}


/*----------------------------------
=02 base layoout
----------------------------------*/
#header{
	position:relative;
	width:800px;
	margin:0 auto 0px;
	}
	
#header h1{
	z-index: 10;
	}

#header h2{
	position:absolute;
	top:30px;
	left:30px;
	line-height:1.6;
	color:#fff;
	z-index: 100;
	}

ul#snavi{
	position:absolute;
	top:0px;
	right:0px;
	z-index: 100;
	margin:0;
	padding:0;
	}

ul#snavi li{
	display:inline;
	margin-right:10px;
	line-height:0.5;
	}

#container{
	width:800px;
	margin:0 auto; 
	padding:0;
	text-align:left;
	background:#1B1612;
	}
	
.pankuzu{
	font-size:10px;
	color:#ddd;
	text-align:right;
	line-height:1.5;
	padding:6px 10px 7px;
	margin-bottom:10px;}

.pankuzu a:link,
.pankuzu a:hover,
.pankuzu a:active,
.pankuzu a:visited{
		color:#ddd;}
	


#cont #left{
	float:left;
	width:575px;
	}

#cont #right{
	float:right;
	width:195px;
	margin:0 auto;
	}

#contbnr{
	text-align:center;}

#contbnr li{
	margin-bottom:10px;}


#cont #left h2{
	margin:0 0 30px 20px;}

#cont #left h2#about-t{
	margin:0 0 20px 20px;}



/*----------------------------------
=03 footer
----------------------------------*/

#footer{
	font-size:10px;
	margin:15px 0 0;
	padding-bottom:10px;
	line-height:0;
	}

#footer p.pagetop{
	text-align:right;
	margin:0 0px 0 0;
	padding:0;}

#footer .links{
	padding:7px 20px;
	border-top:1px solid #30261E;}

#footer .links ul.links-l{
	float:left;
	width:65%;
	}

#footer .links ul.links-r{
	float:right;
	width:34%;
	text-align:right;}
	
#footer .links ul.links-l li{
	display:inline;
	background:url(../img/icon_link.gif) no-repeat left 0em;
	padding:0px 0 0px 15px;
	margin-right:15px;
	line-height:1.5;}

#footer .links ul.links-r li{
	display:inline;
	line-height:1.5;
	margin-left:10px;
	background:url(../img/icon_foot-link.gif) no-repeat left 0.25em;
	padding-left:10px;}

#footer #access{
	border-top:1px solid #30261E;
	border-bottom:1px solid #30261E;
	padding:10px 0 10px 55px;
	font-size:10px;
	line-height:1.5;
	letter-spacing:0.05em;
	background:url(../img/logo_pingpong.gif) no-repeat 18px center;}

#footer address{
	margin:8px 10px 5px;
	line-height:1.5;
	text-align:center;
	letter-spacing:0.05em;
	}
	



/*----------------------------------
=03 top
----------------------------------*/



#top h3{
	margin:20px 0 10px 0;}

#top #left{
	float:left;
	width:541px;
	}

#top #right{
	float:right;
	width:233px;
	margin-left:10px;
	}

#top #left dl,
#top #right dl{
	background: url(../img/bg_dot-br.gif) repeat-x bottom;
	padding-bottom:5px;
	margin:0 10px 5px 13px;
	line-height:1.5;
	}

#top #left dl dt,
#top #right dl dt{
	float:left;
	width:45px;
	margin-right:15px;
	}
	
#top #left dl dd,
#top #right dl dd{
	float:left;
	width:316px;
	}
	
#top #left dl dd img,
#top #right dl dd img{
	margin-left:5px;
	}

#top h4{
	margin:20px 0 0 0;}

#top #right ul{
    background-color:#504c49;
	margin:0;
	}
#twitter_update_list{
    line-height:1.5em;
	padding:5px 10px;
}
#twitter_update_list li{
    padding:8px 0;
	border-bottom:1px dotted #9d9b99;
}

#topbnr ul{
	margin:0;
	}

#topbnr li{
	float:left;
	margin:0 10px 10px 0;
	}







/*----------------------------------
=03 about
----------------------------------*/

p.aboutcopy{
	margin:0 0 30px 35px;}

#about{
	width:496px;
	margin:0 auto;}

#about p.pingpong{
	text-align:center;
	margin:25px auto 20px;}

#about #sapporo h2{
	margin:0px;
	padding:0 0 20px 0;
	background:url(../img/bg_about-sapporo.gif) top;
	text-align:left;}

#about #sapporo p{
	text-align:center;
	padding:15px 0 40px;
	background:url(../img/bg_about-sapporo.gif) top;}


#about #sapporo table#thumb{
	margin:0 auto 20px;}

#about #sapporo table#thumb td{
	border:1px solid #30261E;}

#about #sapporo table#gaiyo{
	margin:0 auto 60px;
	width:480px;}

#about #sapporo #gaiyo th{
	padding:7px 0px 7px 8px;
	vertical-align:top;
	white-space:nowrap;
	font-weight:bold;
	background:url(../img/bg_dot-br.gif) repeat-x bottom;
	}

#about #sapporo #gaiyo td{
	padding:7px 5px 7px 15px;
	background:url(../img/bg_dot-br.gif) repeat-x bottom;
	}



#about #nakame p{
	text-align:center;
	padding:15px 0 40px;
	margin-bottom:50px;
	background:url(../img/bg_about-sapporo.gif) top;}


#about #bunshitsu{
	width:502px;
	margin-bottom:50px;}

#about #bunshitsu h3{
	text-align:center;
	margin-bottom:15px;}

#about #bunshitsu dl{
	background:#110f0e;
	border:1px solid #3B2F25;
	padding:13px;
	line-height:1.5;
	margin-bottom:10px;}


#about #bunshitsu dt{
	width:190px;
	float:left;
	}

#about #bunshitsu dd{
	width:270px;
	font-size:10px;
	float:left;}



/*----------------------------------
=03 company
----------------------------------*/

#company{
	margin-top:30px;}

.mamma{
	text-align:center;
	margin:0 auto 30px;}

#company table{
	width:510px;
	margin:0 auto 50px;
	background:url(../img/bg_dot-br.gif) repeat-x bottom;
	}

#company tr{
	background:url(../img/bg_dot-br.gif) repeat-x top;
	}


#company th{
	vertical-align:top;
	font-weight:bold;
	padding:7px 0 7px 8px;}

#company td{
	padding:7px 0 7px 10px;}
	
#company .tenpoline{
border:#493a33 solid 1px;
margin:10px 0 10px;
padding:5px;}


#company td p#ouchi{
	background:url(../img/logo_ouchi.gif) no-repeat left center;
	padding:5px 5px 5px 180px;
	font-size:10px;
	line-height:1.5;}


#company td p#nakame{
	background:url(../img/logo_nakame-s.gif) no-repeat left center;
	padding:5px 5px 5px 180px;
	font-size:10px;
	line-height:1.5;}
	
#company td p#kanren{
background:url(../img/bg_dot-br.gif) repeat-x top;
padding:8px 0 5px 3px; }
	
	

/*----------------------------------
=03 rental
----------------------------------*/

#rental{
	width:510px;
	margin:0 auto;}


#rentalguide{
	margin:0 10px 50px;}


#rentalguide h4{
	background:#000 url(../img/icon_rental.gif) no-repeat 10px 0.85em;
	line-height:2.3;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:23px;}
	
#rentalguide p{
	margin:0 23px 25px;}

#rentalguide p.rentaltime{
	margin:0 23px 5px;}


#rentalguide ul.caution2{
	margin:0 23px 25px;}
	
#rentalguide ul.caution2 li{
	background:url(../img/icon_caution.gif) no-repeat left 0.6em;
	padding-left:15px;}

#rentalguide ul.caution{
	margin:0 5px;}
	
#rentalguide ul.caution li{
	background:url(../img/icon_caution.gif) no-repeat left 0.6em;
	padding-left:15px;}


#rentalguide .btn{
	margin:30px auto 0;
	text-align:center;}
	
	

#rental2{
	width:520px;
	margin:0 auto;}
	




.rental-l{
	float:left;
	width:250px;
	margin:0 25px 0px 0;
	padding-bottom:30px
	}

.rental-r h3{
	margin:0 0 10px 0;}

.rental-r p{
	padding:0px 0 0 0px;}

.rental-r{
	float:left;
	width:240px;
	margin-bottom:20px;}




.rentalbox{
	margin-bottom:50px;}

#rental2 dl.riyou{
	background:url(../img/bg_dot-br.gif) repeat-x top;
	padding:7px 5px 7px 8px;
}


#rental2 dl dt{
	float:left;
	font-weight:bold;
	width:85px;}


#rental2 dl dd{
	float:left;
	width:410px;}


#rental2 p.dotbtn{
	background:url(../img/bg_dot-br.gif) repeat-x top;
	padding-top:15px;
}

#rental2 p.dotbtn img{
	margin-right:10px;
	margin-bottom:20px;}
	
#rental2 p.contact{
	margin:0px 0 10px 10px;}

#rental2 p.linkbtn{
	margin-left:10px;}

#rental2 p.linkbtn img{
	margin-right:10px;
}

#rental2 #rentalph{
	background:url(../img/bg_dot-br.gif) repeat-x top;
	padding-top:25px;
}

#rental2 table{
	width:505px;
	margin:0 auto 10px;
	}

#rental2 td{
	border:1px solid #30261e;
	}