/* FileMaker PHP Site Assistant - atramentum CSS template
*/
strong {
	border:solid 1px #cccccc;
	}
	
	
html {
	height: 100%;
	width: 100%;
	padding-bottom: 0px;
	padding-top: 0px;
	margin: 0px auto;
}

body {
	height: 100%;
	width: 100%;
	margin:0px auto;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
	font-family: "ＭＳ Ｐゴシック", メイリオ, Times, Century, sans-serif;
/*	color: #000000;*/
	background-color: #ffffff;
	background-position: top left;
	line-height:18px;
}
img {
	border:none;
	}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}
.bottom {
	vertical-align:bottom;
	}
.top {
	vertical-align:top;
}
.bold {
	font-weight:bold;
}	
.ind1 {
	text-indent:1em;
}
.gothic_p {
	font-family:ＭＳ Ｐゴシック;
	}
	
.h240 {
	height:240px;
	}
	
	
	
/***
 * 3 major sections of page: Header, Container(body), and Footer
 */

/* Header */

#header {
	}
#header h1 {
	font-size: 16px;
	font-weight:normal;
	margin:0px;
	padding:0px 20px 5px;
	line-height:16px;
	text-align:left;
}
#header h2 {
	font-size: 15px;
	font-weight:normal;
	margin:0px;
	padding:5px 20px 5px;
	line-height:16px;
	text-align:left;
}	


p.pankuzu {
	font-size:12px;
	margin:0px;
	padding:5px 10px;
	}
	

/* Navigation */

#page_nav {
	padding-right: 0px;
	padding-left: 50px;
	background: url(images/navibg_down.png) repeat-x;
	padding-bottom: 0px;
	margin-top: 74px;
	padding-top: 0px;
	list-style-type: none;
	position: relative;
	height: 54px;
	margin-top: 0px;
}

#page_nav ul {
	list-style-type: none;
	background: repeat-x transparent;
	white-space: nowrap;
	margin: 0px auto;
	max-height: 54px;
	padding: 16px;
	display: block;
	font-size: 12px;
}

#page_nav li {
	display: inline;
	list-style: none;
	margin: 0 ;
	width:100px;
}

#page_nav li a {
	text-decoration: none;
	padding: 0 30px;
	font-weight:bold;
}


#page_nav li a:hover {
	color: #c62505;
	text-decoration: none;
	background: url(images/navibg_up.png);
	background-repeat: repeat-x;
	height: 54px;
	padding-top: 17px;
	padding-bottom: 24px;
	background-position: center top;
}


.activelink {
	text-decoration: none;
	background: url(images/navibg_up.png);
	background-repeat: repeat-x;
	height: 54px;
	padding-top: 17px;
	padding-bottom: 24px;
	background-position: center top;
}

/* Content */
#content {
	width:1000px;
	margin:auto;
	}

#content h1 {
	margin: 0px 40px;
	color: #000000;
	font-size: 16px;
	font-weight: normal;
}

#content h2 {
	color: #000000;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 10px 0px 0px;
	padding:0px;
}
#contenttitlebg {
	width: 97%;
	margin: 0px auto 5px;
	text-align: center;
	font-style: normal;
	font-weight: bold;
}
#contenttitlebg h1{
	margin:0px;
	padding:5px;
	text-lalign:center;
}	
	#contenttitlebg h1>img{
	vertical-align:middle;
	}
	
#contenttitlebg p{
	margin:0px;
	padding:0px 10px;
	}
#content p {
	margin:0px;
	padding:0px;
	font-size:12px;
	}
#content ul {
	font-size:14px;
	width:100px;
	margin:30px auto 70px;
	padding:auto;
	list-style-image:url( images/arrow.png );
	text-align:left;
	border:solid 1px #cccccc;
	}
#content ul>li {
	padding:10px 0px;
	}

.messagedisplay {
	color: #575656;
	font-size: 11px;
	font-weight: bold;
}

.message {
	width: 100%;
	text-align: center;
	height:100px;
	font-weight: normal;
}

#error {
	width:400px;
	margin:100px auto;
	color: #FF0000;
	font-style: normal;
	font-weight: normal;
}

/* Login part start */


#form {
	text-align: center;
	font-size: 14px;
}

.fields {
	text-align: right;
	color: #000000;
	font-size: 12px;
}

.login_button {
	background: url(images/button.png) repeat-x;
	border: 1px solid #90908d;
	margin-left: 30px;
	height: 23px;
	padding-top: 0px;
	padding-left: 12px;
	padding-right: 8px;
	text-align: center;
	color: #000000;
}

.buttons {
	background: url(images/button.png) repeat-x;
	border: 1px solid #90908d;
	height: 23px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 8px;
	text-align: center;
	font-weight:bold;
	color: #000000;
	cursor:pointer;
}
input.buttons:hover{
	color: #c62505;
	}

/* other pages */

