/*---base---*/

body{
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:normal;
font-style:normal;
font-size:80%;
line-height:140%;
text-align: center;
color:#333333;
background-color:#E8F0F7;
}

*{
margin:0px;
padding:0px;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:lighter;
}

h2{
line-height:38px;
width: 570px;
font-size:140%;
font-weight:bold;
text-indent:10px;
margin:0 0 20px 0;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #BED500;
}

img{

border-width: 0px;
border-style: none;
vertical-align:top;
}

table {
font-size:100%;
line-height:100%;
}

#wrapper{
width: 800px;
margin: 0 auto;
text-align:left;
}

#inner-wrapper{
width: 800px;
background-color:#FFFFFF;
float:left;
}


#header{
width:790px;
float:left;
padding-left:9px;
margin-top:16px;
}

#header img{
margin-left:5px;
}

#header h1{
font-size:200%;
width: 178px;
float: left;
}

#header ul{
list-style-type:none;
float:right;
margin:18px 20px 0 0;
}

*html #header ul{
margin:18px 5px 0 0;
}

#header ul li{
float:left;
font-size:100%;
text-indent:19px;
background-image:url(icon2.gif);
background-repeat:no-repeat;
background-position:3px 50%;

}

#header ul li.list{
float:left;
font-size:100%;
text-indent:0px;
background-image:url(.gif);
background-repeat:no-repeat;
background-position:0px 3px;
}



#header ul li a:link{
color:#333333;
text-decoration:none;
}


#header ul li a:visited{
color:#333333; 
text-decoration:none;
}

#header ul li a:hover{
color:#CC3300;
text-decoration:underline;
}

#header ul li a:active{
color:#CC3300;
text-decoration:underline;
}


a:link{
color:#0066CC;
text-decoration:underline;
}

a:visited{
color:#800080; 

}

a:active,a:hover{
color:#CC3300;
text-decoration:underline;
}




/*全ページ共通メインイメージ*/

#main_image {
width:790px;
float:left;
padding-left:5px;
margin-top:25px;
}

/*---layout---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

td {
text-align:left;
vertical-align:top;
}

td#left_space {
width:200px;
background-color:#f3f3f3;
}

.seg01{
width:790px;
float:left;
}

.seg02{
width:790px;
float:left;
}

/*---navi---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#outside-mainnavi{
width: 194px;
float: left;
background-image: url(menu-under.jpg);
background-repeat: no-repeat;
background-position: bottom;

margin:9px 10px 0 5px;
display:inline;
}

#mainnavi {
width:194px;
background-image: url(menu-top.jpg);
background-repeat: no-repeat;
background-position: top;
font-size:95%;
margin-bottom: 6px;
padding-top:7px;
}

#mainnavi ul{
background-image:url(menu-back.jpg);
background-repeat:repeat-y;
background-position:0 0;
}

#mainnavi ul li{
list-style-type:none;
background-color:#EEEEEE;
width: 181px;
line-height:37px;
margin-bottom:2px;
margin-left:6px;
text-indent:8px;
}

#mainnavi ul li a{
background-image: url(menu_icon01.jpg);
background-repeat: no-repeat;
background-position:0 50%;
padding-left:14px;
}

#mainnavi ul li.current ul{
background-image:url(menu-back2.jpg);
background-repeat: no-repeat;
background-position:bottom;
background-color:#FFFFFF;
width:181px;
padding-bottom:5px;
padding-top:8px;
margin-left:0;
}

#mainnavi ul li.current ul li{
background-color:#FFFFFF;
width:181px;
line-height:22px;
margin-left:0;
text-indent:22px;
}

#mainnavi ul li.current ul li a{
background-image:url(menu_icon02.jpg);
background-repeat: no-repeat;
background-position:0 50%;
}

#mainnavi a:link,#mainnavi a:visited{
color:#0066CC;
text-decoration:underline;
}

#mainnavi a:active,#mainnavi a:hover{
color:#CC3300;
text-decoration:underline;
}


#mainnavi .current a:link,#mainnavi .current a:visited{
color: #333333;
text-decoration: none;
}

#mainnavi .current a:active,#mainnavi .current a:hover{
color:#CC3300;
text-decoration:underline;
}

#mainnavi .current ul li.current a:link,#mainnavi .current ul li.current a:visited{
color: #333333;
text-decoration: none;
}

#mainnavi .current ul li.current a:active,#mainnavi .current ul li.current a:hover{
color:#CC3300;
text-decoration:underline;
}



#mainnavi ul li.current ul li a:link,
#mainnavi ul li.current ul li a:visited{
color:#0066CC;
text-decoration: none;
}

#mainnavi ul li.current ul li a:active,
#mainnavi ul li.current ul li a:hover{
color:#CC3300;
text-decoration: none;
}
/*

#subnavi ul{
list-style-type:none;
}

#subnavi ul li a{
color:#339966;
}

#subnavi ul li ul li a{
color:#990000;
}

#subnavi ul li ul li ul li a{
color:#000066;
}

#subnavi ul{
}

#subnavi ul li ul{
margin:0 0 0 15px;
}

#subnavi ul li ul li ul{
margin:0 0 0 15px;
}

*/

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

