@charset "UTF-8";
/* CSS Document */

@import "reset.css";
@import "basic.css";

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}

/*-------------------------------------------------------------------
 共通
-------------------------------------------------------------------*/

html, body {
	height:100%;
}

h1 {
	font-size:2em;
}

p, li, dt, dd, th, td {
	font-size:1.4em;
	line-height:1.5em;
	margin-bottom:0.5em;
}

li.last {
	margin-bottom:0em;
}

#wrap {
	width:100%;
	position:relative;
	height:auto !important;
	height:100%;
	min-height:100%;
}

#all, #all2, #all3 {
	width:1100px;
	height:auto;
	margin:0px auto;
	padding-bottom:80px;
	background-image:url(../images/headerback.png);
	background-repeat:repeat-x;
}

#all, #all3 {
	background-color:#FFF;
}

#all2 {
	background-color:#FFF5D2;
}

#all3 {
	padding-bottom:250px;
}

#header {
	width:1100px;
	height:100px;
	margin-bottom:2em;
	overflow:hidden;
}

#header h1 {
	width:375px;
	height:50px;
	float:right;
	background-image:url(../images/headertitle.png);
	background-repeat:no-repeat;
}

#header h1 span {
	visibility:hidden;
}

#footer {
	width:100%;
	height:25px;
	margin-top:-80px;
	padding:50px 0px 5px;
	background-image:url(../images/footer.png);
	background-repeat:repeat-x;
	position:absolute;
	bottom:0;
}

#footer p {
	margin-bottom:0px;
	font-size:1.6em;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#footer p a {
	color:#FFF;
	text-decoration:none;
}

/*背景色*/
.bcolor1 {
	background-color:#92CDD0;
}

/*ボタン*/
ul#button {
	clear:left;
	width:128px;
	height:22px;
	margin-left:-64px;
	position:relative;
	top:20px;
	left:50%;
}

ul#button2 {
	width:auto;
	height:22px;
	margin-top:30px;
	position:absolute;
	bottom:120px;
}

ul#button2b {
	width:auto;
	height:22px;
	position:relative;
	float:left;
}
ul#button3 {
	width:auto;
	height:22px;
	margin-top:30px;
	margin-left:-97px;
	position:absolute;
	bottom:120px;
	left:50%;
}

ul#button2 li, ul#button3 li {
	display:inline;
}

ul#button li a, ul#button2 li a, ul#button2b li a, ul#button3 li a {
	display:block;
	margin-right:0.5em;
	background-position:bottom;
	background-repeat:no-repeat;
	float:left;
}

ul#button3 li a.last {
	margin-right:0em;
}

ul#button li a:hover, ul#button2 li a:hover, ul#button2b li a:hover, ul#button3 li a:hover {
	background-position:top;
}

ul#button li a.button01 {
	width:50px;
	height:22px;
	background-image:url(../images/b001.jpg);
}

ul#button li a.button02 {
	width:60px;
	height:22px;
	background-image:url(../images/b002.jpg);
}

ul#button2b li a.button03 {
	width:120px;
	height:22px;
	background-image:url(../images/b003.jpg);
}

ul#button2 li a.button04, ul#button3 li a.button04 {
	width:90px;
	height:22px;
	background-image:url(../images/b004.jpg);
}

ul#button3 li a.button05 {
	width:90px;
	height:22px;
	background-image:url(../images/b005.jpg);
}

ul#button li a span, ul#button2 li a span, ul#button2b li a span, ul#button3 li a span {
	visibility:hidden;
}

/*-------------------------------------------------------------------
 トップページ
-------------------------------------------------------------------*/

#contents1 {
	width:914px;
	height:auto;
	margin: 0 auto;
	padding:20px 30px 90px;
}

#contents1 h1 {
	width:592px;
	height:147px;
	margin:0em auto;
}

#contents1 p {
	width:403px;
	height:402px;
	margin:20px auto;
}

#contents1 p span {
	visibility:hidden;
}

/*-------------------------------------------------------------------
 検索&結果画面
-------------------------------------------------------------------*/

#contents2 {
	width:1000px;
	height:auto;
	margin:0px;
	padding:20px 42px 90px;
}

#contents2 div#sub {
	width:1000px;
	height:auto;
	margin-top:1em;
}

#contents2.edit img {
	border:4px solid #92CDD0;
	margin-right: 10px;
}

/*フォーム*/
input {
	margin:0em 0.3em 0.5em 0.2em;
}

input.right {
	margin-right:0em;
}

input.input01 {
	width:98%;
	margin-left:0em;
}

input.input02 {
	width:50px;
}

input.input03 {
	width:109px;
}

input.input04 {
	width:361px;
}