.scrolladd {
	width: 98%;
	margin: 0px auto;
}

.curvedbg {
	margin: 0px auto  ;
	width: 98%;
	font-size: 12px;
}

.recordlist_nav_range {
	color: #24100c;
}

.recordlist_nav {
	color: #24100c;
	font-variant: normal;
	text-align: right;
	padding-left: 20px;
	padding-top: 0px;
	width: 100%;
}

.recordlist_nav_next {
	font-size: 12px;
	color: #24100c;
	font-variant: normal;
	text-align: right;
	padding-left: 0px;
	padding-top: 20px;
	width: 100%;
}

table.record {
/*	border: 1px solid #c8c8c8;*/
/*	background-color: #efeeee;*/
	color: #000000;
	font-size: 14px;
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	top: 0px;
}

td.field_name {
	color: #000000;
	text-align: right;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	vertical-align: top;
	font-size: 12px;
	width:150px;
	border:solid 1px #efeeee;

}

td.field_data {
	color: #000000;
	height: 20px;
	text-align: left;
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:3px;px;
	border:solid 1px #efeeee;
	vertical-align:top;
	width:320px;
}
field_data_a {
	margin:0px;
	padding: 0px;
	color: #000000;
	height: 20px;
	text-align: left;
	font-size: 12px;
	border:solid 1px #efeeee;
	vertical-align:top;
}
td.field_data_a a {
/*	display:block;*/
}
td.field_data_a a:hover {
/*	background-color:#dcdcdc;*/
	display:block;
}
p.text2 {
 margin:0px;
padding:6px !important;
}
.fieldinput {
	width: 300px;
	resize: none;	
	background-color: #dcdcdc;
	border: 1px #c8c8c8 solid !important;
	padding-top: 3px;
}
.fieldinput:hover{
	background-color: #dcdcdc;
	}
.fieldop {
	width: 80px;
	resize: none;	
}

tr.submit_btn {
	color: #000000;
	text-align: left;
	margin-top: 15px;
	font-size: 12px;
}
th {font-weight:normal; }
th.browse_header {
	
	color: #000000;
	font-size: 12px;
/*	height: 63px;*/
	border: 1px #c8c8c8 solid;
	margin: 0px auto;
	padding: 10px 0px;
}
th.nosort { /* background: url(images/browseheader_bg.png) repeat-x; */}
th.sort_a {	background: url(images/sort_a.png) repeat-x;}
th.sort_d {	background: url(images/sort_d.png) repeat-x left bottom;}


table.browse_records {
	border: 2px solid #c8c8c8;
	border-collapse: collapse;
	margin: 0px auto 10px;
	padding: 0px;
	top: 0px;
	color: #000000;
	font-size: 14px;
/*	width: 100%;*/
	table-layout:fixed;
}
table.browse_record {
	border: 2px solid #c8c8c8;
	border-collapse: collapse;
	margin: 0px auto;
	padding: 0px;
	color: #000000;
	font-size: 14px;
/*	width: 100%;*/
}
table.browse_record td{
	vertical-align:top;
	border-top:solid 1px #efeeee;
	border-right:solid 1px #efeeee;
	border-left:solid 1px #efeeee;
	border-bottom: 	1px solid #c8c8c8;
	}

table.browse_data {
	border:solid 1px #efeeee;
	border-collapse: collapse;
	margin: 0px auto;
	padding: 0px;
	color: #000000;
	font-size: 14px;
	width: 100%;
}
table.browse_data td{
	border:solid 1px #efeeee;
}	


table.reclistnavi {
	width: 100%;
	margin: 0px auto;
	text-align: right;
}

.recordlist_nav_next a {
	color: #24100c;
	font-weight: bold;
}

.recordlist_nav_last a {
	color: #24100c;
	font-weight: bold;
}

.recordlist_nav_first a {
	color: #24100c;
	font-weight: bold;
}

.recordlist_nav_prev a {
	color: #24100c;
	font-weight: bold;
}

a {
/*	background-color:#dcdcdc;*/
	color: #000000;
	font-weight: bold;
	text-decoration:none;
}
a:hover {
	color: #c62505;
	text-decoration: underline;
}





tr.table_row {
/*	background-color: #dddada;*/
/*	background-color: #f5f5f5;*/
	background-color: #fffffa;

}

table.browse_records tbody {
	
}

tr.alt_row {
/*	background-color: #dcdcdc;*/
}

td.browse_cell {
	font-size: 12px;
	color: #000000;
	border: 1px #c8c8c8 solid;
	margin:0px;
	padding: 10px 5px;    
	font-weight: normal;
	vertical-align:top;
}
td.browse_cell_a {
	font-size: 12px;
	color: #000000;
	border: 1px #c8c8c8 solid;
	margin:0px;
	padding: 0px;
	vertical-align:top;
}

td.browse_cell_img {
	border: 1px #c8c8c8 solid;
	margin:0px;
	padding: 5px;
}

