@charset "utf-8";


/*-----------------------------------------------
  font
-----------------------------------------------*/
body{
font-size:13px;
font-family:"メイリオ", "ヒラギノ角ゴ　Pro w3", "MS P Gothic", Verdana, osaka, sans-serif;
text-align:center;
color:#333;
}

textarea, input {
font-size:100%;
font-family:"メイリオ", "ヒラギノ角ゴ　Pro w3", "MS P Gothic", Verdana, osaka, sans-serif;
}


/*-----------------------------------------------
  wrapper
-----------------------------------------------*/
#wrapper {
min-width:1000px;
margin:0 auto;
text-align:left;
}


/*-----------------------------------------------
  header
-----------------------------------------------*/
#header {
padding:15px 20px 10px 20px;
border-bottom:5px solid #069;
overflow:hidden;
}
#header h1 {
float:left;
font-size:160%;
font-weight:bold;
letter-spacing:1px;
color:#069;
}
#header .user {
float:right;
}
#header .user img.logout {
vertical-align:bottom;
border-radius:2px;
box-shadow:1px 1px 1px #999;
}
#header .user img.logout:hover {
opacity:0.6;
}


/*-----------------------------------------------
  gnavi
-----------------------------------------------*/
#gnavi {
padding:0 20px;
background:#EEE;
border-bottom:2px solid #DDD;
overflow:hidden;
}
#gnavi ul {
background:#EEE;
border-left:1px solid #CCC;
overflow:hidden;
}
#gnavi li {
float:left;
text-align:center;
border-right:1px solid #CCC;
}
#gnavi li ul {
position:absolute;
z-index:300;
background:#FFF;
border:0;
border-top:1px solid #CCC;
opacity:0.95;
-moz-opacity:0.95;
filter:alpha(opacity=95);
}
#gnavi li li {
clear:both;
border:0;
}
#gnavi a {
display:block;
width:8em;
padding:10px 20px;
text-decoration:none;
color:#333;
}
#gnavi a:hover {
color:#333;
background:#ADF;
}
#gnavi li li a {
display:block;
width:8em;
padding:8px 20px;
background:#EEE;
border-bottom:1px solid #CCC;
}




/*-----------------------------------------------
  contents
-----------------------------------------------*/
#contents {
clear:both;
min-height:400px;
padding:20px;
}
#contents h2 {
margin-bottom:20px;
padding:5px 0;
font-size:120%;
font-weight:bold;
border-bottom:2px solid #069;
}
#contents .error {
margin-top:5px;
font-weight:bold;
color:#F00;
}
#contents ul.navi {
margin-top:20px;
overflow:hidden;
}
#contents ul.navi li {
float:left;
padding:0 30px 10px 0;
}
#contents button.submit {
margin-top:20px;
border: 0;
}
#contents button.submit img {
border-radius:2px;
box-shadow:2px 2px 2px #999;
}
#contents button.submit img:hover {
cursor: pointer;
opacity:0.6;
}
#contents ul.navi img.button {
border-radius:2px;
box-shadow:2px 2px 2px #999;
}
#contents ul.navi img.button:hover {
opacity:0.6;
}
#contents input.button {
margin-top:20px;
border-radius:2px;
box-shadow:2px 2px 2px #999;
}
#contents input.button:hover {
opacity:0.6;
}


/*-----------------------------------------------
  home
-----------------------------------------------*/
#info_entry {
margin-top:20px;
}
#info_entry table {
width:100%;
}


/*-----------------------------------------------
  login
-----------------------------------------------*/
#login {
text-align:center;
}
#login table.login {
width:400px;
margin:20px auto;
}
#login table.login th {
padding:8px 10px;
text-align:center;
vertical-align:middle;
font-weight:bold;
background:#EEE;
border:1px solid #CCC;
}
#login table.login td {
padding:8px 10px;
text-align:left;
vertical-align:middle;
border:1px solid #CCC;
}
#login input.login {
border-radius:2px;
box-shadow:2px 2px 2px #999;
}


/*-----------------------------------------------
  search
-----------------------------------------------*/
#search {
margin-bottom:20px;
padding:20px;
line-height:1.3;
background:#F5F5F5;
border:1px solid #CCC;
border-radius:10px;
}
#search .keyword input[type=text] {
padding:8px;
}
#search .keyword input[type=image] {
margin-left:15px;
border-radius:2px;
box-shadow:2px 2px 2px #999;
}
#search .keyword input[type=image]:hover {
opacity:0.6;
}
#search h3 {
margin:15px 0 5px 0;
}
#search h3 a {
padding-left:14px;
color:#333;
text-decoration:none;
background:url(../img/arw_close.png) left center no-repeat;
}
#search h3 a:hover {
text-decoration:underline;
}
#search h3 a.open {
background:url(../img/arw_open.png) left center no-repeat;
}
#search table {
display:none;
background:#FFF;
}




