@charset "UTF-8";
/* formatting stylse
----------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:12px;
	line-height: 1.6;
	color:#333333;
}
/* for WinIE6*/
* html body {
	font-size: 75%;
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align:baseline;
}/* for WinIE7*/
*:first-child+html body { 
	font-size: 75%;
	font-family: "メイリオ", "ＭＳ Ｐゴシック";
}
a {
	text-decoration: underline;
	color: #874015;
}
a:visited {
	text-decoration: underline;
	color: #874015;
}
a:hover {
	text-decoration: none;
	color: #9C5C3C;
}
a img {
	border-style: none;
}
.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
}
#container {
	background-color: #FFFFFF;
	width: 988px;
	margin-right: auto;
	margin-left: auto;
}

/* header stylse
----------------------------------------------*/
#header {
	width: 952px;
	padding-left: 18px;
	padding-top: 8px;
	background-color: #FFFFFF;
}
#header_leftbox {
	float: left;
	width: 400px;
}
#header_leftbox h1 {
	margin-top: 4px;
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	line-height: 140%;
}
#header_leftbox h2 {
	margin-top: 13px;
}
#header_rightbox {
	float: left;
	width: 550px;
	text-align: right;
}
#heder_rigtop {
	padding-bottom: 11px;
}
#heder_rigtop img {
	margin-left: 7px;
}

/* header list stylse
----------------------------------------------*/
#header ul {
	width: 952px;
	list-style: none;
	height: 60px;
	margin-top: 15px;
}
#header li {
	float: left;
}
#header li a {
	display: block;
}
#header li img {
	vertical-align: bottom;
	line-height: 1;
	margin: 0px;
	padding: 0px;
}
#header li#navi1 {
	width: 75px;
}
#header li#navi1 a {
	display: block;
	height: 60px;
	width: 75px;
	background-image: url(../img/btn_topics_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi1 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 75px;
}
#header li#navi2 {
	width: 113px;
}
#header li#navi2 a {
	display: block;
	height: 60px;
	width: 113px;
	background-image: url(../img/btn_beerxrecipe_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi2 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 113px;
}
#header li#navi3 {
	width: 121px;
}
#header li#navi3 a {
	display: block;
	height: 60px;
	width: 121px;
	background-image: url(../img/btn_festa_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi3 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 121px;
}
#header li#navi4 {
	width: 101px;
}
#header li#navi4 a {
	display: block;
	height: 60px;
	width: 101px;
	background-image: url(../img/btn_brewery_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi4 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 101px;
}
#header li#navi5 {
	width: 85px;
}
#header li#navi5 a {
	display: block;
	height: 60px;
	width: 85px;
	background-image: url(../img/btn_beerdiary_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi5 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 85px;
}
#header li#navi6 {
	width: 120px;
}
#header li#navi6 a {
	display: block;
	height: 60px;
	width: 120px;
	background-image: url(../img/btn_blogshoukai_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi6 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 120px;
}
#header li#navi7 {
	width: 102px;
}
#header li#navi7 a {
	display: block;
	height: 60px;
	width: 102px;
	background-image: url(../img/btn_brewerblog_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi7 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 102px;
}
#header li#navi8 {
	width: 130px;
}
#header li#navi8 a {
	display: block;
	height: 60px;
	width: 130px;
	background-image: url(../img/btn_beerblog_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi8 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 130px;
}
#header li#navi9 {
	width: 103px;
}
#header li#navi9 a {
	display: block;
	height: 60px;
	width: 103px;
	background-image: url(../img/btn_campaign_over.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header li#navi9 a:hover {
	background-position: left bottom;
	height: 60px;
	width: 103px;
}
#header li a:hover img {
	display: none;
}
#header #pankuzu {
	height: 14px;
	width: 950px;
	clear: left;
	padding-top: 8px;
	font-size: 85%;
	line-height: 14px;
	padding-bottom: 7px;
	color: #000000;
}

/* wrapper stylse
----------------------------------------------*/
#wrapper {
	background-image: url(../img/ph_backillust.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 18px;
}
#mainbox  {
	width: 783px;
	float: left;
}
#pagetop {
	text-align: right;
	width: 735px;
	padding-left: 18px;
	clear: both;
}

