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

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

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

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

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

#sitemap {
 background-image: url(img/company_menu03.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;
}

#none {
 background-image: url(img/company_menu04.jpg);
 background-position: left top;
 background-repeat: no-repeat;
 width: 275px;
 height: 180px;
 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/company_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: 93px;
 float: left;
}

#main .space {
 margin: 0;
 padding: 0 0 20px 0;
 clear: both;
 float: left;
}

#text_area01 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 20px 0 0 20px;
}

#text_area02 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 10px 0 0 20px;
}
#text_area03 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 10px 0 0 20px;
}
#text_area04 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 10px 0 0 20px;
}
#text_area05 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 10px 0 0 20px;
}
#text_area06 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 10px 0 0 20px;
}
#text_area07 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 10px 0 0 20px;
}
#text_area08 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 10px 0 0 20px;
}
#text_area09 {
 width: 540px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 10px 0 0 20px;
}

.company_title01 ul {
 width: 120px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 0 0 0 0;
 list-style-image: url(img/company_dot.jpg);
}

.company_text01 {
 width: 420px;
 height: auto;
 float: right;
 margin: 0;
 padding: 0;
}

.company_text01 ul {
 width: 420px;
 height: auto;
 clear: both;
 float: left;
 margin: 0;
 padding: 0;
 list-style: none;
}

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

#company_line {
 width: 579px;
 height: auto;
 margin: 0;
 padding: 0;
 clear: both;
 float: left;
}

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

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

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

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

#company03 {
 width: 130px;
 height: auto;
 float: right;
 margin: 0;
 padding: 10px 0 10px 0;
}
*html #company04 {/*IE6*/
 width: 130px;
 height: auto;
 float: left;
 margin: 0;
 padding: 10px 16px 10px 0;
}

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

.company_photo01 {
 width: 130px;
 height: 130px;
 float: left;
 border: 1px solid #e5e5e5;
 margin: 0;
 padding: 0;
}

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

.text_area03 p {
 font-size: 10px;
}

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

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

.text_area04 p {
 font-size: 10px;
}

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

#company_contents .text_area05 {
 width: 360px;
 height: 160px;
 float: left;
 margin: 0 10px 0 0;
 padding: 0;
}

#company_contents .company_photo02 {
 width: 200px;
 height: 160px;
 float: right;
 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;
}