#contents2 div#form {
	width:870px;
	height:auto;
	padding:10px 10px;
	overflow:hidden;
}

#contents2 div#form ul {
	height:50px;
	padding:0.6em;
	background-color:#CDE8EB;
	float:left;
}

#contents2 div#form ul#button {
	height:22px;
	margin-bottom:2em;
	padding:0em;
	background:none;
	float:none;
}

#contents2 div#form ul#left {
	width:230px;
	margin-right:9px;
}

#contents2 div#form ul#middle {
	width:182px;
	margin-right:9px;
}

#contents2 div#form ul#right {
	width:403px;
	margin-right:0px;
}

#contents2 div#form li {
	display:inline;
}

#contents2 li.em {
	padding-left:1em;
}

#contents2 div#form .list-box {

}
	#contents2 div#form .list-box ul {
		height: auto;
	}
		#contents2 div#form .list-box ul li {
		}
			#contents2 div#form .list-box ul li span {
				font-size: .8em;
				line-height: 1.4;
			}
	#contents2 div#form .list-box ul#right {
	}
		#contents2 div#form .list-box ul#left li,
		#contents2 div#form .list-box ul#right li {
			display: block;
		}
			#contents2 div#form .list-box ul#left li input,
			#contents2 div#form .list-box ul#right li input {
				margin: 0 0.3em 0.1em 0.2em;
			}

#contents2 h1 {
	width:740px;
	margin:2em 0em 0.5em;
	padding-left:5px;
	border-left:8px solid #D9C0D3;
	color:#2353AC;
}

#contents2 p#kensuu {
	float:right;
}

/*ページ*/
#contents2 div.page {
	clear:right;
	width:auto;
	height:15px;
	margin-bottom:1em;
	float:right;
}

.page li {
	font-weight:bold;
	line-height:1em;
	background-repeat:no-repeat;
	float:left;
}

.page li.now {
	min-width:11px;
	height:16px;
	margin:0.1em 0em 0em 0.1em;
	padding-left:0.3em;
	padding-right: 0.3em;
	background-color: #92CDD0;
	color:#FFF;
}

.prev span, .next span, .ellipsis span {
	visibility:hidden;
}

.page li a {
	display:block;
	min-width: 11px;
	height:15px;
	margin:0em 0em 0em 0.2em;
	padding-left:0.3em;
	padding-right: 0.3em;
	color:#92CDD0;
	text-decoration:none;
	border: solid 1px #92CDD0;
}

.page li a:hover {
	color:#FFF;
	border: solid 1px #FFF;
	background-color: #92CDD0;
}

.page li a.pr {
	color:#CCC;
	border: solid 1px #CCCCCC;
}

.page li a.pr:hover {
	color:#92CDD0;
	background-color: #FFF;
	border: solid 1px #92CDD0;
}

.page li.prev a {
	width:45px;
	height:15px;
	border: none;
	background-image:url(../images/prev.gif);
	background-repeat:no-repeat;
	background-position:0px;
}

.page li.next a {
	width:45px;
	height:15px;
	border: none;
	background-image:url(../images/next.gif);
	background-repeat:no-repeat;
	background-position:0px;
}
.page li.next a:hover {
	background-color: transparent;
}
.page li.prev a:hover {
	background-color: transparent;
}

.page li.ellipsis a {
	width:15px;
	height:15px;
	background-image:url(../images/page2.gif);
	background-position:left 0px;
}
/*テーブル*/
#contents2  table.result_table {
	clear:right;
	width:1000px;
	height:auto;
	margin:10px auto;
	border:1px solid #333;
}

#contents2 table.result_table th, #contents2 table.result_table td {
	padding:0.5em;
	border:1px solid #333;
	text-align:center;
}

#contents2 table.result_table th {
	background-color:#BFD8D4;
}

/* 奇数行の背景色を変更 */  
table.result_table tr:nth-child(2n+1) td {  
	background-color: #EDEBD7;  
} 

/*偶数列の背景色を変更*/
table.result_table td:nth-child(2n) {
	background-color: #E6E6E6;  
}

/*奇数行かつ偶数列の背景色を変更*/
table.result_table tr:nth-child(2n+1) td:nth-child(2n){
	background-color: #D6D4C2;  
}

/* 一覧サムネイル */
img.thumbnail{
	max-width: 100px;
	max-height: 100px
}

/* 評価額、数量 */
div.sum_box .MATERIALCNT {
	float: left;
}
div.sum_box .PRICE {
	float: left;
	margin-left: 30px;
}

/*-------------------------------------------------------------------
 詳細画面
-------------------------------------------------------------------*/

#contents3 {
	width:890px;
	height:auto;
	margin:0px;
	padding:20px 42px 90px;
	overflow:hidden;
}

