/* CSS Document */


@charset "utf-8";


/*�������ѥ������륷����
---------------------------------------------------------------------------------*/
* {
margin: 0px;
padding: 0px;
}

.clear {clear:both;}
body {
/*font-size:0.8em;*/
font-size:0.7em;

line-height:1.5em;
text-align:center;
background-color: #e8f6ed;
}
#wrapper {
width: 760px;
margin: 0px auto;
text-align:left;
}
#wrapper2 {
width: 760px;
margin: 0px auto;
text-align:left;
background-color: #fff;
}
a{text-decoration:none;}

/*
h1{ float:left; text-indent:-9999px;}
*/




#header h1 {
color:#003366;
float:left;
font-size:10px;
height:67px;
line-height:20px;
width:240px;
}

#header h1 a {
display:block;
height:67px;
text-decoration:none;
text-indent:-9999px;
width:300px;
}

#BookMakeURLForm{
/*display:inline;*/
display: block;
}


#wrapper{background:url(../img/back.jpg) repeat-y;}
h2{ width:533px; background:#34664f; border:1px #008000 solid; 
font-size:14px; font-weight:bold; color:#FFFFFF; margin-bottom:10px; padding:3px 0px 3px 15px;}

.red{color:#CC0000;}
.green{color:#34664f;}
.green2{color:#34664f; font-weight:bold;}
/*header
---------------------------------------------------------------------------------*/
#header{background:url(../img/header.jpg) no-repeat; widows:760px; height:67px;
background-color:#FFFFFF; height:1%;}
#h-navi ul{padding-top:5px;list-style:none}
#h-navi li{float:right; text-indent:-9999px;}
#h-navi01 a{background:url(../img/h-navi01.jpg) no-repeat; display:block; width:63px; height:15px; border-right:5px #FFFFFF solid;}
#h-navi02 a{background:url(../img/h-navi02.jpg) no-repeat; display:block; width:71px; height:15px; border-right:5px #FFFFFF solid;}
#h-navi03 a{background:url(../img/h-navi03.jpg) no-repeat; display:block; width:90px; height:15px; border-right:5px #FFFFFF solid;}
#h-navi04 a{background:url(../img/h-navi04.jpg) no-repeat; display:block; width:110px; height:15px; border-right:10px #FFFFFF solid;}
#navi_block {
	width: 230px;
	display:block;
	height: 15px;
}
#h-navi01 a:hover{
background:url(../img/h-navi01-on.jpg) no-repeat; 
display:block;
 width:63px; 
 height:15px; 
 border-right:5px #FFFFFF solid;
 }
#h-navi02 a:hover{
background:url(../img/h-navi02-on.jpg) no-repeat;
 display:block; 
 width:71px; height:15px; 
 border-right:5px #FFFFFF solid;
 }
#h-navi03 a:hover{
background:url(../img/h-navi03-on.jpg) no-repeat;
 display:block; 
 width:90px; height:15px; 
 border-right:5px #FFFFFF solid;
 }
#h-navi04 a:hover{
background:url(../img/h-navi04-on.jpg) no-repeat;
 display:block; width:110px; 
 height:15px; border-right:10px #FFFFFF solid;
 }
#kensaku{float:right; padding-top:10px;} 
#kensaku-text{margin-left:10px; width:160px;}
#kensaku-button{ border-right:10px #FFFFFF solid;
 border-left:5px #FFFFFF solid; 
 vertical-align:bottom;}
#marque{float:left; padding:10px 0px 5px 0px; border-left:10px #FFFFFF solid;}
/*
#h-navi2 {padding:10px 0px 15px 0px;}
#h-navi2 ul{padding-top:5px;list-style:none}
*/
/*------↓変更20080623------*/
#h-navi2 {height:40px}
#h-navi2 ul{padding-top:0px;list-style:none}
/*--------------------------*/

