@charset "utf-8";

*{
margin:0;
padding:0;
text-decoration:none;
font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ ゴシック", "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}

html{
height:100%;
}

body{
height:100%;
font-size:86%;
color:#333333;
background: #f0f0f0;
text-align:center;
line-height:140%;
}

#page{
margin:0 auto;
text-align:left;
width:100%;
height: auto !important;
height:100%;
min-height:100%;
background:#FFFFFF;
position:relative;
}

body > #page{
height:auto;
}

* html #footer {
bottom:expression(document.getElementById("page").offsetHeight % 2 == 0 ? 0 : -1);
}

/* メニュー */
#menu{
margin:0;
width:100%;
background:rgb(176, 15, 39);
overflow: hidden;
height:40px;
}

#menu ul{
float:left;
margin:0 0 0 10px;
padding:0;
}

#menu ul li{
list-style: none;
display: inline;
margin-right:5px;
color:#FFFF99;
font-weight: bold;
}

#menu ol{
float:right;
margin:0 0 0 10px;
padding:0;
}

#menu ol li{
list-style: none;
display: inline;
margin:0 5px;
background: url("../image/li_mark.gif");
background-repeat:no-repeat;
}

#menu li a{
color:#FFFFFF;
margin-left:10px;
}

#menu li a.qa{
color:#FFCC33;
font-size:140%;
}

#menu ol a.other{
font-size:86%;
}

#top_menubar {
	width:100%;
	float:left;
	margin-top:5px;
}

#menu_area {
	position:relative;
}

.menu_ul {
	list-style:none;
	padding-top:15px;
	padding-bottom:3px;
	float: left;
}

.menu_ul li {
	padding-left:10px;
	float: left;
}

.menu_ul li img {
	float:left;
	margin-right:3px;
}

.menu_seperator {
	height:1px;
	width:100%;
	background-color:#c1c1c1;
	border-bottom:1px solid #FFF;
	float:left;
	margin-bottom:10px;
}

.err_msg {
	color:#CA6060;
	font-size:86%;
}

.must_in {
	color:#CA6060;
	font-size:70%;
}







/* 申請用パンくず */
div.applyBreadCrumbs{
float: left;
margin: 0px;
padding: 10px 0px;
}

div.applyBreadCrumbs div.list{
display: inline;
margin: 5px;
padding: 5px;
background: url("../image/backbuttun.gif");
background-repeat: repeat-x;
background-position: center;
color: #333333;
border: 1px outset #ffffff;
}
div.applyBreadCrumbs div.focus{
display: inline;
margin: 5px;
padding: 5px;
background: url("../image/backbuttun_blue.gif");
background-repeat: repeat-x;
background-position: center;
color: #ffffff;
font-weight: bold;
border: 3px outset #f0f0f0;
}

/* 見出し関係 */
h1{
font-size:120%;
padding:10px;
text-align:center;
font-weight: bold;
}

.title{
width:100%;
background: #FFFFFF url("../image/backline.gif");
background-repeat:no-repeat;
background-position:center center;
}


h2{
font-size:120%;
text-align:left;
margin:10px 0 5px 0;
border:1px solid #999999;
}

/* リンク関係 */
a{
text-decoration:underline;
}

/* だいたい本文で使うタグ */
hr{
display:none;
}

.clear {
clear:both;
}

#kiji{
padding-bottom:50px;
margin:5px;
}

#migi{
padding:0 40px 0 0;
width:450px;
float:right;
margin-bottom:20px;
}

#hidari{
padding:0 0 0 40px;
width:450px;
float:left;
margin-bottom:20px;
}

.center {
text-align:center;
}

.left {
text-align:left;
padding-left:20px;
}

.right {
text-align:right;
padding-right:20px;
}

.itiran{
padding:0 40px;
margin:0 auto 20px;
text-align:center;
}

.pink{
color:#ff3366;
}

.pink_exam{
color:#ff3366;
font-size:120%;
}

.blue{
color:#0066FF;
}
.fp{
color:#006600;
font-weight: bold;
float:left;
}

.madoguti{
color:#003399;
font-weight: bold;
float:left;
}

