@charset "UTF-8";

/*** CSS Document ********************************************

	style.css

*************************************************************/

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

  共通

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

/* clearFix
-----------------------------------------------------*/
/* clearfix */
.clearFix:before,
.clearFix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearFix:after {
    clear: both;
}
.clearFix{
    *zoom: 1;
}
/* margin
-----------------------------------------------------*/
.mt10{
margin-top:10px;
}

.mt20{
margin-top:20px;
}


/* ヘッダ
-----------------------------------------------------*/
header{
position:relative;
height:32px;
}

header .imgLogo{
position:absolute;
top:10px;
left:10px;
}

header .txtKanri{
position:absolute;
top: 16px;
right:10px;
color:#cccccc;
font-weight:bold;
line-height:1;
}

/* フッタ
-----------------------------------------------------*/
footer .lstFoot{
margin:20px 10px 0 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #e6e6e6;
}

footer .lstFoot a{
display:block;
padding:15px 15px 15px 15px;
border-top:1px solid #e6e6e6;
background:url(../img/img_com_arrow.png) right center no-repeat;
background-size: 17px 18px;
-webkit-background-size: 17px 18px;
}

footer .lstFoot li:first-child a{
border-top:none;
}

footer .forTop{
background:#f7f7f7;
margin:10px 10px 0 10px;
}

.copyright{
text-align:center;
padding:20px 0 10px 0;
color:#cccccc;
font-size:10px;
}

/* 見出し
-----------------------------------------------------*/

/*画面名見出し*/
.titGreen{
background:#72a90f;
border-top:1px solid #9bcc43;
box-shadow: 0 -1px 0 #72a90f;
-webkit-box-shadow: 0 -1px 0 #72a90f;
text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
-webkit-text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 
padding:13px 0 13px 0;
color:#ffffff;
font-weight:bold;
text-align:center;
}

/*黒見出し*/
.titBlack{
background:#404040; 
padding:5px 10px 5px 10px;
color:#ffffff;
font-weight:bold;
}

.titBlack .hissu{
display:inline-block;
border-radius:100px;
-webkit-border-radius:100px;
background:#cc0000;
margin:0 5px 0 0;
padding:1px 5px 1px 5px;
font-size:10px;
heihgt:13px;
line-height:13px;
}

.titBlack .bango,
.titBlack .data{
display:inline-block;
margin:0 5px 0 0;
color:#72a90f;
}

/*線見出し*/
.titLine{
border-top:1px solid #E6E6E6;
margin:10px 0 0 0;
padding:10px 10px 0 10px;
font-weight:bold;
font-size:14px;
}

.titLine .bango,
.titLine .data{
display:inline-block;
margin:0 5px 0 0;
color:#72a90f;
}

/*太見出し*/
.titBold{
margin:10px 10px 0 10px;
font-weight:bold;
}

/* TOP
-----------------------------------------------------*/

/*ユーザー名*/

.boxUser{
background:#fffae6;
padding:15px 0 15px 0;
font-weight:bold;
text-align:center;
}

/* ログイン
-----------------------------------------------------*/

/*カスタマーサポート*/

.boxSuport{
background:#fffae6;
margin:10px 0 0 0;
padding:10px 0 10px 0;
text-align:center;
}

.boxSuport strong{
font-size:24px;
}


/* リスト
-----------------------------------------------------*/

/*基本リンクリスト*/

.lstBasic a{
display:block;
padding:15px 15px 15px 15px;
border-bottom:1px solid #e6e6e6;
background:url(../img/img_com_arrow.png) right center no-repeat;
background-size: 17px 18px;
-webkit-background-size: 17px 18px;
}

.lstBasic li:first-child a{
border-top:none;
}

/*箇条書き*/

.lstTxt li{
margin:10px 10px 0 10px;
background:url(../img/img_com_maru.png) left 0.4em no-repeat;
background-size: 10px 10px;
-webkit-background-size: 10px 10px;
padding:0 0 0 15px;
}

.lstTxt a{
text-decoration:underline;
}

/* ボタン
-----------------------------------------------------*/

/*白ボタン*/
.btnWhite{
margin:20px 0 0 0;
text-align:center;
}

.btnWhite a,
.btnWhite input{
display:inline-block;
border-radius:5px;
-webkit-border-radius:5px;
background: -moz-linear-gradient(top, #ffffff, #ededed);
background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ededed));
border:1px solid #d9d9d9;
padding:20px 0 20px 0;
text-align: center;
line-height:1;
margin:0 5px 0 5px;
width:130px;
}

.btnWhite.mt10{
margin:10px 0 0 0;
}

/*白ボタンinline*/

input.btnWhiteInline{
display:inline-block;
border-radius:5px;
-webkit-border-radius:5px;
background: -moz-linear-gradient(top, #ffffff, #ededed);
background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ededed));
border:1px solid #d9d9d9;
padding:13px 10px 13px 10px;
text-align: center;
line-height:1;
}

