* {
 /* background-color:transparent;*/
 /* color:#000000;*/
 font-family:Verdana,Arial,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",san-serif;
 font-size:12px;
 margin:0;
 padding:0;
/* text-align:left;*/
 line-height:22px;
/* zoom:1;*/
 }

body {
 background-color: #ffffff;
 width:100%;
 }

img {
 border-style:none;
 vertical-align:bottom;
 }

a {
 text-decoration:none;
 }

a:hover{
 text-decoration:underline;
 }


/* main */

/*#wrapper {
 background-color: #ffffff;
 width: auto;
 height: auto;
 display: inline-table;
}*/

h1 {
 font-family:Verdana,Arial,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",san-serif;
 font-size: 12px;
 font-weight: normal;
 text-align: right;
 margin: 0;
 padding: 0;
}

/*メインメニュー*/

*html #m_menu {/*IE6*/
 width: 491px;
 height: 22px;
 float: left;
 margin: 20px 0 0 138px;
 padding:  0;
}

#m_menu {
 width: 491px;
 height: 22px;
 float: left;
 margin: 20px 0 0 275px;
 padding:  0;
}

#m_menu img {
 margin: 0;
 padding: 0;
 float: left;
}

#m_menu ul{
 width: 491px;
 height: 22px;
 margin: 0;
 padding: 0;
 float: left;
}

#m_menu li {
 width: auto;
 height: 22px;
 margin: 0;
 padding: 0;
 list-style-type: none;
 float: left;
 display: inline;
}

#gallery {
 background-image: url(../cmndata/tbutton_01.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 99px;
 height: 22px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#gallery:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 99px;
 height: 22px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#book {
 background-image: url(../cmndata/tbutton_02.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 125px;
 height: 22px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
 float: left;
}

#book:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 125px;
 height: 22px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#cafe {
 background-image: url(../cmndata/tbutton_03.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 143px;
 height: 22px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
 float: left;
}

#cafe:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 143px;
 height: 22px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#rabami {
 background-image: url(../cmndata/tbutton_04.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 124px;
 height: 22px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
 float: left;
}

#rabami:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 124px;
 height: 22px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}


/*サイドメニュー一式*/

#s_menu {
 width: 275px;
 height: auto;
 float: left;
 margin: 0;
 padding: 0;
}

#s_menu img {
 margin: 0;
 padding: 0;
 float: left;
}

#s_menu ul{
 width: 275px;
 height: auto;
 margin: 0;
 padding: 0;
 float: left;
}

#s_menu li {
 width: 275px;
 height: auto;
 margin: 0;
 padding: 0;
 list-style-type: none;
 float: left;
}

#cafe_main {
 background-image: url(img/cmenu_01.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 28px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#cafe_main:hover {
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 275px;
	height: 28px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#c_menu {
 background-image: url(img/cmenu_02.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 23px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
 float: left;
}

#c_menu:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 275px;
 height: 23px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}
#rabami_main {
 background-image: url(img/cmenu_033.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 28px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#rabami_main:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 275px;
 height: 28px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#none {
 background-image: url(img/cmenu_03.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 130px;
 display: block;
 overflow: hidden;
}

#company {
 background-image: url(../cmndata/smenu_01.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 26px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#company:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 275px;
 height: 26px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#contact {
 background-image: url(../cmndata/smenu_02.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 24px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
 float: left;
}

#contact:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 275px;
 height: 24px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}

#sitemap {
 background-image: url(../cmndata/smenu_03.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 24px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
 float: left;
}

#sitemap:hover {
 background-position: left bottom;
 background-repeat: no-repeat;
 width: 275px;
 height: 24px;
 text-indent: -9999px;
 display: block;
 overflow: hidden;
}


/*コンテンツ*/

#top01 {
 background-image: url(../cmndata/top_01.jpg);
 background-repeat: no-repeat;
 width: 766px;
 height: 75px;
 margin: 0;
 padding: 0;
 float: left;
}

#top02 {
 background-image: url(../cmndata/tmenu_back.jpg);
 background-repeat: repeat-x;
 width: 100%;
 height: 164px;
 margin: 0;
 padding: 0;
 clear: both;
 float: left;
}

#top03 {
 background-image: url(img/cafe_top.jpg);
 background-repeat: no-repeat;
 width: 865px;
 height: 164px;
 margin: 0;
 padding: 0;
 float: left;
}

#top03 img {
 width: 138px;
 height: 138px;
 margin: 3px 0 0 124px;
 padding: 0;
 float: left;
}

