*{
margin:0;
padding:0;
}

body{
background:url(images/bg.jpg);
text-align:center;
font-size:0.9em;
color:#666;
letter-spacing:1px;
}

#container{
text-align:left;
margin:0 auto;
width:960px;
background:#fff;

}

li{list-style:none;}
img{border:none;}

#header{
width:880px;
margin:0px 40px;
}

#contents{
width:875px;
margin:0px 40px;
padding:10px 0px;
clear:both;
line-height:1.5em;
}

#menu-bar{
clear:both;
width:880px;
margin:0px 40px;
padding-top:10px;
}

#text-area{
background: #fff;
padding:10px 0px 0px;
}

#footer{
color: #fff;
clear:both;
background:#000;
padding:10px 30px;
margin-top:10px;
}

#footer_menu{
text-align:center;
clear:both;
margin:0px 30px;
padding-top:10px;
width:900px;
}

#footer_menu li{
display:inline;
font-size:0.8em;
margin:0px 20px 0px 0px;
}



/*-------------------↑outline-----------------------*/


.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}

/*--------------------header-------------------------*/

#header h1{font-size:0.9em;}

#header img{float:left;}

#header p{
padding-left:49px;
text-align:right;
}
/*--------------------header end-------------------------*/

#contents h2{
margin:0px 0px 10px 20px;
}

/*--------------------menubar-------------------------*/

#menu-bar li{
float:left;
}

#menu-bar a{
display:block;
overflow:hidden;
height:43px;
text-indent:-9999px;
}

#menu-1 {background:url(images/btn_menu_01.gif) no-repeat 0% 0%; width:126px;}
#menu-2 {background:url(images/btn_menu_02.gif) no-repeat 0% 0%; width:126px;}
#menu-3 {background:url(images/btn_menu_03.gif) no-repeat 0% 0%; width:126px;}
#menu-4 {background:url(images/btn_menu_04.gif) no-repeat 0% 0%; width:126px;}
#menu-5 {background:url(images/btn_menu_05.gif) no-repeat 0% 0%; width:126px;}
#menu-6 {background:url(images/btn_menu_06.gif) no-repeat 0% 0%; width:125px;}
#menu-7 {background:url(images/btn_menu_07.gif) no-repeat 0% 0%; width:125px;}

#menu-bar a:hover{background-position:0px -44px;}
#menu-bar a:active{background-position:0px -42px;}

/*--------------------contents-area-------------------------*/

.page_title{
width:141px;
height:25px;
text-indent:-9999px;
}


.book_title{
color:#0099FF;
font-size:1.3em;
}

.text_link_01{
text-align:right;
margin:0px 10px;
}

.contents_title{
width:210px;
height:40px;
text-indent:-9999px;
}

#cotents_title_01{background:url(images/contents_title_01.jpg) no-repeat;}/*--新着情報--*/
#cotents_title_02{background:url(images/contents_title_02.jpg) no-repeat;}/*--新刊のお知らせ--*/
#cotents_title_03{background:url(images/contents_title_03.jpg) no-repeat;}/*--会社概要--*/
#cotents_title_04{background:url(images/contents_title_04.jpg) no-repeat;}/*--理念--*/
#cotents_title_05{background:url(images/contents_title_05.jpg) no-repeat;}/*-ごあいさつ--*/
#cotents_title_06{background:url(images/contents_title_06.jpg) no-repeat;}/*--アクセス--*/
#cotents_title_07{background:url(images/contents_title_07.jpg) no-repeat;}/*--トピックス--*/
#cotents_title_08{background:url(images/contents_title_08.jpg) no-repeat;}/*--新刊委託--*/
#cotents_title_09{background:url(images/contents_title_09.jpg) no-repeat;}/*--注文--*/
#cotents_title_10{background:url(images/contents_title_10.jpg) no-repeat;}/*--返品--*/
#cotents_title_11{background:url(images/contents_title_11.jpg) no-repeat;}/*--ご注文の方法--*/
#cotents_title_12{background:url(images/contents_title_12.jpg) no-repeat;}/*--個人のお客様--*/
#cotents_title_13{background:url(images/contents_title_13.jpg) no-repeat;}/*--書店様--*/
#cotents_title_14{background:url(images/contents_title_14.jpg) no-repeat;}/*--作家一覧--*/
#cotents_title_15{background:url(images/contents_title_15.jpg) no-repeat;}
#cotents_title_16{background:url(images/contents_title_16.jpg) no-repeat;}
#cotents_title_17{background:url(images/contents_title_17.jpg) no-repeat;}

/*--------------------footer-------------------------*/

#copyright{
text-align:center;
font-size:12px;
}

#goriyou{
text-align:right;}

#footer-toiawase{
text-align:right;
margin-top:5px;
}


/*--CLEAR FIX */
#menu-bar:after{
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
#menu-bar{
display:inline-block;  /* MAC IE用　*/
min-height:1%;  /* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html #menu-bar{height: 1%;}
#menu-bar{display: block;}
/*--ここまでMAC IEは非適用 */


/*--CLEAR FIX */
#text-area:after{
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
#text-area{
display:inline-block;  /* MAC IE用　*/
min-height:1%;  /* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html #text-area{height: 1%;}
#text-area{display: block;}
/*--ここまでMAC IEは非適用 */


/*--CLEAR FIX */
#header p:after{
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
#header p{
display:inline-block;  /* MAC IE用　*/
min-height:1%;  /* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html #header p{height: 1%;}
#header p{display: block;}
/*--ここまでMAC IEは非適用 */