@charset "UTF-8";

*{
	margin: 0px;
	padding: 0px;
}

body {
	background:#77c4c7 url(../images/bodybg.jpg) top no-repeat ;
	font-size: 95%;
	font-family: "font-family: "Arial, Helvetica, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;
	line-height: 140%;
	text-align: center;
	color: #333333;
	margin: 0px;
}

img{
    border:none;
}

a:link {
    text-decoration: underline; 
	color:#333333;
}

a:hover{
    color:#77c4c7 ;
}

a:visited{
    color:#333333;
}

.right{
float:right;
margin:5px 0px 0px 10px;
clear:both;
}

.left{
float:left;
margin:5px 10px 0px 0px;
clear:both;
}

br.clear{
clear:both;
}

#page {
	font-size: 100%;
	color: #333333;
	background-color: #FFFFFF;
	width: 780px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

div#discribe {
	margin: 0px;
	padding:0px;
	width: 780px;
	background:#77c4c7  ;
	color: #FFFFFF;
}

div#discribe h1 {
	color: #FFFFFF;
	font-size:90%;
}

div#head {
	margin: 0px;
	padding:0px;
	width: 780px;
	height:200px;
	background: #FFF url(../images/logobg.jpg) top left no-repeat ;
	color: #333333;
	vertical-align:top;
}

div#wrap {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	width: 780px;
    float: left;
	color: #333333;
    background: #FFFFFF url(../images/mainbottom.gif) left bottom no-repeat ;
}

div#main {
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px ;
	width: 515px;
	color: #333333;
	float:right;
	display:inline;
}

div#main p {
	margin: 10px 0px 10px 5px;
	line-height:160%;
}


div#main h2 {
	margin: 10px 0px 5px 0px;
	padding: 5px 0px 5px 10px ;
    background: #FFFFFF url(../images/mainh2bg.jpg) top left no-repeat ;
	color: #333333;
	font-size:100%;
	border-left:5px solid #77c4c7;
	border-top:1px solid #77c4c7;
	border-right:1px solid #77c4c7;
	border-bottom:1px solid #77c4c7;
}

div#main h3 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 10px ;
	color: #333333;
	font-size:100%;
	border-left:5px solid #77c4c7;
	border-bottom:1px dotted #999999;
	clear:both;
}

div.leftbox{
width:250px;
margin: 0px 0px 10px 0px;
float:left
}

div.rightbox{
width:250px;
margin: 0px 0px 10px 15px;
float:left
}

ul.mark{
	margin: 10px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
}

li.mark{
	margin: 0px 5px 5px 10px;
	padding: 0px 0px 0px 20px;
	background: #FFFFFF url(../images/limark.gif) center left no-repeat ;
	color: #333333;
	list-style: none;
}

table.kouza{
margin: 10px 0px 0px 0px;
border-top:1px solid #DCDCDC;
border-left:1px solid #DCDCDC;
background:#FFF;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width:515px;
font-size:74%;
clear:both;
}

table.kouza th{
padding:5px;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
background:#77c4c7;
color:#ffffff;
width:103px;
text-align:center;
}

table.kouza td{
padding:5px ;
border-right:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
width:103px;
text-align:center;
}

img.order{
marign-bottom:20px;
}


div#submenu {
	width: 205px;
	margin: 10px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	font-size:95%;
	float: left; 
	display:inline;
}

div#menulist {
	width: 205px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	background:#FFFFFF ;
	border:1px solid #b5b6b6;
}

div#menulist h3 {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px ;
	color: #333333;
	font-size:100%;
	text-align:center;
    background: #e5dfd2;
}

div#menulist ul{
	margin:  5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

div#menulist ul li{
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../images/li2.gif) left center no-repeat;
	color: #333333;
	list-style: none;
	font-size:95%;
}



div#foot {
	font-size: 90%;
	width:780px;
	line-height: 160%;
	padding: 10px 0px 10px 0px;
	text-align: center;
	margin: 0px;
	background:#77c4c7 url(../images/bg2.gif) top left ;
	clear: both;
	color: #FFFFFF;
}