/*白ボタン3カラム*/

.btn3Col{
margin:10px 0 0 0;
text-align:center;
}

.btn3Col li{
display:inline;
}

.btn3Col li a,
.btn3Col li input{
display:inline-block;
border-radius:5px;
-webkit-border-radius:5px;
background: -moz-linear-gradient(top, #ffffff, #ededed);
background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#ededed));
border:1px solid #d9d9d9;
margin:0 2px 0 2px;
padding:15px 0 15px 0;
text-align: center;
font-size:11px;
line-height:1;
width:28%;
}

.btn3Col li span{
display:inline-block;
border-radius:5px;
-webkit-border-radius:5px;
background:#ededed;
color:#ffffff;
margin:0 2px 0 2px;
padding:15px 0 15px 0;
text-align: center;
font-size:12px;
line-height:1;
width:28%;
}


/*もっと見るボタン*/
.btnMore a{
display:block;
padding:10px 0 10px 0;
background:#ededed url(../img/img_com_arrow.png) right center no-repeat;
background-size: 17px 18px;
-webkit-background-size: 17px 18px;
text-align:center;
}

/*テキストボタン*/
.btnTxt a{
display:block;
margin:20px 0 0 0;
text-align:center;
text-decoration:underline;
}


/* テキスト
-----------------------------------------------------*/
.txtCom{
margin:10px 10px 0 10px;
}

.txtCom em{
color:#cc0000;
}

.txtCom a{
text-decoration:underline;
}

.txtAttention{
margin:10px 0 0 0;
font-size:11px;
}

/* 金額テーブル
-----------------------------------------------------*/
.tblCost{
margin:0 10px 0 10px;
}

.tblCost table{
width:100%;
}

.tblCost th,
.tblCost td{
border-top:1px solid #e6e6e6;
}

.tblCost th{
background:url(../img/img_com_maru.png) left center no-repeat;
background-size: 15px 15px;
-webkit-background-size: 15px 15px;
padding:15px 0 15px 20px;
}

.tblCost td{
text-align:right;
padding:15px 0 15px 0;
}

.tblCost tr:first-child th,
.tblCost tr:first-child td{
border-top:none;
}

.tblCost td.day{
color:#72a90f;
}

.tblCost td.cost{
color:#cc0000;
}

/* フォーム
-----------------------------------------------------*/
.boxForm{
margin:10px 10px 0 10px;
}

input[type=text],
input[type=password]{
display:block;
appearance: none;
-webkit-appearance: none;
border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid #b2bfd1;
box-shadow: 0 3px 0 rgba(0,0,0,0.04) inset;
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.04) inset;
padding: 13px 3% 13px 3%;
width:94%;
}

input[type=text].auto{
width:auto;
}

textarea{
display:block;
appearance: none;
-webkit-appearance: none;
border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid #b2bfd1;
box-shadow: 0 3px 0 rgba(0,0,0,0.04) inset;
-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.04) inset;
padding: 13px 3% 13px 3%;
width:94%;
height:100px;
}

select{
appearance: none;
-webkit-appearance: none;
border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid #b2bfd1;
padding: 13px 3% 13px 3%;
margin:0 5px 0 0;
vertical-align:bottom;
width:100%;
background:url(../img/img_com_pulldown.png) right center no-repeat;
background-size: 32px 22px;
-webkit-background-size: 32px 22px;
}

select.auto{
width:auto;
}

select.p75{
width:70%;
}

/*フォーム用リスト*/
.lstFormObj{
margin:-10px -10px -10px -10px;
}

.lstFormObj li{
border-top:1px solid #d9d9d9;
}

.lstFormObj li:first-child{
border-top:none;
}

.lstFormObj label{
display:block;
padding:15px 0 15px 10px;

}

/* ページャー
-----------------------------------------------------*/
.boxPager{
position:relative;
text-align:center;
margin:20px 10px 20px 10px;
}

.boxPager p{
display:inline-block;
border-radius:100px;
-webkit-border-radius:100px;
background:#72a90f;
margin:0 5px 0 0;
padding:2px 10px 2px 10px;
vertical-align:middle;
heihgt:13px;
line-height:13px;
color:#ffffff;
}

.boxPager ul li{
position:absolute;
top:0px;
right:0px;
text-align:right;
color:#cccccc;
}

.boxPager ul li:first-child{
position:absolute;
top:0px;
left:0px;
text-align:left;
}

.boxPager a{
text-decoration:underline;
}

/* 応募者一覧
-----------------------------------------------------*/

.boxList{
border-bottom:1px solid #d9d9d9;
padding:0 0 10px 0;
}

.appeal{
display:block;
margin:10px 10px 0 10px;
}

.userInfo{
padding:10px 10px 10px 10px;
margin:10px 0 0 0;
background:#fffae6 url(../img/img_com_arrow02.png) right center no-repeat;
background-size: 17px 18px;
-webkit-background-size: 17px 18px;
}

