@charset "utf-8";
/* CSS Document */


/***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;

}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	width: 100%;
}
/***** 横幅設定 (100% or 950px) *****/
#container {
	width: 950px;
}


/*1カラム*/
#main {
	width: 950px;
	margin:0;
	padding:0;
}

#side {
	padding:0;
	margin:0;
	width: 950px;
	float:left;
}

#sidebar2 {
	margin:0;
	width: 625px;
	float:left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}

#sidebar3 {
	margin:0;
	width: 50px;
	float:right;
	padding-top: 175px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.bosyu {
	padding-top: 15px;
}


#mainwrap {
	width: 950px;
	margin:0;
	padding:0;
}

/***** 共通のタグ CommonTag *****/
body {
	background-color: #F7D377;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: padding: 0px 0 15px;
}
a {
	outline:none;
	color: #0000ff;
	text-decoration: none;
}

#pankuzu {
	float: left;
	text-align:left;
	background-color: #fff/*#F7D377*/;
	overflow: hidden;
	font-size:12px;
	line-height:160%;
	padding-left:10px;

}


/***** スペース領域 AreaSpace *****/
#container {
	margin-right:auto;
	margin-left:auto;
}
#main {
	float: left;
	text-align:left;
	background-color: #fff/*#F7D377*/;
	overflow: hidden;
	font-size:12px;
	line-height:140%;

}

#main2 {
	float: left;
	text-align:left;
	background-color: #F7D377;
	overflow: hidden;
	font-size:12px;
	line-height:140%;

}

#mainwrap {
	overflow: hidden;
}

#header {
	overflow: hidden;
	background-repeat:no-repeat;
	float: left;
	width: 950px;
	height:110px;
	background-color: #F7D377;
}

#wrap {
	clear:both;
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: -1px;
	background-color: #F7D377;
}
#pagewrap {
	clear: both;
	float: left;
	overflow: hidden;
	width: 100%;
	background-color: #F7D377;

}

#side {
	overflow: hidden;
}
#sidebar1 {
	overflow: hidden;
	width:250px;
	float:left;
}
#sidebar2 {
	float: left;
	overflow: hidden;
}
#sidebar3 {
	float: right;	
	overflow: hidden;
}
.sidebar {
	padding-bottom: 15px;
	overflow: hidden;
}

/*****　お知らせ　news　*****/
#news {	float: left;
	padding: 0 0;
	width: 200px;
	height:150px;
	font-size:10px;
	line-height:140%;
	background-color: #fff;
}



/********トップページ　TOP　********/
#top_main {
	height: 831px;
	clear: both;
	background: #F7D377 url(imgs/img_backimage.gif) no-repeat;
}

#top_btn {
/*
	float: left;
	*/
	padding: 205px 0 0 0px;
}

#top_subside{
width:100%;
}

#news_waku {
	float: left;
	width:200px;
	height:150px;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 447px;
}
#youtube01 {
	float: left;
	padding: 200px 0 0 25px;
	width:200px;
	height:175px;
}
#youtube02 {
	float: left;
	padding: 70px 0 0 17px;
	width:200px;
	height:175px;
}
#youtube03 {
	float: left;
	padding: 19px 0 0 43px;
	width:200px;
	height:175px;
}

#neko_anime {
	float: left;
	padding: 90px 0 0 127px;
	width:168px;
	height:80px;
}

#tokkan {
	float: left;
	padding: 65px 0 0 0px;
	width:90px;
	height:195px;
}

#menu {
	float: right;
	padding: 0 12px 0 0;
	width:105px;
	height:170px;
}

/***** フッター Footer *****/

#footer {
	width:950px;
	height:45px;
}

#footer #footermenu{
	padding: 16px 1%;
	text-align:left;
	float:left;
	font-size:12px;
	color: #333;
}
#footer #copyright {
	text-align:center;
	color: #333;
	padding: 15px 1%;
	font: 80% "MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float:right;
}



/****/
#target td {
padding:5px;
margin:5px;
border: 1px #333333 solid;
}

#td-color {
background-color:#FFCCCC;
}

#waku_bk {
background-color:#FFFFFF;
width:903px;
padding:20px;
}

/***** サイドバー Sidebar *****/
.sidebar {
	font-size: 12px;
}


.sidebar img {
	margin:0;
	padding:0;
}

.sidebar_box {
	width:180px;
	height:110px;
	margin:0 0 15px 0;
	padding:0;
	background-color:#525252;
	color:#ffffff;
}
.sidebar_box p {
	line-height: 140%;
	padding:8px;
}
/*トップサイド右側*/


#sidebar2_box {
	width:540px;
	float:left;
}
#top_info {
	width:280px;
	float:left;
}


