/* CSS Document */
/*初期指定*/
body {
   background-color: #ffffff;
   color:#333;
   font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

a img { border:0; }
a:link { color:#333333; text-decoration:underline;}
a:visited { color:#333333; text-decoration:underline;}
a:hover { text-decoration:underline; color: #FC9101;}
a:active { color:#666;}

/*clearfix初期指定：floatをしている内容がはみ出さないように、外の要素を調整*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {
	display:block;
}
/* end MacIE5 */
/*clearfix：ここまで*/


/*CLASS初期指定*/
.hidden {
   display: none;
   visibility: hidden;
}
.alignright {
	float: right;
}
.alignleft {
   float: left;
}
.clear {
	clear: both;
}
span {
	display: none;
}


/*大枠*/
.wrap {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}


/*TOPヘッダーエリア*/
.header {
	padding-top: 20px;
	height: 71px;
	padding-bottom: 20px;
}
.rogo {
	background-image: url(../img/logo.gif);
	height: 71px;
	width: 186px;
	background-repeat: no-repeat;
	margin-right: 15px;
}
.rogo h1 {
	display: none;
}

.login a{
	background-image: url(../img/btn-login.gif);
	display: block;
	height: 42px;
	width: 43px;
	margin-top: 22px;
}
.login a:hover{
	background-position:0px -42px;
}
.logout a{
	background-image: url(../img/btn-logout.gif);
	display: block;
	height: 42px;
	width: 43px;
	margin-top: 22px;
}
.logout a:hover{
	background-position:0px -42px;
}






.headnavi li {
	display: block;
	float: left;
	padding-left:15px;
	font-size: 93%;
	line-height: 1.1em;
}
.headnavi li a{
	background-image: url(../img/arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 1px;
	padding-left:10px;
	display: block;
}


/*TOP左カラム*/
.main .left { width: 660px;}
.main .left h2 {
	background-image: url(../img/tit-top1.gif);
	background-repeat: no-repeat;
	width: 209px;
	height: 20px;
	display: block;
	float: left;
}
.certain {
	background-image: url(../img/icon-order.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 14px;
	display: block;
	float: right;
	margin-top: 3px;
	padding: 3px 0px 0px 20px;
	font-size: 93%;
	line-height: 1em;
}


/*FORMエリア*/
.formarea {
	background-image: url(../img/bg-formtop.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 660px;
	padding-top: 5px;
	margin-top: 10px;
}
.formarea .box {
	background-image: url(../img/bg-formtop3.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	border-right: 1px solid #F6D10A;
	border-left: 1px solid #F6D10A;
	margin: 0px;
	width: 608px;
	display: block;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.box .cap {
	display: block;
	margin-bottom: 10px;
	padding-left: 88px;
	font-size: 93%;
	line-height: 1em;
	color: #333333;
}
.box li {
	display: block;
	margin-bottom: 7px;
}
* html .box li {
	margin-bottom: 3px;
}
*+html .box li {
	margin-bottom: 3px;
}
.bookname,.authname,.keyword,.isbn {
	height:28px;
}
.item,.year,.stock {
	height:18px;
}
.bookname input,.authname input,.keyword input,.isbn input {
	width: 504px;
	margin: 0px;
	padding: 0.3em;
	float: left;
}
* html .bookname input,* html .authname input,* html .keyword input,* html .isbn input {
	padding: 0.2em;
}
*+html .bookname input,*+html .authname input,*+html .keyword input,*+html .isbn input {
	padding: 0.2em;
}

.box .item{float: left;}
.box .year {float: left;}
.box .stocks {
	clear: both;
	padding-top: 2px;
}
.btnarea p {display: block;}
.formarea .bgbtm {
	background-image: url(../img/bg-formtop2.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 660px;
	height: 5px;
}
* html .formarea .bgbtm{
	margin-top: -11px;
}
.stocks b {
	font-weight: normal;
	font-size: 93%;
	line-height: 1em;
	padding-top: 0px;
	text-decoration: none;
	margin-right: 10px;
	margin-left: 5px;
}
.item label {
	padding-top: 5px;
}
* html .item label {
	margin-right: 17px;
}
.year label {
	padding-top: 2px;
	margin-right: 10px;
}
* html .year label {
	padding-top: 5px;
}
.stocks label {
	padding-top: 1px;
}
* html .stocks label {
	padding-top: 5px;
}
*+html .stocks label {
	padding-top: 4px;
}
.clear_btn {
	width:95px;
	float: left;
	padding-top: 10px;
	margin-right:8px;
}
.serch_btn {
	width:412px;
	float: right;
}
.btnarea {
	padding-left: 90px;
	margin-top: 10px;
	height: 35px;
	width: 518px;
	padding-bottom: 10px;
	clear: both;
}
.btnarea input {
	margin: 0px;
	padding: 0px;
}


/*注文書ダウンロードエリア*/
.oredersheat {
	width: 660px;
	margin-top: 31px;
}
* html .oredersheat {
	margin-top: 29px;
}
*+html .oredersheat {
	margin-top: 29px;
}
.title { height: 20px; }
.main .left h3 {
	background-image: url(../img/tit-top3.gif);
	background-repeat: no-repeat;
	width: 186px;
	height: 20px;
	display: block;
	float: left;
}
.left .title p {
	float: left;
	display: block;
	font-size: 93%;
	line-height: 1em;
	color: #333333;
	padding: 6px 0px 0px 15px;
}
.oredersheat .title p {
	font-size: 93%;
	color: #333333;
	line-height: 1em;
	height: 18px;
	display: block;
	float: left;
	padding: 3px 0px 0px 15px;
}
.iconpdf {
	background-image: url(../img/icon-pdf.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 3px 0px 3px 21px;
	line-height: 18px;
}
.pdfarea {
	background-color: #e5e5e5;
	margin-top: 10px;
	padding: 0px 0px 10px 10px;
	height:50px;
	width:650px
}
.pdfarea li {
	margin: 10px 0px 0px 0px;
	float: left;
	padding: 0px 0px 0px 0px;
}
.pdfarea .pdf1 a{ background-image: url(../img/btn-pdf1.gif); width: 180px; margin-right:10px;}
.pdfarea .pdf2 a{ background-image: url(../img/btn-pdf2.gif); width: 204px; margin-right:10px;}
.pdfarea .pdf3 a{ background-image: url(../img/btn-pdf3.gif); width: 235px;}
.pdfarea li a{
	background-repeat: no-repeat;
	height: 40px;
	display: block;
	text-indent: -9999px;
}
.pdf1 a:hover,.pdf2 a:hover,.pdf3 a:hover{ 
	background-position:0px -40px;
}


/*FORM右カラム*/
.main .topright h3 {
	background-image: url(../img/tit-top2.gif);
	background-repeat: no-repeat;
	width: 266px;
	height: 20px;
	display: block;
}
.topright { width: 266px; }
.icontop {
	width: 266px;
	height: 400px;
	display: block;
	margin: 10px 0px 10px 0px;
}
.icontop li {
	width: 123px;
	height: 123px;
	display: block;
	float: left;
	margin-bottom: 16px;
	padding: 0px;
	background-color: #D37900;
}
*html .icontop li {
	margin-bottom: 19px;
}
.icontop a{
	width: 123px;
	height: 123px;
	display: block;
}
.icontop a:hover { filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.iconleft {
	margin: 0px 20px 0px 0px;
}
.iconbottom {
	margin: 0px 0px 0px 0px;
}
.headnavi {
	margin-top: 20px;
}
.header .login {
	display: block;
	float: left;
}
.header .logout {
	display: block;
	float: left;
}
.headnavi p {
	display: block;
	padding-bottom: 20px;
	float: right;
}
#head-right {
	padding-top: 20px;
	width: 463px;
	
}
#head-right p{
	display: none;
}