@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------- ベース設定 */

body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333333;
	font-size: 16px;
	background: repeat-y center url(images/bg_01.gif);
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd {
	font-weight:normal;
	font-size: 14px;
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style-type: none;
}
input, textarea {
	font-size: 1em;
}
#wrapper {
	width:810px;
	margin:0 auto;
}
img, fieldset {
	border: none;
}
em, address {
	font-style:normal;
}

/*------------------------------------------------------- ヘッダー */
#header {
}
.header_h1 {
	padding:10px 10px 0;
}
.header_logo {
	padding:10px;
}


/*------------------------------------------------------- グローバルナビ */
#globalNavi ol{
	padding:0 0 0 55px;
	height: 35px;
	overflow: hidden;
	background: url(images/global_navi.gif);
}
#globalNavi li{
	float:left;
}


/*------------------------------------------------------- パンクズ */
#pankuzu ul {
	padding:10px;
	overflow:hidden;
	height:14px;
}
#pankuzu li {
	float:left;
	background:no-repeat url(images/list_style_01.gif);
	padding: 0 6px 0 20px;
}
#pankuzu a:link {
	color: #333333;
	text-decoration:none;
}
#pankuzu a:visited {
	color: #333333;
	text-decoration:none;
}
#pankuzu a:hover {
	color: #993300;
	border-bottom:#993300 solid 1px;
	text-decoration:none;
}


#container {
	width:781px;
	background:#E8EDF0;
	margin:0 auto;
}

/*------------------------------------------------------- レフトナビ */
#left_navi {
	width:173px;
	float:left;
}
.left_h2 {
	background:#5CAAD8;
	border-left:#136394 solid 6px;
	color:#FFFFFF;
	font-size:16px;
	padding:6px 0 5px 10px;
	font-weight:bold;
}
/*------------------------------------------------------- レフトメニュー */
#menu_01 ul{
	font-size:13px;
	margin-top:8px;
}
#menu_01 li{
	font-size:14px;
	background:url(images/list_style_02.gif) no-repeat -4px 0;
}
#menu_01 a:link {
	color:#000000;
	display:block;
	text-decoration:none;
	height:22px;
	padding:9px 0 0 18px;
	display:block;
}
#menu_01 a:visited {
	color:#000000;
	display:block;
	text-decoration:none;
	height:22px;
	padding:9px 0 0 18px;
	display:block;
}
#menu_01 a:hover {
	display:block;
	color: #0099FF;
	text-decoration:none;
	height:22px;
	padding:9px 0 0 18px;
	display:block;
}


#contents {
	width:598px;
	padding-left:10px;
	background:#FFFFFF;
	float:left;
}
/*------------------------------------------------------- センターコンテンツ */
#main_contents {
	width:386px;
	float:left;
}
/*--------------------------------------------- ランダムに変わるテキストリンク */
#random_link {
	padding:4px 0 3px;
	margin-bottom:6px;
	text-align:center;
	border:#FF9933 solid 2px;
	background:#FFFFCC;
}

#random_link a:link {
	color:#000000;
	text-decoration:none;
}
#random_link a:visited {
	color:#000000;
	text-decoration:none;
}
#random_link a:hover {
	color:#000000;
	text-decoration:none;
}