/* right stylse
----------------------------------------------*/
#rightbox {
	float: left;
	width: 205px;
	margin-bottom: 200px;
}
#rightbox p {
	margin-bottom: 10px;
}
#rig_firstbox {
	background-image: url(../img/right_first_back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin-bottom: 10px;
	width: 185px;
}
#rig_firstbox img {
	vertical-align: bottom;
}
#rig_first_setsumei {
	background-image: url(../img/right_first_illust.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 167px;
	padding-left: 12px;
	padding-top: 8px;
	font-size: 85%;
	line-height: 150%;
	color: #666666;
	padding-bottom: 9px;
}

/* right login stylse
----------------------------------------------*/
#rig_loginbox {
	width: 190px;
	padding-bottom: 10px;
}
#rig_loginbox iframe {
	border-style: none;
	height: 125px;
	width: 185px;
}

/* right merumaga stylse
----------------------------------------------*/
#rig_merumagabox {
	background-image: url(../img/right_merumaga_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 74px;
	width: 178px;
	padding-left: 10px;
	padding-bottom: 5px;
}
#merumaga_left {
	width: 127px;
	float: left;
}
#merumaga_rignt {
	float: left;
	width: 51px;
	padding-top: 10px;
	padding-bottom: 1px;
}
#rig_merumagabox h4 {
	padding-top: 10px;
	padding-left: 2px;
	padding-bottom: 4px;
}
#meru_icon {
	float: left;
	margin-right: 1px;
	vertical-align: middle;
	margin-top: 2px;
}
#merumaga_left input {
	width: 92px;
}
#merumaga_link {
	background-image: url(../img/right_meru_yajirushi.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	clear: both;
	font-size: 85%;
	line-height: 130%;
	padding-left: 10px;
	margin-left: 2px;
	color: #633722;
}
#merumaga_link a {
	color: #633722;
}
#merumaga_link a:visited {
	color: #633722;
}
#merumaga_link a:hover {
	color: #81533C;
}

/* right jibeer stylse
----------------------------------------------*/
#rig_jibeerbox {
	background-image: url(../img/right_jibeer_back.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	width: 185px;
	margin-bottom: 9px;
}
#rig_jibeerbox p {
	margin: 0px;
	padding: 0px 0px 7px;
	text-align: center;
}
#rig_jb_last {
	background-image: url(../img/right_jibeer_last.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 3px;
}
#rig_jibeerbox ul {
	padding-left: 10px;
	list-style: none;
}
#rig_jibeerbox li {
	margin: 0px 0px 4px;
	padding: 0px;
	height: 24px;
}
#rig_jibeerbox li img {
	vertical-align: bottom;
}


/* left merumaga stylse
----------------------------------------------*/
#lef_merumagabox {
	background-image: url(../img/lef_meru_back.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 74px;
	width: 165px;
}
#lef_merumagabox h3 {
	padding-top: 10px;
	text-align: center;
	padding-right: 3px;
}
#lef_meru_left {
	padding-left: 10px;
	width: 102px;
	float: left;
	padding-top: 14px;
}
#lef_meru_left input {
	width: 95px;
}
#lef_meru_right {
	float: left;
	width: 50px;
}


/* footer stylse
----------------------------------------------*/
#footer {
	text-align: center;
	background-image: url(../img/ph_line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 950px;
	margin-left: 18px;
	padding-top: 10px;
	color: #C86F28;
	background-color: #FFFFFF;
	font-size: 85%;
}
#footer a {
	color: #C86F28;
}
#footer a:visited {
	color: #C86F28;
}
#footer a:hover {
	color: #E8944B;
}
#footer #copyright {
	padding-top: 20px;
	padding-bottom: 28px;
	font-size: 94%;
	line-height: 120%;
	color: #666666;
}
#footer #copyright a {
	color: #666666;
}


/* form stylse
----------------------------------------------*/
#errorbox {
	width: 523px;
	margin-bottom: 20px;
	border: 1px solid #F0BEBE;
	padding: 10px;
	color: #666666;
}
#errorbox h5 {
	color: #D26464;
	font-weight: bold;
	font-size: 100%;
	padding-bottom: 10px;
}
#errorbox ul {
	list-style: circle;
	padding-left: 20px;
	color: #D26464;
	padding-bottom: 8px;
}
#errorbox li {
	line-height: 140%;
}