/*
Theme Name: senbei-oukoku
Description: senbei-oukoku Wordpress Theme
Version: 1.12
Author: create-m.kobayashi modified-s.abe
Author URI: http://www.ic-exe.co.jp
*/

@import url('./style-reset.css');
@import url('./style-common.css');

/*
=====================================================================
  ナビゲーションボタン
=====================================================================
*/
.HeaderNavigationButton01 {
	background: transparent url("images/submenu_1l.gif") no-repeat 0px 0px;
	display:block; width:108px; height:32px; margin:0; padding:0; display:block;
}
.HeaderNavigationButton01:hover { background-position: 0px -32px }

.HeaderNavigationButton02 {
	background: transparent url("images/submenu_2l.gif") no-repeat 0px 0px;
	display:block; width:108px; height:32px; margin:0; padding:0; display:block;
}
.HeaderNavigationButton02:hover { background-position: 0px -32px }

.HeaderNavigationButton03 {
	background: transparent url("images/submenu_3l.gif") no-repeat 0px 0px;
	display:block; width:108px; height:32px; margin:0; padding:0; display:block;
}
.HeaderNavigationButton03:hover { background-position: 0px -32px }

.HeaderNavigationButton04 {
	background: transparent url("images/submenu_4l.gif") no-repeat 0px 0px;
	display:block; width:108px; height:32px; margin:0; padding:0; display:block;
}
.HeaderNavigationButton04:hover { background-position: 0px -32px }

.HeaderNavigationButton05 {
	background: transparent url("images/submenu_5l.gif") no-repeat 0px 0px;
	display:block; width:108px; height:32px; margin:0; padding:0; display:block;
}
.HeaderNavigationButton05:hover { background-position: 0px -32px }

.HeaderNavigationButton06 {
	background: transparent url("images/submenu_6l.gif") no-repeat 0px 0px;
	display:block; width:108px; height:32px; margin:0; padding:0; display:block;
}
.HeaderNavigationButton06:hover { background-position: 0px -32px }

.HeaderNavigationButton07 {
	background: transparent url("images/submenu_7l.gif") no-repeat 0px 0px;
	display:block; width:108px; height:32px; margin:0; padding:0; display:block;
}
.HeaderNavigationButton07:hover { background-position: 0px -32px }

.HeaderNavigationButton08 {
	background: transparent url("images/submenu_8l.gif") no-repeat 0px 0px;
	display:block; width:108px; height:32px; margin:0; padding:0; display:block;
}
.HeaderNavigationButton08:hover { background-position: 0px -32px }




.BigNavi01 {
	background: transparent url("images/big_button_1l.jpg") no-repeat 0px 0px;
	display:block; width:210px; height:64px; margin:0; padding:0; display:block;
	margin: 0px 2px 0px 2px;
}
.BigNavi01:hover { background-position: 0px -64px }

.BigNavi02 {
	background: transparent url("images/big_button_2l.jpg") no-repeat 0px 0px;
	display:block; width:210px; height:64px; margin:0; padding:0; display:block;
	margin: 0px 2px 0px 2px;
}
.BigNavi02:hover { background-position: 0px -64px }

.BigNavi03 {
	background: transparent url("images/big_button_3l.jpg") no-repeat 0px 0px;
	display:block; width:210px; height:64px; margin:0; padding:0; display:block;
	margin: 0px 2px 0px 2px;
}
.BigNavi03:hover { background-position: 0px -64px }

.BigNavi04 {
	background: transparent url("images/big_button_4l.jpg") no-repeat 0px 0px;
	display:block; width:210px; height:64px; margin:0; padding:0; display:block;
	margin: 0px 2px 0px 2px;
}
.BigNavi04:hover { background-position: 0px -64px }

/*
=====================================================================
  ページ
=====================================================================
*/
#page {
	margin: 0 auto;
	width: 900px;
	background-color: #ffffff;
	/*overflow: auto;*/
	overflow: visible;
}

