/*--------------------------------------------------------------------------*
 *  index.html
 *--------------------------------------------------------------------------*/

#mainPhoto {
 width: 750px;
 height: 392px;
 }

#leftContesnts {
 float: left;
 width: 217px;
 }

#leftContesnts .leftImg01 {
 width: 173px;
 margin-top:22px;
 margin-left:22px;
 margin-bottom:22px;
 margin-right:22px;
 }


#newTopics{
 float: left;
 font-family: '‚l‚r ‚o–¾’©';
 width: 533px;
 margin-top: 20px;
 margin-bottom: 25px;
}

#newTopics .topics{
 font-size: 80%;
 margin-left: 30px;
 display: inline;
 }

#newTopics .topics dt{
 font-weight: bold;
 clear: left;
 float: left;
 width: 7em;
 margin-bottom:3px;
 margin-left: 38px;
 display: inline;
 }

#newTopics .topics dd{
 margin-bottom:3px;
 }


/*--------------------------------------------------------------------------*
 *  access.html
 *--------------------------------------------------------------------------*/

#map{
 font-size: 90%;
 margin-top:30px;
 margin-bottom:30px;
 text-align:center; 
 margin-left:auto;
 margin-right:auto;
}

#map .trafficTitle{
 font-size: 95%;
 font-weight: bold;
 margin-top:30px;
 margin-left:160px;
 text-align:left; 
}

#map .traffic{
 font-size: 90%;
 margin-top:5px;
 margin-left:160px;
 text-align:left; 
}


/*--------------------------------------------------------------------------*
 *  gst.html
 *--------------------------------------------------------------------------*/


#mainContents {
 width: 750px;
 }

#mainContents .gstTopImg01 {
 width: 220px;
 margin-top:15px;
 margin-left:28px;
 display: inline;
 float: left;
 }


#mainContents .gstImg {
 width: 455px;
 margin-top:15px;
 margin-left:28px;
 float: left;

 }

#mainContents .gstTitle {
 width: 208px;
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 margin-top:15px;
 margin-left:15px;
 float: left;
 }

#contents {
 width: 750px;
 margin-top:28px;
 margin-bottom:28px;
 }

#contents .gstImg01 {
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 width: 150px;
 margin-left:28px;
 display: inline;
 }

#contents .gstImg02 {
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 width: 150px;
 margin-left:20px;
 display: inline;
 }

#contents .gstImg03 {
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 width: 150px;
 margin-left:20px;
 display: inline;
 }

#contents .gstImg04 {
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 width: 150px;
 margin-left:20px;
 display: inline;
 }

/*--------------------------------------------------------------------------*
 *  csn.html
 *--------------------------------------------------------------------------*/

#mainContents .csnImg01 {
 width: 455px;
 margin-top:15px;
 margin-left:28px;
 float: left;
 }

#mainContents .csnTitle {
 width: 208px;
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 margin-top:15px;
 margin-left:15px;
 float: left;
 }

#csnContents{
 width: 266px;
 margin-top:28px;
 margin-left:28px;
 margin-bottom:28px;
 float: left;
}

#csnContents .csnExp {
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 }

#csnExpImg{
 width: 400px;
 float: left;
 margin-left:28px;
 margin-bottom:28px;
}

#csnExpImg .csnImg02 {
 width: 400px;
 margin-top:28px;
 }


/*--------------------------------------------------------------------------*
 *  cafe.html
 *--------------------------------------------------------------------------*/

#mainContents .cafeImg01 {
 width: 455px;
 margin-top:15px;
 margin-left:28px;
 float: left;
 }

#mainContents .cafeTitle {
 width: 208px;
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 margin-top:15px;
 margin-left:15px;
 float: left;
 }

#cafeContents{
 width: 266px;
 margin-top:28px;
 margin-left:28px;
 margin-bottom:28px;
 float: left;
}

#cafeContents .cafeExp {
 font-size: 90%;
 font-family: '‚l‚r ‚o–¾’©';
 }

#cafeExpImg{
 width: 400px;
 float: left;
 margin-left:28px;
 margin-bottom:28px;
}

#cafeExpImg .cafeImg02 {
 width: 400px;
 margin-top:28px;
 }

#cafeExpImg .cafeImg03 {
 width: 400px;
 margin-top:28px;
 }


/*--------------------------------------------------------------------------*
 *  reserve.html
 *--------------------------------------------------------------------------*/

#infomation{
 width: 694px;
 background-color: #000000;
 font-size: 90%;
 margin-top:15px;
 margin-left:28px;
 margin-bottom:28px;
 margin-right:28px;
}

#infomation .infoTitle {
 width: 208px;
 font-size: 90%;
 margin-top:15px;

 float: left;
 }

#infomation .time {
 width: 614px;
 font-size: 90%;
 margin-top:28px;
 margin-left:40px;
 margin-right:40px;
 }

#infomation .bill {
 width: 634px;
 font-size: 90%;
 margin-top:40px;
 margin-left:30px;
 margin-right:30px;
 }

#contact{
 width: 694px;
 background-color: #000000;
 font-size: 90%;
 margin-top:15px;
 margin-left:28px;
 margin-bottom:28px;
 margin-right:28px;
}

#contact .contactTitle {
 width: 208px;
 font-size: 90%;
 float: left;
 }

#contact .conInfo {
 width: 694px;
 font-size: 90%;
 margin-top:40px;
 }

/*--------------------------------------------------------------------------*
 *  form.html
 *--------------------------------------------------------------------------*/

#reserveForm{
 width: 750px;
 background-color: #000000;
 font-size: 90%;
 margin-bottom:30px;
}

#reserveForm .attention{
 font-size: 90%;
 margin-top:30px;
 margin-left:10px;
 margin-bottom:5px;
}

#reserveForm .title{
 font-size: 110%;
 font-weight: bold;
 background-color: #45331F;
}

#reserveForm .left{
 font-size: 90%;
 background-color: #81603A;
}

#reserveForm .right{
 font-size: 90%;
 background-color: #FFFFFF;
 color: #81603A;
}