@CHARSET "UTF-8";

html,body{
     height:100%;
}

#wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
     padding-bottom: 20px;
}

#contents{
     padding-bottom:38px;
}


.sel_middle {
	width:100px;
}

.tarea_big {
	width:400px;
}

.text_small {
	width:50px;
}

.text_small_2 {
	width:30px;
}

.text_middle {
	width:100px;
}

.normal_tbl {
	border: 1px #E3E3E3 solid;
	border-collaspe: collapse;
	border-spacing: 0;
}

.normal_tbl th {
	padding: 1px;
	border: 1px solid #E3E3E3;
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	line-height:120%;
	font-size: 12px;
	background-color:#ffcc66;
	color:#666666;
}

.normal_tbl td {
	padding: 0px;
	border: 1px #E3E3E3 solid;
	border-width: 0 0 1px 1px;
	text-align: center;
}

.yellow_bg {
	background-color:yellow;
}

.blue_bg {
	background-color:blue;
	color:white;
}


#footer {
	margin-top:40px;
}

.mt10 {	margin-top:10px;}
.mt20 {	margin-top:20px;}
.mb10 {	margin-bottom:10px;}
.mb20 {	margin-bottom:20px;}
.ml20 { margin-left:20px;}
.tc {text-align:center !important;}

.fl {float:left;}
.fr {float:right;}
.fc {float:center;}

#menu
{
    width: 100%;
    margin: 0;
    padding: 10px 0 0 0;
    list-style: none;
    background: #111;
    background: -moz-linear-gradient(top, #444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    -moz-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: 0 2px 1px #9c9c9c;
    -webkit-box-shadow: 0 2px 1px #9c9c9c;
    box-shadow: 0 2px 1px #9c9c9c;
}

#menu li
{
    float: left;
    padding: 0 0 10px 0;
    position: relative;
}

#menu a
{
    float: left;
    height: 25px;
    padding: 0 25px;
    color: #999;
    text-transform: uppercase;
    font: bold 12px/25px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}

#menu li:hover > a
{
    color: #fafafa;
}

*html #menu li a:hover /* IE6 */
{
    color: #fafafa;
}

#menu li:hover > ul
{
    display: block;
}

/* Sub-menu */

#menu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99999;
    background: #444;
    background: -moz-linear-gradient(top, #444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#menu ul li
{
    float: none;
    margin: 0;
    padding: 0;
    display: block;
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777;
}

#menu ul li:last-child
{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#menu ul a
{
    padding: 10px;
    height: auto;
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

*html #menu ul a /* IE6 */
{
    height: 10px;
    width: 150px;
}

*:first-child+html #menu ul a /* IE7 */
{
    height: 10px;
    width: 150px;
}

#menu ul a:hover
{
    background: #0186ba;
    background: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background: -moz-linear-gradient(top,  #04acec,  #0186ba) !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#04acec', endColorstr='#0186ba'); /* IE */
}

#menu ul li:first-child a
{
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

#menu ul li:first-child a:after
{
    content: '';
    position: absolute;
    left: 30px;
    top: -8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 8px solid #444;
}

#menu ul li:first-child a:hover:after
{
    border-bottom-color: #04acec;
}

#menu ul li:last-child a
{
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html #menu             { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */


#file_01,#mask_file_01{
	display:none;
}
.file_mask span{
	display:block;
	background-image:url(https://cs2018.kirishimaonsen.com/admin/img/clip.png);
	background-position:left top;
	height:26px;
	width:24px;
	cursor:pointer;
}
.file_mask span:hover{
	background-position:left bottom;
}


/*----------------------*/


.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
}

.bordered th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}



/*----------------------*/


#side h3 {
	height:10px;
	padding:10px;
	line-height:10px;
	color:white;
	margin-bottom:5px;
}

dl#sample1 dl,dt,dd {
	margin: 0;
	padding: 0;
}

dl#sample1 dl {
	background: #e7e7e7;
	border: 1px solid #333;
	border-top: none;
	width: 300px;
}

dl#sample1 dt,dd {
	padding: 3px;
}

dl#sample1 dt {
	border-top: 1px solid #333;
	clear: left;
	float: left;
	width: 80px;
}

dl#sample1 dd {
	background: #fff;
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	margin-left: 80px;
}

.pager_left {
	float:left;
	text-align:left;
	width:30%;
}

.pager_center {
	text-align:center;
	width:40%;
	float:left;
}

.pager_right {
	float:right;
	text-align:right;
	width:30%;
}


.title_h2 {
    color:#3a87ad;
}


.big_text_area {
	width:600px !important;
}


.info_txt {
	color: rgb(0, 102, 153);
	font-weight:bold;
	font-size:12px;
}

.attention_txt {
	color: red;
	font-weight:bold;
	font-size:12px;
}

.table label {
	display: inline-block;
}

.error_txt {
	color:red;
	font-weight:bold;
}
.red {color:red;}

.input-small-midium {width:30%;}