@charset "utf-8";
/* CSS Document */
/* ========================================
　吟醸酒のふる里　東広島　スタイルシート
　編集者：masumi ochi　2008.3.25 13:30
=========================================*/

/* -----------------------------------------
　BODY　
-------------------------------------------*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	background-color: #FFFFFF;
}

/* -----------------------------------------
　全体の幅、中央添え指定、IE5.X対応　
-------------------------------------------*/
#container {
	width: 760px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
/* -----------------------------------------
　ページ全体のリンク下線なしの設定　
-------------------------------------------*/
a.link {
	text-decoration:none;
	color: #0066FF;
}
a.link:hover {
	text-decoration:none;
	color: #FF0000;
}

/* -----------------------------------------
　ヘッダー　
-------------------------------------------*/
#header {
	height: 207px;
	padding: 0;
	background-color: #FFFFFF;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
}

#header p {
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	padding-top: 81px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 600px;
	line-height: 150%;
}

#header  p a {
	margin-left: 5px;
	text-decoration: none;
	color: #000000;
}
#header  p a:hover {
	color: #ff0000;
}

/* -----------------------------------------
　ナビゲーション　
-------------------------------------------*/
#navigation {
	background-image: url(../images/bc.png);
}
.miru {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 22px;
}

/* -----------------------------------------
　サブナビゲーション　
-------------------------------------------*/
#subnavi {
	height: 26px;
	width: 755px;
	left: 0px;
	top: 31px;
	padding-left: 7px;
	padding-top: 2px;
}
#subnavi p {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 2px;
	font-size: 16px;
	line-height: 150%;
	color: #660000;
	text-decoration: none;
	margin-bottom: 0px;
	margin-left: 0px;
}
#subnavi p.ac {
	color: #333399;
}


#subnavi p a {
	color: #660000;
	text-decoration: none;
	line-height: 150%;
}

#subnavi p a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000099;
}

/* -----------------------------------------
　パンくずリスト
-------------------------------------------*/
#pankuzu {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FF6633;
	font-size: x-small;
	font-weight: bold;
	margin: 0px;
	padding-right: 0px;
}
#pankuzu p{
	line-height:150%;
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
#pankuzu p a{
	padding-right:10px;
	text-decoration: none;	/*background:url(img/glue.png)no-repeat right center;*/
}
/* -----------------------------------------
　メイン　
-------------------------------------------*/
#mainContent {
	padding: 0px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	margin: 0px;
	width: 760px;
	clear: both;
}

/* -----------------------------------------
　タイトル　
-------------------------------------------*/
#title h1 {
	font-size: x-large;
	font-weight: bold;
	color: #333399;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
}
/* -----------------------------------------
　メイン 　上部　画像と文章
-------------------------------------------*/
#page1 {
	width: 760px;
}

#page1 .style2 {
	text-align: center;
}

#page1 h2.t1 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}
table {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
}
#page1 h2.t2 {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#page1 p.b1 {
	padding: 0px;
	line-height: 110%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
}
#page1 p.b12 {
	padding: 0px;
	line-height: 110%;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
}
#page1 p.b2 {
	padding: 0px;
	line-height: 110%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
}

#page1 p.b3 {
	padding: 0px;
	line-height: 110%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 35px;
}
/* -----------------------------------------
　テーブルの横幅設定　
-------------------------------------------*/
td.w200 {
	width: 200px;
}
td.w150 {
	width: 150px;
}
td.ws150 {
	white-space: nowrap;
	width: 150px;
}
/* -----------------------------------------
　フォーム全体　
-------------------------------------------*/
form {
	background-color: #FFFFFF;
	margin: 10px;
	width: 600px;
	border: 3px double #CCCCCC;
	font-size: 90%;
	color: #333333;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}

/* -----------------------------------------
　項目ごとに区切る　
-------------------------------------------*/
form div {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

/* -----------------------------------------
　件名・お名前・メール・お問い合わせ内容
-------------------------------------------*/
.question {
	float: left;
	width: 145px;
	margin-top: 2px;
	padding: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.answer {
	background-color: #FFFFE6;
	width: 360px;
	border: 1px solid #CCCCCC;
}

/* -----------------------------------------
　必須項目　『*』
-------------------------------------------*/
#hissu1 {
	font-size: 140%;
	color: #FF0000;
	font-weight: bold;
}
#hissu2 {
	font-size: 140%;
	color: #FF0000;
	font-weight: bold;
}
#hissu3 {
	font-size: 140%;
	color: #FF0000;
	font-weight: bold;
}
#hissu4 {
	font-size: 140%;
	color: #FF0000;
	font-weight: bold;
}
#hissu5 {
	font-size: 140%;
	color: #FF0000;
	font-weight: bold;
}
/* -----------------------------------------
　アンケート部分
-------------------------------------------*/
.question2 {
	font-size: 100%;
	color: #006633;
	margin: 0px;
	padding-top: 10px;
	padding-left: 15px;
	font-weight: normal;
	padding-right: 0px;
	padding-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.answer2 {
	font-size: 100%;
	color: #333333;
	margin: 0px;
	padding-top: 10px;
	padding-left: 17px;
	font-weight: normal;
	padding-right: 0px;
	padding-bottom: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* -----------------------------------------
　アンケート部分の入力項目
-------------------------------------------*/
.answer3 {
	background-color: #FFFFE6;
	border: 1px solid #CCCCCC;
}

/* -----------------------------------------
　送信、取消ボタンの位置指定
-------------------------------------------*/
#botton {
	width: 550px;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* -----------------------------------------
　送信、取消ボタンの色指定
-------------------------------------------*/
#bottonc {
	background-color: #CCCCCC;
	color: #333333;
	background-position: center center;
	margin: 0px;
	padding: 1px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}
/* -----------------------------------------
　送信、取消ボタンの色指定
-------------------------------------------*/
#bottonr {
	background-color: #CCCCCC;
	color: #333333;
	background-position: center center;
	margin: 0px;
	padding: 1px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}
/* -----------------------------------------
　thanks.html用
-------------------------------------------*/
.thanks {
	background-color: #FFFFFF;
	margin: 10px;
	width: 550px;
	border: 3px double #CCCCCC;
	font-size: 100%;
	color: #333333;
	font-weight: bold;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
}
#hissubun {
	text-align: center;
}
/* -----------------------------------------
　このページの先頭へ
-------------------------------------------*/
#pagetop {
	text-align: right;
	margin: 2px;
	padding: 0px;
	font-size: 90%;
}

/* -----------------------------------------
　フッター
-------------------------------------------*/
#footer {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FF6633;
	text-align: center;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	clear: both;
}

#footernavi {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 35px;
	margin-left: 0px;
}
#footernavi p a.navi {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 7px;
	color: #0066FF;
	text-decoration: none;
}

#footernavi p a.navi:hover {
	text-decoration:none;
	color: #FF0000;
}
#footer p {
	margin: 0;
	padding: 10px 0px;
	font-size: 12px;
	text-align: center;
	line-height: 150%;
	font-size: 10px;
	clear: both;
}

