/* topArea
-------------------------------------------------- */
#topArea {
	width: 616px;
	margin: 0px 0px 0px 16px;
	padding: 0px;
	background: url(../img/ta_box_bg.gif) bottom no-repeat;
}

#topArea p {
	margin: 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	color: #666666;
	font-weight: bold;
}

#topArea span.color{
	margin: 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	color: #cc0000;
	font-weight: bold;
}

/* boxbg
-------------------------------------------------- */
#boxbg {
	width: 616px;
	background: url(../img/ta_box_heading.gif) top no-repeat;
}	

#boxbg #twoColumnsLayout {
	width: 590px;
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 9px;
}

#boxbg #twoColumnsLayout div.leftColumn {
	width: 380px;
	margin: 18px 0px 0px 0px;
	float: left;
}

#boxbg #twoColumnsLayout div.rightColumn {
	width: 195px;
	float: right;
}

#boxbg #twoColumnsLayout div.leftColumn p {
	margin: 0px 0px 12px 0px;
	padding: 0px;
}

#boxbg #twoColumnsLayout .leftColumn #twoColumnsLayout {
	width: 374px;
	margin: 5px 0px 8px 6px;
	padding: 0px;
}

#twoColumnsLayout .leftColumn #twoColumnsLayout .leftColumn {
	width: 151px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#twoColumnsLayout .leftColumn #twoColumnsLayout .rightColumn {
	width: 192px;
	margin: 0px;
	padding: 0px;
	float: right;
}

/* topbgArea
-------------------------------------------------- */
#topbgArea {
	width: 599px;
	margin: 28px 0px 0px 21px;
	padding: 0px;
	background-color:#ffffff;
}

#topbgArea .leftColumnTop {
	width: 425px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#topbgArea .leftColumnTop div {
	padding: 0px;
	margin: 0px;
}

/* mainArea
-------------------------------------------------- */
#mainArea {
	width: 599px;
	margin: 28px 0px 0px 21px;
	padding: 0px;
	background: url(../img/ma_bg.gif) 424px 24px repeat-y;
}

#mainArea div.leftColumn {
	width: 425px;
	float: left;
}

#mainArea div.rightColumn {
	width: 155px;
	float: right;
}

#mainArea .leftColumn p {
	margin: 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	color: #333333;
}

#mainArea .leftColumn h3 {
	padding: 0px;
	margin: 15px 0px 15px 0px;
}

#mainArea .leftColumn h3.beer {
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

#mainArea .leftColumn .banner {
	padding: 0px;
	margin: 0px 0px 0px 23px;
}

/* mainArea .leftColumn headerArea
-------------------------------------------------- */
#headerArea {
	width: 402px;
	padding: 0px 0px 3px 0px;
	margin: 12px 0px 0px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#headerArea div.leftColumn {
	width: 60%;
	float: left;
}

#headerArea div.rightColumn {
	width: 40%;
	float: right;
}

#headerArea div.rightColumn2 {
	width: 125px;
	float: right;
}

#headerArea div.leftColumn h4 {
	padding: 0px;
	margin: 0px;
}	

#headerArea #iconArea {
	width: 100%;
	margin: 0px;
}

#headerArea #iconArea .icon {
	padding: 0px 0px 0px 3px;
	float: right;
}

/* mainArea .leftColumn listArea
-------------------------------------------------- */
#listArea {
	width: 402px;
	padding: 0px;
	margin: 6px 0px 0px 0px;
}

#listArea .photo {
	width: 147px;
	padding: 0px;
	margin: 0px 0px 0px 1px;
	float: left;
}

#listArea .caption {
	width: 243px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#listArea .caption #address {
	width: 243px;	
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

#listArea .caption #address div.left p{
	padding: 0px;
	margin: 0px;
	font-size: x-small;
	_font-size: xx-small;
	_fo\nt-size: x-small;
	color: #333333;
}

#listArea .caption #address div.right p{
	padding: 0px;
	margin: 0px;
	font-size: x-small;
	_font-size: xx-small;
	_fo\nt-size: x-small;
	color: #333333;	
}

#listArea .caption #address div.left {
	width: 180px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#listArea .caption #address div.right {
	width: 50px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#listArea .caption p.comment {
	width: 243px;
	padding: 0px;
	margin: 0px 0px 8px 0px;
	line-height: 130%;
}	

#mainArea .leftColumn hr {
	display: none;
}

#mainArea .leftColumn .hr {
	height: 4px;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	background: url(../img/ma_line.gif) no-repeat;
}


/* mainArea .rightColumn abouticon
-------------------------------------------------- */
#mainArea .title {
	width: 154px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 9px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#mainArea .rightColumn p {
	margin: 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	color: #666666;
}

