@charset 'utf-8';

* { font-family:"ＭＳ Ｐゴシック"; }
html {
  margin-bottom: 1px;
  height: 100%;
  overflow-y: scroll;
}
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  /*background-image: url(../images/bg.gif);*/
  background-repeat: repeat-x;
  background-position:0 0;
}
img { border: 0; }

p.tagline {
  padding: 3px 0 0 0;
  text-align:right;
  margin:0;
  font-size: 10px;
  font-weight: normal;
  color: #989898;
  background-color:#fff;
}

h2 { font-size:16px; }
h2.blue { font-weight:bold; color:#666699; }

a:link { color:#653334; }

ul { list-style: none; margin: 0; padding: 0; }

.base {
  width:950px;
  margin-left:auto;
  margin-right:auto;
  background:url(../images/base_bg.gif) repeat-y 0 0;
}

.header {
  padding:0;
  margin:0;
  height:75px;
  background-color:#fff;
}

.header img { float: left; }
.header div {
  width:229px;
  float: right;
  text-align:right;
}

.header_menu { clear: both; height:35px; background-color:#fff; }
.header_menu li { float:left; }

.sub { display:none; position:absolute; float:left; }
.sub li { font-size:12px; width:100%; border-width:0 1px 1px 1px; border-style:solid; border-color:#999; background-color:#f5f5f5; }
.sub li a:link    { display:block; padding:5px; text-decoration:none; color:#653334; }
.sub li a:hover   { display:block; padding:5px; text-decoration:none; background-color:#834683; color:#fff; }
.sub li a:visited { display:block; padding:5px; text-decoration:none; }
.sub li a:active  { display:block; padding:5px; text-decoration:none; }
#ul_menu_jtco { margin:34px 0 0 68px; width:161px; z-index:100; }
#ul_menu_action { margin:34px 0 0 230px; width:169px; z-index:101; }
#ul_menu_blog { margin:34px 0 0 548px; width:168px; z-index:102; }
#ul_menu_link { margin:34px 0 0 717px; width:231px; z-index:103; }
.main_menu {
  text-decoration: none;
  background-repeat:no-repeat;
}
.main_menu a {
  text-indent:-9999px;
  text-decoration:none;
  display:block;
  background-repeat:no-repeat;
  background-position:0 0;
  height:34px;
  overflow:hidden;
}


#menu_home a { width:68px; background-image:url(../images/header_button_home.gif); }
#menu_jtco a { width:163px; background-image:url(../images/header_button_about.gif); }
#menu_action a { width:170px; background-image:url(../images/header_button_schedule.gif); }
#menu_member a { width:148px; background-image:url(../images/header_button_member.gif); }
#menu_blog a { width:169px; background-image:url(../images/header_button_blog.gif); }
#menu_link a { width:232px; background-image:url(../images/header_button_topics.gif); }
.over#menu_home a { background-image:url(../images/header_button_home_over.gif); }
.over#menu_jtco a { background-image:url(../images/header_button_about_over.gif); }
.over#menu_action a { background-image:url(../images/header_button_schedule_over.gif); }
.over#menu_member a { background-image:url(../images/header_button_member_over.gif); }
.over#menu_blog a { background-image:url(../images/header_button_blog_over.gif); }
.over#menu_link a { background-image:url(../images/header_button_topics_over.gif); }

.main { clear: both; padding:15px 0 0 0; background-color:#fff; }
.main .left  { float: left;  width:733px; background:url(../images/left_bg.gif) repeat-y 0 0; }
.main .left p { margin: 0; padding:0 0 15px 0; }
.main .right { float: right; width:200px; background-color:#fff; }
.main .right p.banners { margin: 0; }
.main .right p.banners img { padding: 0 0 8px 0; }

.main .left .left_inner_top table {
  width:360px;
  border-collapse:collapse;
  border-style:solid;
  border-width:0 1px 1px 1px;
  border-color:#ccc;
  float:left;
}
.main .left .left_inner_top table .title_image {
  height:50px;
  background-repeat: no-repeat;
  background-position:0 0;
}
.main .left .left_inner_top table .image { width:200px; height:170px; text-align:center; vertical-align:middle; padding:10px 0; }
.main .left .left_inner_top table .text { width:160px; vertical-align:middle; padding:10px 0; }
.main .left .left_inner_top table .button { text-align:center; vertical-align:middle; height:40px; }

.online_shop .title_image {
  background-image:url(../images/top_bar_online_shop.gif);
}
.local_dishes { margin:0 0 0 13px; }
.local_dishes .title_image {
  background-image:url(../images/top_bar_local_dishes.gif);
}
.information .title_image {
  background-image:url(../images/top_bar_information.gif);
}
.information td { vertical-align:top; }
.information td.listTitle { font-weight:bold; color:#72A055; }
.information td.listTitle a:link { color:#72A055; }
.information td.listTitle a:visited { color:#72A055; }
.information td.listTitle a:active { color:#72A055; }
.information .listContents { font-weight:normal; color:#333; }
.information td.listDate { width:110px; text-align:right; }
.information td.listLink { width:80px; text-align:right; }

.news { margin:0 0 0 13px; }
.news .title_image {
  background-image:url(../images/top_bar_news.gif);
}

.main .left .left_inner_bottom { clear:both; padding:10px 0 0 0; }
.main .left .left_inner_bottom table {
  width:360px;
  border-collapse:collapse;
  float:left;
}
.main .left .left_inner_bottom table .title_image {
  height:50px;
  background-repeat: no-repeat;
  background-position:0 0;
}
.main .left .left_inner_bottom table .image { vertical-align:top; width:120px; text-align:center; vertical-align:middle; padding:10px 10px 10px 0; }
.main .left .left_inner_bottom table .text { /*width:240px;*/ vertical-align:middle; padding:0; }
.main .left .left_inner_bottom table .button { text-align:center; vertical-align:middle; height:40px; }

.main .right table {
  width:200px;
  border-collapse:collapse;
  background-color:#eee;
}
.main .right table .title_image {
  height:30px;
  background-repeat: no-repeat;
  background-position:0 0;
}
.main .right table .image { vertical-align:top; text-align:center; vertical-align:top; width:70px; padding:10px 0; }
.main .right table .image img { border:1px solid #cdcdcd; }
.main .right table .text { width:130px; font-size:12px; padding:10px 0; line-height:140%; }
.main .right table .all_text { width:190px; font-size:12px; padding:10px 0 10px 10px; line-height:140%; }
.blog .title_image {
  background-image:url(../images/top_bar_blog.gif);
}
.topics .title_image {
  background-image:url(../images/top_bar_topics.gif);
}

.left_inner_menu { list-style-image:url(../images/allow.gif); margin:0 0 5px 0;}
.left_inner_menu li {
	margin:5px 10px 0 20px;
}

p.last_update{
	font-size:12px;
	padding:0;
	margin:0;
	margin-bottom:5px;
	text-align:right;
}

.footer {
  padding:10px 0;
  clear:both;
  font-size:12px;
  text-align:center;
  line-height:30px;
  background-color:#fff;
}

.text { font-size:14px; line-height:140%; }

.breadcrumb_list { font-size:12px; width:950px; padding:0 0 10px 0; }

.inner_right h1 {
  width:490px;
  height:38px;
  font-size:18px;
  font-weight:bold;
  padding:10px 0 0 10px;
  margin:0 0 10px 0;
  background:url(../images/single_title_bar.gif) repeat-x 0 0;
}

.inner_right div.title {
  width:490px;
  height:38px;
  font-size:18px;
  font-weight:bold;
  padding:10px 0 0 10px;
  background:url(../images/single_title_bar.gif) repeat-x 0 0;
}

.inner_left {
  width:190px;
  padding:5px;
  float:left;
}
.inner_right { width:500px; float:right; padding:0 6px 0 0; }
.inner_right table { width:500px; }
.inner_right div.error_message_sub { width:100%; }
.inner_right div { width:500px; }
.single_header_title { width:950px; height:80px; background:#fff url(../images/single_title_bg.gif) repeat-x 0 0; padding:0 0 10px 0; }

table.form { width:499px; border-collapse:collapse; }
table.form th { padding:3px; font-weight:normal; border:1px solid #ccc; background-color:#f5f5f5; width:150px; text-align:left; }
table.form td { padding:3px; border:1px solid #ccc; }
table.form td ul.radiobutton_list li { float:left; }
table.form td ul.radiobutton_list li input { vertical-align:-2px; }
table.form td ul.radiobutton_list li label { padding:0 5px 0 3px; }


.need { color:#f00; padding:0 3px; }
.errorMessage { color:#f00; font-weight:bold; margin:10px 0 5px 0; padding:5px; border:2px solid #f00; background-color:#ffe; width:493px; }
.error_message { color:#f00; }
.error_message_sub { color:#f00; font-size:12px; font-weight:bold; }
.hidden { display:none; }

div.button { clear:both; text-align:center; margin:25px 0; }
div.button input { padding:2px 5px; margin:3px; width:150px; height:24px; }
div.button_mini { clear:both; text-align:center; margin:5px 0; }
div.button_mini input { padding:2px 5px; margin:3px; width:80px; height:24px; }

div.button_large { clear:both; text-align:center; margin:25px 0; }
div.button_large input { padding:2px 5px; margin:3px; width:250px; height:24px; }


.pager { padding:0 0 20px 5px; font-size:12px; }
.pagerLeft { float:left; width:200px; }
.pagerRight { float:left; width:300px; text-align:right; }

.example { font-size:12px; color:#777; padding:0 3px; }

/* --- 伝統工芸品館 --- */
div.prefectures_area {
  width:170px;
  padding:5px;
  margin-left:auto;
  margin-right:auto;
  background-color:#fff;
  border:2px solid #755E96;
  font-size:12px;
}
div.prefectures_area ul li ul li {
  background:url(../images/allow_gray.gif) no-repeat 2px 7px;
  padding-left:10px;
}
div.prefectures_area ul li ul li a:link    { color:#555; }
div.prefectures_area ul li ul li a:visited { color:#555; }
div.prefectures_area ul li ul li a:active  { color:#555; }

table.item_name_table {
  width:100%;
  margin-bottom:40px;
}
table.item_name_table th, table.item_name_table td { font-size:16px; vertical-align:top; }
table.item_name_table th { width:100px; text-align:left; font-weight:normal; color:#755E96; vertical-align:top; }
table.item_name_table td { text-align:left; font-weight:bold; color:#755E96; }
table.item_name_table td h1 { font-weight:bold; color:#755E96; font-size:16px; background:none; padding:0; margin:0; width:100%; height:100%; }

table.tbl {
  border-collapse: collapse;
  border:1px solid #989898;
}
table.tbl th {
  color:#669;
  background-color:#eee;
  border:1px solid #989898;
  padding:5px;
  vertical-align:top;
}
table.tbl td {
  text-align:left;
  border:1px solid #989898;
  padding:5px;
  vertical-align:top;
}

.pages img {
  padding:0 20px 20px 0;
}

.pages img.right {
  float:right;
  padding:20px 0 0 20px;
}

ul.disc { list-style-type: disc; padding-left:40px; }
ul.circle { list-style-type: circle; padding-left:40px; }
ul.square { list-style-type: square; padding-left:40px; }
ol.lower-roman { list-style-type: lower-roman; }
ol.upper-roman { list-style-type: upper-roman; }

.phote_gallery {
	 background-color:#FFF;
	 bgcolor:#FFF;
	 border: 1px solid #DDDDDD;
}

.phote_gallery_top {
	 background-color:#FFF;
	 bgcolor:#FFF;
	 border: 1px solid #eee;
}

.inner_phote h1 {
  width:720px;
  height:38px;
  font-size:18px;
  font-weight:bold;
  padding:10px 0 0 10px;
  margin:0 0 10px 0;
  background:url(../images/single_title_bar.gif) repeat-x 0 0;

}

div#search {
    background: url("../images/single_title_bar.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    background-size:contain;
    font-size: 10px;
    color: #000;
    padding: 10px 10px 5px 5px;

    position: relative;
}

	div#search td.search_target {
	    background: none repeat scroll 0 0 #e0cfd8;
    	font-weight: bold;
    	font-size: 15px;
    	margin:5px 5px 10px 5px;
	    padding:4px 8px 4px 8px ;
	    position: relative;
   }

.search_bar {
    background: none repeat scroll 0 0 #ff3399;
    color: #fff;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    position: relative;

}