@charset "UTF-8";

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 reset
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
img{vertical-align:top;}
/*changecolourstosuityourneeds*/
ins{background-color:#ff9;color:#000;text-decoration:none;}
/*changecolourstosuityourneeds*/
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
/*changebordercolourtosuityourneeds*/
hr{display:block;border:0;border-top:none;margin:0;padding:0;}
input,select{vertical-align:middle;}
/*forIE6/IE7/IE8*/
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
ol,ul{list-style:none;}
li{list-style:none;}
/*
 default Style
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */

html {
	padding: 0; margin: 0;
}
body {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka;
	background:#FFFFFF;
	color:#000000;
	font-size:13px;
	line-height:1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}

/*
 link Style
----- ----- ----- ----- ----- ----- ----- ----- */
a {
color: #09307e;
text-decoration: none;
}
a:hover {
text-decoration:underline;
border-bottom:none;
}
a.link:before {
content:"";
padding-right:0;
}
/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 layout
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
#page {
	width: 950px;
	height: auto;
	background: #FFF;
	margin: 0 auto;
}
#header{
background: url(../images/header_bg_lower.gif) no-repeat left top;
position: relative;
width: 950px;
/* height: 115px; */
height: 70px;
margin:0;
padding:0;
}
#header .logo {
position: absolute;
top: 19px;
left: 15px;
width: 920px;
height: 31px;
z-index: 2;
}
#header h1.tsumitate {
position: absolute;
right: 15px;
top: 13px;
width:178px;
height:49px;
margin:0;
padding:0;
}
#header .logout {
right: 57px;
/* bottom: 13px; */
bottom: 8px;
position: absolute;
}
#header .go-top {
/* left: 15px; */
left: 145px;
bottom: 0px;
position: absolute;
}
#message{
	width: 910px;
	text-align:right;
	margin:10px auto 0;
	padding:0;
}
#progress {
width: auto;
margin:20px 0 0 0;
}
#progress:after {
content:".";
display: block;
height: 0;
clear:both;
visibility: hidden;
}
#progress li {
list-style:none;
float:left;
}
#progress li:before {
content:">";
width:15px;
text-align:center;
display:inline-block;
color:#284e8e;
}
#progress li span.no{
width:166px;
color:#333;
font-size:15px;
text-align:center;
border:none;
margin:0px;
padding:2px 5px;
display:inline-block;
background: -moz-linear-gradient(top, #FFFFFF, #E9E9E9);
background: -webkit-gradient(linear,left top, left bottom, from(#FFFFFF), to(#E9E9E9));
background: linear-gradient(top, #FFFFFF, #E9E9E9);
background:  -o-linear-gradient(top, #FFFFFF, #E9E9E9);
background:  -ms-linear-gradient(top, #FFFFFF, #E9E9E9);
-pie-background: linear-gradient(top, #FFFFFF, #E9E9E9);
position:relative;
behavior: url(../css/PIE.htc);
border:#dadada solid 1px;
color:#353535;
}
#progress li span.location{
position:relative;
font-size:15px;
text-align:center;
border:none;
margin:0px;
display:inline-block;
border: #284e8e solid 1px;
width:176px;
padding:0;
}
#progress li span.location span{
background: #284e8e;
border: #FFFFFF solid 1px;
display: block;
padding:1px 5px;
margin: 0;
width:auto;
color: #FFFFFF;
}
#progress li:first-child {
margin-left:-15px;
}
#progress li:first-child:before {
content:"";
}
#progress li:first-child span {
width:166px;
}
#title {
width:auto;
margin:20px 0 0 0;
clear:both;
}

#main {
width:auto;
margin:0;
overflow:hidden;
}

/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 footer parts
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.pgtp {
margin: 2em 0 0 0;
padding: 0 0 10px 0;
text-align: right;
float: none;
clear: both;
}
.pgtp a {
background-image: url(../images/format-icn-uparrow-sky.gif);
background-repeat: no-repeat;
background-position: 0 5px;
padding-left: 10px;
}
.pgtp a:link, .pgtp a:visited {
text-decoration: underline!important;
}

