@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; font-size:12px; color:#666666; line-height:normal; font-style:normal; font-family: "MS Gothic", Arial, sans-serif}
img,
fieldset { border:none; }
li { list-style:none; }
a { text-decoration:none; }
a:hover,
a:active,
a:focus { text-decoration:underline; }
body { margin:0 0 0 0; padding:0; text-align:left; background-image:url(../img/bar_bg.gif); background-position:left top; background-repeat:repeat-x; }

#wrap { width:904px; _text-align:left; margin:0 auto; }
#header { width:100%; position:relative; height:131px; }
	#header h1 {float:left; margin:15px 0 0 23px}
	#header p {float:left; margin:45px 0 0 23px}
#navigation { width:100%; height:38px; position:relative; }
#container { position:relative; margin-bottom:20px; width:100%; }
	.menu { width:525px; float:left; margin-right:30px; }
		.drink { background-image: url(../img/table_bg.gif); background-position:left top; background-repeat:repeat-y}
		.drink td { text-align:left; padding:0 0 0 15px; width:50% }
			.drink_list li { height:23px; background-image:url(../img/table_line.gif); background-position:bottom; background-repeat:no-repeat; padding:5px 0 0 17px}
			.drink_list li.none {height:23px; background-image:url(../img/table_line_none.gif); background-position:bottom; background-repeat:no-repeat; padding:5px 0 0 17px}
			.drink_list li a { font-size:15px; font-weight:bold; color:#464646; letter-spacing:-0.15em }
	.right { width:348px; float:left;font-weight:; color:;}
	.right p { margin-bottom:5px;}
		.news h3 { margin-bottom:5px}
		.news dl { position:relative; }
		.news dt { font-weight:bold; color:#000; font-size:12px; letter-spacing:-0.15em; margin-bottom:7px}
		.news dd { color:#555; font-size:12px; letter-spacing:-0.15em; line-height:20px; border-bottom:dotted 1px #ccc; margin-bottom:10px; padding-bottom:10px }
	.board_01 { margin-left:13px; }
	.board_01 dt { line-height:20px; color:#755b49; }
	.board_01 dd  { line-height:20px; font-size:12px; letter-spacing:-0.05em; color:#403b38; border-bottom:dotted 1px #ccc }
	
#content { position:relative; width:100%;}
	.concept { position:relative; display:block; clear:both; padding-top:20px}
	.concept h1 { font-weight:bold; font-size:20px; margin:0 0 15px 20px}
	.concept h4 { margin:0 0 15px 20px}
	.concept p{ margin-left:40px; line-height:18px}
	.concept dt { float:right; width:200px; padding-right:50px}
	.concept dd { float:left; width:600px}
	.contact { position:relative; margin-top:20px}
	.contact p{ margin-left:40px; line-height:18px}
	.contact .tableform {margin:15px 0 0 40px;}
	.contact .tableform th { text-align:left; padding:5px 0 5px 10px; border-bottom:solid 1px #dfdfdf; color:#B36609}
	.contact .tableform td { text-align:left; padding:5px 15px 5px 10px; border-bottom:solid 1px #dfdfdf}
	.contact .tableform td input { padding:3px}
	.contact .tableform td p { clear:both; font-size:11px; margin-left:0}
	.privacy {position:relative; margin-top:20px}
	.privacy p{ margin-left:40px; line-height:18px}
	.tableform2 { margin:15px 0 0 40px; line-height:18px}
	.tableform2 th { text-align:left; padding:5px 0 5px 10px; border-bottom:solid 1px #dfdfdf; color:#B36609}
	.tableform2 td { text-align:left; padding:5px 15px 5px 10px; border-bottom:solid 1px #dfdfdf}
	.tableform2 td input { padding:3px}
	.tableform2 td p { clear:both; font-size:12px; margin-left:0; line-height:18px}
	.submenu { margin:20px 0 0 40px; line-height:18px}
	.submenu .tab li { float:left}
	//#tab_con { position:relative; display:block; clear:both}	
	#tab_con { display:block; clear:both}	
	#tab_con .aside { float:left; width:180px; padding-top:20px}
	#tab_con .aside li { border-bottom:dotted 1px #dfdfdf; margin:5px 0 5px 0; padding:5px 5px 5px 20px; background-image:url(../img/bullet_02.gif); background-repeat:no-repeat; background-position:left }
	#tab_con .aside li a { color:#666666; font-size:12px; font-weight:bold }
	#tab_con .list {float:left; width:650px; margin:30px 0 0 20px}
	#tab_con .list h3 { font-size:16px; font-weight:bold; color:#000000 }
	#tab_con .list em { font-size:14px; font-weight:bold; color:#ff5b00 }
	#tab_con .list .list01 { width:650px; position:relative; display: inline-block; margin-bottom:20px; border-bottom:solid 1px #dfdfdf}
	//#tab_con .list .list01 dt {float:left; margin:10px 15px 0 0; height:150px}
	#tab_con .list .list01 dt {float:left; margin:10px 15px 10px 0;}
	#tab_con .list .list01 dd {float:left; line-height:18px; margin: 15px 0 15px 0; width:500px}

#footer { width:904px; position:relative; display:block; clear:both; margin:0 auto 15px auto; padding-top:20px}
	.flink { text-align:center; margin-bottom:10px }
	.copy { border-top:solid 1px #ccc; text-align:center; padding-top:10px}

/* paging */
div.paging {padding-top:16px; _padding-top:13px; text-align:center; font:bold 12px "MS Gothic", Arial, sans-serif;}
div.paging a, div.paging .on {position:relative; font-weight:bold; display:inline-block; _width /**/:31px; padding:1px 9px 0 8px; _padding:3px 9px 0 8px; color:#888888; border-left:1px solid #dfdfdf; text-decoration:none; line-height:100%; font:bold 12px "MS Gothic", Arial, sans-serif;}
div.paging img {margin-bottom:2px;}
div.paging .on {color:#ff8600 !important;}
div.paging a:hover {text-decoration:none;}
div.paging a.prev, div.paging a.prev:hover {_width /**/:42px; padding:1px 9px 0 0; _padding:3px 9px 0 0;  border:none; font-weight:normal; }
div.paging a.listtop, div.paging a.listtop:hover {_width /**/:9px;_height /**/:14px; padding:1px 7px 0 0; _padding:3px 7px 0 0; border:none; font-weight:normal;}
div.paging a.next, div.paging a.next:hover {_width /**/:49px; padding:1px 8px 0 8px; _padding:3px 8px 0 8px; border:none; border-left:1px solid #dfdfdf; font-weight:normal; }
div.paging a.end {border-right:1px solid #dfdfdf;}