.gyomu{
color:#990000;
font-weight: bold;
float:left;
}

.osirase{
text-align:left;
border-bottom:solid 1px #999999;
padding-left:10px;
width:97%;
}

.form{
text-align:center;
margin:0 auto 20px;
}

/* テーブル関連 */
.table{
margin:0 auto;
margin-bottom:5px;
text-align:center;
border:1px solid #999999;
empty-cells:show;
border-collapse: collapse;
width:97%;
}

.tableNoWidth{
margin:0 auto;
margin-bottom:5px;
text-align:center;
border:1px solid #999999;
empty-cells:show;
border-collapse: collapse;
}

tr,td,th{
border:1px solid #999999;
padding:2px;
}

.tableTh{
background:#CCFFFF;
border:1px solid #999999;
padding:3px;
text-align:center;
}

.tableThSmall{
background:#CCFFFF;
border:1px solid #999999;
padding:3px;
text-align:center;
font-size:86%;
}

.fpTableTh{
background:#e8ffe8;
border:1px solid #999999;
padding:3px;
text-align:center;
font-size:86%;
}

.madogutiTableTh{
background:#d9e3f8;
border:1px solid #999999;
padding:3px;
text-align:center;
font-size:86%;
}
.gyomuTableTh{
background:#fde2d6;
border:1px solid #999999;
padding:3px;
text-align:center;
font-size:86%;
}

.tableTrSmall{
font-size:86%;
}

.tableTrGray{
background: #CCCCCC;
}

.tableTrCream{
background: #FFFFCC;
}

.formTable{
margin:0 auto;
empty-cells:show;
margin-bottom:10px;

}

.formTableTr{
}

.formTableTd1{
text-align:left;
vertical-align:top;
background-repeat:no-repeat;
background-position:left top;
padding-left:20px;
border:0;
}

.formTableTd2{
text-align:left;
border:0;
}

.formTableTd3{
text-align:left;
border:0;
}

.formTableTd4{
text-align:left;
border:0;
width:400px
}

.blueH2{
color:#0066FF;
width: 80%;
margin-right: auto;
margin-left: auto;
}

.kintou{
width:20%;
}

/* 入力に関係するもの */
.superLong{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:600px;
}

.long{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:400px;
}

.short{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:200px;
}

.zipcodetxt{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:65px;
}

.denyfindflag{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:95px;
}


.mailaddresstxt{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:500px;
}


.passNo{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width: 90px;
}

.passDc2No{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:150px;
}

.passDc2No1{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:70px;
}

.passDc2No2{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:50px;
}

.smallTextArea{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:500px;
height:50px;
}

.largeTextArea{
padding: 1px;
color: #333333;
border: 1px solid #999999;
line-height: 1.2;
background:#CCFFFF;
width:500px;
height:300px;
}


.submit{
padding:0 1px;
color: #333333;
background:url("./image/btn050_14.png");
background-repeat:repeat-x;
background-position:center;
border: 1px solid;
height:30px;
}

.shortSubmit{
padding:0 1px;
color: #333333;
background:url("./image/btn050_14.png");
background-repeat:repeat-x;
background-position:center;
border: 1px solid;
width:40px;
height:30px;
}

.wideSubmit{
padding:0 1px;
color: #333333;
background:url("./image/btn050_14.png");
background-repeat:repeat-x;
background-position:center;
border: 1px solid;
width:140px;
height:30px;
}

input[type=button]:disabled {
	background-color:rgb(230, 230, 230);
}

a.button, a.wideButton, a.wide200Button, a.shortButton, a.blueButtun, a.pinkButton{
display: block;
text-align: center;
text-decoration: none;
}

.disabled{
color: rgb(128, 128, 128);
border: #a0a0a0 1px solid;
}

/* フッター */
#footer{
width:100%;
font-size:86%;
border-top:solid 3px #cccccc;
height:30px;
position:absolute;
bottom:0px;
}
#footer ul{
margin-left:10px;
list-style-type:none;
}
#footer ul li{
float:left;
}

