/*=================================================================
                             文字設定  
==================================================================*/
body{
font-family: "ＭＳ Ｐゴシック", "Osaka";
}

h1{
font-size: 90%; 
font-style: normal;
}

a:link    {color: #C60;}
a:visited {color: #c93;}
a:hover   {color: #660;} 
a:active  {color: #cf3;}

#header {
font-size: 1em;
line-height: 1.1em;
}

#content {
font-size: 1em;
line-height: 1.4em;
}

#footer {
font-size: 80%;
font-family: Verdana, Arial, Helvetica;
}

strong {
border-bottom: 2px solid #ccc;
background: #ff9;
}

label {  
cursor: pointer;  
}  

/*=================================================================
                                全体  url(img/cssimg/bg-1.gif)
==================================================================*/

body {
background: #fff;
margin: 0;
padding: 0;
}

/*=================================================================
                              container
==================================================================*/

#container {
width: 800px;
margin: auto;
padding: 0 10px 0 20px;
text-align: left;
color: #000;
background: url(img/cssimg/container_bg.jpg) repeat-y;
}


/*=================================================================
                              header          logoの背景色#fc9 f93 
==================================================================*/
#header {
	position: relative;
	width: 770px;
	height: 100px;
	margin: 0;
	padding: 0 ;
}

#header_title {
width: 760px;
height: 20px;
color: #960;
background: #fc6;
left: 20px;
margin: 0;
padding: 3px 0 0 10px;
}

#header_logo {
width: 770px;
height: 80px;
color: #000;
background: #ffc;
position: absolute;
top: 20px;
left: 0px;
}

#header ul#sitemap {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 25px;
right: 20px;
}

#header address {
margin: 0;
padding: 0;
position: absolute;
top: 45px;
right: 20px;
text-align: right;
font-style: normal;
}

/*=================================================================
                              content　#maincolをmarginを0 5px 0 0 にすると治る
==================================================================*/
#content {
width: 770px;
margin: 0;
height: 100%;
}

#maincol {
color: #000;
background: #fff;
float: right;
width: 590px;
height: 100%;
}

#menu {
color: #000;
/*background: url(img/cssimg/menu-bg.jpg) repeat-y;*/
float: left;
width: 180px; 
margin: 0;
}

#menu ul#menu-list {
list-style: none;
display: block;
margin: 0;
padding: 0;
width: 180px;
height: 100%;
text-indent: -9999px;
}

#menu ul#menu-list li a {
display: block;
text-decoration: none;
list-style: none;
overflow: hidden;
outline: none;
margin: 0;
padding: 0;
width: 180px;
height: 100%;
}

/*↓トップページ*/
ul#menu-list li#top  {
margin: 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-top.gif) ;
background-repeat: no-repeat;
}

/*↓サービス内容・料金*/
ul#menu-list li#service{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-service.gif) ;
background-repeat: no-repeat;
}

/*↓予約状況*/
ul#menu-list li#reserve{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-reserve.gif) ;
background-repeat: no-repeat;
}

/*↓お客様の声*/
ul#menu-list li#voice{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-voice.gif) ;
background-repeat: no-repeat;
}

/*↓こだわりと特徴*/
ul#menu-list li#feature{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-feature.gif) ;
background-repeat: no-repeat;
}

/*↓豆知識*/
ul#menu-list li#information{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-information.gif) ;
background-repeat: no-repeat;
}

/*↓FAQ*/
ul#menu-list li#faq{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-faq.gif) ;
background-repeat: no-repeat;
}

/*↓会社概要*/
ul#menu-list li#profile{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-profile.gif) ;
background-repeat: no-repeat;
}

/*↓リンク*/
ul#menu-list li#link{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-link.gif) ;
background-repeat: no-repeat;
}

/*↓ブログ*/
ul#menu-list li#blog{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-blog.gif) ;
background-repeat: no-repeat;
}

/*↓お問い合わせ*/
ul#menu-list li#contact{
margin: 0.5em 0 0.5em 0;
padding: 0;
width: 180px;
height: 50px;
background-image: url(img/cssimg/menu-contact.gif) ;
background-repeat: no-repeat;
}

/*↓トップページ*/
ul#menu-list li#top:hover          {background-position: -180px 0;}
/*↓サービス内容・料金*/
ul#menu-list li#service:hover      {background-position: -180px 0;}
/*↓予約状況*/
ul#menu-list li#reserve:hover      {background-position: -180px 0;}
/*↓お客様の声*/
ul#menu-list li#voice:hover        {background-position: -180px 0;}
/*↓こだわりと特徴*/
ul#menu-list li#feature:hover      {background-position: -180px 0;}
/*↓豆知識*/
ul#menu-list li#information:hover  {background-position: -180px 0;}
/*↓FAQ*/
ul#menu-list li#faq:hover          {background-position: -180px 0;}
/*↓会社概要*/
ul#menu-list li#profile:hover      {background-position: -180px 0;}
/*↓リンク*/
ul#menu-list li#link:hover         {background-position: -180px 0;}
/*↓ブログ*/
ul#menu-list li#blog:hover         {background-position: -180px 0;}
/*↓お問い合わせ*/
ul#menu-list li#contact:hover      {background-position: -180px 0;}


/*=================================================================
                              footer
==================================================================*/
#footer {
width: 770px;
height: 2em;
background: #ffc;
margin: 0 0 0 0;
text-align: center;
line-height: 150%;
clear: both;
}


/*=================================================================
             maincol_top　トップページメインコンテンツ
==================================================================*/
#maincol_header-img {
width: 590px;
text-align: center;
}

#maincol_top {
/*border: 1px solid #f90;テスト表示用ボックス*/
width: 560px;
margin: 0 ;
padding: 0 0 0 15px;
height: 100%;
clear: both;
}

#maincol_top h2 {
border-left: 5px solid #f90;
border-bottom: 2px solid #f90;
background: #ff9;
width: 520px;
margin: 20px 0 10px 0;
padding: 3px 3px 3px 5px;
font-size: 1.3em;
}

#maincol_top h3 {
border-left: 5px solid #f90;
border-bottom: 2px solid #f90;
background: #ff9;
width: 540px;
margin: 20px 0 10px 0;
padding: 3px 3px 3px 5px;
font-size: 1.3em;
}

#maincol_top p{
line-height: 1.3em;
font-size:1.1em;
width: 520px;
margin: 10px 0 0 0;
padding: 0 0 0 10px;
}