/*
#h-navi2 li{float:right; text-indent:-9999px;}
#h-navi05 a{background:url(../img/h-navi05.jpg) no-repeat; display:block; width:146px; height:23px; border-right:2px #FFFFFF solid;}
#h-navi06 a{background:url(../img/h-navi06.jpg) no-repeat; display:block; width:149px; height:23px; border-right:33px #FFFFFF solid;}
#h-navi07 a{background:url(../img/h-navi07.jpg) no-repeat; display:block; width:105px; height:23px; border-right:5px #FFFFFF solid;}
#h-navi08 a{background:url(../img/h-navi08.jpg) no-repeat; display:block; width:110px; height:23px; border-right:10px #FFFFFF solid;}
*/

/*
#h-navi2 li{float:right;}
#h-navi05 a{line-height:2em; color:#ffffff; font-weight:bold; text-align:center; background:url(../img/h-navi05_ueno.jpg) no-repeat; display:block; width:146px; height:23px; border-right:2px #FFFFFF solid;}
#h-navi06 a{line-height:2em; color:#ffffff; font-weight:bold; text-align:center; background:url(../img/h-navi06_ueno.jpg) no-repeat; display:block; width:149px; height:23px; border-right:33px #FFFFFF solid;}
#h-navi07 a{background:url(../img/h-navi07.jpg) no-repeat; display:block; width:105px; height:23px; border-right:5px #FFFFFF solid;}
#h-navi08 a{background:url(../img/h-navi08.jpg) no-repeat; display:block; width:110px; height:23px; border-right:10px #FFFFFF solid;}
*/

#h-navi2 li{float:right;}
#h-navi05 a{line-height:2em; color:#ffffff; font-weight:bold; text-align:center; background:url(../img/banner01.jpg) no-repeat; display:block; width:118px; height:40px; border-right:2px #FFFFFF solid;}
#h-navi06 a{line-height:2em; color:#ffffff; font-weight:bold; text-align:center; background:url(../img/banner02.jpg) no-repeat; display:block; width:118px; height:40px; border-right:92px #FFFFFF solid;}
#h-navi07 a{background:url(../img/h-navi07.jpg) no-repeat; display:block; width:105px; height:23px; border-right:5px #FFFFFF solid;}
#h-navi08 a{background:url(../img/h-navi08.jpg) no-repeat; display:block; width:110px; height:23px; border-right:10px #FFFFFF solid;}