#top_voice {
	margin:0 0 5px 0;
	padding:0;
	width:240px;
	margin:0 0 0 20px;
	float:left;
}

/***** やきとりじいさんとはページ yakitori-jisan-towa *****/

#toha_main {
width:950px;
background:url(imgs/toha_back01.png) no-repeat center top;
	height:784px;
}



#toha_sideb1 {
	width: 200px;
	height:340px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	line-height:160%;
	padding: 170px 0 0 13px;
}

#toha_sideb2 {
	margin:0;
	width: 270px;
	height:380px;
	float:left;
	color:#FFFFFF;
	font-size:14px;
	line-height:160%;
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 65px;
}

#toha_sideb3 {
	height:300px;
	float:left;
	padding:303px 0 0 125px;
}

#toha_cd {
	margin:0;
	width: 550px;
	float:left;
	padding: 0 0 0 295px;
}

.gakuhu {
	position : absolute;
	z-index : 1;
	margin:460px 0 0 680px;
	width:135px;
	height:90px;
	outline:none;
}

iframe.yakitori-jisan {
width:270px;
height:250px;
	color:#FFFFFF;
	font-size:14px;
	line-height:160%;
border: none;

}



/***** テキスト　サイズとカラーのバリエーション *****/

/*　黒　*/
.text-black9px {
	font-size: 9px;
	font-style: normal;
	line-height: 14px;
	color: #000000;
}
.text-black10px {
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	color: #000000;
}
.text-black10bpx {
	font-size: 10px;
	font-style: normal;
	line-height: 16px;
	font-weight: bold;
	color: #000000;
}
.text-black12px {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #000000;
}
.text-black12bpx {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
}
.text-black14px {
	font-size: 14px;
	line-height: 21px;
	color: #000000;
}
.text-black16px {
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}
.text-black14bpx {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #000000;
}
.text-black16bpx {
	font-size: 16px;
	font-style: normal;
	line-height: 35px;
	font-weight: bold;
	color: #000000;
}
.text-black20px {
	font-size: 20px;
	font-style: normal;
	line-height: 29px;
	color: #000000;
}
.text-black20bpx {
	font-size: 20px;
	font-style: normal;
	line-height: 29px;
	font-weight: bold;
	color: #000000;
}

.msg-black10px {
	font-size: 10px;
	font-style: normal;
	line-height: 14px;
	color: #000000;
}
.msg-black12px {
	font-size: 12px;
	font-style: normal;
	line-height: 12px;
	color: #000000;
}

/*　青　*/
.text-blue12px {
	font-size: 12px;
	line-height: 18px;
	color: #0000FF;
}
.text-blue12bpx {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #0000FF;
}
.text-blue14px {
	font-size: 14px;
	line-height: 21px;
	color: #0000FF;
}
.text-blue14bpx {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #0000FF;
}
.text-blue14bpx {
	font-size: 14px;
	line-height: 21px;
	font-weight: bold;
	color: #0000FF;
}

/*　淡青　*/
.text-blue-2-16px {
	font-size: 16px;
	line-height: 24px;
	color: #3399cc;
}
.text-blue-2-14px {
	font-size: 14px;
	line-height: 16px;
	color: #3399cc;
}
.text-blue-2-12px {
	font-size: 12px;
	line-height: 18px;
	color: #3399cc;
}
.text-blue-2-10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #3399cc;
}
/*　濃青　*/
.text-blue10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #000099;
}
.text-blue10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	color: #000099;
}
.text-blue2-16bpx {
	font-size: 16px;
	font-style: normal;
	line-height: 35px;
	font-weight: bold;
	color: #000099;
}
.text-blue2-20bpx {
	font-size: 20px;
	font-style: normal;
	line-height: 35px;
	font-weight: bold;
	color: #000099;
}

/*　茶　*/
.text-brown10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #804000;
}
.text-brown12px {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #804000;
}
.text-brown14px {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	color: #804000;
}
.text-brown12bpx {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #804000;
}
.text-brown14bpx {
	font-size: 14px;
	font-style: normal;
	]line-height: 21px;
	font-weight: bold;
	color: #804000;
}

/*　赤に近い茶　*/
.text-brown-2-10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #CC3333;
}
.text-brown-2-12px {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #CC3333;
}
.text-brown-2-14px {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	color: #CC3333;
}
.text-brown-2-12bpx {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #CC3333;
}
.text-brown-2-14bpx {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	color: #CC3333;
}
.text-brown-2-16px {
	font-size: 16px;
	font-style: normal;
	line-height: 24px;
	color: #CC3333;
}
.text-brown-2-18px {
	font-size: 18px;
	font-style: normal;
	line-height: 27px;
	color: #CC3333;
}