/*
=====================================================================
  メイン部
=====================================================================
*/
#main {
	margin: 0px 20px 5px 20px;
	padding: 0;
	width: 860px;
	overflow: visible;
}
.pageinfo {
	background: url('images/title_back.gif') no-repeat;
	width: 860px;
	height: 75px;
	padding: 14px 0 0 0;
	text-align: left;
	margin:0;
}
.pageinfo_sp {
	width: 860px;
	height: 50px;
	padding: 5px 0 0 0;
	text-align: left;
	margin:0;
}
.banner {
	height: 100px;
}
.bn_l {
	float: left;
	width: 49%;
}
.bn_r {
	float: right;
	width: 49%;
}
.bn_txt {
	font-size: 8pt;
}

/*
=====================================================================
  メイン部（トップページ）
=====================================================================
*/
.event {
	width: 850px;
	text-align: center;
}
.event_img {
	text-align: left;
	padding: 0;
	margin: 0 35px;
}
.event table {
	width: 90%;
	margin: 0 auto;
}
.event table th, .event table td {
	border: 1px solid #666666;
	padding: 5px;
	font-size: 9pt;
	vertical-align: top;
}
.event table th {
	font-weight: bold;
	background-color: #ff9999;
	text-align: center;
}
.event table td {
	font-weight: normal;
	background-color: #ffdddd;
	text-align: left;
}
.event .date {
	width: 90px;
	text-align: center;
}
.topimg {
	width: 855px;
	height: 250px;
	margin: 0 0 10px 0;
	padding: 0;
}

/*
=====================================================================
  メイン部（アクセス）
=====================================================================
*/
.access_map1 {
	float: left;
	width: 650px;
}
.access_map2 {
	float: right;
	width: 210px;
	text-align: left;
}
.access_table {
	clear: both;
	text-align: center;
	padding: 20px 0 0 0;
}
.access_table .table1 {
	width: 80%;
	margin: 0 auto;
}
.table1 th, .table1 td {
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	line-height: 130%;
	border: 1px solid #666666;
	padding: 5px;
}
.table1 th {
	background-color: #ffffcc;
}
.table1 td {
	background-color: #ffffe1;
}
.table2 {
	width: 90%;
}
.table2 td {
	border-width: 0px 0px 1px 0px;
	background-color: transparent;
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	padding: 1px 1px 1px 1px;
}
.table2 th {
	border-width: 0px 0px 1px 0px;

	padding: 2px 5px 2px 20px;
	background: url('images/p_2.gif') no-repeat bottom left;
	background-color: transparent;
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
}

/*
=====================================================================
  メイン部（お問い合わせ）
=====================================================================
*/
.toiawase_msg {
	margin: 10px;
	text-align: center;
}
.toiawase table {
	width: 90%;
	margin: auto;
}
.toiawase table th {
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffcc;
	line-height: 130%;
}
.toiawase table td {
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	border: 1px solid #666666;
	background-color: #ffffe1;
	line-height: 130%;
}

/*
=====================================================================
  メイン部（よくある質問）
=====================================================================
*/
.question, .answer {
	width: 860px;
	text-align: left;
	padding: 0;
	margin: 10px 0;
}
.question table, .answer table {
	width: 90%;
	margin: 0 auto;
}
.question td {
	padding: 3px 5px 3px 40px;
	background: url('images/question.gif') no-repeat;
	font-size: 11pt;
}
.answer .img_q, .answer .img_a {
	vertical-align: top;
	width: 25px;
}
.answer .img_q {
	background: url('images/question.gif') no-repeat;
}
.answer .img_a {
	background: url('images/answer.gif') no-repeat;
}
.answer .img_t {
	background: url('images/backtotop.gif') no-repeat;
}

.answer .text_q {
	line-height:	130%;
	font-size:		11pt;
	color:			#0000AA;
}
.answer .text_a {
	line-height:	130%;
	font-size:		11pt;
	color:			#000000;
}
.answer .text_a p {
	margin: 0;
}
.borderline {
	background: url('images/border.gif') repeat-x;
	width: 100%;
	height: 10px;
}
.borderline_qa {
	background: url('images/border3.gif') repeat-x;
	width: 90%;
	height: 10px;
	margin: 5px auto;
}

