@charset "utf-8";


/* CSS Document */

/****************************************************************************

 Reset 
 
*****************************************************************************/

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
	font-size: 100%;
}

a, ins {
	text-decoration: none;
}

address, em, cite, dfn, var {
	font-style: normal;
}

input, textarea {
	font-family: sans-serif;
	font-weight: normal;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
}


/****************************************************************************

Utility
 
*****************************************************************************/

iframe{ overflow-y : hidden ;}

.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 hide form IE-mac */


.visuallyhidden {
    position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;   
}


	
.float-right{
	float:right;
}

.float-left{
	float:left;
}

.hide ,.none {
    display: none;
}
  
.show {
    display: block;
}


.noborder{
	border-bottom:none!important;
}

.red{
	color:#C00!important;
}

.lastchild{
	margin-right:0 !important;
}

.topicpath{
	display:block;
	width:100%;
	height:1em;
	margin-bottom:30px;	
	
}

table td p{
	padding:0 !important;	
	
}


/****************************************************************************

Setting
 
*****************************************************************************/

html,body{
height: 100%;
}

body {
	font-size: 13px;
	color: #222;
	font-family: 'メイリオ','Mayryo','ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	background-image:url(http://izako-dc.com/wp-content/themes/izakayastyle/images/bg_all.jpg);
	background-repeat:repeat;
}


* html body { /* for IE6 */
	font-size: small;
}
	
*:first-child+html body { /* for IE7 */
	font-size: small;
}

ul {
	list-style-position: outside;
	list-style-type: none;
}


ol {
	list-style-position: outside;
}

	
table {
	border-collapse: collapse;
}

table td{
	vertical-align:top;
	}

br{letter-spacing:0;}

a{text-decoration:none;}

a:hover{text-decoration:underline;}

p{margin-bottom:25px;}

/*****************************************************************************

 Header
 
 ******************************************************************************/

#header{
	width:320px;
	height:auto;
	margin:0 auto 20px;
	background-image:url(../images/bg-header.png);
	background-repeat:repeat;
	padding-top:5px;
	padding-bottom:15px;
}

#header-left{
	width:320px;
	height:auto;
	float:left;
	padding:inherit;
}

#header-right{
	width:320px;
	height:159px;
	float:left;
	padding:inherit;	
	margin-bottom:15px;
}

#page-sub-logo{
	display:none;
}

#page-sub-logo2{
	
}


#logo{
	width:300px;
	height:178px;
	margin:0 auto 5px;	
	
}

#logo h1 a{
	width:300px;
	height:178px;
	background-size:cover;
	display:block;
	background-image:url(../images/toplogo.png);	
	text-indent:-9999px;
	background-repeat:no-repeat;
}

#sublogo{
	width:300px;
	height:31px;
	margin:0 auto;	
}

#sublogo img{
	width:300px;
	height:auto;
}

#eventbannertxt{
	display:none;
}

#top-movie{
	width:320px;
	height:159px;
	padding:0;
	background-color:#0B308E;
	margin:-20px 0 0;

}



#top-movie-diplay{
	width:100%;
	height:100%;
	background-color:#000;
	position:relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}


#top-movie-display iframe{
 position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
 }
	


#page-header{
	width:320px;
	height:150px;
	margin:0 auto 20px;	
	position:relative;
		background-image:url(../images/bg-header.png);
	background-repeat:repeat;
	
}

#pagelogo{
	background-image:url(../images/pagelogo.png);
	width:232px;
	height:129px;
	position:absolute;
	top:50%;
	left:50%;
	
}

#pagelogo a{
	background-image:url(../images/pagelogo.png);
	width:232px;
	height:129px;
	background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;
	
}

#page-sub-logo2{
	display:none;	
}

/*****************************************************************************

Globalnav
 
 ******************************************************************************/



#navGlobal{
	width:320px;
	height:auto;
	margin:0 auto 20px;	

}

#navGlobal ul li{
	height:auto;
	float:inherit;	
	margin-right:0;
	
}

#navGlobal ul li:last-child{
	margin-right:0;

}

#navGlobal ul li.navg01 a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/daicircus.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;
		float:left;
		margin-bottom:10px;

}