/*
#marque{font-weight:bold; color:#0000ff;}
*/
/*------↓変更20080623------*/
#marque{font-weight:bold; color:#ffb700; position:relative; top:-8px;}
/*--------------------------*/
/*navigation
---------------------------------------------------------------------------------*/
#navigation{ width:170px; border-left:10px #ffffcc solid; float:left;}
/*
#navi01{ background:url(../img/navi01.jpg) no-repeat; width:170px; height:25px; text-indent:-9999px;}
*/
#s-navi01{background:url(../img/s-navi01.jpg) no-repeat; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px;}
.ichiran{ color:#990000;}
#navigation ul{padding-left:30px; line-height:1.2;}
#navigation ul a{color:#990000;}
#navigation ul a:hover{color:#FF6600;}
#s-navi02{background:url(../img/s-navi02.jpg) no-repeat; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px;}
#s-navi03{background:url(../img/s-navi03.jpg) no-repeat; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px;}
/*
#navi02{ background:url(../img/navi02.jpg) no-repeat; width:170px; height:25px; text-indent:-9999px; border-top:10px #ffffcc solid;}
*/




/*------↓追加20080624------*/
#s-navi_base{background:url(../img/s-navi_base.jpg) no-repeat; width:150px; height:20px; border:10px #ffffcc solid; color:#000280; font-weight:bold; font-size:12px;text-align:center; line-height:1.8em; cursor:pointer; }
#s-navi_base_on{background:url(../img/s-navi_base_on.jpg) no-repeat; width:150px; height:20px; border:10px #ffffcc solid; color:#000280; font-weight:bold; font-size:12px;text-align:center; line-height:1.8em; cursor:pointer; }
/*--------------------------*/


/*
.s-navi04{background:url(../img/s-navi04.jpg) no-repeat; display:block; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px; cursor:pointer;}
.s-navi05{background:url(../img/s-navi05.jpg) no-repeat; display:block; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px; cursor:pointer;}
*/
/*------↓変更20080618------*/
#s-navi04{background:url(../img/s-navi04.jpg) no-repeat; display:block; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px; cursor:pointer;}
#s-navi05{background:url(../img/s-navi05.jpg) no-repeat; display:block; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px; cursor:pointer;}
/*--------------------------*/



/*------↓変更20080624------*/
#navi01 { background:url(../img/navi01_base.jpg) no-repeat; width:170px; height:25px; color:#ffffff; font-weight:bold; font-size:14px;text-align:center; line-height:1.8em; cursor:pointer; }
#navi01_on { background:url(../img/navi01_base_on.jpg) no-repeat; width:170px; height:25px; color:#ffffff; font-weight:bold; font-size:14px;text-align:center; line-height:1.8em; cursor:pointer; }
#navi02 { background:url(../img/navi01_base.jpg) no-repeat; width:170px; height:25px; border-top:10px #ffffcc solid; color:#fff; font-weight:bold; font-size:14px;text-align:center; line-height:1.8em; cursor:pointer; }
#navi02_on { background:url(../img/navi01_base_on.jpg) no-repeat; width:170px; height:25px; border-top:10px #ffffcc solid; color:#fff; font-weight:bold; font-size:14px;text-align:center; line-height:1.8em; cursor:pointer; }
/*--------------------------*/





#navi03{ background:url(../img/navi03.jpg) no-repeat; 
width:170px; height:25px; 
text-indent:-9999px; 
border-top:10px #ffffcc solid;}
.s-navi06 a{background:url(../img/s-navi06.jpg) no-repeat; display:block; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px;}
.s-navi07 a{background:url(../img/s-navi07.jpg) no-repeat; display:block; width:150px; height:20px; border:10px #ffffcc solid; text-indent:-9999px;}

#banner{width:150px; border-left:10px #ffffcc solid;}
#banner img{padding-bottom:3px;}

#s-navi08{background:url(../img/s-navi08.jpg) no-repeat; width:150px; height:23px;
 border-left:10px #ffffcc solid; text-indent:-9999px;
 border-top:10px #ffffcc solid; text-indent:-9999px; cursor:pointer;}
#link{padding:0px 10px;}
#link-body{width:148px; border:1px #CCCCCC solid; background:#FFFFFF;}
#link ul{padding:10px 0px 10px 25px;}
#link li{ color:#999999;}
#link ul a{ color:#999999;}
#link ul a:hover{ color: #666666;}
/*content
---------------------------------------------------------------------------------*/
#pagebody{ padding:0px 10px 10px 0px; height:1%;}
#content{float:right; width:550px;}
#content2{width:700px;margin-left: 60px;}
.paging{float:right; padding:10px;}
/*footer
---------------------------------------------------------------------------------*/
#footer { background:url(../img/footer.jpg) no-repeat; width:760px; height:87px; clear:both; text-indent:-9999px;}
#footer2 { background:url(../img/footer2.jpg) no-repeat; width:760px; height:87px; clear:both; text-indent:-9999px;}
#return a{ float:right; background:url(../img/pagetop.jpg) no-repeat; display:block; width:110px; height:23px; border-right:10px #FFFFFF solid;}

/*index
---------------------------------------------------------------------------------*/
#main-image{border-bottom:10px #FFFFFF solid;}
 .cl-body{width: auto; padding:10px 20px 20px 10px; border-bottom:1px #dbe7e1 solid; height:1%;}
 .cl-photo{ float:left;padding-left:10px;}
 .cl-photo img{border:1px #CCCCCC solid;}
 .cl-t-body{float:right; width:430px;}
 .cl-t-body a{color:#3366ff; text-decoration:underline;}
 .cl-title{font-weight:bold; color:#3366ff;}
 .cl-text{line-height:1.2;}
 #cun{padding:10px 0px;}
 
/*commodity_list　　commodity_details
---------------------------------------------------------------------------------*/
#present-place{padding:0px 0px 20px 10px;}
#history-go{ text-align:center; padding-top:20px;}

 .details-body{width: auto; padding:10px 20px 20px 10px; border-bottom:1px #dbe7e1 solid; height:1%; margin-bottom:20px;}
 .details-photo{ float:left;padding-left:10px;}
 .details-photo img{border:1px #CCCCCC solid;}
 .adobe a{color:#3366ff;}
 .f-left{float:left}
 .details-t-body{float:right; width:388px;}
 .details-title{font-weight:bold; color:#3366ff;}
 .details-text02{padding:10px 0px 10px 0px;}
 #data{width:195px; float:left;}
 #data th{width:60px; background-color:#8dbfa8; color:#FFFFFF; text-align:center;} 
 #data td{width:auto; padding-left:10px;} 
#kensaku-text{width:160px;}
#kounyu{float:right; width:190px; border-top:50px #FFFFFF solid;}
#kounyu form{float:right; padding-right:20px;}
#kounyu ul{float:right;list-style:none;}
#kounyu ul a{ text-indent:-9999px;}



/*
#button01 a{background:url(../img/button01.jpg) no-repeat; display:block; width:100px; height:19px; border-bottom:5px #FFFFFF solid;}
#button02 a{background:url(../img/button02.jpg) no-repeat; display:block; width:100px; height:19px; border-bottom:5px #FFFFFF solid;}
#button01 a:hover{background:url(../img/button01-2.jpg) no-repeat; display:block; width:100px; height:19px; border-bottom:5px #FFFFFF solid;}
#button02 a:hover{background:url(../img/button02-2.jpg) no-repeat; display:block; width:100px; height:19px; border-bottom:5px #FFFFFF solid;}
*/

#button03 a:hover{background:url(../img/button03-2.jpg) no-repeat; display:block; width:100px; height:19px; border-bottom:5px #FFFFFF solid;}
#button03 a{background:url(../img/button03.jpg) no-repeat; display:block; width:100px; height:19px; border-bottom:5px #FFFFFF solid;}

/*------↓変更20080619------*/
#button_renew{
color: #fff;
width:100px;
height:22px;
border:none;
color:#66669a;
background: url(../img/button_renew.jpg) no-repeat;
cursor:pointer;
margin-bottom:2px;
}
#button_renew_on{
color: #fff;
width:100px;
height:22px;
border:none;
color:#66669a;
background: url(../img/button_renew_on.jpg) no-repeat;
cursor:pointer;
margin-bottom:2px;
}
/*--------------------------*/

#acrobat-dl{margin-top:30px; padding:10px; border:1px #CCCCCC dashed; height:1%;}
#busuu{width:40px;}
#dl-text{width:400px; float:left;}
#dl-text a{color:#3366ff; text-decoration:underline;}
 
/*application_1　　application_1_2
---------------------------------------------------------------------------------*/

.cart table{ border-collapse:collapse; border:1px #CCCCCC solid; width:550px; margin-bottom:10px;}
.cart td{border:1px #CCCCCC solid;}
.cart th{background-color:#8dbfa8; color:#FFFFFF; text-align:center;}
.th01{width:70px;}
.th02{width:200px;}
.th03{width:100px;}
.th04{width:70px;}
.th05{width:30px;}
.th06{ width:auto;}
.cart td img{border:1px #CCCCCC solid; margin:5px;}
.cart td{vertical-align:middle; text-align:center;}


.cart-form table{ border-collapse:collapse; border:1px #CCCCCC solid; width:550px; margin-bottom:10px;}
.cart-form td{border:1px #CCCCCC solid;}
.cart-form th{background-color:#8dbfa8; color:#FFFFFF; text-align:center;}
.th07{width:70px;}
.th08{width:auto}
.th09{width:130px;}
.th10{width:70px;}
.th11{width:30px;}

.cart-form td img{border:1px #CCCCCC solid; margin:5px;}
.cart-form td{vertical-align:middle; text-align:center;}

#tetuduki{border:1px #CCCCCC dashed; margin-top:30px; padding:10px 0px;}
#tetuduki ul{ padding-left:30px;}

#form{ padding:20px 0px 10px 0px;}
#form-body{ width:550px; border-collapse:collapse;}
#form-body table{ border-collapse:collapse; width:100%;}



/*application_1　　application_1_2
---------------------------------------------------------------------------------*/

.cart2 table{ border-collapse:collapse; border:1px #CCCCCC solid; width:550px; margin-bottom:10px;}
.cart2 td{border:1px #CCCCCC solid;}
.cart2 th{background-color:#8dbfa8; color:#FFFFFF; text-align:center;}
.th12{width:70px;}
.th13{width:200px;}
.th14{width:100px;}
.th15{width:70px;}
.th16{ width:auto;}
.cart2 td img{border:1px #CCCCCC solid; margin:5px;}
.cart2 td{vertical-align:middle; text-align:center;}


.cart2-form table{ border-collapse:collapse; border:1px #CCCCCC solid; width:550px; margin-bottom:10px;}
.cart2-form td{border:1px #CCCCCC solid;}
.cart2-form th{background-color:#8dbfa8; color:#FFFFFF; text-align:center;}
.th17{width:70px;}
.th18{width:auto}
.th19{width:130px;}
.th20{width:70px;}

.cart2-form td img{border:1px #CCCCCC solid; margin:5px;}
.cart2-form td{vertical-align:middle; text-align:center;}
#tetuduki2{border:1px #FF9933 solid; margin-top:30px; padding:10px 0px; background-color:#ffffcc;}
#tetuduki2 form{text-align:center;}
#tetuduki2 p{ text-align:center; color: #FF3300; font-weight:bold; padding-bottom:20px;}
#history-go2{ text-align:center; padding-top:20px;}
/*company
---------------------------------------------------------------------------------*/
#company-profile{width:550px;}
#company-profile table{ border-collapse:collapse; border:1px #CCCCCC solid; width:550px; margin-bottom:10px;}
#company-profile td{border:1px #CCCCCC solid; padding-left:10px;}
#company-profile th{background-color:#8dbfa8; color:#FFFFFF; text-align:center; width:160px;border:1px #CCCCCC solid;}
#policy{width:550px;}
#policy p{padding:0px 0px 10px 10px; color:#34664f;}
#policy ul{ padding:0px 0px 40px 20px;}
#access{padding-top:20px;}
#access p{padding-bottom:20px;}
#access img{ border:1px #999999 solid; margin-bottom:30px;}
#button4{float:right; border-right:10px #FFFFFF solid; padding-top:10px;}
#button4 a{background:url(../img/button04.jpg) no-repeat; display:block; width:160px; height:19px; text-indent:-9999px;}
#button4 a:hover{background:url(../img/button04-2.jpg) no-repeat; display:block; width:160px; height:19px;}


/*sample-claim   purchase
---------------------------------------------------------------------------------*/

#sample ul{ padding:0px 0px 40px 20px;}
#sample li{padding:10px 0px;}
#sample p{padding-bottom:10px;}


/*contact
---------------------------------------------------------------------------------*/


/*all-form
---------------------------------------------------------------------------------*/
#form-body th{
background-color: #f5f3e9; 
border:1px #FFFFFF solid; 
text-align: left; 
width:140px; 
padding-left:10px; 
border-collapse:collapse;
color: #666666;
}
#form-body td{ padding:5px 0px 5px 10px; border:1px #CCCCCC dotted; border-collapse:collapse; width: auto;}
.gray{font-size:11px; color:#999999; padding-left:5px;}

.track-title {
	font-weight:bold;
	color:#3366ff;
	font-size: 14px;
}
.track-body {
	width:700px;
	margin-bottom: 50px;
}
.track-t-body {
	width: 550px;
	float: left;
	margin-left: 20px;
	font-size: 120%;
}
.track-writer {
	font-size: 12px;
}
.track_table {
	font-size: 14px;
}
.track_table th {
	padding: 20px 10px 20px 0px;
}
.track_table td {
	padding: 10px;
}
.track_table td a {
	font-weight: bold;
}

.music_title {
	background: #34664f;
	border: 1px #008000 solid;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 50px;
	padding: 3px 0px 3px 15px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mr20 {
	margin-right: 20px;
}
.w61 {
	width: 61px;
}
.w469 {
	width: 469px;
}