@charset "utf-8"; 


/* 全体構造
---------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, td, th, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0px;
	padding: 0px;
}

body {
	text-align:center;
	font-size:12px;
	color:#666666;
	line-height:1.6;
	font-family:'メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS P Gothic',sans-serif,Arial, Helvetica, Verdana,;
	background:#fafcea;
}
a img,img{border:none; vertical-align:bottom;}
a {outline:none;}
hr{
	margin:0 0 0 0;
	border:none;
	padding:0;
	height:0;
	width:auto;
	visibility:hidden;
	clear:both;
	display: block;
}
fieldset{border:none;}


/* リンク
---------------------------------------------------- */
a:link {
	color:#4b92d3;
	text-decoration:none;
}
a:visited {
	color:#4b92d3;
	text-decoration:none;
}
a:hover, a:active {
	color:#4b92d3;
	text-decoration:underline;
}


/* 汎用スタイルシート
---------------------------------------------------- */
.back {text-align:right;padding-top:20px;margin-bottom: 10px; padding-right:10px;}
.red{ color:#FF0000; font-size:10px;}
.red2{ color:#FF0000;}
.blue{color:blue;}
.img-right{float:right; margin-left:10px;}
.img-left{float:left; padding-right:10px;}
.img-mb{margin-bottom:20px;}
.none{display:none;}
.txt-right{text-align:right;}
.clear {clear:both;}
.clearfix:after{  
	content:".";  
	display:block;  
	visibility:hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height:0;  
	clear: both;  
}
.clearfix{
	zoom:100%;
}
.mt30{margin-top:30px;}
.mr20{
	margin-right:10px;
}
.larger{font-size:larger;}
.right{float:right;}
.left{float:left;}


/* レイアウト
---------------------------------------------------- */
#wrapper{
	width:965px;
	margin:0 auto;
	text-align:left;
	background:url(../images/bg.gif) right top repeat-y;
}
#content{
	width:764px;
	float:right;
	padding:0 43px;
}
#navi{
	width:115px;
	float:left;
	padding-top:108px;
}
.copy{
	text-align:right;
	padding:50px 0 50px 0;
}
#content h1{
	margin:15px 0 20px -10px;
}
#content h2{
	margin:0 0 10px -10px;
}
#content h3{
	margin:30px 0 0 -10px;
	font-size:14px;
	color:#9cb335;
}
#content p{
	margin-bottom:1em;
}
.inner{
	padding:0 10px;
}
#content ul{
	margin-left:20px;
}


/* ナビ
---------------------------------------------------- */
#navi ul li{
	list-style:none;
}
#navi ul li a{
	display:block;
	text-indent:-9999px;
	width:115px;
	height:54px;
}

#navi1 a{background:url(../images/navi1.gif) no-repeat;}
#navi2 a{background:url(../images/navi2.gif) no-repeat;}
#navi3 a{background:url(../images/navi3.gif) no-repeat;}
#navi4 a{background:url(../images/navi4.gif) no-repeat;}
#navi5 a{background:url(../images/navi5.gif) no-repeat;}
#navi6 a{background:url(../images/navi6.gif) no-repeat;}
#navi7 a{background:url(../images/navi7.gif) no-repeat;}
#navi8 a{background:url(../images/navi8.gif) no-repeat;}
#navi9 a{background:url(../images/navi9.gif) no-repeat;}

#navi1:hover a{background:url(../images/navi1.gif) no-repeat 0 -54px;}
#navi2:hover a{background:url(../images/navi2.gif) no-repeat 0 -54px;}
#navi3:hover a{background:url(../images/navi3.gif) no-repeat 0 -54px;}
#navi4:hover a{background:url(../images/navi4.gif) no-repeat 0 -54px;}
#navi5:hover a{background:url(../images/navi5.gif) no-repeat 0 -54px;}
#navi6:hover a{background:url(../images/navi6.gif) no-repeat 0 -54px;}
#navi7:hover a{background:url(../images/navi7.gif) no-repeat 0 -54px;}
#navi8:hover a{background:url(../images/navi8.gif) no-repeat 0 -54px;}
#navi9:hover a{background:url(../images/navi9.gif) no-repeat 0 -54px;}