/*-----------------------------------------------
  form
-----------------------------------------------*/
table.form {
width:100%;
}
table.form th {
width:150px;
padding:8px 10px;
text-align:center;
vertical-align:middle;
line-height:1.2;
font-weight:bold;
background:#EEE;
border:1px solid #CCC;
}
table.form td {
min-width:250px;
padding:8px 10px;
text-align:left;
vertical-align:middle;
border:1px solid #CCC;
}
table.form td h3 {
font-weight: normal;
}
table.form td h3:not(:first-child) {
margin-top: 0.5em;
}
table.form td ul.list {
overflow:hidden;
}
table.form td ul.list li {
float:left;
margin-right:1em;
}
table.form td div.img {
margin-bottom:5px;
}
table.form td div.img img {
vertical-align:bottom;
}
table.form .gmap {
width: 100%;
height: 400px;
margin-top: 0.5em;
background: #F5F5F5;
}
table.form .note {
font-size:80%;
color:#F00;
}



/*-----------------------------------------------
  list
-----------------------------------------------*/
table.list {
width:100%;
line-height:1.3;
}
table.list thead th {
padding:8px 10px;
text-align:center;
vertical-align:middle;
font-weight:bold;
background:#EEE;
border:1px solid #CCC;
}
table.list thead th a {
color:#333;
}
table.list thead th.none {
background:#EEE url(../img/arw_none.png) right 5px center no-repeat;
}
table.list thead th.sort1 {
background:#EEE url(../img/arw_sort1.png) right 5px center no-repeat;
}
table.list thead th.sort2 {
background:#EEE url(../img/arw_sort2.png) right 5px center no-repeat;
}
table.list tbody tr:hover {
background:#EEE;
}
table.list tbody td {
padding:8px 10px;
text-align:center;
vertical-align:middle;
border:1px solid #CCC;
}
table.list tbody td.left {
text-align:left;
}
table.list tbody td img.button, table.list tbody td img.memo {
border-radius:2px;
box-shadow:1px 1px 1px #999;
}
table.list tbody td img.button:hover, table.list tbody td img.memo:hover {
opacity:0.6;
}


/* record */
#record span {
font-size:140%;
color:#069;
}

/* check_act */
#check_act {
margin:6px 0 0 15px;
}
#check_act ul {
overflow:hidden;
}
#check_act li {
float:left;
margin-right:5px;
}

/* paging */
#paging {
margin-top:20px;
text-align:right;
overflow:hidden;
}
#paging ul {
margin-right:auto;
overflow:hidden;
}
#paging li {
float:left;
}
#paging li a {
display:block;
margin-right:4px;
padding:5px 8px;
color:#333;
text-decoration:none;
border:1px solid #CCC;
}
#paging li a:hover {
background:#CCC;
}
#paging li.on a {
color:#FFF;
background:#069;
}


/*-----------------------------------------------
  common
-----------------------------------------------*/

/* margin */
.mAuto  { margin-right:auto; margin-left:auto; }

.mTop0  { margin-top:0; }
.mTop5  { margin-top:5px; }
.mTop10 { margin-top:10px; }
.mTop15 { margin-top:15px; }
.mTop20 { margin-top:20px; }
.mTop25 { margin-top:25px; }
.mTop30 { margin-top:30px; }
.mTop35 { margin-top:35px; }
.mTop40 { margin-top:40px; }
.mTop45 { margin-top:45px; }
.mTop50 { margin-top:50px; }
.mTop55 { margin-top:55px; }
.mTop60 { margin-top:60px; }

.mLeft0  { margin-left:0; }
.mLeft5  { margin-left:5px; }
.mLeft10 { margin-left:10px; }
.mLeft15 { margin-left:15px; }
.mLeft20 { margin-left:20px; }
.mLeft25 { margin-left:25px; }
.mLeft30 { margin-left:30px; }
.mLeft35 { margin-left:35px; }
.mLeft40 { margin-left:40px; }
.mLeft45 { margin-left:45px; }
.mLeft50 { margin-left:50px; }
.mLeft55 { margin-left:55px; }
.mLeft60 { margin-left:60px; }

/* width */
.w5   { width:5px; }
.w10  { width:10px; }
.w20  { width:20px; }
.w30  { width:30px; }
.w40  { width:40px; }
.w50  { width:50px; }
.w60  { width:60px; }
.w70  { width:70px; }
.w80  { width:80px; }
.w90  { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w325 { width:325px; }
.w350 { width:350px; }
.w400 { width:400px; }
.w440 { width:440px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w600 { width:670px; }

/* alpha */
.al:hover { opacity:0.75; }