/*　緑　*/
.text-green10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #4A8800;
}
.text-green12px {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #4A8800;
}
.text-green14px {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	color: #4A8800;
}
.text-green12bpx {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #4A8800;
}
.text-green14bpx {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	color: #4A8800;
}
.text-green18px {
	font-size: 18px;
	font-style: normal;
	line-height: 27px; 
	color: #4A8800;
}
.text-green18bpx {
	font-size: 18px;
	font-style: normal;
	line-height: 27px;
	font-weight: bold;
	color: #4A8800;
}

/*　ピンク　*/
.text-pink10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #FF6666;
}
.text-pink12px{
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #FF6666;
}
.text-pink12bpx{
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #FF6666;
}
.text-pink14px {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	color: #FF6666;
}
.text-pink14bpx {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	color: #FF3366;
}

/*　紫　*/
.text-purple10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #9c00ce;
}
.text-purple12px {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #9c00ce
}
.text-purple14px {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	color: #9c00ce;
}

/*　赤　*/
.text-red10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #FF0000;
}
.text-red12px {
 	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #FF0000;
}
.text-red14px {
 	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	color: #FF0000;
}
.text-red12bpx {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #FF0000;
}
.text-red14bpx {
 	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	color: #FF0000;
}
.text-red18px {
 	font-size: 18px;
	font-style: normal;
	line-height: 27px; 
	color: #FF0000;
}
.text-red18bpx {
 	font-size: 18px;
	font-style: normal;
	line-height: 27px;
	font-weight: bold;
	color: #FF0000;
}

/*　白　*/
.text-white10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	color: #FFFFFF;
}
.text-white12px {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #FFFFFF;
}
.text-white14px {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	color: #FFFFFF;
}
.text-white10bpx {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
.text-white12bpx {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.text-white14bpx {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	color: #FFFFFF;
}
.text-white18px {
	font-size: 18px;
	font-style: normal;
	line-height: 27px;
	color: #FFFFFF;
}

/*　黄色　*/
.text-yellow10px {
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: bold;
	color: #FF9900;
}
.text-yellow12px  {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	font-weight: bold;
	color: #FF9900;
} 
.text-yellow14px {
	font-size: 14px;
	font-style: normal;
	line-height: 21px;
	font-weight: bold;
	color: #FF9900;
}

/*　オレンジ　*/
.text-orange12px  {
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #ff6600;
}

/*白*/

.text_white10px {
	color:#fff;
	font-size:10px;
	font-weight:normal;
	line-height:140%;
}
.text_white12px {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:140%;
}
.text_white14px {
	color:#fff;
	font-size:14px;
	font-weight:normal;
	line-height:140%;
}
.text_white16px {
	color:#fff;
	font-size:16px;
	font-weight:normal;
	line-height:140%;
}
.text_white18px {
	color:#fff;
	font-size:18px;
	font-weight:normal;
	line-height:140%;
}
.text_white20px {
	color:#fff;
	font-size:20px;
	font-weight:normal;
	line-height:140%;
}

.text_white10bpx {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	line-height:140%;
}
.text_white12bpx {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
}
.text_white14bpx {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
}
.text_white16bpx {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
}
.text_white18bpx {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	line-height:140%;
}
.text_white20bpx {
	color:#fff;
	font-size:20px;
	font-weight:bold;
	line-height:140%;
}

/*赤*/

.text_red10px {
	color:#ff0000;
	font-size:10px;
	font-weight:normal;
	line-height:140%;
}
.text_red12px {
	color:#ff0000;
	font-size:12px;
	font-weight:normal;
	line-height:140%;
}
.text_red14px {
	color:#ff0000;
	font-size:14px;
	font-weight:normal;
	line-height:140%;
}
.text_red16px {
	color:#ff0000;
	font-size:16px;
	font-weight:normal;
	line-height:140%;
}
.text_red18px {
	color:#ff0000;
	font-size:18px;
	font-weight:normal;
	line-height:140%;
}
.text_red20px {
	color:#ff0000;
	font-size:20px;
	font-weight:normal;
	line-height:140%;
}

.text_red10bpx {
	color:#ff0000;
	font-size:10px;
	font-weight:bold;
	line-height:140%;
}
.text_red12bpx {
	color:#ff0000;
	font-size:12px;
	font-weight:bold;
	line-height:140%;
}
.text_red14bpx {
	color:#ff0000;
	font-size:14px;
	font-weight:bold;
	line-height:140%;
}
.text_red16bpx {
	color:#ff0000;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
}
.text_red18bpx {
	color:#ff0000;
	font-size:18px;
	font-weight:bold;
	line-height:140%;
}
.text_red20bpx {
	color:#ff0000;
	font-size:20px;
	font-weight:bold;
	line-height:140%;
}
/*赤*/

.text_black10px {
	color:#000;
	font-size:10px;
	font-weight:normal;
	line-height:140%;
}