#contents3 #left {
	width:277px;
	height:auto;
	float:left;
}

#contents3 #right {
	width:580px;
	height:auto;
	float:right;
}

#contents3 p {
	margin-bottom:5em;
}

#contents3 dl {
	clear:left;
	margin-top:1em;
	border-bottom:2px dotted #92CDD0;
	overflow:hidden;
}

#contents3 dl.first {
	margin-top:0em;
}

#contents3 dt {
	width:120px;
	text-align:right;
	float:left;
}

#contents3 dd {
	width:147px;
	margin-left:130px;
}

#contents3 #right img {
	margin-top:10px;
	margin-left:10px;
	border:4px solid #92CDD0;
}

#contents3 #right img.top {
	margin-top:10px;
}

#contents3 #right img.left {
	margin-left:10px;
}

/*-------------------------------------------------------------------
 拡大画面
-------------------------------------------------------------------*/

#contents4 {
	width:500px;
	height:auto;
	margin:0px;
	padding:20px 237px 90px;
}

#contents4 img {
	border:4px solid #92CDD0;
}

#contents4 p {
	width:300px;
	height:1em;
	padding:0.5em;
	background-image:url(../images/enlargetitle.gif);
	background-repeat:no-repeat;
	color:#FFF;
	font-weight:bold;
	line-height:1em;
}

/*-------------------------------------------------------------------
 編集画面
-------------------------------------------------------------------*/
#contents2 div#form ul.adm {
	margin-top:9px;
	margin-right:9px;
}
#contents2 div#form ul.secondline {
	height:25px;
	padding:0.6em;
	background-color:#CDE8EB;
	float:left;
}
form div.row label {
	font-size: 1.4em;
	line-height: 1.5em;
	min-width: 65px;
	margin-left: 5px;
	margin-right: 5px;
	display:block;
	float: left;
	text-align: right;  
}
form div.row  legend {
	font-size: 1.4em;
}
form div.row input {
	float: left;
}
form div.row input.small {
	width: 80px;
}
form div.row input.middle {
	width: 100px;
}
form div.row input.wide {
	width: 383px;
}
form div.row select {
	float: left;
}
input#price {
	text-align: right;
}
div.row br {
	clear: left;
}
#edit_form #form_EXPLANATION {
	width: 600px;
}
#edit_form #form_USES {
	width: 600px;
}
div.table {
	float: left;
	margin-left: 1px;
	margin-bottom: 10px;
}
div.table table {
	margin-top: 5px;
	margin-bottom: 5px;
}
#delete_btn {
	color: red;
}
#delete_btn.right {
	float: right;
}
.tr_hidden {
	display: none; 
}
div.image_table {
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	width: 650px;
}

table.result_table th[name="CHECKBOX"] {
}
table.result_table th[name="MATERIALID"] {
}
table.result_table th[name="CENTURY"] {
	width: 40px;
}
table.result_table th[name="PERIOD"] {
	width: 40px;
}
table.result_table th[name="PERIODDETAIL"] {
	width: 40px;
}
table.result_table th[name="YEAR"] {
	width: 40px;
}
table.result_table th[name="MATERIALNAME"] {
}
table.result_table th[name="MATERIALCNT"] {
}
table.result_table th[name="CALIBER"] {
}
table.result_table th[name="HEIGHT"] {
}
table.result_table th[name="BASEDIAMETER"] {
}
table.result_table th[name="OTHERS"] {
}
table.result_table th[name="FINDSITENAME"] {
}
table.result_table th[name="SIGNATURE"] {
}

/* ローディングアニメーションの設定 */
#loader_box
{
    width :70px;
    height:70px;
    margin:auto;
    margin-top:10px;
}
#loader
{
	position: absolute;
	width: 50px; /*ローディングアイコンの横サイズ*/
	height: 50px; /*ローディングアイコンの縦サイズ*/
	border-radius: 50px;  /*CSS3で円を書く*/
	border: 8px solid #17cddd;  /*円に枠をつける*/
	border-right-color: transparent; /*円の右にC状の空きをつける*/
	
	-webkit-animation: spin 1s infinite linear; /*回転のアニメーションをつける*/
	-moz-animation: spin 1s infinite linear;
}
 /*キーフレームのアニメーションをつける*/
@-webkit-keyframes spin
{
	0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
	50%  { -webkit-transform: rotate(180deg); opacity: 1; }
	100%   { -webkit-transform: rotate(360deg); opacity: 0.4; }
}

@-moz-keyframes spin
{
	0% { -moz-transform: rotate(0deg); opacity: 0.4; }
	50%  { -moz-transform: rotate(180deg); opacity: 1; }
	100%   { -moz-transform: rotate(360deg); opacity: 0.4; }
}

