@charset "utf-8";
/*
Theme Name: izakayastyle
Theme URI: 
Author: QLIM
Author URI: 
Description: 
Version: 1.0
*/


/* 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:960px;
	margin:30px auto 20px;
	background-image:url(images/bg-header.png);
	background-repeat:repeat;
	
}

#header-left{
	width:460px;
	float:left;
	padding:10px 0 10px 10px;
}

#header-right{
	width:460px;
	float:right;
	padding:10px 10px 10px 0;	
}

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

#page-sub-logo2{
	
}


#logo{
	width:342px;
	height:203px;
	margin:0 auto 5px;	
}

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

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

#eventbannertxt{
	display:none;
}

#top-movie{
	width:446px;
	height:236px;
	padding:7px;
	background-color:#0B308E;
}

#top-movie-diplay{
	width:446px;
	height:236px;
	background-color:#000;
}




#page-header{
	width:960px;
	height:150px;
	margin:30px auto 20px;	
	position:relative;
	
}

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

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

	

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

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



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

}

#navGlobal ul li{
	height:auto;
	float:left;		
	margin-right:12px;

}

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

}

#navGlobal ul li.navg01 a{
		width:182px;
		height:59px;
		background-image:url(images/daicircus.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}

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

}

#navGlobal ul li.navg02 a{
		width:182px;
		height:59px;
		background-image:url(images/kaisaigaiyou.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}

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

}

#navGlobal ul li.navg03 a{
		width:182px;
		height:59px;
		background-image:url(images/sankabuusu.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}


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

}


#navGlobal ul li.navg04 a{
		width:182px;
		height:59px;
		background-image:url(images/shinchaku.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;

}


#navGlobal ul li.navg04 a:hover,#navGlobal ul li.navg04.current_page_item a{
		width:182px;
		height:59px;
		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:182px;
		height:59px;
		background-image:url(images/otoiawase.jpg);
		background-repeat:no-repeat;
		text-indent:-9999px;
		display:block;
}

#navGlobal ul li.navg05 a:hover,#navGlobal ul li.navg05.current_page_item a{
		width:182px;
		height:59px;
		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:960px;
	margin:0 auto;
	position:relative;
	z-index:1;
}

#topmain{
	float:right;
	width:728px;
	padding-bottom:25px;
}

#topsidebar{
	float:left;
	width:220px;
}



#pagemain{
	float:right;
	width:642px;
	padding-left:58px;
	padding-bottom:30px;
	background-color:#FFF;
}

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

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

#pagemain p{
	width:100%;
	display:block;
	margin-bottom:15px;	
}


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

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

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

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

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


#pagewrapper{
	width:100%;
	height:auto;
	background-image:url(images/bg_wrapper.jpg);
	background-repeat:repeat-y;
	position:relative;
}



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

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:960px;
	
}



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

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

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




#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;
}



#sidebar{
	float:left;
	width:260px;	
		
	
}

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


#sidebn{
	width:210px;
	padding:30px 20px 30px 30px;
}


.sidebanner_wrap{
	xmargin-bottom:10px;
}

.sidebanner_wrap* img{
	width:200px;
	margin-bottom:10px;
}




.sidebanner_wrap_h* img{
	width:95px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;

}


.sidebannar_wrap_t{
	margin-bottom:10px;
}


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

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

.content {
	margin-top: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;	
}



.area-list{
	float:left;	
}

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

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

.boothboxleft{
	float:left;
	width:320px;
	
}

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

div.boothboximg img{
	width:320px;
	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;	
}

.boothboxtitle{
	width:300px;
	height:auto;	
	padding:0 0 0 10px;
	margin-bottom:15px;
}

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

.area_hokkaido-title{
	border-left:5px solid #9BC1D4;
}

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

.area_hokkaido-tohoku-title,.area_tohoku-title{
	border-left:5px solid #85A1DB;
}

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

.area_kanto-kitakanto-title,.area_kitakanto-title{
	border-left:5px solid #57D0B5;
}

.area_kanto{
	background-color:#A3CF59;
}

.area_kanto-title{
	border-left:5px solid #A3CF59;
}

.area_hokurikukoshietsu{
	background-color:#E89B9B;
}

.area_hokurikukoshietsu-title{
	border-left:5px solid #E89B9B;
}


.area_tokai{
	background-color:#F8B761;
}

.area_tokai-title{
	border-left:5px solid #F8B761;
}


.area_kansai{
	background-color:#C598D2;
}

.area_kansai-title{
	border-left:5px solid #C598D2;
}


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

.area_tyushikoku-title{
	border-left:5px solid #8C95CF;
}


.area_kyushu{
	background-color:#EE6C6E;
}

.area_kyushu-title{
	border-left:5px solid #EE6C6E;
}

.area_sweets{
	background-color:#FF5EAA;
}

.area_sweets-title{
	border-left:5px solid #FF5EAA;
}

.area_champions{
	background-color:#9a9b32;
}

.area_champions-title{
	border-left:5px solid #9a9b32;
}


.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;	
}

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

SUPPORT FUNDING & CONTACT

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

#supportwrap{
	margin-bottom:10px;
}

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

#supportlower{
	background-color:#8cc63f;
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(http://izako-dc.com/wp-content/themes/izakayastyle/border-radius.htc);
}	


div.sb-a{
	background-color:#ee6c6e;
	margin-right:10px;
	min-height:135px;
}

div.sb-b{
	background-color:#8C95CF;
	min-height:135px;
}

div.sb-c{
		background-color:#8cc63f;
			margin-right:10px;
	min-height:100px;
}

div.sb-d{
		background-color:#8cc63f;
	min-height:100px;
}

div.sb-e{
			background-color:#8cc63f;
	min-height:70px;
	margin-right:10px;
}


div.sb-f{
			background-color:#8cc63f;
	min-height:118px;
}


.sbheader{
	position:relative;	
}

.sbtitle{
	color:#FCEE21;	
	font-size:16px;
	width:90px;
	float:left;
}

.sbcapital{
	font-size:34px;
	padding-right:3px;
	font-weight:bold;
}

.sbname{
	display:block;
	position:absolute;
	top:11px;
	left:24px;
	font-size:8px;
}

.sbfunding{
	position:absolute;
	top:21px;
	left:85px;
	xwidth:160px;
	height:auto;
	padding:1px 10px 0;
	font-size:8px;
	font-weight:bold;
	background-color:#FCEE21;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(http://izako-dc.com/wp-content/themes/izakayastyle/border-radius.htc);}
	
	
.sbprice{
	font-size:14px;	
}

.sbtax{
	font-size:5px;
}

	
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .sbfunding{
		
		position:absolute;
	top:10px;
	left:120px;
	xwidth:160px;
	height:auto;
	padding:1px 10px 0;
	font-weight:bold;
	background-color:#FCEE21;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    behavior: url(http://izako-dc.com/wp-content/themes/izakayastyle/border-radius.htc);
	
	}
	
	.sbprice{
	font-size:12px;	
	

}

.sbtax{
	font-size:5px;
	
}
}



.sbbody{
	font-size:9px;
	color:#fff;	
	width:270px;
	margin:0 auto;
}

.sbbody strong{
	color:#FCEE21;	
}

.sbnotes{
	width:100%;
	padding-top:4px;
	border-top:1px dotted #fff;
	margin-top:4px;
	color:#fff;
	font-size:7px;	
}





.supportboxa01{
	float:left;
}

.supportboxa02{
	float:right;	
}

#supportwrapb{
	width:640px;
	height:229px;
	background-image:url(images/bg_support.png);
	background-repeat:no-repeat;	
}

.supportboxb01{
	float:left;
}

.supportboxb02{
	float:right;	
}

#contactwrap table{
	width:100%;
	border-collapse:collapse;
}

#contactwrap th span, #contactwrap td span{
	color:#F00;	
}

#contactwrap table th{
	background-color:#f0f0f0;	
}

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

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



#blogwrap{
	width:640px;
	height:auto;
	float:left;
	margin-bottom:10px;
}



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

#blogtxt{
	float:right;
	width:500px;
}

#blogimg{
	float:left;
	width:120px;
	height:120px;
	overflow:hidden;
}

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

#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;
}

.youtube iframe{
  width: 100%;
}

.sidebanner_wrap_t span{
  font-size: 11px;
}

.sidebanner_wrap_t a{
  color: #222;
}

.small{font-size: 10px !important;}

.sidebanner_wrap img {
    display: block;
    margin: 0 auto 10px;
    max-height: 50px;
    max-width: 200px;
}

.sidebanner_wrap_h img {
    display: block;
    margin: 0 auto 10px;
    max-height: 39px;
    max-width: 95px;
}




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

 Clearfix 
 
 ******************************************************************************/
#header,#navGlobal,#container,#topnews,#page-header,#sidenews,#pagewrapper,#sidebar-bg,#boothheader,#boothwrap,#boothbox,.boothboxlist,#supportwrapa,#supportwrapb,#blogbox,.sbheader,#supportwrap,#supportlower,.sidebanner_wrap,.sidebanner_wrap_h,.sidebanner_wrap_t{
	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,#supportwrapb:after,#supportwrapa:after,#blogbox:after,.sbheader:after,#supportwrap:after,#supportlower:after,.sidebanner_wrap:after,.sidebanner_wrap_h:after,.sidebanner_wrap_t:after{
    content: ""; 
    display: block; 
    clear: both;
}