/*-----------------------------------------------
__CSS infromation

Site URL:		http://haventwemet.jp/
Summary:		cafe have't we met web site
Created:		2009-12-08
Last update:	2010-07-02
Author:			http://e-wing.org iwatuki

Order of description

-Search Key"__"+"id Name of Class Name"

/__Default_style_clear
/__Universal selector
/__Structure Module
/__text Module
/__Hypertext Module
/__wrapper				(div#wrapper)
/__layout				(div#layout)
/__header				(div#header)
/__container			(div#container)
/__footer				(div#footer)

----------------------------------------------*/

/*-----------------------------------------------
__Default_style_clear
----------------------------------------------*/

/*--------------------------------------
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

--------------------------------------*/

html {
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup {
	font-style: inherit;
	font-weight:inherit;
}

address {
	font-style: normal;
}

del,ins {
	text-decoration: none;
}

li {
	list-style: none;
}

caption,th{
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight:normal;
}

q:before,q:after {
	content: '';
}

 abbr,acronym {
	border: 0;
	font-variant:normal;
}

sup {
	vertical-align: baseline;
}

sub {
	vertical-align: baseline;
}


legend {
	color: #000;
}

input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

input,button,textarea,select {
	*font-size: 100%;
}

*--------------------------------------
__Universal selector
---------------------------------------*/

* {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #666;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/*------------------------------------------------- 
__Structure Module
 -------------------------------------------------*/

body {
	margin-bottom: 10px;
	background: #FFF;
	color: #666;
	font: 13px/1.231 "Century Gothic","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N","MS P Gothic", sans-serif;
	line-height: 1.6;
	*font-size: 81.25%;
	*font: x-small; /* for IE in quirks mode */
	text-align: center;
}

*:first-child+html body {
	font-family: "Century Gothic","���C���I", Meiryo,"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N","MS P Gothic", sans-serif;
}

* html body {
	font-family: "Century Gothic","�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","�l�r �o�S�V�b�N", "MS P Gothic", sans-serif;
}

select,input,button,textarea,button {
	font: 99% arial,helvetica,clean,sans-serif;
}

table {
	font-size: inherit;font:100%;
}

pre,code,kbd,samp,tt {
	font-family: monospace;
	*font-size: 108%;line-height:100%;
}


/*-----------------------------------------------
__text Module
----------------------------------------------*/

p{
}

.font_bold{
	font-weight: bold;
}


h1{
	font-size: 93%;
}

h2{
	font-size: 123.1%;
}

h3{
	font-size: 108%;
}


/*-----------------------------------------------
__Hypertext Module
----------------------------------------------*/

a:link {
	color: #0099CC;
}

a:visited {
	color: #666;
}

a:hover {
	color: #CCC;
	text-decoration: none;
}


/*-----------------------------------------------
__wrapper
----------------------------------------------*/

#wrapper {
	margin: 0 auto;
	width: 770px;
	height: 100%;
	text-align: left;
}

/*-----------------------------------------------
__layout
----------------------------------------------*/

#layout {
	margin-top : 10px;
	float : left;
	width : 100%;

}

/*-----------------------------------------------
__header
----------------------------------------------*/

#header {
	height: 65px;
}

#header h1 {
	padding-top: 20px;
	padding-left: 15px;
	line-height: 0;
	text-indent: -9999px;
	font-size: 0;
}

#header img {
	float: left;
}


/*-----------------------------------------------
__content
----------------------------------------------*/

#container {
	float: left;
	width: 770px;
}

#container .falsh {
}

#container .g_navi {
	margin-top: 40px;
	padding-left: 30px;
	z-index: 9999;
	width: 770px;
	height: 22px;
}

#container .g_navi ul#navi_ct,
#container .g_navi ul li.navi_home,
#container .g_navi ul li.navi_info,
#container .g_navi ul li.navi_menu,
#container .g_navi ul li.navi_guide {
	float: left;
}

#container .g_navi ul#navi_ct {
	width: 720px;
	height: 22px;
	background-image: url(img/menu.jpg);
	background-repeat: no-repeat;
}

#container .g_navi ul#navi_ct li.navi_home a,
#container .g_navi ul#navi_ct li.navi_info a,
#container .g_navi ul#navi_ct li.navi_menu a,
#container .g_navi ul#navi_ct li.navi_guide a {
	display: block;
	width: 180px;
	height: 22px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
}

#container .g_navi ul li.navi_home a.active,
#container .g_navi ul li.navi_home a:focus,
#container .g_navi ul li.navi_home a:hover {
	background:url(img/menu.jpg) no-repeat left bottom;
}

#container .g_navi ul li.navi_info a.active,
#container .g_navi ul li.navi_info a:focus,
#container .g_navi ul li.navi_info a:hover {
	background:url(img/menu.jpg) no-repeat -180px -22px;
}

#container .g_navi ul li.navi_menu a.active,
#container .g_navi ul li.navi_menu a:focus,
#container .g_navi ul li.navi_menu a:hover {
	background:url(img/menu.jpg) no-repeat -360px -22px;
}

#container .g_navi ul li.navi_guide a.active,
#container .g_navi ul li.navi_guide a:focus,
#container .g_navi ul li.navi_guide a:hover {
	background:url(img/menu.jpg) no-repeat -540px -22px;
}

#container .g_navi ul li.navi_menu ul#drop_down_menu a {
	margin 0;
	padding 0;
	line-height: 300%;
	list-style-type: none;
	font-size: 100%;
	text-indent: 0px;
}

#container .g_navi li.navi_menu ul#drop_down_menu li a {
	display: block;
	position:relative;
	z-index:2;
	width: 154px;
	height: 100%;
	color: #666;
	vertical-align: bottom;
	text-decoration: none;
}

#container .g_navi li.navi_menu ul#drop_down_menu {
	display: none;
}

#container .g_navi ul li.navi_menu:hover ul#drop_down_menu {
	display: block;
}

#container .g_navi ul li.navi_menu:hover ul#drop_down_menu li a {
	padding-left: 26px;
	position: relative;
	color: #666;
	background-image: none;
	background-color: #FFF;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#container .g_navi ul li.navi_menu:menu ul#drop_down_menu li a:hover,
#container .g_navi ul li.navi_menu:menu ul#drop_down_menu li:hover a {
	position: relative;
	color: #14135E;
	background-image: none;
	background-color: #FFF;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

#container .info {
	padding-top: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	position: relative;
	height: 12em;
	overflow: hidden;
}

#container #setting {
	position: relative;
	left: -800px;
	width: 770px;
}

#container .info dl {
	float: left;
	width: 180px;
}

#container .info dt {
	font-size: 108%;
}

#container .info dl img{
	padding-top: 10px;
}


#container .info dd {
	padding-right: 20px;
	height: 100%;
	font-size: 93%;
}

/*-----------------------------------------------
__footer
----------------------------------------------*/

#footer {
	padding-top: 20px;
	padding-right: 20px;
	font-size: 85%;
	text-align: right;
}