#abouticon .iconlist {
	width: 153px;
	padding: 0px;
	margin: 4px 0px 1px 0px;
	font-size: x-small;
	_font-size: xx-small;
	_fo\nt-size: x-small;
	color: #6c6c6c;
}

#abouticon .iconlist #left {
	width: 70px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#abouticon .iconlist #right {
	width: 83px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#abouticon .iconlist .icon {
	padding: 0px 4px 3px 0px;
	float: left;
}

#abouticon .iconlist .text {
	padding: 4px 0px 3px 2px;
	float: left;
}

/* mainArea .rightColumn attention
-------------------------------------------------- */
.attention{
	margin: 0px;
	padding: 0px;
	font-size: small;
	color: #666666;
	line-height: 110%;
}

/* mainArea .rightColumn faq
-------------------------------------------------- */
#faq {
	padding: 0px;
	margin: 20px 0px 0px 0px;
}
#faq span.question{
	margin: 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	color: #ff6666;
	font-weight: bold;
}

#faq span.answer{
	margin: 0px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
	color: #006600;
	font-weight: bold;
}


#faq h3 {
	padding: 0px;
	margin: 0px;
}

#faq .title {
	width: 154px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 9px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#faq .faqlist p.question{
	padding: 0px;
	margin: 0px;
	line-height: 130%;
}

#faq .faqlist p.answer{
	padding: 0px;
	margin: 13px 0px 0px 0px;
}

#faq .faqlist hr {
	display: none;
}

#faq .faqlist div.hr {
	height: 1px;
	background-color: #CCCCCC;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

#faq .faqlist p.link{
	padding:1px 0px 0px 0px;
	margin: 0px;
	font-size: x-small;
	_font-size: xx-small;
	_fo\nt-size: x-small;
}

#faq .faqlist a {
	margin: 0px;
	padding: 0px 0px 10px 6px;
	background: url(../shared/img/arrow.gif) 0px 2px no-repeat;
	_background: none;
	_background/* */: url(../shared/img/arrow.gif) 0px 2px no-repeat;
}

/* mainArea .rightColumn news
-------------------------------------------------- */
#news {
	padding: 0px;
	margin: 20px 0px 0px 0px;
}

#news h3 {
	padding: 0px;
	margin: 0px;
}

#news .title {
	width: 154px;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #CCCCCC;
}

#news .newsList p.date{
	padding: 0px;
	margin: 0px;
	color: #000000;
}

#news .newsList p.description{
	padding: 0px;
	margin: 0px 0px 13px 0px;
}

#news .newsList hr {
	display: none;
}

#news .newsList div.hr {
	height: 1px;
	background-color: #CCCCCC;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}


/* mainArea .tyui
-------------------------------------------------- */
#tyui {
margin:20px 15px 20px 0;
}

#tyui div{
border-color:#09949F;
border-style:solid;
border-width:1px;
padding:8px;
}

/* mainArea .tyui2
-------------------------------------------------- */
#tyui2 {
margin:0px 15px 20px 0;
}

#tyui2 .notice{
border:#cccccc solid 1px;
padding:5px;
}

#tyui2 .notice p.tl{
font-weight: bold;
color:#CC0000;
margin-bottom:5px;
}

/* To Top Navigation
-------------------------------------------------- */
#toTopNavigationArea {
	width: 599px;
	margin: 0px 0px 0px 21px;
	padding: 0px;
	background: url(../img/ma_bg.gif) 424px 0px repeat-y;
}
.toTopNavigation {
	margin: 0px 0px 0px 436px;
	padding: 0px;
	font-size: small;
	_font-size: x-small;
	_fo\nt-size: small;
}

#toTopNavigationArea .toTopNavigation a {
	margin: 0px;
	padding: 0px 0px 10px 13px;
	background: url(../shared/img/totop_arrow.gif) 0px 3px no-repeat;
	_background: none;
	_background/* */: url(../shared/img/totop_arrow.gif) 0px 3px no-repeat;
}

/* HR Element
-------------------------------------------------- */
#contentsArea hr {
	display: none;
}

#contentsArea div.line01 {
	height: 4px;
	margin: 20px 0px 20px 22px;
	background: url(../img/line.gif) no-repeat;
	padding: 0px;
}

/* bannerArea
-------------------------------------------------- */
#bannerArea {
	width: 602px;
	margin: 0px 0px 30px 21px;
	padding: 0px;
	height: 63px;
}

/* Change Margin
-------------------------------------------------- */

body .changeMargin0 {
	margin: 0px !important;
}

body .changeMarginTop0 {
	margin-top: 0px !important;
}

body .changeMarginBottom0 {
	margin-bottom: 0px !important;
}