/*
=====================================================================
  メイン部（飲食）
=====================================================================
*/
.eat_title {
	background: url('images/border2.gif') repeat-x;
	margin: 10px 0;
	height: 40px;
	text-align: left;
}
.eat_message {
	text-align: left;
	line-height: 130%;
	padding: 0 20px;
}
.eatmenu_osusume, .eatmenu_basic {
	clear: both;
	width: 100%;
	overflow: auto;
	text-align: center;
}
.eat_osusume {
	float: left;
	width: 270px;
	border: 1px solid #ff9900;
}
.osusume_text {
	height: 380px;
}
.osusume_notext {
	height: 320px;
}
.eat_osusume .text {
	text-align: left;
}
.eat_basic {
	float: left;
	width: 195px;
	/*height: 210px;*/
	margin: 10px;
	border: 1px solid #ff9900;
}
.eat_osusume td {
	padding: 5px;
	line-height: 130%;
}
.eat_basic td {
	padding: 5px;
	line-height: 130%;
}
.eat_osusume_img {
	width: 270px;
	height: 220px;
	text-align: center;
	vertical-align: middle;
}
.eat_osusume .title {
	font-size: 11pt;
	font-weight: bold;
}
.eat_basic .title {
	font-size: 11pt;
	font-weight: bold;
}
.eat_basic .title2 {
	font-size: 11pt;
	font-weight: bold;
	height: 30px;
}
.eat_osusume .price {
	text-align: right;
}
.eat_basic .price {
	text-align: right;
}
.basic_img {
	text-align: center;
	vertical-align: middle;
	height: 120px;
}

/*
=====================================================================
  メイン部（おみやげ）
=====================================================================
*/
.omiyage_center {
	clear: both;
	width: 100%;
	/*overflow: auto;*/
	overflow: visible;
}
.omiyage {
	float: left;
	width: 274px;
	height: 430px;
	border: 1px solid #ff9900;
	/*margin: 5px;*/
	margin: 4px;
}
.omiyage td {
	padding: 10px;
}
.omiyage_img {
	text-align: center;
}
.omiyage_text {
	text-align: left;
	line-height: 130%;
	margin: 10px 20px;
}
.omiyage_btn {
	text-align: right;
}

/*
=====================================================================
  メイン部（体験する）
=====================================================================
*/
.kengaku_text {
	text-align: left;
	line-height: 130%;
	padding: 0 20px;
}
.kengaku_img {
	margin: 10px 0 0 0;
}

/*
=====================================================================
  メイン部（イベント情報）
=====================================================================
*/
.eventinfo {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}
.eventinfo table th, .eventinfo table td {
	border: 1px solid #666666;
	padding: 5px;
	font-size: 9pt;
	vertical-align: top;
}
.eventinfo table th {
	font-weight: bold;
	background-color: #ff9999;
	text-align: center;
}
.eventinfo table td {
	font-weight: normal;
	background-color: #ffdddd;
	text-align: left;
}
.eventinfo .date {
	width: 90px;
	text-align: center;
}
.eventlist {
	clear: both;
	width: 860px;
	overflow: auto;
	margin: 20px 0 0 0;
}
.event_syosai {
	float: left;
	width: 400px;
	margin: 0 0 0 20px;
}
.event_syosai_title {
	width: 390px;
	background: url('images/border2.gif') repeat-x;
	text-align: left;
	padding: 0;
	margin: 0;
}
.event_naiyo td {
	padding: 10px;
}
.event_text {
	margin: 5px 0 0 0;
	text-align: left;
	line-height: 130%;
}

/*
=====================================================================
  メイン部（CoCoLo新潟駅ビル店）
=====================================================================
*/
.newstore_text {
	float: left;
	width: 480px;
}
.newstore_img {
	float: right;
	width: 350px;
}
.newstore_text p, .newstore_text div {
	text-align: left;
	line-height: 130%;
}
.newstore_text td {
	text-align: left;
	vertical-align: top;
	border: 1px solid #666666;
	background-color: #ffffe1;
	padding: 5px;
}
.newstore_text th {
	text-align: left;
	vertical-align: top;
	border: 1px solid #666666;
	background-color: #ffffcc;
	padding: 5px;
}