#footer {*zoom: 1;}
#footer .wrap-box:after {
content: "";
display: block;
clear: both;
}
#footer{
border-radius:5px;
background: #FAFAFA;
position: relative;
z-index: 100;
min-width: 950px;
width: 950px;
margin-left:auto;
margin-right:auto;
color: #0080FF;
padding: 15px 0 17px 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
}
#footer .wrap-box {
width: 950px;
margin: 0 auto;
text-align: left;
font-size: 10px;
}
#footer .footer-nav {
float: left;
width: 750px;
letter-spacing: -.40em;
overflow: hidden;
}
#footer .footer-nav li {
border-left: 1px solid #fff;
display: inline-block;
letter-spacing: normal;
padding-left: 21px;
margin-left: -1px;
margin-right: 20px;
}
#footer a:link, #footer a:visited, #footer a:active, #footer a:hover {
color: #fff;
text-decoration: none;
}
#footer .copyright{
float: left;
margin-right: 48px;
margin: 0;
}


/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 common parts
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
h1 {
	color:#FFF;
	font-size:150%;
	margin: 12px 50px;
}
h2 {
border-left:none;
border-bottom:none;
}
h2 span {
border-left:none;
padding:0;
display:block;
}
h2{
background: url(../images/tameciao_logo.png) no-repeat;
width: 950px;
padding-left:190px;
height: 60px;
line-height:60px;
margin-bottom: 8px;
font-size: 24px;
}
h3 {
margin:0;
padding:0;
}
h3:before {
content:"";
}
h3{
color: #000000;
margin:0;
padding:0;
font-size: 15px;
line-height:1;
}
h3 span{
background: #FAFAFA;
border-left: #0000FF solid 10px;
display: block;
padding: 5px 0 2px 13px;
margin: 10px;
}


/* ----- ----- ----- ----- ----- ----- ----- ----- ----- -----
 common style
----- ----- ----- ----- ----- ----- ----- ----- ----- ----- */
.f-small {
	font-size:80%;
}

/*----------文字関連----------*/
.fntLarge {
font-size: 15px;
font-weight:bold;
}
.fntMedium {
font-size: 13px;
}
.fntSmall {
font-size: 10px;
}
.f-small {
font-size: 10px;
}
.center{
text-align:center;
}
.right{
text-align:right;
}

/*----------その他----------*/
.block{
padding:10px;
}
.iconArrow {
background: url(../images/icon_arrow_lightblue.gif) no-repeat left 0.5em;
display: inline-block;
padding-left: 8px;
}
table.tablePi{
padding:0;
margin:0;
width:100%;
border-spacing:0;
border-right:#dadada solid 1px;
}
table.tablePi th{
border-bottom:#dadada solid 1px;
text-align:center;
vertical-align:middle;
padding:6px 8px 3px 8px;
font-weight:normal;
border-left:#dadada solid 1px;
color:#284e8e;
background-image:url(../images/btn_003v_bg.gif);
background-repeat:no-repeat;
background-position:right bottom;
font-weight:bold;
}
table.tablePi a{
color:#284e8e;
}
table.tableForget{
padding:0;
margin:0;
width:100%;
border-spacing:0;
margin-top:5px;
background:#F2F2F2;
}
.half{
width:50%;
}
.leftSet{
float:left;
}
.rightSet{
float:right;
}

/*----------エラーメッセージ----------*/
#allMessages,
#errMessages {
	color:red;
}

/* Teedaバリデーションエラー */
.onTeedaError {
	border:1px solid #FF0000 !important;
}

/*----------IME制御----------*/
.ime_active {
	ime-mode: active;
}
.ime_inactive {
	ime-mode: inactive;
}
.ime_disabled {
	ime-mode: disabled;
}