/*--------------------------------------------- 最新3ヶ月分の地ビール */
#monthly_beer {
	background:url(images/bg_02.gif) no-repeat;
	border:#CCCCCC solid 1px;
}
.one_month {
	border-bottom:#CCCCCC dotted 1px;
	margin:5px 0;
	width:384px;
}
.monthly_beer_h2 {
	text-align:right;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 7px 7px 2px 7px;
}
.monthly_beer_p {
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
	letter-spacing: 1px;
}
.beer_img_left {
	background:#F3F3F3;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
	margin:10px;
}
.beer_info {
	width:240px;
	float:left;
	margin:10px;
}
.beer_title {
	font-size:16px;
	color:#1A8BBB;
	font-weight:bold;
	border-bottom:#1A8BBB solid 1px;
	padding-bottom:3px;
}
.beer_name {
	font-size:20px;
	background:url(images/list_style_03.gif) no-repeat 2px 6px;
	margin:10px 0 8px;
	padding:0 20px;
	line-height:130%;
}
.beer_name a {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
.beer_name a:visited {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
}
.beer_name a:hover {
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	border-bottom:#000000 solid 1px;
}
.beer_caption {
	margin-left:18px;
	color:#000000;
}
.beer_all_preview {
	font-size:14px;
	text-align:right;
	margin:10px 15px 15px;
}
.beer_all_preview a {
	text-decoration:none;
	color:#999999;
}
.beer_all_preview a:visited {
	text-decoration:none;
	color:#999999;
}
.beer_all_preview a:hover {
	text-decoration:none;
	color:#333333;
	border-bottom:#333333 solid 1px;
}
/*--------------------------------------------- トップページの下、地ビールリスト */
#top_beer_list {
	background:#F6F4D0;
	border:#DDDDDD solid 1px;
	margin:5px 15px;
	padding:15px 30px;
}
#top_beer_list h3 {
	font-weight:bold;
	font-size:14px;
	color:#000000;
	padding-bottom:3px;
}
#top_beer_list p {
	line-height:125%;
	margin-bottom:5px;
}
#top_beer_list a {
	text-decoration:none;
	color:#000000;
}
#top_beer_list a:visited {
	text-decoration:none;
	color:#000000;
}
#top_beer_list a:hover {
	text-decoration:none;
	color:#000000;
}
/*--------------------------------------------- ようこそビアフェスタへ */

#welcome {
	font-size:14px;
	line-height:140%;
	color:#000000;
}

#welcome h2 {
	color:#FFFFFF;
	font-size:14px;
	padding:5px 18px 8px;
	font-weight:bold;
	background:url(images/h2_01.gif) no-repeat;
}
/*--------------------------------------------- ニュース＆トピックス */
#news h3 {
	font-size:14px;
	font-weight:bold;
	border-bottom:#6D2800 solid 1px;
	padding:20px 5px 5px;


}
#news dl {
	margin:10px 0 20px;
	padding: 0 0 20px;
}
#news dt {
	width:80px;
	float:left;
	letter-spacing: 2px;
	margin:0 0 5px 0;
	padding: 0 0 0 5px;
}
#news dd {
	float:left;
	width:290px;
	margin:0 0 5px 10px;
}

#news a {
	text-decoration:none;
	color:#000000;
}
#news a:visited {
	text-decoration:none;
	color:#000000;
}
#news a:hover {
	text-decoration:none;
	color:#993300;
	border-bottom:#993300 solid 1px;
}




/*------------------------------------------------------- ライトメニュー */

#right_navi {
	width:200px;
	margin-left:11px;
	float:left;
}

/*--------------------------------------------- 毎月のビールリスト */
#right_beer_list {
	background:url(images/bg_04.gif) no-repeat;
	width:198px;
	border:#CCCCCC solid 1px;
}
#right_beer_list ul {
	padding:3px 0 0;
}
#right_beer_list li {
	font-size:14px;
	border-bottom:#CCCCCC dotted 1px;
	padding: 10px;
}

#right_beer_list a {
	text-decoration:none;
	color:#000000;
}
#right_beer_list a:visited {
	text-decoration:none;
	color:#000000;
}
#right_beer_list a:hover {
	text-decoration:none;
	color:#0099FF;
	border-bottom:#0099FF solid 1px;
}

/*--------------------------------------------- 会員レター */

#members_letter {
	color:#000000;
	font-size:14px;
	line-height:160%;
	margin:10px 3px 25px 0;
	padding: 0 15px 10px;
	background:url(images/bg_06.gif);
	border-bottom:#CCCCCC solid 2px;
}
#members_letter img {
	background:#FFFFFF;
	padding:4px;
	margin:0px 15px 5px 0;
	border:#999999 solid 1px;
	float:left;
}
#members_letter h2 {
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:15px 0;
}
#members_letter h3 {
	font-size:16px;
	font-weight:bold;
	margin:0 auto 15px;
}
#members_letter h4 {
	font-size:14px;
	font-weight:bold;
	margin:0 auto 15px;
}
#members_letter h5 {
	font-size:14px;
	font-weight:bold;
	margin:0 auto 15px;
}
#members_letter ol {
	margin:0 0 15px 25px;
	padding:0 0 0 15px;
	list-style:decimal;
	padding:0 0 0 25px;
}
#members_letter ul {
	margin:0px 0 15px 25px;
	padding:0 0 0 25px;
	list-style:disc;
}
#members_letter p {
	margin:0 0 20px;
}
#members_letter a {
	text-decoration:none;
	color:#000000;
}
#members_letter a:visited {
	text-decoration:none;
	color:#000000;
}
#members_letter a:hover {
	text-decoration:none;
	color:#000000;
}