#top04 {
 background-image: url(../cmndata/smenu_back.jpg);
 background-repeat: repeat-y;
 width: 865px;
 height: 100%;
 margin: 0;
 padding: 0;
 clear: both;
 float: left;
}

#s_menu {
 width: 275px;
 height: auto;
 float: left
}

#main {
 width: 579px
 height: auto;
 float: right;
}

#main .title {
 width: 579px
 height: 44px;
 float: left;
}

#main .text_area01 {
 width: 579px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 20px 0 10px 0;
}

#main .cafe_photo01 {
 width: 575px;
 height: 250px;
 clear: both;
 float: left;
 margin: 20px 0 0 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}

#cafe_contents {
 width: 579px;
 height: 120px;
 clear: both;
 float: left;
 margin: 0;
 padding: 20px 0 0 0;
}

#cafe_contents2 {
 width: 579px;
 height: 120px;
 clear: both;
 float: left;
 margin: 0;
 padding: 20px 0 0 0;
}
#cafe_contents2 .cafe_photo02 {
 width: 150px;
 height: 120px;
 float: left;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}
#cafe_contents2 .text_area03 {
 width: 400px;
 height: 120px;
 float: left;
 margin: 0 10px 0 0;
 padding: 0;
}

#cafe_contents2 .text_area04 {
 width: 400px;
 height: 120px;
 float: right;
 margin: 0 10px 0 0;
 padding: 0;
}

#cafe_contents2 .cafe_photo03 {
 width: 150px;
 height: 120px;
 float: right;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}

#cafe_contents2 .cafe_photo04 {
 width: 150px;
 height: 120px;
 float: left;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}

#cafe_contents3 {
 width: 579px;
 height: 120px;
 clear: both;
 float: left;
 margin: 0;
 padding: 20px 0 0 0;
}
#cafe_contents3 .cafe_photo02 {
 width: 150px;
 height: 120px;
 float: left;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}
#cafe_contents3 .text_area03 {
 width: 400px;
 height: 120px;
 float: left;
 margin: 0 10px 0 0;
 padding: 0;
}

#cafe_contents3 .text_area04 {
 width: 400px;
 height: 120px;
 float: right;
 margin: 0 10px 0 0;
 padding: 0;
}

#cafe_contents3 .cafe_photo03 {
 width: 150px;
 height: 120px;
 float: right;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}

#cafe_contents3 .cafe_photo04 {
 width: 150px;
 height: 120px;
 float: left;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}

#cafe_contents .cafe_photo02 {
 width: 150px;
 height: 120px;
 float: left;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}

#shosai {
 width: 400px;
 height: 120px;
 float: right;
 margin: 0 0 0 10px;
 padding: 0;
 border-left: 1px solid #eb6100;
}

#shosai .text_area02 {
 width: 395px;
 height: 120px;
 float: left;
 margin: 0;
 padding: 0 0 0 5px;
}

#shosai .text01 {
 font-size: 15px;
 font-weight: bold;
 margin: 0;
 padding: 0 0 10px 0;
}

#cafe_contents .text_area03 {
 width: 400px;
 height: 120px;
 float: left;
 margin: 0 0px 0 0;
 padding: 0;
}

#cafe_contents .text_area04 {
 width: 400px;
 height: 120px;
 float: right;
 margin: 0 0px 0 0;
 padding: 0;
}

#cafe_contents .cafe_photo03 {
 width: 150px;
 height: 120px;
 float: right;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}

#cafe_contents .cafe_photo04 {
 width: 150px;
 height: 120px;
 float: left;
 margin: 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}


/*footer*/

*html #main .button {/*IE6*/
 width: 71px
 height: 26px;
 clear: both;
 float: left;
 margin: 40px 0 0 250px;
 padding: 0;
}

*:first-child+html #main .button {/*IE7*/
 width: 71px
 height: 26px;
 clear: both;
 float: left;
 margin: 40px 0 0 500px;
 padding: 0;
}

#main .button {
 width: 71px
 height: 26px;
 clear: both;
 float: right;
 margin: 20px 0 0 0;
 padding: 0;
}

*html #copy {/*IE6*/
 width: 310px;
 heoght: auto;
 clear: both;
 float: left;
 margin: 20px 0 0 135px;
 padding: 0;
}

*:first-child+html #copy {/*IE7*/
 width: 310px;
 heoght: auto;
 clear: both;
 float: left;
 margin: 20px 0 0 270px;
 padding: 0;
}

#copy {
 clear: both;
 float: right;
 margin: 0;
 padding: 40px 0 40px 0;
}

#copy p {
 font-size: 10px;
}