@charset "UTF-8";

/* CSS Document
========================================== */

/* base 
=========================================== */

* {
	margin: 0;
	padding: 0;
}
html,body {
	margin: 0 auto;
	background: url(images/back.jpg) repeat-x;
	font-family: "Hiragino Sans GB", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "Osaka-等幅",  "ＭＳ ゴシック", "MS Gothic", monospace;
	font-size: 12px;
	letter-spacing: 1px;
	color: #999999;
	line-height: 200%;
	background-color: #FFFFFF;
}
* {
	margin: 0;
	padding: 0;
}
blockquote {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
img.mt_icon {
	margin-top: -3px;
	width:14px;
	height:15px;
	vertical-align:middle;
	margin-left: 3px;
	margin-right: 3px;
}
img.emoticon {
	margin-top: -3px;
	width:14px;
	height:15px;
	vertical-align:middle;
	margin-left: 3px;
	margin-right: 3px;
}
* html img {
	border: 0;
	behavior: expression(IEPNGFIX.fix(this));
}

a:link {
	color: #0066FF;
}
a:visited {
	color: #0066FF;
}
a:active {
	color: #0066FF;
} 
a:hover {
	color: #FF3333;
}
li {
	list-style: none;
}
h1 {
	font-size: 12px;
	font-weight: normal;
	line-height: 200%;
}
h2,h3,h4,h5,h6 {
	font-size: 14px;
	line-height: 200%;
}
p {
	font-size: 12px;
	color: #666666;
	line-height: 180%;
}

/* .pkg class wraps enclosing block element around inner floated elements */

.pkg:after {
	display: block;
	visibility: hidden;
	clear: both;
}
* html .pkg {
	display: inline-block;
}

/* no ie mac \ ---------------------------------------------------- */

* html .pkg {
	height: 1%;
}
.pkg {
	display: block;
}

/* outer,container
=========================================== */

#outer {
	width: 840px;
	height: 100%;
	margin: 20px auto;
}
div#container_top {
	width: 810px;
	height: 28px;
	background: url(images/container_top.png) no-repeat top;
	margin: 0 auto ;
}
div#container {
	width: 810px;
	margin: 0 auto;
	background: url(images/container.png)  repeat-y top;
	overflow: hidden; 
}
div#container_bottom {
	width: 810px;
	height: 41px;
	background: url(images/container_bottom.png) no-repeat top;
	margin: 0 auto;
}

div#container_top p {
	text-indent: -10000px;
	font-size: 1px;
}
div#container_bottom p {
	text-indent: -10000px;
	font-size: 1px;
}

/* ie png */

* html div#container_top {
	behavior: expression(IEPNGFIX.fix(this));
	width: 810px;
	height: 28px;
	background: url(images/container_top.png) no-repeat top;
	margin: 0 auto ;
}
* html div#container {
	behavior: expression(IEPNGFIX.fix(this));
	width: 810px;
	margin: 0 auto;
	background: url(images/container.png) repeat-y top;
	overflow: hidden;
}
* html div#container_bottom {
	behavior: expression(IEPNGFIX.fix(this));
	width: 810px;
	height: 41px;
	background: url(images/container_bottom.png) no-repeat top;
	margin: 0 auto;
	overflow: hidden; 
}

* html div#container_top p {
	text-indent: -10000px;
	font-size: 1px;
}
* html div#container_bottom p {
	text-indent: -10000px;
	font-size: 1px;
}

div#kukui_img {
	width: 840px;
	height: 277px;
	margin: 0 auto;
	background: url(images/kukui.png) top no-repeat ;
	overflow: hidden; 
}
div#kukui_img p {
	text-indent: -10000px;
	font-size: 1px;
}
* html div#kukui_img {
	behavior: expression(IEPNGFIX.fix(this));
	width: 840px;
	height: 277px;
	margin: 0 auto;
	background: url(images/kukui.png) top no-repeat ;
	overflow: hidden; 
}
* html div#kukui_img p {
	text-indent: -10000px;
	font-size: 1px;
}

/* main_menu ---------------------------------------------------- */

#mainmenu {
	width: 778px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
}

/* pagebody ---------------------------------------------------- */