#navGlobal ul li.navg01 a:hover,#navGlobal ul li.navg01.current_page_item a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/daicircus_ov.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}

#navGlobal ul li.navg02 a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/kaisaigaiyou.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;
		float:right;
		margin-bottom:10px;

}

#navGlobal ul li.navg02 a:hover,#navGlobal ul li.navg02.current_page_item a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/kaisaigaiyou_ov.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}

#navGlobal ul li.navg03 a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/sankabuusu.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		float:left;
		display:block;
		margin-bottom:10px;

}


#navGlobal ul li.navg03 a:hover,#navGlobal ul li.navg03.current_page_item a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/sankabuusu_ov.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}


#navGlobal ul li.navg04 a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/shinchaku.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;
		float:right;
		margin-bottom:10px;
	

}



#navGlobal ul li.navg04 a:hover,#navGlobal ul li.navg04.current_page_item a{
		width:155px;
		height:50px;
		background-image:url(../images/shinchaku_ov.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}


#navGlobal ul li.navg05{
	margin-right:0!important;
}

#navGlobal ul li.navg05 a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/otoiawase.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;
		float:left;
		margin-bottom:10px;

}

#navGlobal ul li.navg05 a:hover,#navGlobal ul li.navg05.current_page_item a{
		width:155px;
		height:50px;
		background-size:cover;
		background-image:url(../images/otoiawase_ov.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}




#navGlobal ul li a:hover, #navGlobal ul li.current_page_item a{
		
}




#container{
	width:320px;
	margin:0 auto;
	position:relative;
	z-index:1;
}

#topmain{
	float:inherit;
	width:320px;
	padding-bottom:25px;
}

#topsidebar{
	float:inherit;
	width:320px;
}


#pagemain{
	float:inherit;
	width:300px;
	padding-left:0;
	margin:0 auto;
	padding-bottom:30px;
	background-color:#FFF;
}

#pagemain h2{
	font-size:	21px;
	color:#006;
	
}

#pagemain img{
	
	margin-bottom:10px;
}

#pagemain p{
	width:100%;
	display:block;
	margin-bottom:15px;	
}
#sidebar{
	float:inherit;
	width:300px;	
	margin:0 auto 30px;
		
	
}

#sidebar-bg{
	width:100%;
	height:auto;
	background-color:#FFF;
	padding-bottom:25px;
}


#sidebn{
	width:200px;
	margin:0 auto;
	padding:0;
}


#topsidebar img,#sidebn img{
	xwidth:200px;
}



/*****************************************************************************

toppage
 
 ******************************************************************************/

#topnews{
	width:320px;
	height:auto;
	margin-bottom:30px;
}

#topnews h3{
	background-image:url(../images/title_news.png);
	width:320px;
	height:27px;
	text-indent:-9999px;
	display:block;
	background-repeat:no-repeat;
	margin-bottom:20px;
	background-position:left;
	
}

#topnews table{
	width:300px;
	margin:0 auto;	
}

.topnewslink{
	width:300px;
	margin:0 auto;
}

#topnews table tr th{
	padding:5px 0 5px;
	
	}
	
#topnews table tr td{
	padding:5px 0px 5px 12px;
}


#pagewrapper{
	width:100%;
	height:auto;
	background-image:inherit;
	background-repeat:inherit;
	position:relative;
}


#topfb{
	width:320px;
	padding:0;	
}

.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style]{ 
	width:320px !important;
	margin:0 auto !important;	
}


/*****************************************************************************

page-top
 
 ******************************************************************************/


#page-top{
	width:127px;
	height:108px;
	position:absolute;
	bottom:-15px;;
	right:0;	
	
}

#page-top a{
		width:127px;
	height:108px;
	display:block;
	background-image:url(http://izako-dc.com/wp-content/themes/izakayastyle/images/bt_to_top.png);
	text-indent:-9999px;
	background-repeat:no-repeat;	
	
}


/*****************************************************************************

Footer
 
 ******************************************************************************/

#footer{
	width:320px;
	position:inherit;
	bottom:inherit;
	right:inherit;
}