.userInfo.unArrow{
padding:10px 10px 10px 10px;
margin:0 0 0 0;
background-image:none;
}

.userInfo li{

background:url(../img/img_com_maru.png) left center no-repeat;
background-size: 15px 15px;
-webkit-background-size: 15px 15px;
margin:5px 0 0 0;
padding:0 0 0 20px;
}

.userInfo li:first-child{
margin:0 0 0 0;
}

.userInfo li .midoku{
color:#cc0000;
}

.userInfo li .kidoku{
color:#72a90f;
}

.henshinInfo{
padding:10px 10px 10px 10px;
margin:10px 0 0 0;
background:#fffae6;
}
/* 応募者詳細
-----------------------------------------------------*/
.boxStatus{
margin:10px 0 0 0;
text-align:center;
}

.boxDetail{
background:#fffae6;
padding:10px 10px 10px 10px;
}

.boxDetail h1{
background:url(../img/img_com_tenpo.png) left center no-repeat;
background-size: 17px 15px;
-webkit-background-size: 17px 15px;
padding:0 0 0 23px;
font-weight:bold;
font-size:15px;
}

.boxDetail p{
margin:5px 0 0 0;
}

.boxList02 dd{
margin:10px 10px 0 10px;
}

/* お知らせ
-----------------------------------------------------*/

.boxInfo dt{
padding:10px 10px 0 10px;
font-weight:bold;
color:#72a90f;
}

.boxInfo dt .data{
display:block;
font-weight:bold;
color:#333333;
font-size:12px;
}

.boxInfo dd{
padding:8px 10px 10px 10px;
color:#999999;
border-bottom:1px solid #e6e6e6;
font-size:12px;
}

.boxInfo dd a{
text-decoration:underline;
}

/* FAQ
-----------------------------------------------------*/
.lstFaq li{
}

.lstFaq li a{
display:block;
padding:10px 10px 10px 10px;
border-bottom:1px solid #e6e6e6;
}

/* clearfix */
.lstFaq li a:before,
.lstFaq li a:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.lstFaq li a:after {
    clear: both;
}
.lstFaq li a{
    *zoom: 1;
}

.q{
display:block;
float:left;
border-radius:100px;
-webkit-border-radius:100px;
background:#ea7171;
margin:2px 5px 0 0;
padding:1px 0 1px 0;
vertical-align:middle;
font-size:10px;
heihgt:13px;
line-height:13px;
color:#ffffff;
width:30px;
text-align:center;
}

.a{
display:block;
float:left;
border-radius:100px;
-webkit-border-radius:100px;
background:#0fa9a7;
margin:2px 5px 0 0;
padding:1px 0 1px 0;
vertical-align:middle;
font-size:10px;
heihgt:13px;
line-height:13px;
color:#ffffff;
width:30px;
text-align:center;
}

.txtFaq{
display:block;
margin:0 0 0 40px;
}

.boxFaq{
margin:10px 10px 0 10px;
padding:10px 10px 10px 10px;
border-radius:10px;
-webkit-border-radius:10px;
background:#edfad4;
}

.boxFaq a{
text-decoration:underline;
}

.boxFaq p:nth-child(2){
border-top:1px solid #ffffff;
margin:10px 0 0 0;
padding:10px 0 0 0;
}

/* clearfix */
.boxFaq p:before,
.boxFaq p:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.boxFaq p:after {
    clear: both;
}
.boxFaq p{
    *zoom: 1;
}

/* ご利用金額一覧
-----------------------------------------------------*/
.seikyu{
display:inline-block;
border-radius:100px;
-webkit-border-radius:100px;
background:#cccccc;
margin:0 0 0 5px;
padding:1px 5px 1px 5px;
vertical-align:middle;
font-size:10px;
heihgt:13px;
line-height:13px;
color:#ffffff;
}

.miseikyu{
display:inline-block;
border-radius:100px;
-webkit-border-radius:100px;
background:#CC0000;
margin:0 0 0 5px;
padding:1px 5px 1px 5px;
vertical-align:middle;
font-size:10px;
heihgt:13px;
line-height:13px;
color:#ffffff;
}

/* メール詳細
-----------------------------------------------------*/
.boxMail{
border-radius:10px;
-webkit-border-radius:10px;
margin:10px 0 0 0;
padding:10px 10px 10px 10px;
background:#efefef;
}

/* エラー
-----------------------------------------------------*/
.boxError{
border-radius:10px;
-webkit-border-radius:10px;
margin:10px 10px 10px 10px;
padding:5px 10px 10px 10px;
background:#ffeded;
}

.boxError li{
background:url(../img/img_com_error.png) left 0.3em no-repeat;
background-size: 15px 15px;
-webkit-background-size: 15px 15px;
margin:5px 0 0 0;
padding:0 0 0 20px;
color:#ff0000;
}