td.browse_cell_a a {
/*	display:block;*/
background-color:#dcdcdc;
}
p.text {
 margin:0px;
padding:10px 0px !important;
}
.linkcolor {
	background-color:#dcdcdc;

	}


input {
	background-color: #ffffff;
	border: none;
	padding-top: 3px;
}
input:hover {
	background-color: skyblue;
}

textarea {
	background-color: #dcdcdc;
	border: 1px #c8c8c8 solid;
	padding-top: 3px;
}

select {
	border: none !important;
	vertical-align:top;
	font-size:12px;
	height:20px;
}

.password_input {
	background-color: #cccccc;
	padding-top: 3px;
}

.sublinks a:link {
	color: #000000;
	text-decoration: none
}

.sublinks a:visited {
	color: #000000;
	text-decoration: none
}

.sublinks a:hover {
	color: #04f6dc;
}

.recwidth {
	border:solid 1px #cccccc;
	margin:0px auto;
	padding:10px 30px;
	}
td.find_name {
	color: #000000;
	text-align: center;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 10px;
	vertical-align: top;
	font-family: メイリオ, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:120px;
	border-bottom:solid 1px #c8c8c8;
}

td.find_data {
	color: #000000;
	height: 20px;
	text-align: left;
	font-family: メイリオ, "Hiragino Sans GB W3", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:3px;px;
	vertical-align:top;
}
td.find_data_select {
	color: #000000;
	height: 20px;
	text-align: left;
	font-family: メイリオ, "Hiragino Sans GB W3", Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left:3px;px;
	vertical-align:top;
	border-bottom:solid 1px #c8c8c8;
}

/* Footer */

#footer {
	font-size: 11px;
	font-weight: normal;
	background: url(images/footerbg.jpg);
	width: 100%;
	height: 56px;
}

#footertext {
	color: #bb0303;
	white-space: nowrap;
	text-align: center;
	font-weight: normal;
	margin-top: -5px
}

.footerwidth {
	width: 100%;
	border: none;
	margin: 0px auto;
}

#footer ul.secondary_links li {
	position:relative;
	top: -5px;
	display: inline
}

#footer ul.secondary_links a:link, #footer ul.secondary_links a:visited {
	display: inline;
	font-weight: normal;
	color: #bb0303;
	text-decoration: none
}

#footer ul.secondary_links a:hover {
	color: #000000;
}


/* --------------------------------- */
.adlink {
  width: 510px;
  height: 30px;
	margin-left:10px;
	padding:0px;
  overflow: hidden;
}
.adlink a{
display: block;
width: 510px;
height: 30px;
	margin-left:10px;
	padding:0px;
background: url(images/address.png) no-repeat;
text-indent: -9999px;
}
.adlink a:hover{
  display: block;
  width: 510px;
  height: 30px;
	margin-left:10px;
	padding:0px;
  background: url(images/address.png) no-repeat 0px -30px;
  text-indent: -9999px;
}
/**	ページトップへ */
/* --------------------------------- */
.pagetop {
  width: 17px;
  height: 57px;
  overflow: hidden;
  position: fixed;
	bottom:62px;
  right:0%;
}
.pagetop a{
  display: block;
  width: 17px;
  height: 57px;
  background: url(images/pagetop.png) no-repeat;
  text-indent: -9999px;
}
.pagetop a:hover{
  display: block;
  width: 17px;
  height: 57px;
  background: url(images/pagetop.png) no-repeat -17px 0px;
  text-indent: -9999px;
}

/* -----------------幅------------------------------ */

/* recoedlist 幅 */
.w1 { width:30px; }
.w2 { width:70px;}
.w3 { min-width:250px; }
.w4 { width:100px; }
.w5 { width:210px; }





/* -----------------その他------------------------------ */


td.imglink:hover {
background-color: #dcdcdc;
color:#c62505 !important;
cursor:pointer;
font-weight:bold;

}



/* -------- 冊子サムネイル スクロールX----   */
#thumbnail_x {
margin:0px auto;
overflow-x:scroll;
/* height:210px;             高さの指定を解除 */
	margin:0px auto;;
	padding:0px;
border:solid 1px #cccccc;
}
#thumbbox {
float:left;
/* height:200px;           高さの指定を解除  */
border:solid 1px #ffffff;
}	

.scroll_list{
  margin: 0 auto;
  padding: 0;
  width: 680px !important;  /* コンテンツが見切れて見えるようにする */
/* 	height:220px;        高さの指定を解除  */
  overflow-x: auto;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */
}
.scroll_list li{
  display: inline-block;  /* 横並びにする指定 */
  list-style: none;
 /* height: 100px;        高さの指定を解除  */ /* 横スクロールする範囲の高さを指定 */
}
.list1{
  margin-left: 0;
}
.list2, .list3{
  margin-left: 30px;
}