#pagebody {
	width: 760px;
	margin: 0 auto;
}

/* alpha ---------------------------------------------------- */

div#alpha {
	width: 530px;
	float: left;
}
div#alpha h1,h2 {
	font-weight: bold;
	font-size: 14px;
	color: #996633;
}
#alpha_inner {
	padding: 10px;
}
#title {
	background: url(images/title_back.gif) repeat-x center;
}
#title2 {
	padding: 0;
	margin: 0;
}
#box {
	padding-bottom: 20px;
}
#box_top {
	background: url(images/box_top.gif) no-repeat bottom;
	width: 520px;
	height: 12px;
	margin: 0;
	padding: 0;
}
#box_center {
	background: url(images/box_center.gif) repeat-y;
	width: 520px;
	overflow: hidden;
}
#box_bottom {
	background: url(images/box_bottom.gif) no-repeat top;
	width: 520px;
	height: 12px;
	margin: 0;
	padding: 0;
}
#box_top p {
	text-indent: -10000px;
	font-size: 1px;
}
#box_bottom p {
	text-indent: -10000px;
	font-size: 1px;
}
#box_inner {
	padding: 10px 20px 10px 20px;
}
#box_inner2 {
	padding: 10px 20px 10px 20px;
	background: url(images/box_back.gif) right top no-repeat;
}
.day {
	background: url(images/day.jpg) left center no-repeat;
	padding-left: 20px;
	font-weight: bold;
}

/* beta ---------------------------------------------------- */

#beta_box {
	width: 221px;
	float: right;
}
#beta_top {
	width: 221px;
	height: 10px;
	background: url(images/beta_top.gif) no-repeat bottom;
}
#beta {
	width: 221px;
	background: url(images/beta_back.gif) top;
	overflow: hidden;
}
#beta_bottom {
	width: 221px;
	height: 10px;
	background: url(images/beta_bottom.gif) no-repeat top;
}
#beta_top p {
	text-indent: -10000px;
	font-size: 1px;
}
#beta_bottom p {
	text-indent: -10000px;
	font-size: 1px;
}
#beta_box h3,h4,h5,h6 {
	color: #996633;
	width: 180px;
	margin-bottom: 10px;
	background: url(images/border.gif) bottom repeat-x;
}
#beta-inner {
	width: 180px;
	margin: 0 auto;
}
#powered {
	padding: 20px;
}
#powered p {
	margin: 0;
	padding-left: 5px;
	color: #CCCCCC;
	font-size: 10px;
}
#powered a {
	color: #CCCCCC;
}
#powered a:hover {
	color: #CCCCCC;
}
#beta h2,h3,h4,h5 {
	margin: 0;
	padding: 0;
}
#pickup_title {
	width: 69px;
	height: 27px;
}
#category_title {
	width: 77px;
	height: 26px;
}
#newentry_title {
	width: 94px;
	height: 27px;
}
#archives_title {
	width: 75px;
	height: 28px;
}
#archives_box {
	margin-left: 0;
}
#archives_box p {
	margin-top: 12px;
	margin-bottom: 12px;
}
#fied_box {
	background: url(images/rss.gif) left center no-repeat;
}
#fied_box p {
	font-size: 10px;
	letter-spacing: -1px;
	margin-left: 41px;
}

/* news ---------------------------------------------------- */

#news_list {
	margin-top: 10px;
}

/* photo_box ---------------------------------------------------- */

#photo_box {
	margin-top: 20px;
}
#photo_left {
	width: 250px;
	float: left;
}
#photo_txt {
	width: 200px;
	float: right;
}
#photo_txt_inner {
	width: 190px;
	margin: 0 auto;
}
#s_photo_l {
	width: 100px;
	float: left;
}
#s_txt1 {
	width: 350px;
	float: right;
}
#s_photo_r {
	width: 100px;
	float: right;
}
#s_txt2 {
	width: 350px;
	float: left;
}

/* menu ---------------------------------------------------- */

#card {
	width: 430px;
	margin: 20px auto;
}

/* recruit ---------------------------------------------------- */

#recruit_photo {
	width: 204px;
	float: left;
}
#recruit_txt {
	width: 240px;
	float: right;
}