#footerfooter{
	width:100%;
	text-align:center;
	font-size:11px;
	
}

/*****************************************************************************

Sidebar
 
 ******************************************************************************/

#topsidebar{
		width:200px;
		height:auto;
		margin: 0 auto 30px;
}

.sidebanner_wrap_h{
	width:220px;
	
}



#sidenews{
	width:260px;
	margin-bottom:30px;	
	
}

#sidenews h3{
	background-image:url(../images/shinchakubar2.jpg);
	width:260px;
	height:27px;
	background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;
	margin-bottom:10px;	
}

#sidenews ul li{
	margin-bottom:5px;
}

#sidenews ul{
	margin-bottom:10px;
}



/****************************************************************************

content
 
*****************************************************************************/

.content {
	
	margin-top:10px;

}

.content img{
	width:100%;
	margin-bottom:10px;	
	
}
/*
記事本文エリアのフォーマット
editor-style.cssとあわせる部分
*/
.content p,
.content ul,
.content ol,
.content dl,
.content blockquote,
.content pre,
.content table {
	margin: 1em 0;
	line-height:1.8em;
}
.content ul,
.content ol {
	margin-left:30px;
}
.content ul {
	list-style:square;
}
.content strong {
	font-weight:600;
	
}
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
	margin:2em 0 1em;
}


.content h1{
	font-size:138.5%;
	letter-spacing:0.25em;
	border-bottom:dotted 1px #B8B8B8;
	margin-bottom:15px;
	display:block;
	width:100%;	
	}

.content h2 {
	font-size:138.5%;
	letter-spacing:0.25em;
}
.content h3 {
	font-size:123.1%;
	border-bottom:1px solid #CCCCCC;
	padding:3px 0;
}
.content h4 {

	font-size:120.7%;
			letter-spacing:0.15em;
			border-left:#888 4px solid;
			padding-left:1em;;
		}
		
.content h5 {
	font-size:100;
	font-weight:bold;
				border-left:#ccc 4px solid;
			padding-left:1em;
	
}

/* Tables */
.content table caption {
	font-weight:bold;
	text-align:left;
}
.content table {
	border: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	margin: 1em 0;
	width: 100%;
}
.content tr th {
	border: 1px solid #ddd;
	background-color:#eee;
	font-weight:bold;
	padding:5px;
}
.content td {
	border: 1px solid #ddd;
	padding:5px;
}

.content blockquote p{
	width:80%;
	margin:0 0 15px;
	padding:10px;
	background-color:#F0F0F0;
	}

.content blockquote ul{

}

/* 
Alignment 
画像の配置CSSをWordPressの指定と合わせる
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	width: auto;
	height: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 1.5em;
}

/* 
Caption 
キャプション付き画像のCSSをWordPressの指定と合わせる
*/
p img,
.wp-caption {
	margin-top: 0.4em;
	text-align:center;
}
.wp-caption {
	background-color: #eee;
	margin-bottom: 1.5em;
	padding: 5px 0;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:92.3%;
}
.wp-caption .wp-caption-text {
	margin:0;
	padding: 5px 5px 0 5px;
}


#boothwrap{
	margin-bottom:30px;
}

#boothbox{
	margin-bottom:30px;
	
}

#boothheader{
	margin-bottom:15px;	
}

#boothheader h2 img{
	width:300px;
	height:auto;
}

.area-list{
	float:left;	
}

.area-list ul li{
	margin-bottom:10px;	
}

.area-map{
	float:right;
	margin-right:50px;
	display:none;
}

.boothboxleft{
	float:left;
	width:300px;
	margin-bottom:10px;
	
}

.boothboxright{
	float:right;
	width:300px;
	
}

div.boothboximg img{
	width:300px;
	height:auto;
}

.boothboxtitlelower h3,.boothboxtitleupper{
	font-size:22px;	
	color:#3E3A39;
}



#boothcat{
	width:100%;
	height:15px;
	padding:10px 0 10px;
	text-align:center;
	margin-bottom:15px;
	color:#ffffff;	
}

.area_hokkaido{
background-color:#9BC1D4;
}