#footer{
width:790px;
float:left;
padding:45px 0 20px 0;
}

*html #footer{
width:790px;
float:left;
padding:45px 0 20px 0;
}

#footer ul{
margin-left:172px;
list-style-type:none;
}

#footer ul li{
float:left;
font-size:100%;
text-indent:21px;
background-image:url(icon2.gif);
background-repeat:no-repeat;
background-position:4px 50%;
}
#footer ul li.list{
float:left;
font-size:100%;
background-image:url(.gif);
background-repeat:no-repeat;
background-position:0px 50%;
}

address {
float:right;
padding-right:10px;
padding-left:9px;
margin-top:10px;
margin-bottom:10px;
margin-right:-10px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #1960AC;
font-size:100%;
font-style: normal;
width: 781px;
text-align: right;
}

*html address {
padding-right:10px;
margin-top:10px;
margin-bottom:10px;
margin-right:0px;
border-top-width: 2px;
border-top-style: solid;
border-top-color: #1960AC;
font-size:100%;
font-style: normal;
width: 800px;
text-align: right;
}

#footer p{
float:right;
margin:0 0 0 0;
text-align:right;
line-height:140%;
font-size:100%;
}

#footer ul li a:link,#footer address a:link{
color: #333333;
text-decoration: none;
}


#footer address a:visited{
color: #333333;
text-decoration: none;
}

#footer ul li a:visited{
color:#333333;
text-decoration: none;
}


#footer ul li a:active,#footer address a:active,#footer ul li a:hover,#footer address a:hover{
color:#CC3300;
text-decoration:underline;
}

/*--top---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*コンテンツ全体を囲むdiv*/

#main{
width:585px;
margin-top:10px;
float:left;
overflow:hidden;
}

#main2{
width:585px;
margin-top:10px;
float:left;
}

/*ここから中央コンテンツ*/

#left-contents{
width:380px;
float:left;
padding:10px 0 20px 0;
overflow:hidden;
}

#left-contents h2{
width: 380px;
text-indent:10px;
padding:0 0 9px 0;
line-height:38px;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #BED500;
margin:0 0 0 0;
}

*html #left-contents h2{
padding-bottom:3px;
}

*:first-child+html #left-contents h2{
padding-bottom:3px;
}

/*ここから最新情報*/

#information{
width:380px;
}

#information ul{
margin-top:10px;
margin-left:12px;
list-style-type:none;
}

#information ul li{
text-indent:15px;
background-image:url(icon.gif);
background-repeat:no-repeat;
background-position:0 50%;
margin:0 0 10px 0;
}

/*ここから新刊・おすすめ*/

#release{
padding:40px 0 0 0;}

