/* CSS Document */

/*====================
 base element
====================*/

body {
	color: #333;
	font-family:
			Meiryo, "メイリオ",
			"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3",
			Osaka,
			"MS P Gothic", "ＭＳ Ｐゴシック",
			sans-serif;
	font-size: 14px;
	line-height: 1.5;
	height: 86px;
	background-image: url(../img/bk2.gif);
	background-repeat: repeat;
	background-position: top;
	}

a:link {
	color:#000000; 
	text-decoration:none;
} 
a:visited {
	color:#000000; 
	text-decoration:none;
}
a:hover { 
	color: blue 
} 
a:active {
	color:#000000; 
	text-decoration:none;
} 



/*====================
 +structure
====================*/

.structure {
	width: 95%;
	margin: 0 auto;
}

/*====================
 +font
====================*/


/*====================
 +header
====================*/
#header_bk{
	height: 120px;
	background-repeat: repeat-x;
	background-position: center top;
	clear: both;
}

#header{
	width: 90%;
	height: 70px;
	position:relative;
}

#header_ac{
	position:absolute;
	left:750px;
	top:0px;
}

/*====================
 +name_position
====================*/
#header .logo{
position:absolute;
left:0;
}

#header ul.name_position {
position:absolute;
right:0;
top:10px;
}

#header li.position{
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 5px;
}

#header li.name{
font-size: 12px;
}

#header li.name ul{
	background-image: url(../img/name_bk.jpg);
	background-repeat: no-repeat;
	height: 23px;/*27*/
	width: 165px;/*177*/
	position:relative;
}

#header li.name ul li{
	float:left;
}

#header ul li.name_txt1{
	position:absolute;
	left:8px;
	color: #838383;
	top:4px;
}

#header ul li.name_txt2{
color: #333333;
position:absolute;
left:52px;
top:4px;
}

#header ul li.name_txt3{
position:absolute;
top:4px;
right:8px;
	color: #838383;
}

/*====================
 +midashi
====================*/
#title_bk{
	background-repeat: repeat-x;
	background-position: center center;
	height: 55px;
}

#title_bk2{
	background-color: #000000;
	margin: 0 auto;
	background-repeat: repeat-x;
	background-position: center center;
	width: 500px;
	height: 35px;
	font-size: 24px;
	color: #ffffff;
  	text-align:center;
	vertical-align:middle;
}

h1{
	width: 740px;
	margin: 0px;
	padding: 5px;
}

h2{
	border-left-width: 4px;
	border-left-style: solid;
/*	border-left-color: #ffc310;*/
	border-left-color: darkorange;
	color: dimgray;
	font-size: 22px !important;
	display: block;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}

h3{
	font-size: 16px !important;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h4{
	color: #808080;
	font-size: 10px;
	padding-left: 10px;
}

/*====================
 +container
====================*/
#container{
	width: 90%;
	background-color: #f8f8f8;
	padding: 30px;
}

.con{
	margin-bottom: 30px;
}


/*====================
 +#footer
====================*/
#footer{
	/*border-top: medium solid #cccccc;*/
	background-repeat: repeat-x;
	height: 70px;
}