.area_tohoku{
	background-color:#85A1DB;
}

.area_kitakanto{
	background-color:#57D0B5;
}

.area_kanto{
	background-color:#A3CF59;
}

.area_hokurikukoshietsu{
	background-color:#E89B9B;
}

.area_tokai{
	background-color:#F8B761;
}

.area_kansai{
	background-color:#C598D2;
}

.area_tyushikoku{
	background-color:#8C95CF;
}

.area_kyushu{
	background-color:#EE6C6E;
}

.boothboxtitle{
	width:300px;
	height:auto;
	border-left:5px solid #9BC1D4;
	padding:0 0 0 10px;
	margin-bottom:15px;
}

.boothboxlist{
	margin-bottom:15px;	
}

.boothboxjiman{
	padding:10px;
	width:280px;
	background-color:#FFFAC6;	
}

.boothboxjiman h4{
	color:#11337F;
	font-size:13px;
	font-weight:bold;
}

.boothboxlist div h5{
	font-size:18px;
	color:#3E3A39;
	font-weight:normal;
}
	

#bn-ticket{
	width:100%;
	margin-bottom:15px;	
}

#bn-ticket img{
	width:100%;
	height:auto;	
}

#supportwrapa{
	width:300px;
}

.supportboxa01{
	float:inherit;
}

.supportboxa02{
	float:inherit;
}

#supportwrapb{
	width:300px;
	height:inherit;
	background-image:inherit;
	background-repeat:inherit;
}

#supportwrapa img, #supportwrapb img{
	width:100%;
}


.supportboxb01{
	float:inherit;
}

.supportboxb02{
	float:inherit;	
}

#contactwrap table{
	width:300px;
	margin:0 auto;
	border-collapse:collapse;
}



#contactwrap table th span{
	color:#F00;	
}


#contactwrap table th, #contactwrap table td{
	padding:10px;	
	border:1px solid #666;
		display:block;
}

.contactsubmit{
	width:100%;
	text-align:center;
	margin:10px 0 10px;	
}

#contactwrap table td textarea{
	box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
	max-width:280px;
}

#contactwrap table td input{

	box-sizing:border-box !important;
	-webkit-box-sizing:border-box !important;
	-moz-box-sizing:border-box !important;
		max-width:280px;
}

#supportbox{
		width:285px;
		float:left;
		padding:5px 10px 10px;
		-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(http://izako-dc.com/wp-content/themes/izakayastyle/css/border-radius.htc);
	margin-bottom:10px;
}

#supportlower{
	background-color:inherit;
-moz-border-radius: inherit;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    behavior:inherit;
}	




#blogwrap{
	width:300px;
	height:auto;
	float:inherit;
	margin:0 auto 10px;
}



#blogbox{
	width:100%;
	height:auto;
	padding:0 0 30px;
	margin-bottom:30px;
	border-bottom:1px dotted #ccc;
}

#blogtxt{
	float:inherit;
	width:300px;
}

#blogimg{
	float:inherit;
	width:100%;
	height:90px;
	overflow:hidden;
}

#blogimg img{
	max-width:300px;
	max-height:300px;
}

#blogtxt a{
	color:#043099;
}

#blogtxt h3, #blogwrap h3{
	padding:0;
	font-size:20px;
	margin-bottom:15px;
	color:#043099;
}

#blogdate{
	font-size:11px;
	color:#333;
	margin-top:15px;
}

.contents h2{
	margin-bottom:15px;
}


/*****************************************************************************

 Clearfix 
 
 ******************************************************************************/
#header,#navGlobal,#container,#topnews,#page-header,#sidenews,#pagewrapper,#sidebar-bg,#boothheader,#boothwrap,#boothbox,.boothboxlist,#topsidebar,#header-right,#top-movie{
	zoom:1;
}

#header:after,#navGlobal:after,#container:after,#topnews:after,#page-header:after,#sidenews:after,#pagewrapper:after,#sidebar-bg:after,#boothheader:after,#boothwrap:after,#boothbox:after,.boothboxlist:after,#topsidebar:after,#header-right:after,#top-movie:after{
    content: ""; 
    display: block; 
    clear: both;
}