/*--------------------------------------------- 紹介コーナーライトサイド */
#introduce {
	background:url(images/bg_03.gif) no-repeat;
	width:198px;
	border:#CCCCCC solid 1px;
}
.intro_h2 {
	text-align:right;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin: 7px 7px 2px;
}
.intro_p {
	text-align:right;
	color:#FFFFFF;
	font-size:10px;
	letter-spacing: 1px;
	margin: 0 5px 3px;
}

.one_cell {
	border-bottom:#CCCCCC dotted 1px;
	margin:0;
	width:198px;
}
.mg5 {
	float:left;
	margin:10px;	
}
.intoro_title {
	font-size:14px;
	float:left;
	background:url(images/list_style_04.gif) no-repeat;
	padding-left:10px;
	margin:22px auto;
}
.intoro_title a {
	text-decoration:none;
	color:#000000;
}
.intoro_title a:visited {
	text-decoration:none;
	color:#000000;
}
.intoro_title a:hover {
	text-decoration:none;
	color:#338E15;
	border-bottom:#338E15 solid 1px;
}


.intoro_all_preview {
	font-size:14px;
	text-align:right;
	margin:10px 15px 15px;
}
.intoro_all_preview a {
	text-decoration:none;
	color:#555555;
}
.intoro_all_preview a:visited {
	text-decoration:none;
	color:#555555;
}
.intoro_all_preview a:hover {
	text-decoration:none;
	color:#338E15;
	border-bottom:#338E15 solid 1px;
}

/*------------------------------------------------------- コンテンツ下部 ページ前後 */
#next_pages {
	font-size:16px;
	margin:15px auto 15px;
}
.next_pages_left {
 background:url(images/icon_12.gif) no-repeat 0 2px;
	padding-left:15px;
}
.next_pages_top {
 background:url(images/icon_13.gif) no-repeat 0 2px;
	padding-left:15px;
	margin-left:135px;
}
.next_pages_right {
 background:url(images/icon_14.gif) no-repeat 0 2px;
	margin-left:115px;
	padding-left:15px;
}
#next_pages a {
	text-decoration:none;
	color:#000000;
}
#next_pages a:visited {
	text-decoration:none;
	color:#000000;
}
#next_pages a:hover {
	text-decoration:none;
	color:#0099FF;
}

/*------------------------------------------------------- フッターエリア */
#footer {
	width:781px;
	margin:15px auto 0;
}

/*--------------------------------------------- リンクリスト */
.footer_link {
	color:#333333;
	margin:0 auto 10px;
}
.footer_link a {
	text-decoration:none;
	color:#333333;
}
.footer_link a:visited {
	text-decoration:none;
	color:#333333;
}
.footer_link a:hover {
	text-decoration:none;
	color:#000000;
	border-bottom:#000000 solid 1px;
}
/*--------------------------------------------- コピーライト */
.footer_aria {
	padding:5px auto 0;
	height:80px;
}
.hand {
	float:left;
	padding:0 10px 0 0;
}
.footer_copy {
	float:left;
	width:600px;
	letter-spacing:1px;
	margin:0 0 5px;
}
.footer_copy a {
	text-decoration:none;
	color:#333333;
}
.footer_copy a:visited {
	text-decoration:none;
	color:#333333;
}
.footer_copy a:hover {
	text-decoration:none;
	color:#000000;
	border-bottom:#000000 solid 1px;
}




/*------------------------------------------------------- アーカイブページのレイアウト */