/* staff ---------------------------------------------------- */

#staff {
	width: 450px;
	height: 250px;
	margin: 20px auto;
}

/* map ---------------------------------------------------- */

#print_box {
	width: 170px;
	margin: 20px auto;
}
#print {
	width: 75px;
	height: 20px;
	float: left;
}
#close {
	width: 75px;
	height: 20px;
	float: right;
}
#map {
	width: 400px;
	height: 400px;
	margin: 0 auto;
}
#map_txt {
	width: 250px;
	margin: 20px auto;
}

/* module ---------------------------------------------------- */

.module {
	margin: 0;
	padding: 0;
}
.module-content {
	margin: 0;
	padding: 0;
}
.module-list {
	margin: 0;
	padding: 0;
}
.module-list ul {
	margin: 0;
	padding: 0;
}
.module-list li {
	list-style: none;
	margin-top: 12px;
	padding: 0;
}
.module-list li a {
	display: block;
	padding-left: 10px;
	background: url(images/arrow.gif) left center no-repeat;
}
.module-list li a:hover {
	background: url(images/arrow_o.gif) left center no-repeat;
	display: block;
	margin-left: 2px;
}

/* entry. ---------------------------------------------------- */

.entry {
	margin-top: 10px;
	margin-bottom: 10px;
}
.entry-content{
	margin: 0;
	padding: 0;
}
.entry-content p {
	margin-bottom: 10px;
	padding: 0;
}
.entry-tags {
	margin-top: 10px;
}
.entry-tags-header {
	border: none;
}
.entry-tags-list {
	margin-left: 3px;
}
.entry-tag {
	list-style: none;
	float: left;
	margin: 5px;
	display: block;
}
.entry-body {
	margin: 0;
	padding: 0;
}
.entry-body img {
	margin: 3px;
}
.entry-footer {
	padding-bottom: 20px;
}
.entry-title {
	font-weight: bold;
	background: url(images/arrow2.gif) left center no-repeat;
}
.entry-title a {
	margin-left: 20px;
}
.dash {
	background: url(images/dash.jpg) repeat-x;
}
.dash p {
	text-indent: -10000px;
	font-size: 1px;
}

/* color ---------------------------------------------------- */

.green {
	color: #669933;
}
.green_bold {
	color: #669933;
	font-weight: bold;
}
.red {
	color: #CC3333;
	font-weight: bold;
}
.red2 {
	color: #FF0000;
}
.red3 {
	color: #660000;
}
.red4 {
	font-weight: bold;
	color: #996666;
}
.red5 {
	font-weight: bold;
	color: #FF0000;
}
.red6 {
	color: #FF0000;
	margin-left: 10px;
}
.title {
	color: #996633;
	font-size: 14px;
}

/* position,weight,size ---------------------------------------------------- */

.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.right {
	text-align: right;
}
.v_small {
	font-size: 9px;
}
.small {
	font-size: 10px;
}

/* etc... ---------------------------------------------------- */

.clear {
	clear: both;
}
.top_txt {
	margin-top: 5px;
	text-align: center;
	color: #999999;
}
.copyright {
	text-align: center;
	color: #999999;
	line-height: 200%;
	margin-bottom: 20px;
}
.spc {
	margin-top: 12px;
	margin-bottom: 12px;
}
.spc_top {
	margin-top: 20px;
}
.spc_top2 {
	margin-top: 12px;
}
.spc_bottom {
	margin-bottom: 12px;
}
.spc_bottombold {
	margin-bottom: 12px;
	font-weight: bold;
}
.spc_bottom2 {
	margin-bottom: 20px;
}
.spc_bold {
	margin-top: 12px;
	font-weight: bold;
}
.re_txt {
	margin-left: 20px;
	line-height: 300%;
}
.arrow {
	display: block;
	padding-left: 10px;
	background: url(images/news_li.gif) left center no-repeat;
}
.menu_txt {
	background-color: #F6F6F6;
}
.price {
	text-align: right;
	background-color: #F6F6F6;
	color: #FF0000;
}
.price2 {
	text-align: right;
	color: #FF0000;
}