#footer ol{
margin-right:10px;
list-style-type:none;
}
#footer ol li{
float:right;
}
#footer li a{
color:#333333;
text-decoration:underline;
}

/* 一覧ページングUI */
ul.pagerBox{
    margin: 3px auto;
    padding: 0;
    text-align: center;
    font-family: alial;
    font-size: 15px;
    list-style-type: none;
    background-color: transparent;
}
ul.pagerBox li{
    display: inline;
    margin: 0px 3px;
    padding: 0px 3px;
    width: 24px;
    color: #999999;
    border: #999999 1px solid;
    background-color: #d4e3ff;
}
/* ページングリンク */
ul.pagerBox a{
    display: box;
    cursor: pointer;
    background-color: transparent;
    text-decoration: none;
}
ul.pagerBox a:link, ul.pagerBox a:visited{
    background-color: transparent;
    color: #333399;
}
ul.pagerBox a:active{
    background-color: #0000a0;
    color: #f0f0f0;
}
/* 現在ページスタイル */
ul.pagerBox li.currentPage{
    font-weight: bold;
    color: #ffffff;
    background-color: #66DDFF;
}
/* ラベル部分スタイル */
ul.pagerBox li.pagerLabel{
    background-color: #d4e3ff;
}

/* フォントサイズ小 */
.small{
    font-size:86%;
}

/* フォントサイズ小 */
.boldfont{
    font-weight: bold;
}

/* フォントサイズ極小（申請上部のナビゲーション用） */
.tiny{
    font-size:76%;
}

/* 注意文言 */
.formDescription{
    color: #333333 !important;
    font-size: 11px !important;
}
/* 注意文言 */
.noticeMessage{
    color: #000099 !important;
    font-weight: bold !important;
}
/* エラー文言 */
.errorMessage{
    color: #ff0000 !important;
    font-weight: bold !important;
}

/* margin でボックス要素を中央寄せ */
.centerMargin{
    margin: 5px auto;
}

/* margin でボックス要素を右寄せ */
.rightMargin{
    margin: 0 0 0 auto;
}

/* リスト項目のマーカー文字を消す */
ul.noneMarker {
    margin-right: 5px;
    list-style-type: none;
}

/* 規約画面 */
#agreement {
    margin-left:10px;
    margin-right: 10px;
}
    #agreement hr {
        display: inherit;
        border: #999 1px solid;
    }

/* ユーザー登録等の説明文 */
.description {
    margin:0 10%;
    text-align:left;
}
    .description hr {
        display:inherit;
        border:#999 1px solid;
    }


/* ユーザのログイン画面 */
div.logininfo1 {
display: inline;
margin: 0px;
padding: 0px 0px;
color: #FFFF99;
background: #0066FF;
border: 1px outset #ffffff;
}

div.logininfo2 {
display: inline;
margin: 0px;
padding: 0px 0px;
color: #333333;
background: #CCFFFF;
border: 1px outset #ffffff;
}
div.logininfo3 {
margin: 0px;
padding: 0px 0px;
color: #333333;
}

.title_area {
	margin-bottom:10px;
	padding:10px;
	width:90%;
	float:left;
}

.command_area {
	margin-bottom:5px;
	background:#F4F4F4;
	padding:6px;
	width:95%;
	float:left;
	font-size:14px;
}

.command_area select{
	height: 24px;
	width: 120px;
	font-size:16px;
}

.introduction_area {
	margin-top:10px;
	margin-bottom:10px;
	background:#F4F4F4;
	padding:6px;
	float:left;
	width:95%;
}

.box2 {
    padding: 0.1em 0.4em;
    margin: 0.1em 0;
    color: #000;/*文字色*/
    background: rgb(238, 238, 238);
    border: solid 1px rgb(128, 128, 64);/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

#loading {
  display: table;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0.8;
}

#loading .loadingMsg {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding-top: 140px;
  background: url("./../images/loading.gif") center center no-repeat;
}

input[type=text]:read-only {
	background: rgb(238, 238, 238);
	border-color: rgb(192, 192, 192);
}
select:disabled {
	background: rgb(238, 238, 238);
}