#archive {
	width:781px;
	margin:0 auto;
}

#archive_contents {
	float:left;
	width:570px;
}
/*------------------------------------------------------- よくある質問 */

#faq_contents {
	color:#000000;
	margin:0 10px;
}

#faq_contents h2 {
	color:#FFFFFF;
	background: url(images/h2_02.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:5px 18px 25px;
}
#faq_contents h3 {
	font-size:14px;
	background: url(images/list_style_06.gif) no-repeat #99CC66;
	padding: 5px 2px 3px 58px; 
	font-weight:bold;
	margin:0 15px 8px;
}
.faq_answer {
	background: url(images/list_style_07.gif) no-repeat;
	padding: 3px 2px 25px 58px;
	line-height:140%;
	margin:0 15px;
}
#faq_contents ul {
	margin:0 15px 25px;

}
#faq_contents li {
	background: url(images/list_style_05.gif) no-repeat;
	padding: 2px 2px 3px 76px;
	margin:0 0 5px;
}
#faq_contents a {
	text-decoration:none;
	color:#0099FF;
	border-bottom:#0099FF solid 1px;
}
#faq_contents a:visited {
	text-decoration:none;
	color:#0099FF;
	border-bottom:#0099FF solid 1px;
}
#faq_contents a:hover {
	text-decoration:none;
	color:#FF9900;
	border-bottom:#FF9900 solid 1px;
}







/*------------------------------------------------------- 紹介コーナーメインコンテンツ */

#introduce_contents {
	margin:0 10px 0 10px;
}
#introduce_contents a {
	text-decoration:none;
	color:#000000;
}
#introduce_contents a:visited {
	text-decoration:none;
	color:#000000;
}
#introduce_contents a:hover {
	text-decoration:none;
	color:#338E15;
}

#introduce_contents h2 {
	color:#FFFFFF;
	background: url(images/h2_04.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:5px 18px 25px;
}
#introduce_contents h3 {
	font-weight:bold;
	float:left;
	padding:0;
	font-size:16px;
}
#introduce_contents p {
 border-top:#666666 dotted 1px;
 margin: 0;
	padding: 5px 5px 20px 5px;
	line-height:140%;
}
.intro_img_right {
	float:right;
	margin: 0 5px 6px 5px;
} 

/*------------------------------------------------------- 厳選地ビールアーカイブページのデザイン設定 */

#beer_archive {
	margin:0 10px;
	color:#000000;
}
#beer_archive h2 {
	color:#FFFFFF;
	background: url(images/h2_02.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:5px 18px 18px;
}
#beer_archive h3 {
	font-weight:bold;
	font-size:14px;
	margin:5px 5px 10px;
}
#beer_archive h4 {
	font-weight:bold;
	font-size:14px;
	margin:5px;
}
#beer_archive ul {
	margin-left:25px;
	padding:5px;
	list-style:disc;
}
#beer_archive ol {
	margin-left:25px;
	padding:5px;
	list-style:decimal;
}
#beer_archive li {
	margin-bottom:7px;
}
#beer_archive dl {
 padding:0 5px;
}
#beer_archive dt {
	background:url(images/bg_dl.gif) repeat-x #CCCCCC; 
	padding:4px 5px;
}
#beer_archive dd {
 padding:5px 10px 10px;
	line-height:140%;
}
#beer_archive p {
	margin:5px 5px 15px 25px;
	line-height:140%;
}

.beer_img {
	background:#FFFFFF;
	padding:4px;
	margin:0px 15px 5px 10px;
	border:#999999 solid 1px;
	text-align:center;
}


/*------------------------------------------------------- トップページ　アーカイブページのデザイン設定 */
#top_archive {
	margin:0 10px;
	color:#000000;
}
#top_archive h2 {
	color:#FFFFFF;
	background: url(images/h2_03.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:5px 18px 18px;
}
#top_archive a {
	text-decoration:none;
	color:#000000;
}
#top_archive a:visited {
	text-decoration:none;
	color:#000000;
}
#top_archive a:hover {
	text-decoration:none;
	color:#000000;
	border-bottom:#000000 solid 1px;
}

