@charset "utf-8";

/*base
---------------------------*/
* { margin:0px; padding:0px; font-family : "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif }
body { color: #490E1E; line-height: 160%; text-align: center; }

/*link
---------------------------*/
a 			{ color: #076A9B; text-decoration: none; }
a:link		{ color: #076A9B; text-decoration: none; }
a:visited	{ color: #076A9B; text-decoration: none; }
a:hover		{ color: #099CE3; text-decoration: underline; }
a:active	{ color: #099CE3; text-decoration: underline; }

/*title,p,img
---------------------------*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 0px; padding: 0px; }
p { color: #490E1E; margin: 0px; padding: 0; font-size: 80%; line-height: 170%; }
img { margin: 0px; padding: 0px; border: none;}
h2 { font-weight: bold; border-bottom: 2px solid #000000; font-size: 90%; }
h3 { font-weight: bold; border-bottom: 1px solid #000000; font-size: 80%; }

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clear{ clear:both; margin:0; padding:0; }
.imgr { float: right; margin: 0 0 20px 20px; }
.imgl { float: left; margin: 0 20px 20px 0; }
.list01 { font-size: 80%; line-height: 140%; list-style-image:none; padding:0px 0px 5px 10px; margin:15px 0px 6px 0px; border-bottom:1px dotted #333; background-image: url(../images/list-icon01.gif); background-repeat: no-repeat; background-position: 0px 8px; }
.list02 { font-size: 80%; line-height: 140%; list-style-image:none; padding:0px 0px 5px; margin:10px 0px 5px; border-bottom:1px dotted #333; }
.list03 { font-size: 80%; line-height: 140%; list-style-image:none; padding:0px 0px 5px 23px; margin:10px 0px 0px; background-image: url(../images/list-icon03.gif); background-repeat: no-repeat; background-position: 0px -2px; }
.point01 { list-style: decimal inside; background-color: #F5F5F5; padding: 15px; margin: 15px 0px; }
.mgn5 { margin-top: 5px; }
.mgn10 { margin-top: 10px; }
.mgn15 { margin-top: 15px; }
.mgn20 { margin-top: 20px; }
.mgn30 { margin-top: 30px; }
.mgn40 { margin-top: 40px; }
.mgn50 { margin-top: 50px; }
.red { color: #FF0000; }
.orange { color: #FF6600; }
.submit { text-align: center; margin-top: 20px; }
.map { margin-top: 60px; }
.clear{ clear:both; margin:0; padding:0; }

/*table*/
table.tbl_form { width: 100%; margin: 0px; padding: 0px; border:none; font-size:80%; }
table.tbl_form th { font-weight: bold; text-align: left; padding: 5px 0px; vertical-align: top; }
table.tbl_form td { text-align: left; padding: 5px 0px; }
.tbl_form th.thtd_line ,.tbl_form td.thtd_line  { border-bottom:1px solid #E3E3E3; padding-bottom:15px; }
.tbl_form th.pt20 ,.tbl_form td.pt20  { padding-bottom:20px; }
/*form*/
table.tbl_form input,table.tbl_form textarea { font-size:100%; padding:1px; }
.input_text_big { width:330px; border:1px solid #999999; }
.input_text_small { width:90px; border:1px solid #999999; }
.input_text_ssmall { width:40px; border:1px solid #999999; }
.input_textspace { width:380px; border:1px solid #999999; }
.select_pref { width:120px; margin-bottom:15px; }
.pulldown { width:120px; }
.eventname { width: auto; }
.check { margin-right:3px; }
#yuubin { margin-bottom:15px; }
.formchart { text-align: right; }

/*list,dl
---------------------------*/
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { padding: 0px; margin: 0px; }
ol { padding: 0px; margin: 0px; list-style: decimal outside; }
ol li { padding: 0px; margin: 0px; }
dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }

/*table
---------------------------*/
.td5{ width:5%;} .td10{ width:10%;} .td15{ width:15%;} .td20{ width:20%;} .td25{ width:25%;}
.td30{ width:30%;} .td35{ width:35%;} .td40{ width:40%;} .td45{ width:45%;} .td50{ width:50%;} .td70{ width:70%;}
.th5{ width:5%;} .th10{ width:10%;} .th15{ width:15%;} .th20{ width:20%;} .th25{ width:25%;}
.th30{ width:30%;} .th35{ width:35%;} .th40{ width:40%;} .th45{ width:45%;} .th50{ width:50%;} .td70{ width:70%;}

/*other
---------------------------*/
form { margin: 0px; text-align: left; }
input, textarea, select {}
iframe { border-style: none; }
em { font: normal normal; }

/*clearfix
---------------------------*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; overflow:visible; }
/* End hide from IE-mac */


/*全体を格納*/
#wrapper { margin: 0px auto; padding: 0px; width: 880px; }

/*ヘッダー*/
#header { width: 880px; height: 290px; margin: 0px; padding: 0px; text-align: left; background-image: url(../images/bg_header.jpg); background-repeat: no-repeat; float: left; }
#header h1 { padding: 0px; text-align: left; margin: 0px 0px 0px 76px; }
#header2nd { width: 880px; margin: 0px 0px 25px; padding: 0px; text-align: left; height: 110px; background-image: url(../images/bg_header2nd.jpg); background-repeat: no-repeat; float: left; }
#header2nd h1 { padding: 0px; text-align: left; margin: 25px 0px 0px 40px; float: left; }

/*コンテンツエリア*/
#contents { width: 800px; _width: 880px; margin: 20px 0px 0px; padding: 0px 40px; float: left; text-align: left; }
#sidemenu { width: 180px; float: left; }
#sidemenu ul { text-align: left; margin: 0px; }
#sidemenu ul li { margin: 0px 0px 2px; }
#main { width: 590px; float: right; }
#main .text { margin: 20px 0px 0px; }
#main .text p.winetourism { margin: 30px 0px 0px; text-align: center; }
#main .text table { width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; font-size: 80%; }
#main .text table th { font-weight: normal; text-align: left; padding: 5px; vertical-align: middle; background-color: #F2F2F2; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
#main .text table td { text-align: left; padding: 5px; border-bottom: 1px solid #FFFFFF; background-color: #F7F7F7; }
#main .whinfo { margin: 15px 0px 40px; padding: 0px; width: 590px; float: left; }
#main .whinfol { float: left; }
#main .whinfor { float: right; }
#main .pharea { margin: 20px 0px 0px; }
#main .pharea img { margin: 5px 8px 0px 0px; }

/*ライブカメラ*/
#main .camera { margin: 40px 10px 0px 0px; float: left; width: 240px; }

/*フッター*/
#footer { width: 800px; _width: 880px; margin: 40px 0px 0px; padding: 0px 40px 30px; float: left; }
#footer p { text-align: left; font-size: 80%; line-height: 140%; }
#footer-navi { width: 800px; padding-top: 15px; border-top: 2px solid #000000; margin: 0px 0px 15px; }
#footer-navi ul { text-align: left; }
#footer-navi ul li { font-size: 80%; line-height: 140%; display: inline; }

#footer-navi ul li a:link,
#footer-navi ul li a:visited { text-decoration:none; margin-right:15px; padding:1px 0px 0px 13px; color:#000000; background-image: url(../images/icon_footer-list.gif); background-repeat: no-repeat; background-position: 0% 50%; }

#footer-navi ul li a:hover,
#footer-navi ul li a:focus { color:#00AEE5; background-image:url(../images/icon_footer-list.gif); }

#footer .banner { width: 800px; margin: 40px 0px 0px; float: left; }
#footer .banner p { text-align: center; }
#footer .banner img { margin: 0px 7px 0px 0px; }
#footer .kouhou { width: 800px; margin: 5px 0px 0px; float: left; }
#footer .kouhou ul { text-align: left; }
#footer .kouhou ul li { font-size: 80%; line-height: 140%; display: inline; }
#footer .kouhou ul li a:link,
#footer .kouhou ul li a:visited { text-decoration:none; margin-right:15px; padding:1px 0px 0px 13px; color:#000000; background-image: url(../images/icon_footer-list.gif); background-repeat: no-repeat; background-position: 0% 50%; }

#footer .kouhou ul li a:hover,
#footer .kouhou ul li a:focus { color:#00AEE5; background-image:url(../images/icon_footer-list.gif); }