/*
=====================================================================
  ブログコンテンツ部
=====================================================================
*/
#blogmain {
	float: left;
	width: 640px;
	text-align: left;
	border: 1px solid #cccccc;
}

/*
=====================================================================
  サイドバー
=====================================================================
*/
#sidebar {
	float: right;
	width: 230px;
	text-align: center;
	margin: 0px;
	overflow: visible;
	border: 1px solid #cccccc;
}
#sidebar ul {
	padding: 0 10px;
	margin: 0;
}
#sidebar li {
	width: 150px;
	height: 18px;
	text-align: left;
}
.catlist, .arlist {
	width: 90%;
	border: 1px solid #ff9900;
	margin: 10px auto;
	padding: 10px 0 0 0;
	overflow: auto;
}
.month {
	float: left;
	width: 50px;
	height: 22px;
	text-align: center;
}

/*
=====================================================================
  ヘッダー
=====================================================================
*/
#header {
	width: 100%;
	background: url('images/back_tl.gif') no-repeat top left;
	overflow: auto;
}
.logo {
	float: left;
	text-align: left;
	padding: 20px 0px 5px 20px;
	width: 40%;
}
.webcam {
	float: left;
	text-align: center;
	padding: 5px 0;
	width: 13%;
}
.info {
	float: right;
	width: 28%;
	padding: /*5px 0 0 0*/ 20px 20px 0 0;
	text-align: right;
	line-height: 130%;
	/* 追加 */
	background: url('images/back_tr.gif') no-repeat top right;
}
.qrcode {
	float: left;
	text-align: center;
	padding: 5px 0;
	width: 13%;
}
.r {
	float: right;
	background: url('images/back_tr.gif') no-repeat;
	height: 20px;
	width: 20px;
}
.headermenu {
	float: left;
	width: 100%;
	height: 97px;
}
.submenu, .topmenu {
	float: left;
	width: 100%;
	text-align: center;
}
.topmenu ul {
	margin: 0 0 0 15px;
	padding: 0;
}
.topmenu ul li {
	margin: 0 1px;
}
.submenu ul {
	margin: 0 0 0 17px;
	padding: 0;
}
.submenu ul li {
	margin: 0;
}

/*
=====================================================================
  フッター
=====================================================================
*/
#footer {
	width: 100%;
	height: 50px;
	background: url('images/back_bl.gif') no-repeat bottom left;
	clear: both;
}
.fmenu {
	width: 95%;
	height: 25px;
	border-bottom: 1px solid #cccccc;
	text-align: left;
	margin: 0 auto;
}
.fmenu ul {
	margin: 0;
	padding: 0 20px;
}
.fmenu ul li {
	background: url('images/border4.gif') no-repeat;
	padding: 0 5px 0 15px;
}
.copyright {
/*	float: left;
	width: 650px;*/
	width: 100%;
	height: 20px;
	font-size: 8pt;
	color: #666666;
/*	text-align: right;
	padding: 5px 0 0 0;*/
	text-align: center;
	padding: 10px 0 0 0;
}
.br {
	/*float: right;*/
	background: url('images/back_br.gif') no-repeat bottom right;
	height: 20px;
	/*width: 20px;*/
	width: 100%;
}

/*
=====================================================================
  問い合わせフォーム
=====================================================================
*/
.toiawase_img {
	text-align: left;
	width: 90%;
	background: url('images/border2.gif') repeat-x;
margin: 0 auto;
}
.wpcf7 table {
	width: 80%;
margin: 0 auto;
}
.wpcf7 th, .wpcf7 td {
	border: 1px solid #666666;
	text-align: left;
	vertical-align: top;
}
.wpcf7 th {
	font-weight: normal;
	background-color: #ffffcc;
	width: 130px;
	padding: 8px 5px 5px 10px;
}
.wpcf7 td {
	background-color: #ffffe1;
}
.wpcf7-not-valid-tip-no-ajax {
	padding: 0 10px;
	color: #ff0000;
}
.wpcf7-response-output {
	padding: 10px 0;
	color: #ff0000;
	font-weight: bold;
	font-size: 11pt;
}