* {
 /* 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;
}

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

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

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

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

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

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

#none {
 background-image: url(img/bmenu_04.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 106px;
 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/book_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 .text_area02 {
 width: 350px;
 height: 160px;
 float: right;
 margin: 0;
 padding: 20px 0 0 0;
}

#main .book_photo01 {
 width: 200px;
 height: 160px;
 clear: both;
 float: left;
 margin: 20px 20px 0 0;
 padding: 0;
 border: 1px solid #e5e5e5;
}

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

#main .book_title p {
 color: #0b5ca1;
 font-size: 15px;
 font-weight: bold;
}

#book_line {
 width: 579px;
 clear: both;
 float: left;
}

*html #book01 {/*IE6*/
 width: 130px;
 height: auto;
 clear: both;
 float: left;
 margin: 0; 
 padding: 20px 17px 10px 0;
}

#book01 {
 width: 130px;
 height: auto;
 clear: both;
 float: left;
 margin: 0; 
 padding: 20px 19px 10px 0;
}

*html #book02 {/*IE6*/
 width: 130px;
 height: auto;
 float: left;
 margin: 0;
 padding: 20px 17px 10px 0;
}

#book02 {
 width: 130px;
 height: auto;
 float: left;
 margin: 0;
 padding: 20px 19px 10px 0;
}

#book03 {
 width: 130px;
 height: auto;
 float: right;
 margin: 0;
 padding: 20px 0 10px 0;
}

.book_photo02 {
	width: 132px;
	height: auto;
	float: left;
	border: 1px solid #e5e5e5;
	margin: 0;
	padding: 0;
}

.text_area03 {
	width: 132px;
	height: auto;
	margin: 0;
	padding: 5px 2px 0 2px;
}

*:first-child+html .text_area04 {/*IE7*/
 width: 126px;
 height: auto;
 margin: 0;
 padding: 23px 2px 0 2px;
}

.text_area04 {
 width: 126px;
 height: auto;
 margin: 0;
 padding: 5px 2px 0 2px;
}


/*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;
}
.bookItem {
	width: 132px;
	float: left;
	margin: 0;
	padding-top: 20px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 0;
}
.spacer {
width: 580px;
clear: both;
}