.new-release{
width:380px;
margin:18px 0 0 0;
float:left;
border-bottom:solid #000000 1px;
padding-bottom:14px;
}

.new-release h3{
margin:0 2px 10px 92px;
font-weight: bold;

}

.new-release p{
float:left;
width:273px;
line-height:150%;
}

.new-release p span{
color:#CC3300;
}

.new-release img{
float:left;
margin:-2px 15px 0 5px;

}

#release .new-release-button1{
clear:left;
float:left;
margin:20px 0 0 170px;


}

#release .new-release-button2{
float:left;
margin:20px 0 0 8px;
}

/*ここから右コンテンツ*/

#right-contents{
width:195px;
float:right;
overflow:hidden;
}

/*ここから右バナー*/

#right-contents ul li{
list-style-type:none;
margin:0 0 4px;
padding:10px 17px 0 30px;
background-image:url(bannar.gif);
background-repeat:no-repeat;
font-weight: bold;
height:45px;
font-size:95%;
}

*html #right-contents ul li{
height:55px;	
}

#right-contents ul li a:link,#right-contents ul li a:visited{
color:#FFFFFF;
text-decoration:underline;
}

#right-contents ul li a:active,#right-contents ul li a:hover{
color:#CC3300;
text-decoration:underline;
}

/*ここから右アマゾンバナー*/

#amazon{
font-size:95%;
line-height:140%;
border-bottom:solid #000000 1px;
border-left:solid #000000 1px;
border-right:solid #000000 1px;
padding:55px 0 0 0;
margin:12px 0 0 0;
background-image:url(amazon.jpg);
background-repeat:no-repeat;
width:193px;
float:left;
}

#amazon .amazon01{

padding:0 15px 20px 15px;
float:left;
}

#amazon .amazon01 img{
float:left;
margin:0 10px 0 0;
clear:left;
}

#amazon .amazon01 p{
float:left;
width:100px;
margin:3px 0 0 0 ;
}




/*　書籍一覧・器具一覧ページ　--------------------------------------------------------------------------------------------------------*/
.page-button{
width:100%;
float:left;
}

.page-button td{
vertical-align:middle;
line-height:27px;
}

.page-button_top{
margin:0 0 12px 0;
clear:left;
}

.page-button_under{
padding:45px 0 0 0;
clear:left;
}

.booklist
{
float:left;
width:575px;
margin:16px 0 0 -9px;
}

.booklist_table{
clear:left;  
float:left;
width:281px;
vertical-align:top;
line-height:140%;
}

.tableborder{
border-bottom:solid #000000 1px;
width:281px;
}

.booklist_img{
width:116px;}

.booklist_img img{
margin:0 0 0 6px;
float:left;
vertical-align:top;
}

.booklist_table ul{
margin-top:3px;
}

.booklist_table ul li{
width:155px;
list-style-type:none;
padding-left:10px;
line-height:150%;
background-image:url(icon.gif);
background-repeat:no-repeat;
background-position:0 2px;
}

.booklist_table ul li.booklist_table2{   /*「内容」のリストを消します*/
background-image:url(.gif);
}

.booklist2{
float:right;
}

td.details_button img{
margin:12px 8px 0 74px;  
}

td.browse_button img{
margin:12px 15px 0 0;  
}

td.buy_button img{
margin:5px 8px 25px 74px;  
}

td.amazon_button img{
margin:5px 15px 25px 0;  
}

/* 器具一覧ページ */

td.details_button2 img{
margin:12px 8px 25px 74px;  
}

td.buy_button2 img{
margin:12px 15px 25px 0;  
}


/*　書籍詳細ページ・器具詳細ページ　--------------------------------------------------------------------------------------------------*/

.details_table{
float:left;
line-height:150%;
margin:0 0 0 0;
}

.details_table h2{
width: 350px;
margin:0 0 10px 0;
padding:0 0 0 0;
text-indent:0px;
border:none;	
line-height:18px;
font-size:140%;
font-weight:bold;
line-height:120%;
}