#navi1-on a{background:url(../images/navi1.gif) no-repeat 0 -54px;}
#navi2-on a{background:url(../images/navi2.gif) no-repeat 0 -54px;}
#navi3-on a{background:url(../images/navi3.gif) no-repeat 0 -54px;}
#navi4-on a{background:url(../images/navi4.gif) no-repeat 0 -54px;}
#navi5-on a{background:url(../images/navi5.gif) no-repeat 0 -54px;}
#navi6-on a{background:url(../images/navi6.gif) no-repeat 0 -54px;}
#navi7-on a{background:url(../images/navi7.gif) no-repeat 0 -54px;}
#navi8-on a{background:url(../images/navi8.gif) no-repeat 0 -54px;}
#navi9-on a{background:url(../images/navi9.gif) no-repeat 0 -54px;}



/* コンテスト概要
---------------------------------------------------- */
.flow{
	margin-top:10px;
}
.flow th,
.flow td{
	padding:3px;
}
.flow th{
	width:130px;
	text-align:left;
}



/* 特産物一覧ページ
---------------------------------------------------- */
.inner ol li{
	list-style:none;
	float:left;
	text-align:center;
	margin-right:15px;
	margin-bottom:20px;
}
.inner ol li img{
	width:100px;
	height:100px;
	padding:3px;
	border:1px solid #ccc;
}


/* 運営団体
---------------------------------------------------- */
.member{
	width:600px;
}
.member strong{
	color:#8BAD3F;
}

/* 応募概要
---------------------------------------------------- */
.kijun{
	width:80%;
	border-collapse:collapse;
	margin-top:5px;
	margin-bottom:10px;
}
.kijun th,
.kijun td{
	border:1px solid #ddd;
	padding:5px;
}
.kijun th{
	background:#eee;
}
.center{
	text-align:center;
}


/* 協賛
---------------------------------------------------- */
.cooperation{
	width:100%;
}
.cooperation td{
	width:50%;
	vertical-align:top;
}
#content .cooperation td h3{
	margin-left:0;
}



/* 詳細ページ
---------------------------------------------------- */
.photo{
	float:left;
	width:200px;
	padding-top:10px;
}
.photo img{
	padding:3px;
	border:1px solid #ddd;
}
.txt{
	float:right;
	width:564px;
	padding-top:10px;
}
#content .txt h3{
	margin:0 0 10px 0;
	padding:0;
	line-height:1;
	color:#666;
	font-size:20px;
}

.line{
	padding:40px 0;
	clear:both;
}
.line hr{
	border-top:3px dotted #ddd;
	visibility:visible
}

/* Form
---------------------------------------------------- */
.form1,.form2{
	font-size:14px;
	color:#666;
	padding:4px 5px;
	border:1px solid #ddd;
	background:#fff;
	margin:2px 0 15px 0;
}
.form1{width:97%; font-size:18px;}
.form2{width:400px;}

.textarea1{
	font-size: 16px;
	color:#666;
	height:200px;
	padding:3px;
	border:1px solid #ddd;
	background: #fff;
}
.textarea1{width:97%;}


.submit{
	padding:30px 0;
}
.submit input{
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	width:199px;
	height:46px;
	zoom:1;
}

.submit .btn-check{background:url(../images/btn-check.gif) no-repeat;}
.submit .btn-back{background:url(../images/btn-back.gif) no-repeat; width:103px; margin-right:20px;}
.submit .btn-send{background:url(../images/btn-send.gif) no-repeat;}

.submit .btn-check:hover,
.submit .btn-back:hover,
.submit .btn-send:hover{
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#check{
	border:1px solid #ccc;
	padding:10px 20px;
}
#check strong{
	color:#9cb335;
}



/* errer information
---------------------------------------------------- */
#content .success,
#content .error{
    margin:10px 0px 30px 0;
    padding:15px 10px 15px 30px;
}

.success{
    color: #4F8A10;
    background:url(../images/i-success.jpg) no-repeat #DFF2BF 10px center;
	border:1px solid #4f8a10;
}
.error{
    color: #9F6000;
    background:url(../images/i-error.jpg) no-repeat #f7dfcb 10px center;
	border:1px solid #a9644e;
}