/*------------------------------------------------------- 紹介コーナーアーカイブページのデザイン設定 */

#archive_pages {
	margin:0 10px;
	color:#000000;
}
#archive_pages h2 {
	color:#FFFFFF;
	background: url(images/h2_04.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:5px 18px 18px;
}
#archive_pages h3 {
	font-weight:bold;
	font-size:14px;
	margin:5px 5px 15px;
}
#archive_pages h4 {
	font-weight:bold;
	font-size:14px;
	margin:5px;
}
#archive_pages ul {
	margin-left:25px;
	padding:5px;
	list-style:disc;
}
#archive_pages ol {
	margin-left:25px;
	padding:5px;
	list-style:decimal;
}
#archive_pages li {
	margin-bottom:7px;
}
#archive_pages dl {
 padding:0 5px;
}
#archive_pages dt {
	background:url(images/bg_05.gif) repeat-x;
	padding:3px 5px;
}
#archive_pages dd {
 padding:5px 10px 10px;
}
#archive_pages p {
	margin:5px 5px 15px 25px;
	line-height:140%;
}




/*--------------------------------------------- 過去の地ビールリスト領域 */

#beer_past_list {
	margin:0 5px 0 15px;
}
#beer_past_list h2{
	color:#FFFFFF;
	background: url(images/h2_02.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	padding:5px 18px 18px;
}
#beer_past_list h3 {
 font-weight:bold;
	font-size:18px;
	margin:4px 0;
}
#beer_past_list p {
	line-height:135%;
}
#beer_past_list a:link {
	color: #000000;
	text-decoration:none;
	border-bottom:#000000 solid 1px;
}
#beer_past_list a:visited {
	color: #000000;
	text-decoration:none;
	border-bottom:#000000 solid 1px;
}
#beer_past_list a:hover {
	color: #E28000;
	text-decoration:none;
	border-bottom:#E28000 solid 1px;
}
.day {
 color:#008000;
	margin:2px 0 20px;
}

/*--------------------------------------------- 新着情報領域 */

#news_index {
	margin:0 5px 0 15px;
}
#news_index h2 {
	margin:15px 0 5px;
	padding:0 0 3px;
	font-size:18px;
	border-bottom:#CCCCCC solid 2px;
	letter-spacing:2px;
	font-weight:bold;
}
#news_index h3 {
 font-size:16px;
	margin:6px 0 8px;
}

.news_body_p {
 margin:0 0 22px;
}
.news_description {
 margin-bottom:22px;
}




/*------------------------------------------------------- 細かいデザイン設定 */

#link_list {
	background:#E8F7F7;
	border:#CCCCCC solid 1px;
	padding:10px;
	margin: 15px 10px 30px;
	text-align:center;
	clear:both;
}
.f_seze18 {
	font-size:18px;
}
.f_seze12 {
	font-size:14px;
}
.text_right {
	text-align:right;
}
.red {
 color:#FF0000;
}
.orange {
 color:#E58E1C;
}
.green {
 color:#338E15;
}
.gray {
	color:#666666;
	font-size:12px;
}
.img_left {
 float:left;
	margin: 0 15px 15px;
}
.clear-left {
	clear:left;
}
.float_left {
	float:left;
}
.border_btm {
	border-bottom:#CCCCCC dotted 1px;
	margin:0 0 5px;
	padding:0 0 15px;
}
.hello {
	margin:0 7px;
	line-height:155%
}
.blue {
	color:#0066CC;
	text-align:center;
	margin:10px;
}

.link_orange a:link {
	color: #E58E1C;
	text-decoration:none;
}
.link_orange a:visited {
	color: #E58E1C;
	text-decoration:none;
}
.link_orange a:hover {
	color: #E58E1C;
	text-decoration:none;
	border-bottom:#E58E1C solid 1px;
}

/*------------------------------------------------------- スペーサー */
.sp_01 {
	margin:15px 0 0 13px;
}
.sp_02 {
	margin-top:14px;
}
.sp_03 {
	margin-bottom:15px;
}
.sp_04 {
	margin-top:25px;
}
.sp_05 {
	margin-top:3px;
}
.sp_06 {
	margin:0 15px 20px 0;
}