.details_banner{
width:575px;
font-size:95%;
}

.details_banner ul li{
float:left;
list-style-type:none;
background:url(bannar.gif);
background-repeat:no-repeat;
background-position:0 0;
width:148px;
height:45px;	
padding:10px 17px 0 30px;
font-weight: bold;
margin:12px 19px 0 0;
}

*html .details_banner ul li{
width:195px;
height:55px;	
}

.details_banner ul li a:link,.details_banner ul li a:visited{
color:#FFFFFF;
text-decoration:underline;
}

.details_banner ul li a:active,.details_banner ul li a:hover{
color:#CC3300;
text-decoration:underline;
}

.details_text{
padding:65px 0 0 0;
width:345px;
}

.details_text p{
width:345px;
}


.details_img{
width:218px;
}

.details_img img{
margin:65px 0 0 12px;
}

td.details_browse img{
margin:50px 10px 0 0;
}

td.return_browse img{
margin:50px 15px 0 0;
}

td.buy_browse img{
margin:5px 10px 55px 0;
}

td.amazon_browse img{
margin:5px 15px 55px 0;
}


.details_table h3{
float:left;
text-indent:15px;
font-size:120%;
font-weight:bold;
width:575px;
background-color:#CCCCCC;
border-bottom:solid #99cc00 4px;
line-height:28px;

}

.details_contents{
padding:0 0 30px;
}

.details_contents p{
margin:20px 0 0 25px;
line-height:190%;
}

/* 器具詳細ページ */

td.buy_browse2 img{
margin:50px 10px 55px 0;
}

td.return_browse2 img{
margin:50px 15px 55px 0;
}


/*　その他ページでの共通　--------------------------------------------------------------------------------------------------*/

.table{
width:575px;
line-height:140%;
}

.p{
margin:0 15px 15px 10px;
line-height:150%;
width:550px;
}

.ul{
margin:10px 30px 0 35px;
}

.ul li{
margin:0 0 6px 0;
}


/*　その他ページ　--------------------------------------------------------------------------------------------------*/

.ol ul{
margin:0 15px 0 35px;
line-height:150%;
}

.ol li{
list-style-type:decimal;
margin:0 0 12px 0;
}


.buy_button{
margin:20px 0 40px 0;
}

.table p{
margin:0 15px 15px 10px;
line-height:150%;
}

.results ul{
margin:10px 15px 0 35px;
}

.results ul li{
margin:0 0 0 0;
list-style-type:disc;
}

.others{
text-indent:20px;
line-height:30px;
}

.summary_table{
width:570px;
line-height:29px;
border-right:solid #999999 1px;
border-bottom:solid #999999 1px;
margin:0 0 15px 0;
}

.border{
border-top:solid #999999 1px;
border-left:solid #999999 1px;
text-indent:25px;
}

.border2{
border-top:solid #999999 1px;
border-left:solid #999999 1px;
padding:3px 3px 3px 3px;
line-height:150%;
}

.bgcolor{
width:95px;
background-color:#EEEEEE;
}

.download li{
list-style-type:none;
margin-bottom:5px;
}

.information_table{
margin:-15px 0 0 8px;
line-height:140%;
}

.under_border{
padding:0 0 20px 0;
border-bottom:solid #999999 1px;
}



/*--sitemap---*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.sitemap {
}

.sitemap ul{
margin:0 0 15px 30px;
}

.sitemap ul ul{
margin:0 0 15px 30px;
}


/*general-purpose*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.subtitle01 {
font-size:150%;
background-color:#339966;
color:#FFFFFF;
}

.subtitle02 {
font-size:140%;
background-color:#990000;
color:#FFFFFF;
}

.subtitle03 {
font-size:130%;
background-color:#000066;
color:#FFFFFF;
}


/*top*//*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.top_button01 {
margin:0 0 10px 0;
}

/*---add---*/
.red {
color:#c30;
}
.test {
}
.test {
}
.test {
}