/*====================
 タブ領域
====================*/
.tabarea {
	border-bottom:solid #cccccc;
	padding-left:155px;
  	text-align:left;
}
/* 未選択のタブ */
.tabbutton 
{	width:100px;
	text-align:center;
	font-weight:bold;
 	color:#0;
	padding:10px;
    margin-left:1px;
	margin-right:1px;
    display: inline-block;
    background-color:#ffffff;
	border:solid 1px #cccccc;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}

.tabbutton:active {  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

/* 選択中のタブ */
.tabbutton-selected {  
	width:100px;
	text-align:center;
	font-weight:bold;
	color:#0;
	padding:10px;
	margin-left:1px;
	margin-right:1px;
	display: inline-block;
	background-color:#cccccc;
	border:solid 1px #cccccc;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}

.tabbutton-selected:active {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}


/*====================
 +submit
====================*/

.submit input {
	width:120px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	border:1px solid #cacaca; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
	padding: 8px 5px 8px 5px; 
    display: inline-block;
 	background-color: #E6E6E6; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
	background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
	background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
}

.submit input:hover {
	text-decoration: none;
	border:1px solid #b3b3b3;
	background-color: #cdcdcd; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
	background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}
.submit input:active {
    position:relative;
    top:1px;
}

/*====================
 +button
====================*/
.button:enabled {
	width:160px;
	height:50px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	border:1px solid #cacaca; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
	padding: 8px 5px 8px 5px; 
	margin: 0px 30px 10px 5px;
    display: inline-block;
}
.button:disabled {
	width:160px;
	height:50px;
	text-align:center;
	font-weight:bold;
	font-size:14px;
	border:1px solid #cacaca; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
	padding: 8px 5px 8px 5px; 
	margin: 0px 30px 10px 5px;
    display: inline-block;
 	background-color: #fcfcfc; 
}
.button:enabled:hover {
	text-decoration: none;
}
.button:enabled:active {
    position:relative;
    top:1px;
}

/* gray*/
.button_gray:enabled {
 	background-color: #fcfcfc; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#CCCCCC));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #CCCCCC);
	background-image: -moz-linear-gradient(top, #fcfcfc, #CCCCCC);
	background-image: -ms-linear-gradient(top, #fcfcfc, #CCCCCC);
	background-image: -o-linear-gradient(top, #fcfcfc, #CCCCCC);
	background-image: linear-gradient(to bottom, #fcfcfc, #CCCCCC);	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fcfcfc, endColorstr=#CCCCCC);
}
.button_gray:enabled:hover {
	border:1px solid #b3b3b3;
	background-color: #cdcdcd; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
	background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}

/* skyblue*/
.button_skyblue:enabled {
	border:1px solid #96f0ff;
	background-color: #cef8ff; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8));
	background-image: -webkit-linear-gradient(top, #cef8ff, #7fe0f8);
	background-image: -moz-linear-gradient(top, #cef8ff, #7fe0f8);
	background-image: -ms-linear-gradient(top, #cef8ff, #7fe0f8);
	background-image: -o-linear-gradient(top, #cef8ff, #7fe0f8);
	background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cef8ff, endColorstr=#7fe0f8);
}
.button_skyblue:enabled:hover {
	border:1px solid #68e9ff;
	background-color: #9bf1ff; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9bf1ff), to(#4fd4f5));
	background-image: -webkit-linear-gradient(top, #9bf1ff, #4fd4f5);
	background-image: -moz-linear-gradient(top, #9bf1ff, #4fd4f5);
	background-image: -ms-linear-gradient(top, #9bf1ff, #4fd4f5);
	background-image: -o-linear-gradient(top, #9bf1ff, #4fd4f5);
	background-image: linear-gradient(to bottom, #9bf1ff, #4fd4f5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#9bf1ff, endColorstr=#4fd4f5);
}

/* lemon */
.button_lemon:enabled {
	border:1px solid #f9f64a;
	background-color: #f9f68a; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfac0), to(#f6f283));
	background-image: -webkit-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -moz-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -ms-linear-gradient(top, #fcfac0, #f6f283);
	background-image: -o-linear-gradient(top, #fcfac0, #f6f283);
	background-image: linear-gradient(to bottom, #fcfac0, #f6f283);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fcfac0, endColorstr=#f6f283);
}
.button_lemon:enabled:hover {
	border:1px solid #f7f25f;
	background-color: #faf68f; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#faf68f), to(#f3ed53));
	background-image: -webkit-linear-gradient(top, #faf68f, #f3ed53);
	background-image: -moz-linear-gradient(top, #faf68f, #f3ed53);
	background-image: -ms-linear-gradient(top, #faf68f, #f3ed53);
	background-image: -o-linear-gradient(top, #faf68f, #f3ed53);
	background-image: linear-gradient(to bottom, #faf68f, #f3ed53);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#faf68f, endColorstr=#f3ed53);
}

/*====================
 +button
====================*/
.dispbutton {
	width:60px;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	border:1px solid #cacaca; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
	padding: 5px 5px 5px 5px; 
    display: inline-block;
 	background-color: #fcfcfc; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#CCCCCC));
	background-image: -webkit-linear-gradient(top, #fcfcfc, #CCCCCC);
	background-image: -moz-linear-gradient(top, #fcfcfc, #CCCCCC);
	background-image: -ms-linear-gradient(top, #fcfcfc, #CCCCCC);
	background-image: -o-linear-gradient(top, #fcfcfc, #CCCCCC);
	background-image: linear-gradient(to bottom, #fcfcfc, #CCCCCC);	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fcfcfc, endColorstr=#CCCCCC);
}
.dispbutton:hover {
	text-decoration: none;
	border:1px solid #b3b3b3;
	background-color: #cdcdcd; 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
	background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}
.dispbutton:active {
    position:relative;
    top:1px;
}

/*====================
 +button
====================*/

.buttonContainer div {
	padding: 0px 5px 0px 5px; 
	float: left;
}

.buttonContainer {
	overflow: hidden;
}

/* clearfix */
.buttonContainer:before,
.buttonContainer:after {
    content: "";
    display: table;
}
 
.buttonContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.buttonContainer {
    zoom: 1;
}

/*====================
 login
====================*/
p.login500{
	width:500px;
	margin-right: 210px;
	margin-left: 210px;
	}
	
#login_bk{
	width:500px;
	background-image: url(../img/login_bk.jpg);
	background-repeat: no-repeat;
	height: 242px;
}

.login_container{
	width:440px;/*500*/
	height: 162px;/*242*/
	padding: 15px;
}


.login_container .con{
	width:440px;/*500*/
	clear:both;
}

.login_container .login_txt{
	padding-bottom: 0px;
}
.login_container .con li{
	padding:4px 0 4px 0;
	float:left;


}
.login_container .con li.in01{
		width: 140px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	text-align:right;
}


.login_container .con li.in02{
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 0;
}

.login_container .con li.in03{
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 50px;
}

.login_container #input-loginbtn {
	width: 310px;
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left:70px;
}

/*====================
 dialog
====================*/
.dialog td{
	padding: 5px;
}

/*====================
 setFlash
====================*/
/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 120%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}

/*====================
 +viewtable
====================*/

table.viewtable  {
	border:1px solid;
	padding:5px ;
	border-collapse:collapse;
    border-spacing:0;
}

.viewtable th{
	border:		1px solid;
	background-color:#cccccc;
	padding:0.3em 0.5em;
	text-align:center;
}

.viewtable td{
	border:		1px solid;
	padding:0.3em 0.5em;
	text-align:center;
}

.viewtable tr.trred1 td{
	background-color:#ffa3a3;
}

.viewtable tr.trred2 td{
	background-color:#ffdede;
}

.viewtable tr.tryel td{
	background-color:#ffffde;
}

/*====================
 +viewtable_info
====================*/

table.viewtable_info  {
	width:90%;
	border:1px solid;
	margin:20px ;
	border-collapse:collapse;
    border-spacing:0;
}

.viewtable_info th{
	border:		0px solid;
	background-color:#cccccc;
	padding:0.3em 0.5em;
}

.viewtable_info td{
	border:		1px solid;
	padding:0.3em 0.5em;
}

/*====================
 +syaryoselect
====================*/
.syaryoselect {
	font-size:20px;
	padding:0.3em 0.5em;
}