/* -----------------------------------------------
clearfix
----------------------------------------------- */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content:"";
	display:block;
	overflow:hidden;
}
.clearfix:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	zoom:1;
}
/*----------ボタン関連----------*/
.btn003v {
	background-image: url(../images/btn_003v_bg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	border: 1px solid #ccc;
	border-right: 1px solid #787878;
	border-bottom: 1px solid #787878;
	padding: 4px 0px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.btn003v a {
	background: url(../images/arrow_skyblue_dot_bgclear.gif) no-repeat right center;
	padding: 0px 10px 0px 12px;
	margin-right: 5px;
	display: block;
}
.btn0032v {
	background-image: url(../images/btn_003v_bg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	border: 1px solid #dadada;
	padding: 4px 0px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	position:relative;
	behavior: url(../css/PIE.htc);
}
.btn0032v a {
	background: url(../images/icon_arrow_lightblue2.gif) no-repeat right center;
	padding: 0px 20px 0px 12px;
	margin-right: 5px;
	display: block;
	color:#353535;
	font-size:15px;
}
.btn004v {
	background-image: url(../images/btn_004v_bg.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	border: 1px solid #ccc;
	border-right: 1px solid #787878;
	border-bottom: 1px solid #787878;
	padding: 4px 0px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.btn004v a {
	background: url(../images/arrow_white_bgclear.gif) no-repeat right center;
	padding: 0px 15px 0px 12px;
	margin-right: 5px;
	display: block;
}

.btn005v {
	border: #284e8e solid 1px;
	color: #FFFFFF;
	margin:0;
	padding:0;
	font-size: 15px;
	line-height:1;
	display:block;
}
.btn005v a {
	background: #284e8e url(../images/icon_arrow_white.png) no-repeat right center;
	border: #FFFFFF solid 1px;
	display: block;
	padding: 0 23px 0 13px;
	margin: 0;
	display:block;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold;
	height:43px;
	line-height:43px;
}

/*1016追加*/
.btn003v a:hover,.btn0032v a:hover,.btn004v a:hover,.btn005v a:hover,.tablePi a{
	text-decoration:none;
}
.btn003v a:focus,.btn0032v a:focus,.btn004v a:focus,.btn005v a:focus,.tablePi a{
	outline:none;
}
/*.btnSend a:hover,.medium_button:hover{
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}*/
.btnSend a:focus,.btnSend a:focus img,.medium_button:focus{
	outline:none;
}
.henkin_button{
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka;
	height:2em;
}
/*1127追加*/
.btn004vDisabled {
	background:#c6c6c6;
	border: 1px solid #ccc;
	border-right: 1px solid #787878;
	border-bottom: 1px solid #787878;
	padding: 4px 0px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.btn004vDisabled span {
	background: url(../images/arrow_white_bgclear.gif) no-repeat right center;
	padding: 0px 15px 0px 12px;
	margin-right: 5px;
	display: block;
	color:#FFF;
}
/*1107追記*/
.btn003v.active,
.btn0032v.active,
.btn005v.active,
.tablePi th.active{
	background-position:left bottom;
}
.btn004v.active{
	background-image: url(../images/btn_004v_bg2.gif);
}
.btn005v.active a,.btn005v a:hover{
	background: #224279 url(../images/icon_arrow_white.png) no-repeat right center;
}
/*----------フォーム関連----------*/
input { outline:0; }

input[type="text"],input[type="password"],textarea{
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #999999;
	position:relative;
	background:#FFF;
	behavior: url(../css/PIE.htc);
	font-size: 13px;
	line-height: 25px;
	color: #64696f;
	height: 25px;
}

.checkbox,.radio{
	z-index: -1;
	position: absolute;
}
.CheckBoxLabelClass{
	background: url(../images/checkbox.png) no-repeat top left;
	margin-right:20px;
	padding-left:22px;
}

.radiolabel{
	background: url(../images/radio.gif) no-repeat top left;
	margin-right:20px;
	padding-left:30px;
	height:25px;
	line-height:25px;
	display:inline-block;
	*display: inline;
	*zoom: 1;
}
.LabelSelected,.RadioSelected{
	background-position: bottom left;
}

span.customSelect {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #999999;
	background:#FFF;
	behavior: url(../css/PIE.htc);
	font-size: 13px;
	line-height: 25px;
	color: #000;
	height: 25px;
	background: url(../images/btn_003v_bg.gif) no-repeat right bottom;
}
span.customSelect.onTeedaError {
	background: url(../images/btn_003v_error_bg.gif) no-repeat right bottom;
	background-color: #FFCCCC
}

span.customSelect.changed {
	background-color: #f0dea4;
}
span.onTeedaError {
	background-color: #FFCCCC;
}
.customSelectInner {
	background:url(../images/icon_arrow_select.gif) no-repeat center right;
	padding:0 25px 0 10px;
}
/*1016追加*/
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{
	border:#284e8e solid 1px;
}