/*ヘッダー*/
li.kojin a {
	display : block ;
	width : 170px ;
	height : 23px ;
	background-image : url("../images/common/tab_kojin_on.jpg");
	background-repeat : no-repeat ;
	}
	
a.houjin_tab {
	display : block ;
	width : 170px ;
	height : 23px ;
	background-image : url("../images/common/tab_houjin_off.jpg");
	background-repeat : no-repeat ;
	}

/*タブ*/
ul.tab_patio {
	display : block ;
	width : 720px ;
	height : 70px ;
	margin-left : 14px ;
	background-image : url("../images/patio/tab_base_kojin4.jpg");
	background-repeat : no-repeat ;
	}
	
ul.tab_patio:after {
	content : ".";
	display : block;
	clear : both;
	height : 0;
	visibility : hidden;
	}
	
ul.tab_patio li {
	float : left ;
	}
	
li.patio1 a {
	display : block ;
	width : 50px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu1.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio1-on a {
	display : block ;
	width : 50px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu1-on.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio2 a {
	display : block ;
	width : 71px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu2.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio2-on a {
	display : block ;
	width : 71px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu2-on.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio3 a {
	display : block ;
	width : 160px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu3.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio3-on a {
	display : block ;
	width : 160px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu3-on.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio4 a {
	display : block ;
	width : 72px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu4.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio4-on a {
	display : block ;
	width : 72px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu4-on.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio5 a {
	display : block ;
	width : 114px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu5.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio5-on a {
	display : block ;
	width : 114px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu5-on.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio6 a {
	display : block ;
	width : 115px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu6.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio6-on a {
	display : block ;
	width : 115px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu6-on.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}
	
li.patio7 a {
	display : block ;
	width : 62px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu7.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}

li.patio7-on a {
	display : block ;
	width : 62px ;
	height : 25px ;
	background-image : url("../images/patio/kojin4-menu7-on.jpg");
	background-repeat : no-repeat ;
	margin : 44px 0px 0px 1px ;
	}

/*コンテンツ*/
div.patio_box {
	width : 675px ;
	margin : 30px 0px 0px 38px ;
	*margin : 30px 0px 50px 38px ;
	}
	
div.patio_box2 {
	width : 675px ;
	margin : 30px 0px 0px 0 ;
	*margin : 30px 0px 50px 0 ;
	}
	
div.patio_box h2 {
	background-image : url("../images/patio/midashi_patiotokutyou_kojin4.jpg") ;
	background-repeat : no-repeat ;
	width : 675px ;
	height : 26px ;
	margin : 0px 0px 20px ;
	}
	
div.patio_box h2.service {
	background-image : url("../images/patio/midashi_serviceandprice_kojin4.jpg") ;
	background-repeat : no-repeat ;
	width : 675px ;
	height : 26px ;
	margin : 30px 0px 20px ;
	}
	
div.patio_box h2.facility {
	background-image : url("../images/patio/midashi_shisetuinfo_kojin47.jpg") ;
	background-repeat : no-repeat ;
	width : 675px ;
	height : 26px ;
	margin : 30px 0px 20px ;
	}
	
div.patio_box h2.access {
	background-image : url("../images/patio/midashi_syozaichi_kojin4.jpg") ;
	background-repeat : no-repeat ;
	width : 675px ;
	height : 26px ;
	margin : 30px 0px 20px ;
	}
	
div.patio_box h2.news {
	background-image : url("../images/patio/midashi_news_wide_kojin4.jpg") ;
	background-repeat : no-repeat ;
	width : 675px ;
	height : 26px ;
	margin : 30px 0px 20px ;
	}
	
div.patio_box h2.event {
	background-image : url("../images/patio/midashi_event_wide_kojin4.jpg") ;
	background-repeat : no-repeat ;
	width : 675px ;
	height : 26px ;
	margin : 30px 0px 20px ;
	}
	
table.tokucyo {
	border : none ;
	width : 665px ;
	margin-left : 10px ;
	margin-bottom : 30px ;
	}
	
table.accessinfo {
	border : none ;
	width : 650px ;
	margin-left : 10px ;
	margin-bottom : 30px ;
	}
	
table.accessinfo td{
	border : none ;
	padding : 5px;
	font-size: 12px;
	color: #666;
	}
	
table.accessinfo td.map{
	border : none ;
	text-align: center;
	}
	
td.icon {
	width : 110px ;
	height : 55px ;
	padding-top : 4px ;
	}
	
table.tokucyo td {
	font-weight : normal ;
	font-size : 12px ;
	color : #666666 ;
	}
	
table.tokucyo td.icon {
	width: 110px;
	}
	
table.tokucyo td.image {
	width: 180px;
	}
	
table.tokucyo td.txt {
	width: 375px;
	}
	
table.tokucyo td span {
	font-weight : bold ;
	font-size : 13px ;
	}
	
ul.icon_image {
	float : left ;
	margin : 0px 10px ;
	*margin : 3px 10px 0px ;
	}
	
ul.icon_image li {
	margin : 3px 0px 20px ;
	*margin : 3px 0px 28px ;
	}
	
ul.tokucyo {
	color : #666666 ;
	}
	
ul.tokucyo:after {
	content : ".";
	display : block;
	clear : both;
	height : 0;
	visibility : hidden;
	}

ul.tokucyo h3 {
	font-size : 13px ;
	}
	
ul.tokucyo p {
	margin-bottom : 17px ;
	*margin-bottom : 19px ;
	font-size : 12px ;
	*font-size : 11px ;
	}
	
td.kyosan {
	height : 80px ;
	background-image : url("../images/patio/bg-kyouasnkigyou-kojin4.jpg");
	background-repeat : no-repeat ;
	background-position : 0px 0px ;
	font-weight : normal ;
	width: 665px;
	}
	
td.kyosan p {
	margin-left : 50px ;
	margin-right: 20px;
	line-height : 1.7em ;
	font-size : 11px ;
	*font-size : 12px ;
	}
	
td.kyosan .right {
	text-align: right;
	margin-right: 20px;
	}
	
td.kyosan a {
	font-size : 11px ;
	color : #666666 ;
	}

div#patio_news {
	margin-top: 25px;
}

dl.news {
	display : block ; 
	float : left ;
	}
	
dl.news dt {
	display : block ;
	width : 320px ;
	height : 26px ;
	background-image : url("../images/patio/midashi_news_kojin4.jpg");
	background-repeat : no-repeat ;
	}
	
dl.news ul {
	margin-top : 5px ;
	}
	
dl.news li {
	width : 298px ;
	margin-bottom : 3px ;
	_margin-left : 10px ;
	*margin-bottom : 6px ;
	padding : 0px 0px 2px 20px ;
	background-image : url("../images/common/line_dash.jpg") ;
	background-repeat : no-repeat ;
	background-position : bottom ;
	}
	
dl.news a {
	font-size : 12px ;
	color : #666666 ;
	padding-left : 14px ;
	background-image : url("../images/common/triangle_green.jpg") ;
	background-repeat : no-repeat ;
	background-position : 0px 4px ;
	*background-position : 0px 3px ;
	}
	
dl.event {
	margin-left : 355px ;
	_margin-left : 345px ;
	}
	
dl.event dt {
	width : 320px ;
	height : 26px ;
	background-image : url("../images/patio/midashi_eventreport_kojin4.jpg");
	background-repeat : no-repeat ;
	}
	
dl.event ul {
	margin-top : 5px ;
	}
	
dl.event li {
	width : 298px ;
	margin-bottom : 3px ;
	_margin-left : 10px ;
	*margin-bottom : 6px ;
	padding : 0px 0px 2px 20px ;
	background-image : url("../images/common/line_dash.jpg") ;
	background-repeat : no-repeat ;
	background-position : bottom ;
	}
	
dl.event a {
	font-size : 12px ;
	color : #666666 ;
	padding-left : 14px ;
	background-image : url("../images/common/triangle_yellow.jpg") ;
	background-repeat : no-repeat ;
	background-position : 0px 4px ;
	*background-position : 0px 3px ;
	}
	
dl.event:after {
	content : ".";
	display : block;
	clear : both;
	height : 0;
	visibility : hidden;
	margin-bottom : 50px ;
	}
	
img.phone_no {
	margin-left : 40px ;
	}

p.narrow {
	margin: 0 15px 0 15px;
	font-size: 12px;
	line-height: 1.4em;
	color: #666;
}

.midashi-ribbon1 {
	height: 28px;
	width: 104px;
	background-image : url("../images/patio/midashi_y_kihonryoukin_kojin4.jpg");
	margin: 15px 0 15px 15px;
	clear:both;
}

.midashi-ribbon2 {
	height: 28px;
	width: 204px;
	background-image : url("../images/patio/mdiashi_y_drinkfood_kojin4.jpg");
	margin: 15px 0 15px 15px;
	clear:both;
}

.midashi-ribbon3 {
	height: 28px;
	width: 124px;
	background-image : url("../images/patio/midashi_y_space_kojin4.jpg");
	margin: 15px 0 15px 15px;
	clear:both;
}

.midashi-ribbon4 {
	height: 28px;
	width: 124px;
	background-image : url("../images/patio/midashi_y_box_kojin4.jpg");
	margin: 15px 0 15px 15px;
	clear:both;
}

.midashi-ribbon5 {
	height: 28px;
	width: 104px;
	background-image : url("../images/patio/midashi_y_event_kojin4.jpg");
	margin: 15px 0 15px 15px;
	clear:both;
}

.midashi-ribbon6 {
	height: 28px;
	width: 104px;
	background-image : url("../images/patio/midashi_y_other_kojin4.jpg");
	margin: 15px 0 15px 15px;
	clear:both;
}

.setsumei {
	width: 580px;
	margin: 0 0 15px 40px;
	font-size: 12px;
	color: #666;
	}
	
.setsumei img{
	margin: 10px 0 10px 0;
	}

.orange {
	font-size: 13px;
	font-weight: bold;
	color: #FF6600;
	}
	
.orange_mini {
	color: #FF6600;
	}
	
.gray {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	}
	
.normal {
	font-size: 12px;
	color: #666;
	}
	
.caption {
	font-size: 11px;
	color: #666;
}

table.price,table.space {
	width: 530px;
	margin: 0 0 10px 70px;
	padding: 0px;
}

table.price th{
	width: 170px;
	color: #666;
	font-size: 12px;
	border: 1px solid #CCC;
	padding: 3px 0 3px 0;
	background-color: #FFEDB5;
	text-align: center;
}

table.price td{
	border: 1px solid #CCC;
	padding: 3px 5px 3px 5px;
}

table.price td.price,table.space td{
	border: 1px solid #CCC;
	padding: 3px 0 3px 0;
	text-align: center;
	color: #666;
	font-size: 12px;
}

table.space td.useless {
	width: 100px;
	background-color: #CCC;
}

table.space th{
	width: 100px;
	color: #666;
	font-size: 12px;
	border: 1px solid #CCC;
	padding: 3px 0 3px 0;
	background-color: #FFEDB5;
	text-align: center;
}

.rentalbox {
	width: 420px;
	height: 70px;
	background : url("../images/patio/bg_rentalbox.jpg") top left no-repeat;
	margin: 10px 0 10px 0;
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

.rentalbox p{
	margin: 8px 0 4px 20px;
}

.setsumei ul {
	margin: 15px 0 15px 20px;
}

.setsumei li {
	list-style: circle;
}

.setsumei a {
	color: #666;
	text-decoration: underline;
}

/*VOICE*/

div.patio_box2 h2.voice {
	background-image : url("../images/patio/midashi_uservoice_kojin4.jpg");
	background-repeat : no-repeat ;
	width : 675px ;
	height : 26px ;
	margin : 20px 0px 15px 38px ;
	}
	
div.voice {
	clear : both ;
	width : 675px ;
	margin-left : 38px ;
	background-image : url("../images/has/bg-kiji-header.gif") ;
	background-repeat : no-repeat ;
	background-position : top center ;
	padding-top : 20px ;
	margin-bottom : 20px ;
	}
	
ul.voices {
	background-image : url("../images/has/bg-kiji-body.gif");
	width : 675px ;
	height : auto ;
	}
	
ul.voices li {
	float : left ;
	margin-left : 20px ;
	}
	
ul.voices:after {
	content : url("../images/has/bg-kiji-bottom.gif");
	display : block;
	clear : both;
	height : 20px;
	}
	
*div.ie_wide {
	background-image : url("../images/has/bg-kiji-bottom.gif") ;
	background-repeat : no-repeat ;
	background-position : bottom 38px ;
	padding-bottom : 20px ;
	margin-bottom : 20px ;
	}

li.images {	
	display : block ;
	padding : 10px 10px ;
	background-image : url("../images/has/bg-photo.jpg") ;
	background-repeat : no-repeat ;
	}
	
li.text {
	display : block ;
	width : 450px ;
	color : #666666 ;
	}
	
p.title {
	float : left ;
	font-size : 13px ;
	height : 20px ;
	margin-right : 20px ;
	*margin-right : 10px ;
	padding : 5px 0px 0px ;
	_padding-top : 0px ;
	width: 260px;
	}

p.user {
	font-size : 12px ;
	height : 40px ;
	background-image : url("../images/patio/one_point.jpg") ;
	background-repeat : no-repeat ;
	background-position : 260px ;
	*background-position : 0px ;
	padding : 8px 0px 0px ;
	*padding-left : 30px ;
	_padding-top : 5px ;
	}
	
p.comment {
	clear : both ;
	margin-top : 10px ;
	font-size : 12px ;
	}

/* NEWS */

div.news {
	clear : both ;
	width : 660px ;
	height : 270px ;
	padding-top : 5px ;
	margin-bottom : 20px ;
	border-bottom: 1px solid #CCC;
	margin-left: 5px;
	}
	
div.news-detail {
	clear : both ;
	width : 660px ;

	margin-bottom : 20px ;
	}
	
div.news a,div.news-detail a{
	color: #0066CC;
	}
	
div.images {	
	display : block ;
	width: 270px;
	margin-left: 15px;
	float: left;
	overflow: hidden;
	}
	
div.images-detail {	
	margin-left: 15px;
	}
	
div.text {
	display : block ;
	width : 360px ;
	color : #666666 ;
	float:left;
	}

div.text-detail {
	display : block ;
	color : #666666 ;
	padding: 10px;
	font-size: 12px;
	line-height: 1.4em;
	}

.newstitle {
	color: #666;
	font-size : 13px ;
	font-weight: bold;
	clear:both;
	padding-left: 40px;
	padding-top: 9px;
	height:35px;
	margin-bottom: 5px;
	background: url("../images/patio/patio_logo_mini.jpg") left center no-repeat;
	}
	
.newstitle-detail {
	font-size : 13px ;
	font-weight: bold;
	clear:both;
	padding-left: 15px;
	border-left: 3px solid #88FFD6;
	margin-bottom: 15px;
	color: #666;
	}
	
.news .comment {
	clear : both ;
	margin-top : 10px ;
	font-size : 12px ;
	}

*div.ie_short_blog {
	clear : both ;
	margin : 24px 0px 24px 18px ;
	padding-bottom : 20px ;
	background-repeat : no-repeat ;
	background-position : bottom left ;
	}
	
*div.ie_wide_blog {
	padding-bottom : 20px ;
	margin-bottom : 20px ;
	}
	
.drinkprice{background:#fcbd00;padding:10px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
	margin:0 0 20px;}
.drinkprice table th,.drinkprice table td{text-align:left;font-size:100%;padding-left:10px;font-weight:normal;}
.drinkprice table td{text-align:right;vertical-align:top;}
.drinkmidashi{border-top:2px dotted #fcbd00;border-bottom:2px dotted #fcbd00;padding:1px 10px 1px;color:#666;
	clear:both;margin:0 0 5px;width:70px;text-align:center;}
.drinkmidashi span{color:#fcbd00;}