﻿@charset "utf-8";

/*-----------------------------------------------
 __基本
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}

body {
	background-image:url(../img/back01.gif);
	background-color:#FEE7D5;
	background-repeat:repeat-x;
	font-size:13px;
	font-family:verdana,"qMmpS Pro W3","Hiragino Kaku Gothic Pro",Osaka,Meiryo,"lr oSVbN","MS PGothic",Sans-Serif;
	color:#333;
	line-height:1.5;
}

html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}

li {
	list-style:none;
	line-height:1.3;
}

img,
fieldset {
	border:0;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


.red{
	color:#FF3300;
}


/*-----------------------------------------------
 __リンク色
-----------------------------------------------*/

a {
color:#666;
}

a:link {
color:#666;
}

a:visited {
color:#666;
}

a:hover {
color:#FC0;
}

a:active {
color:#666;
}


/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:800px;
	margin:10px auto  0;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	height:95px;
	background-image:url(../img/title-bar.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin-bottom:10px;
}

#header ul {
	padding:10px 0px 0;
}

#header .menu {
	padding-right:10px;
	text-align:right;
}

#header img {
	float:left;
	vertical-align:text-bottom;
}



/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	color:#FFF;
	clear:both;
	width:800px;
	background:#FF8D8D;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:30px;
	margin-bottom:5px;
}

#footer ul {
	margin:0 auto 5px;
	text-align:center;
}

#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid #333;
}

#footer a{
	color:#FFF;
}

#footer a:hover {
	color:#FC0;
}

#footer ul li.utilityHome {
	border-left:0;
}

#footer p#copyright {
	text-align:center;
	margin-bottom:0;
}

/* __main
------------------------------------------*/

#main {
	float:left;
	width:470px;
	padding:0px;
	margin:0px;
	color:black;
}

#main .src {
  overflow: scroll;
  overflow-x: hidden;
  height: 200px;
}

}

#main h1 {
	font-size: 100%;
	font-weight: normal;
	line-height:1em;
	padding:10px;
	color:#aaa;
}

#main a {
	color:blue;
}

#main img{
	margin-top:20px;
	margin-bottom:10px;
}

#main ul{
	padding-left:10px;
	margin-bottom:5px;
	margin-right:15px;
}

#main a {
color:#666;
}

#main a:link {
color:#666;
}

#main a:visited {
color:#666;
}

#main a:hover {
color:#FC0;
}

#main a:active {
color:#666;
}

/* __sub
------------------------------------------*/

#sub {
	float:left;
	width:320px;
	margin-bottom:10px;
	margin-left:10px;
}

#sub h3 {
	font-size:100%;
	letter-spacing:1px;
}

#sub img {
	margin-bottom:10px;
	padding:0px;
}

#sub ul li {
	padding:5px 10px;
}

#sub .meru {

}


/* __contents基本
------------------------------------------*/

#contents {
	float:left;
	width:800px;
	padding:0px;
	margin:0px;
	color:black;
}

/* __メイド紹介ページ
------------------------------------------*/
#maid {
	background-image:url(../img/main-maidprof.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:80px;
	padding-bottom:10px;
}

#profpic {
	float:left;
	width:360px;
	padding:0px;
	margin:0px;
	color:black;
	text-align:center;
}

#proflist {
	color:#666;
	float:left;
	width:400px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:40px;
}

#proflist ul{
	background-image:url(../img/line-pink.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font-weight:bold;
	margin-top:20px;
	padding:5px;
}

#proflist li{
	padding-left:0px;
	
}

.largeImage{ 
border: solid 1px #331000; 
width: 300px; 
height: 448px; 
padding: 5px; 
} 

.thumbs img{ 
border: solid 1px #331000; 
width: 98px; 
height: 146px; 
padding: 0px;
margin-right:1px; 
} 

.thumbs img:hover{ 
border-color: #FF9900; 
} 

#line{	
	color:#FFF;
	clear:both;
	width:800px;
	padding-top:30px;
	padding-bottom:30px;

}
	

/* __システムページ
------------------------------------------*/
#system {
	background-image:url(../img/main-system.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:80px;
	padding-bottom:10px;
}

#sysmain .maru{
	list-style:circle;
}

#sysmain ul{
	color:#FF7171;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:5px;
	width:90%;
	border-top-color: #FF8D8D; /* 上枠の色 */
	border-bottom-color: #FBF28B; /* 下枠の色 */
	padding: 2px; /* 余白の幅 */
	border-style: double; /* 枠の種類 */
	border-width: 4px 0px; /* 枠の幅 */
	line-height: 130%; /* 行の高さ */
}

#sysmain {
	float:left;
	width:470px;
	padding:0px;
	margin:0px;
	color:black;
}

/* __アクセスページ
------------------------------------------*/
#access {
	background-image:url(../img/main-access.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:80px;
	padding-bottom:10px;
}

#access ul {
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
}

#access li {
	margin-top:10px;
	list-style:none;
}

#map {
	text-align:center;
	margin-top:30px;

}


/* __コンタクトページ
------------------------------------------*/
#contact {
	background-image:url(../img/main-contact.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:80px;
	padding-bottom:10px;
}

#contact form p {
	background-image:url(../img/icon-heart.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-top:10px;
	padding-left:20px;
}

#send {
	height:350px;
	text-align:center;
}

#send p{
	margin-top:10px;
	padding-left:20px;
}
/* __メニューページ
------------------------------------------*/
#menu {
	background-image:url(../img/main-menu.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:80px;
	padding-bottom:10px;
}

#menu  ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid #333;
}

#menu ul li.utilityHome {
	border-left:0;
}

#menuleft{
	width:395px;
	float:left;
}

#menuright{
	width:395px;
	float:left;
	margin-left:10px;
}

#course {
	color:#666;
	margin-top:15px;}

#course li {
	list-style:circle;
	margin-top:15px;
	margin-bottom:5px;
	font-weight:bold;
	padding-left:5px;
}



#course dl{
	font-weight:normal;
	padding-left:20px;
	margin:5px;
}

#course dd{
	float:right;
	padding-right:55px;

}

#banner{
	text-align:center;
}



/* __リクルートページ
------------------------------------------*/
#recruit {
	background-image:url(../img/main-recruit.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:80px;
	padding-bottom:10px;
	height:350px;
}

#recruit ul{
	width:70%;
	border-left:#FF8D8D 8px solid;
	border-bottom:#FF8D8D 1px solid;
	padding:5px 0 5px 15px;
	font-weight: bold;
}

#recruit li{
	margin-top:10px;
	margin-left:10px;
	font-weight:bold;
	color:#FF7171;
	list-style:circle;
}

#recruit dt{
	margin-left:30px;
	color:#666;
	font-weight:normal;
}

#recruit #kitchen{
	width:400px;
	float:left;
}

#recruit #staff{
	width:400px;
	float:left;
}

#other {
	padding-top:30px;
	margin-top:20px;
	margin-left:10px;
	color:#FF3333;
}
