@charset "UTF-8";



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



	common.css



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


/* cssスプライト

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

.spCom{

display:inline-block;

text-indent:-9999px;

overflow:hidden;

background-repeat:no-repeat;

background-image: url(../../img/usersp/sp_common.png);

-webkit-background-size: 320px 550px;

background-size: 320px 550px;

}



.spObj{

display:inline-block;

text-indent:-9999px;

overflow:hidden;

text-align:left;

background-repeat:no-repeat;

background-image: url(../../img/usersp/sp_object.png);

-webkit-background-size: 100px auto;

background-size: 100px auto;

}



.spIcon{

display:inline-block;

background-repeat:no-repeat;

background-image: url(../../img/usersp/sp_icon.png);

-webkit-background-size: 50px 1000px;

background-size: 50px auto;

}



.spIllu{

display:inline-block;

text-indent:-9999px;

overflow:hidden;

background-repeat:no-repeat;

background-image: url(../../img/usersp/sp_illust.png);

-webkit-background-size: 86px auto;

background-size: 86px auto;

width: 86px;

height: 72px;

position: absolute;

right: 2px;

}



.spTopObj{

display:inline-block;

text-indent:-9999px;

overflow:hidden;

text-align:left;

background-repeat:no-repeat;

background-image: url(../../img/usersp/sp_top.png);

-webkit-background-size: 200px auto;

background-size: 200px auto;

}



.spTopIcon{

display:inline-block;

background-repeat:no-repeat;

background-image: url(../../img/usersp/sp_top.png);

-webkit-background-size: 200px auto;

background-size: 200px auto;

}



.spPoint{

display:inline-block;

text-indent:-9999px;

background-repeat:no-repeat;

background-image: url(../../img/usersp/sp_point.png);

-webkit-background-size: auto 110px;

background-size: auto 110px;

width: 133px;

height: 14px;

}



/* wrap

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

#wrap{



}



/* Topページヘッダー

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





.illust01{

background-position:0px 0px;

}



.illust02{

background-position:0px -75px;

}



.illust03{

background-position:0px -150px;

}



.illust04{

background-position:0px -225px;

}



.illust05{

background-position:0px -300px;

}



.illust06{

background-position:0px -375px;

}



.illust07{

background-position:0px -450px;

}



.illust08{

background-position:0px -525px;

}



.illust09{

background-position:0px -600px;

}



/* 共通ヘッダー

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





/* フッター

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

footer{

border-top:1px solid #d6d4cc;

margin-top:-1px;

}



/*footer navi li{

float:left;

width:25%;

}*/



footer navi li{

float:left;

width:33.33%;

}



footer navi li a{

display:block;

height:52px;

padding-top:11px;

border-left:1px solid #d6d4cc;

text-align:center;

background-color:#fff8e9;

}



footer navi li:first-child a{

border-left:none;

}



footer navi .spCom{

width: 65px;

height: 38px;

}



footer navi .btnFotTop .spCom{

background-position:0px 0px;

}



footer navi .btnFotRakupita .spCom{

background-position:0px -38px;

}



footer navi .btnFotMypage .spCom{

background-position:0px -76px;

}



footer navi .btnFotLogin .spCom{

background-position:0px -114px;

}



footer navi .btnFotProfile .spCom{

background-position:0px -152px;

}



footer navi .btnFotCheck .spCom{

width: 94px;

background-position:0px -269px;

}



footer .txtCopyright{

background: #c1bdb5;

color: #ffffff;

font-size: 10px;

text-align: center;

padding: 6px 0;

}



/*contxxx*/

.contInfo,

.contTop,

.contFlst,

.contJouken,

.contDetail,

.contClip,

.contEntry,

.contLogin,

.contUser,

.contMypage,

.contRakupita,

.contInfo,

.contCampaignTop,

.contCampaign{

padding-top:0.1px;

}



/* リスト

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

/*矢印リスト*/



.titCom01 + .lstArrow,

.titCom02 + .lstArrow{

margin:-1px 0 0;

}



.txtCom02 + .lstArrow{

margin:15px 0 0;

}



.lstArrow a{

display:block;

border-top:1px solid #d6d4cc;

padding:0 20px 0 10px;

height:40px;

line-height:40px;

position: relative;

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

}



.lstArrow li:last-child a{

border-bottom:1px solid #d6d4cc;

}



.lstArrow a:before,

.lstArrow a:after{

display: block;

content:' ';

width: 0px;

height: 0px;

border-style: solid;

border-width: 9px 0 9px 7px;

border-color: transparent transparent transparent #d6d4cc;

margin-top:-9px;

position:absolute;

top: 50%;

right: 10px;

}



.lstArrow a:after{

border-color: transparent transparent transparent #ffffff;

right: 12px;

}



/*チェックボックス+矢印リスト*/



.lstCheckArrow a{

display:block;

border-top:1px solid #d6d4cc;

padding:0 54px 0 30px;

height:40px;

line-height:40px;

position: relative;

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

}



.lstCheckArrow{

border-bottom:1px solid #d6d4cc;

}



.lstCheckArrow a:before,

.lstCheckArrow a:after{

display: block;

content:' ';

width: 0px;

height: 0px;

border-style: solid;

border-width: 9px 0 9px 7px;

border-color: transparent transparent transparent #3366cc;

margin-top:-9px;

position:absolute;

top: 50%;

right: 20px;

}



.lstCheckArrow a:after{

border-color: transparent transparent transparent #ffffff;

right: 22px;

}



.lstCheckArrow label{

display:block;

margin-right:50px;

padding:0 0 0 10px;

height:40px;

line-height:40px;

margin-top:-41px;

position: relative;

z-index:9999;

border-right:1px solid #efefef;

}



.lstCheckArrow label input{

margin:0;

vertical-align:middle;

}



.lstCheckArrow ul a{

padding:0 54px 0 45px;

}



.lstCheckArrow ul label{

padding:0 0 0 25px;

}



/*チェックボックスリスト*/



.lstCheckHarf{

background-color:#f3f2f0;

}



.lstCheckHarf li{

background:#ffffff;

width:50%;

float:left;

font-size:11px;

}



.lstCheckHarf label{

display:block;

border-bottom:1px solid #d6d4cc;

height:40px;

line-height:40px;

}



.lstCheckHarf li:nth-child(odd) label{

border-right:1px solid #d6d4cc;

}



.lstCheckHarf label input{

margin:0 5px 0 10px;

}



/* 画像リスト */



.lstImage{

margin:0 5px 0 5px;

}



.camp .lstImage{

margin:0 -5px 0 -5px;

}



.lstImage li{

float:left;

width:33.3%;

text-align:center;

}



.lstImage li img{

width:100%;

}





.lstImage label{

display:inline-block;

margin:7px 5px 7px 5px;

}



.lstImage input[type="radio"]{

margin:5px!important;

}





/* ボタン

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



/*ボタンA*/

.btnA a{

display:block;

background-color:#ff5400;

border-radius:3px;

margin:15px 10px 0 10px;

text-align:center;

color:#ffffff;

padding:10px 0 10px 0;

}



section .btnA:last-child a{

margin-bottom:15px;

}



.btnJ + .btnA a{

margin-top:5px;

}



section .boxWorkList .btnA:last-child a{

margin-bottom:0;

}



.btnA strong{

font-size:15px;

}



.btnA.fix{

height:59px;

}



.btnA.fix em{

z-index:9999;

bottom:0;

left:0;

width:100%;

background-color:rgba(255,255,255,0.75);

font-style:normal;

}



section .btnA.fix:last-child a{

margin:10px;

}



/*ボタンB*/

.btnB a{

display:block;

background-color:#00abeb;

border-radius:3px;

margin:15px 10px 0 10px;

text-align:center;

color:#ffffff;

padding:10px 0 10px 0;

}



.btnB strong{

font-size:15px;

}



/*ボタンC*/

.btnC a{

display:block;

background-color:#ffde8f;

border:1px solid #efb76e;

text-align:center;

padding:10px 0 10px 0;

}



.btnC strong{

font-size:15px;

}



/*ボタンD*/

.btnD a{

display:block;

background-color:#c1bdb5;

border-radius:3px;

margin:15px 10px 0 10px;

text-align:center;

color:#ffffff;

padding:10px 0 10px 0;

pointer-events:none;

font-size:12px;

}



.btnD strong{

font-size:15px;

}



/*ボタンE*/

.btnE{

text-align:right;

margin:10px 10px 15px 10px;

}



.btnE a{

display:inline-block;

color:#3366cc;

font-size:11px;

}



/*ボタンF*/

.btnF a{

display:inline-block;

border-radius:3px;

background-color:#fff8e9;

border:1px solid #d6d4cc;

width:50px;

height:30px;

line-height:30px;

text-align:center;

}



.btnF02{

display:inline-block;

border-radius:3px;

background-color:#fff8e9;

border:1px solid #d6d4cc;

width:50px;

height:30px;

line-height:30px;

text-align:center;

}



/*ボタンG*/



.btnG a{

display:inline-block;

border-radius:3px;

background-color:#ffec9f;

border:1px solid #d6d4cc;

padding:0 6px;

height:20px;

line-height:20px;

text-align:center;

}



/*ボタンH*/

.btnH a{

display:inline-block;

border-radius:3px;

background-color:#fff8e9;

border:1px solid #d6d4cc;

height:20px;

line-height:20px;

text-align:center;

}



/*ボタンI*/

.btnI a{

display:block;

border-radius:3px;

background-color:#ffec9f;

border:1px solid #d6d4cc;

text-align:center;

padding:10px 0 10px 0;

margin:10px 10px 0 10px;

}



.btnI + section{

margin-top:10px;

}



section .btnI:last-child a{

margin:10px 10px 15px 10px;

}



.btnI strong{

font-size:15px;

}



/*ボタンJ*/

.btnJ a{

display:block;

border-radius:3px;

background-color:#fff8e9;

border:1px solid #d6d4cc;

text-align:center;

padding:9px 0 9px 0;

margin:15px 10px 0 10px;

}



section .btnJ:last-child a{

margin-bottom:15px;

}



.btnJ strong{

font-size:15px;

}



/*ボタンK*/

.btnK a{

display:block;

border-bottom:1px solid #d6d4cc;

padding:0 20px 0 10px;

height:40px;

line-height:40px;

position: relative;

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

background-color:#fff8e9;

}



.btnK a:before,

.btnK a:after{

display: block;

content:' ';

width: 0px;

height: 0px;

border-style: solid;

border-width: 9px 0 9px 7px;

border-color: transparent transparent transparent #d6d4cc;

margin-top:-9px;

position:absolute;

top: 50%;

right: 10px;

}



.btnK a:after{

border-color: transparent transparent transparent #fff8e9;

right: 12px;

}



/*ボタンL*/

.btnL a{

display:block;

border-radius:5px;

background-color:#fff8e9;

border:1px solid #d6d4cc;

text-align:center;

padding:5px 0 5px 0;

margin:5px 0 0 0;

color:#3366cc;

}



/*もっと見るボタン*/

.btnMore a{

color:#3366cc;

font-weight:normal;

font-size:11px;

position:absolute;

top:50%;

right:10px;

margin-top:-6px;

}



/*削除ボタン*/

.btnDelete .spObj{

width:20px;

height:20px;

background-position:0px -35px;

}



/*開くボタン*/

.btnOpen .spObj{

width:20px;

height:20px;

background-position:0px -204px;

}



/*開くボタン03*/



.btnOpen03{

text-align:center;

margin:15px 0 -15px 0;

border-top:1px dotted #D6D4CC;

}



.btnOpen03 a{

display:block;

height:30px;

line-height:30px;

}



.btnOpen03 .close{

display:inline-block;

background-position:0px -1067px;

padding-left:20px;

}



/*閉じるボタン*/

.btnClose .spObj{

width:20px;

height:20px;

background-position:0px -229px;

}



/*閉じるボタン02*/



.btnClose02{

border-top:1px solid #D6D4CC;

text-align:center;

margin-top:10px;

}



.btnClose02 a{

display:block;

height:30px;

line-height:30px;

}



.btnClose02 .close{

display:inline-block;

background-position:0px -1043px;

padding-left:20px;

}


/*閉じるボタン03*/



.btnClose03{

text-align:center;

margin:15px 0 -15px 0;

border-top:1px dotted #D6D4CC;

}



.btnClose03 a{

display:block;

height:30px;

line-height:30px;

}



.btnClose03 .close{

display:inline-block;

background-position:0px -1091px;

padding-left:20px;

}



/*boxFix*/

.fix + .boxFix{

height:60px;

}



/*btnSwitch*/

.btnSwitch{

margin:15px 10px 0;

}



section .btnSwitch:last-child{

margin-bottom:15px;

}



.btnSwitch li{

float:left;

width:50%;

}



.btnSwitch li a{

display:block;

background-color:#c1bdb5;

text-align:center;

color:#ffffff;

padding:10px 0 10px 0;

}



.btnSwitch li.on a{

pointer-events:none;

background-color:#ff9000;

}



.btnSwitch li:nth-of-type(1) a{

border-radius:3px 0 0 3px;

}



.btnSwitch li:nth-of-type(2) a{

border-radius:0 3px 3px 0;

}





/*ボタンアイコン*/



.search{

display:inline-block;

background-position:0px -47px;

padding-left:22px;

}



.rakupita{

display:inline-block;

background-position:0px -103px;

padding-left:28px;

}



.shousai{

display:inline-block;

background-position:0px -199px;

padding-left:22px;

}



.hozon{

display:inline-block;

background-position:0px -150px;

padding-left:24px;

}



.hozonzumi{

display:inline-block;

background-position:0px -150px;

padding-left:28px;

}



.weboubo{

display:inline-block;

background-position:0px -680px;

padding:5px 0 5px 28px;

}



.oubozumi{

display:inline-block;

padding:5px 0 5px 0;

}



.teloubo{

display:inline-block;

background-position:0px -740px;

padding:5px 0 5px 30px;

}



.arrow{

display:inline-block;

background-position:0px -232px;

padding-left:8px;

}



.chizu{

display:inline-block;

background-position:0px -835px;

padding-left:12px;

}


.kakudai{

display:inline-block;

background-position:0px -920px;

padding-left:18px;

}



.shukushou{

display:inline-block;

background-position:0px -960px;

padding-left:18px;

}



.modosu{

display:inline-block;

background-position:0px -835px;

padding-left:18px;

}



.login{

display:inline-block;

background-position:0px -1005px;

padding-left:22px;

}



.shusei{

display:inline-block;

padding:5px 0 5px 0;

}



/* imgSample

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

.imgSample{

text-align:center;

margin:15px 0;

}



/* フリーワード検索

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

.btnFreeWord .spObj{

display:inline-block;

width:30px;

height:30px;

background-position:0px -60px;

}



.boxFreeWord{

display:block;

position:relative;

height:30px;

}



.inpFreeWord{

display:block;

margin-right:30px;

}



.boxFreeWord input[type=text]{

height:30px;

}



.boxFreeWord .btnFreeWord{

display:block;

position:absolute;

top:0;

right:0;

}



/* banPickup

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

.banPickup a{

display:block;

border-top:1px solid #d6d4cc;

height:30px;

padding:0 10px;

line-height:30px;

position: relative;

background-color:#edfaff;

font-size:11px;

color:#3366cc;

}



header + section p:first-child .banPickup a{

border-top:none;

}



section + .banPickup a{

border-top:none;

}



/*.banPickup a:before,

.banPickup a:after{

display: block;

content:' ';

width: 0px;

height: 0px;

border-style: solid;

border-width: 8px 0 8px 6px;

border-color: transparent transparent transparent #c6e4f1;

margin-top:-8px;

position:absolute;

top: 50%;

right: 10px;

}



.banPickup a:after{

border-color: transparent transparent transparent #edfaff;

right: 12px;

}*/



.banPickup .spIcon{

display:inline-block;

padding-left:45px;

background-position:0 8px;

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

letter-spacing:-0.5px;

}





/*条件表示

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



/*条件表示*/

.boxJouken{

border-top:1px solid #e2e1dc;

background:#fffbf4;

font-size:11px;

position:relative;

}



.boxJouken::before,

.boxJouken::after{

content:"";

display:table;

}

.boxJouken::after{

clear:both;

}



.boxJouken:first-child{

border-top:none;

}



.boxJouken.off{

background:#eae9e6;

}



.boxJouken dt,

.boxJouken dd{

display:table-cell;

}



.boxJouken dt{

padding:16px 0 16px 10px;

white-space:nowrap;

}

.boxJouken dd{

padding:16px 57px 16px 5px;

}



.boxJouken .spIcon{

display:inline-block;

padding-left:14px;

}



.boxJouken dt > .area{

background-position:0px -255px;

}



.boxJouken dt > .eki{

background-position:0px -303px;

}



.boxJouken dt > .shokushu{

background-position:0px -350px;

}



.boxJouken dt > .kyuyo{

background-position:0px -2220px;

}



.boxJouken dt > .kikan{

background-position:0px -2250px;

}



.boxJouken dt > .shift{

background-position:0px -2280px;

}



.boxJouken dt > .jikan{

background-position:0px -2310px;

}



.boxJouken dt > .koyou{

background-position:0px -2340px;

}



.boxJouken dt > .kodawari{

background-position:0px -399px;

}



.boxJouken dt > .freeword{

background-position:0px -445px;

}



.boxJouken .btnF a{

position:absolute;

top:6px;

right:10px;

}



/*エリア/駅路線変更*/

.fwnAreaEki{

background-color:#ffffff;

border:2px solid #d6d4cc;

width:150px;

border-radius:5px;

position:absolute;

top:44px;

right:10px;

z-index:9999;

box-shadow: 3px 3px 0px rgba(0,0,0,0.20);

}



.fwnAreaEki:before{

display: block;

content:' ';

width:17px;

height:17px;

background-image: url(../../img/usersp/sp_object.png);

-webkit-background-size: 100px auto;

background-size: 100px auto;

background-position:0px -263px;

margin:-17px 0 0 110px;

}



.fwnAreaEki a{

display:block;

position:relative;

padding:12px 10px 15px;

border-top:1px solid #d6d4cc;

}



.fwnAreaEki li:first-child a{

border-top:none;

}



.fwnAreaEki li .area{

background-position:0px -255px;

}



.fwnAreaEki li .eki{

background-position:0px -303px;

}



.fwnAreaEki .btnClose a{

background-color:#f4f4f2;

font-weight:bold;

}



.fwnAreaEki .btnClose .spObj{

width:20px;

height:20px;

background-position:0px -35px;

position:absolute;

top:10px;

right:18px;

}



.boxJouken .fwnAreaEki .btnF02{

position:absolute;

top:4px;

right:4px;

}



/*フリーワード変更*/

.boxJouken .boxFreeWord{

display:block;

padding:10px 10px 12px;

}



.boxFreeWord .btnFreeWord{

top:10px;

right:10px;

}





/* ページャー

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

.lstPager{

position: relative;

height:45px;

}



.lstPager li:nth-of-type(1){

font-size:12px;

text-align:center;

padding-top:12px;

}



.lstPager li:nth-of-type(1){

font-size:12px;

text-align:center;

padding-top:12px;

}



.lstPager li:nth-of-type(1) .all{

color:#ff9900;

}



.lstPager li:nth-of-type(2){

position: absolute;

top: 10px;

left: 10px;

}



.lstPager li:nth-of-type(2) a{

display:block;

width:40px;

height:25px;

line-height:25px;

border-radius:3px;

background-color:#c1bdb5;

font-size:11px;

text-align:center;

color:#ffffff;

padding-left:6px;

position: relative;

}



.lstPager li:nth-of-type(2) a:before,

.lstPager li:nth-of-type(2) a:after{

display: block;

content:' ';

width: 0px;

height: 0px;

border-style: solid;

border-width: 6px 6px 6px 0;

border-color: transparent #ffffff transparent transparent;

margin-top:-6px;

position:absolute;

top: 50%;

left: 5px;

}



.lstPager li:nth-of-type(2) a:after{

border-color: transparent #c1bdb5 transparent transparent;

left: 7px;

}



.lstPager li:nth-of-type(3){

position: absolute;

top: 10px;

right: 10px;

}



.lstPager li:nth-of-type(3) a{

display:block;

width:40px;

height:25px;

line-height:25px;

border-radius:3px;

background-color:#c1bdb5;

font-size:11px;

text-align:center;

color:#ffffff;

padding-right:6px;

position: relative;

}



.lstPager li:nth-of-type(3) a:before,

.lstPager li:nth-of-type(3) a:after{

display: block;

content:' ';

width: 0px;

height: 0px;

border-style: solid;

border-width: 6px 0 6px 6px;

border-color: transparent transparent transparent #ffffff;

margin-top:-6px;

position:absolute;

top: 50%;

right: 5px;

}



.lstPager li:nth-of-type(3) a:after{

border-color: transparent transparent transparent #c1bdb5;

right: 7px;

}



.lstPager li:nth-of-type(2).off a,

.lstPager li:nth-of-type(3).off a{

background-color:#dcdad6;

pointer-events:none;

}



.lstPager li:nth-of-type(2).off a:after{

border-color: transparent #dcdad6 transparent transparent;

}



.lstPager li:nth-of-type(3).off a:after{

border-color: transparent transparent transparent #dcdad6;

}



/* タイトル

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

.titCom01{

background-color:#fff0c7;

font-size: 12px;

font-weight: bold;

border-top:2px solid #ff9000;

border-bottom:1px solid #d6d4cc;

padding:12px 10px;

position:relative;

}



.titCom01 .small{

font-size: 11px;

font-weight: normal;

display:block;

position:relative;

margin-top:3px;

}



.titCom01 .nobold{

font-size: 12px;

font-weight: normal;

}



.titCom01.noEntry{

background-color:#ffebe0;

}



.btnJ + .titCom01{

margin-top:15px;

}



/*section + section .titCom01{

margin:15px 0 0;

}*/



.titCom02{

background-color:#fff8e9;

font-size: 12px;

font-weight: bold;

border-top:1px solid #ff882c;

border-bottom:1px solid #d6d4cc;

margin:15px 0 0;

padding:5px 10px 5px;

position:relative;

}



.lstKeihin + .titCom02,

.titCom01 + .titCom02{

margin:-1px 0 0;

}



.banCampaign + section .titCom02{

margin:10px 0 0;

}



.contFlst .titCom02{

margin:0;

}



.titCom03{

margin:10px 10px 0 10px;

font-weight:bold;

font-size: 12px;

}



.titCom03 + .titCom03{

margin:5px 10px 0 10px;

}



.titCom04{

margin:15px 10px 0 10px;

font-weight:bold;

font-size: 12px;

color:#ff9000;

}



.titCom05{

margin:10px 10px 0 10px;

padding:5px 10px 5px 10px;

font-weight:bold;

font-size: 12px;

font-weight:bold;

background-color:#ff9000;

color:#ffffff;

}



.txtCom03 + .titCom05{

margin:1.5px 10px 0 10px;

}



.tblInfo02 +  .titCom05{

margin:15px 10px 0 10px;

}



/*必須*/

.must{

display:inline-block;

margin-left:3px;

font-size:9px;

padding:1px 2px;

height:12px;

line-height:12px;

background-color:#ff7800;

color:#ffffff;

vertical-align:bottom;

}



.camp .must{

vertical-align:middle;

}



.titCom05 .must{

background-color:#ffffff;

color:#ff7800;

}



.titCom06{

margin:10px 10px 0 10px;

padding:3px 5px 3px 5px;

font-size: 10px;

background-color:#ff9000;

color:#ffffff;

}



.titCom07{

margin:10px 10px 0 10px;

font-weight:bold;

font-size: 16px;

font-weight:bold;

text-align:center;

}



.titCom08{

margin:15px 10px 0 10px;

font-weight:bold;

font-size: 12px;

color:#ff9000;

text-align:center

}



.titRakupita{

background-color:#fff0c7;

font-size: 12px;

font-weight: bold;

border-top:1px solid #ff882c;

height:26px;

line-height:26px;

margin:15px 0 0;

padding:0 10px 0;

position:relative;

}



.titRakupita strong{

color:#ff9000;

}



/*アイコン*/



.titCom01 > .spIcon{

display:inline-block;

background-position:0px -152px;

padding-left:20px;

}



.titCom01 > .area{

background-position:0px -1515px;

}



.titCom01 > .shokushu{

background-position:0px -1550px;

}



.titCom01 > .keitai{

background-position:0px -1585px;

}



.titCom01 > .shift{

background-position:0px -1620px;

}



.titCom01 > .kyuyo{

background-position:0px -1655px;

}



.titCom01 > .kikan{

background-position:0px -1690px;

}



.titCom01 > .jikan{

background-position:0px -1725px;

}



.titCom01 > .ninki{

background-position:0px -1760px;

}



.titCom01 > .keiken{

background-position:0px -1795px;

}



.titCom01 > .reki{

background-position:0px -1830px;

}



.titCom01 > .yasumi{

background-position:0px -1865px;

}



.titCom01 > .koutus{

background-position:0px -1900px;

}



.titCom01 > .taigu{

background-position:0px -1935px;

}



.titCom01 > .boshu{

background-position:0px -1970px;

}



.titCom01 > .koko{

background-position:0px -2005px;

}



.titCom01 > .oshigoto{

background-position:0px -2040px;

}



.titCom01 > .oubo{

background-position:0px -2075px;

}



.titCom01 > .company{

background-position:0px -2110px;

}



.titCom01 > .konokyujin{

background-position:0px -2145px;

}



.titCom01 > .konnajoken{

background-position:0px -2180px;

}



/* テキスト

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

.attention{

color:#ff5400;

}



.note{

font-size:11px !important;

margin-top: -5px !important;

color:#999999 !important;

}



section + .txtCom02,section .txtCom02:last-child,

section + .txtCom03,section .txtCom03:last-child{

margin-bottom: 15px;

}



.txtCom01{

padding: 15px 10px 0 10px;

font-size:11px;

}



.txtCom01 + .txtCom01{

padding: 5px 10px 0 10px;

}



.txtCom02{

padding: 10px 10px 0 10px;

font-size:11px;

}



.txtCom02 a{

color:#3366cc;

}



.txtCom02 .imp{

color:#ff9000;

}





.txtCom03{

margin:0 10px 0 10px;

padding:5px 10px 5px 10px;

font-size: 12px;

background-color:#fff7e3;

}



.txtCom04{

display:block;

margin:1px 10px 0 10px;

padding:3px 5px 3px 5px;

font-size: 10px;

background-color:#ffffff;

}



.center{

text-align:center;

}



label.txtCom04{

font-size: 12px;

padding:6px 10px 6px 10px;

}



.txtCom05{

padding: 15px 10px 0 10px;

font-size:12px;

line-height:1.5;

text-align:center;

}



.txtCom05.line{

border-top:1px solid #d6d4cc;

margin: 15px 10px 0 10px;

}



.txtCom06{

margin:0 0 -5px 0;

font-size:11px;

text-align:center;

color:#ff5400;

padding:5px 10px 5px 10px;

background-color:#ffebe0;

}



.txtCom07{

margin: 15px 10px -10px 10px;

font-size:11px;

}



.txtCom08{

margin:15px 10px 0 10px;

padding: 15px 0 0 20px;

font-size:11px;

border-top:1px solid #eae9e5;

}



.txtCom08:first-child{

margin:0 10px 0 10px;

border-top:none;

}



.txtCom08 .num{

display:inline-block;

background-color:#ff9000;

color:#ffffff;

border-radius:3px;

width:15px;

height:15px;

line-heihgt:15px;

text-align:center;

margin:0 5px 0 -20px;

font-weight:bold;

}



.txtCom09{

padding: 15px 10px 10px 10px;

font-size:11px;

}



.txtTel{

padding: 15px 10px 0 10px;

font-size:20px;

line-height:1.5;

text-align:center;

}



.txtScroll{

border:1px solid #d3d0c8;

margin:15px 10px 0 10px;

padding:10px;

height:120px;

overflow:scroll;

}



.point{

font-weight:bold;

}



.point strong{

color:#ff6600;

font-family:Arial;

}



/* アラート

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



.txtAlart{

display:block;

padding:10px 10px 10px 10px;

position: relative;

background-color:#ffebe0;

color:#ff5400;

}



.txtAlart p{

margin-top:10px;

padding-top:10px;

border-top:1px dotted #ff5400;

color:#ff5400;

}



.txtAlart li{

margin-top:5px;

font-weight:bold;

}



.txtAlart li:first-child{

margin-top:0;

}



.txtAlart .spIcon{

display:inline-block;

background-position:0px -796px;

padding-left:18px;

}



.err-box{

display:block;

padding:10px 10px 10px 10px;

position: relative;

background-color:#ffebe0;

color:#ff5400;

}



.err-box p{

margin-top:10px;

padding-top:10px;

border-top:1px dotted #ff5400;

color:#ff5400;

}



.err-box li{

margin-top:5px;

font-weight:bold;

background-repeat:no-repeat;

background-image: url(../../img/usersp/sp_icon.png);

-webkit-background-size: 50px 1000px;

background-size: 50px auto;

background-position:0px -796px;

padding-left:18px;

}



.err-box li:first-child{

margin-top:0;

}





/* 画像

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

.imgCom01{

margin: 15px 10px 0 10px;

text-align:center;

}



.imgFR{

margin: 0 10px 0 5px;

float:right;

}



/* セレクトエリア

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

.boxSelectPre,

.boxSelectError{

position: relative;

color: #1a2239;

text-shadow: 0px 1px 1px #ffffff;

min-height: 22px;

padding: 10px;

margin: 10px 0 0 0;

}



.boxSelect02{

margin: 1px 0 0 0;

}



.boxSelectPre{

background: #cdebf9;

}



.boxSelectError{

background: #f2dae3;

color: #df004e;

}



.boxSelectPre label,

.boxSelectError label{

display: block;

}



.boxSelectPre img.required,

.boxSelectError img.required{

position: absolute;

top: 10px;

left: 10px;

}



.boxSelectPre input.input01,

.boxSelectError input.input01{

position: absolute;

top: 5px;

left: 45px;

}



.boxSelectPre input.input02,

.boxSelectError input.input02{

position: absolute;

top: -10px;

left: 0px;

}



.boxSelectPre .txt,

.boxSelectError .txt{

display: block;

padding: 0 0 0 76px;

}



span.other,

span.other{

display: block;

margin: 10px 0 0 0;

}



.boxSelectPre .other input,

.boxSelectError .other input{

background: #ffffff;

border: 1px solid #1a2239;

}



.boxSelectPre a,

.boxSelectError a{

color: #0088c9;

font-weight: bold;

}



/* セレクトリスト

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

ul.txtSelectList{

padding: 10px 0;

margin: 10px 0 0 0;

}



ul.txtSelectList li{

position: relative;

min-height: 22px;

padding: 10px 10px 10px 40px;

}



ul.txtSelectList label{

display: block;

}



ul.txtSelectList input.input02{

position: absolute;

top: 5px;

left: 10px;

}



ul.txtSelectList span.txt{

display: block;

padding: 0 0 0 13px;

}



ul.txtSelectError{

background: #f2dae3;

color: #df004e;

text-shadow: 0px 1px 1px #ffffff;

padding: 10px 0;

margin: 10px 0 0 0;

}



ul.txtSelectList a{

color: #0088c9;

font-weight: bold;

}



/* boxForm

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

.boxForm{

margin:10px 10px 0 10px;

font-size:11px;

}



.boxForm input[type=checkbox],

.boxForm input[type=radio]{

margin: 0 5px 0 0;

}



.boxForm{

margin:10px 10px 0 10px;

font-size:11px;

}



.boxForm dt{

margin:10px 0 0;

font-weight:bold;

}



.boxForm dd,

.boxForm p{

margin:5px 0 0;

}



.boxForm .alert{

color:#ff7800;

}



.boxForm .alert input,

.boxForm .alert select,

.boxForm .alert textarea{

background-color:#fff4d8;

}



.boxForm.comfirm dd{

margin:5px 0 15px

}



.boxForm.date{

margin:15px 0 0 0;

}



.boxForm.date dt{

background-color:#fff8e9;

font-size: 12px;

font-weight: bold;

border-top:1px solid #ff882c;

border-bottom:1px solid #d6d4cc;

height:26px;

line-height:26px;

margin:15px 0 0;

padding:0 10px 0;

}



.boxForm.date dd{

margin:10px 15px 15px

}



.boxForm.camp{

margin:15px 0 0 0;

}



.boxForm.camp dt{

background-color:#fff8e9;

font-size: 12px;

font-weight: bold;

border-top:1px solid #ff882c;

border-bottom:1px solid #d6d4cc;

height:26px;

line-height:26px;

margin:15px 0 0;

padding:0 10px 0;

}



.boxForm.camp dd{

margin:10px 10px 15px

}





.boxForm .txtSmall{

display:block;

margin-top: 3px;

}



.boxForm .check label{

display:block;

margin:5px 0 0;

padding:10px 0 5px;

font-size:12px;

}





.boxForm .listLength li{

padding:10px 0 10px;

border-top:1px dotted #cccccc;

}



.boxForm .listLength li:first-child{

border-top:none;

}



.boxForm .listLength label{

display:block;

}



.boxForm .img{

display:block;

margin-top: 5px;

}



/* フォーム

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

select{

font-size: 12px;

height:30px;

border:1px solid #c0beb4;

background-color:#ffffff;

border-radius: 0;

-webkit-appearance: none;

appearance: none;

background-repeat:no-repeat;

background-image: url(../../img/usersp/obj_select.png);

-webkit-background-size: 30px 30px;

background-size: 30px 30px;

background-position:top right;

padding-right:33px;

width:100%;

}





select.auto{

width:auto;

}



input[type=checkbox],

input[type=radio]{

/*-webkit-transform: scale(1,1);

transform: scale(1,1,1,1);*/

margin: 10px;

vertical-align:-0.4em;

-webkit-appearance: none;

}



input[type=radio]{

-webkit-appearance: none;

border:1px solid #c1bdb5;

background-color:#ffffff;

width:16px;

height:16px;

border-radius:50%;

position: relative;

}



input[type=radio]:checked{

background-color:#fff7e3;

}



input[type=radio]:checked:after {

content: '';

background-color:#ff9900;

width:6px;

height:6px;

border-radius:50%;

position: absolute;

top: 4px;

left: 4px;

}



input[type=checkbox]{

-webkit-appearance: none;

border:1px solid #c1bdb5;

background-color:#ffffff;

width:16px;

height:16px;

border-radius:3px;

position: relative;

}



input[type=checkbox]:checked {

background-color:#fff7e3;

}



input[type=checkbox]:checked:after {

content: '」';

font-size: 18px;

position: absolute;

top: -6px;

left: 4px;

color: #ff9900;

font-weight:bold;

-webkit-transform: rotate(45deg);

}

.center input[type=checkbox]{

margin: 0 5px 0 0;

}



input[type=text],

input[type=number],

input[type=tel],

input[type=email],

input[type=search],

input[type=password],

textarea{

font-size: 14px;

height:36px;

border:1px solid #c0beb4;

background-color:#ffffff;

border-radius: 0;

-webkit-appearance: none;

appearance: none;

box-sizing:border-box;

width:100%;

}



input[type=file]{

margin-top:10px;

}



dd input[type=file]:first-child{

margin-top:0;

}





textarea{

height:110px;

resize: none; 

}



::-webkit-input-placeholder{

color:#b8b2a1;

font-size:11px;

}



:-moz-placeholder{

color:#b8b2a1;

font-size:11px;

}



input[type=date]{

font-size: 15px;

}



input.size01{

width: 45px;

}



input.size02{

width: 196px;

}



input.size03{

width: 150px;

}



input.size04{

width: 283px;

}



input.error{

background: #f3dde5;

color: #df004e;

}



input.radioSide{

margin: 10px 10px 10px 20px;

}



#footer{

	width:100%;

	overflow:hidden;

	background-color:#fff;

	bottom:0;

}

#footer section{

	width:100%;

	background-color:#fff;

	margin-bottom:0;

	border-top:2px solid #F60;

	padding:10px 0 80px 0;

}

#footer section h4{

	text-align:center;

}

#footer section p{

	text-align:center;

	font-size:80%;

}



ul{

  margin: 0;

  padding: 0;

  list-style: none;

}



#breadcrumbs-one{

  background: #eee;

  border-width: 1px;

  border-style: solid;

  border-color: #f5f5f5 #e5e5e5 #ccc;

  border-radius: 5px;

  box-shadow: 0 0 2px rgba(0,0,0,.2);

  overflow: hidden;

  width: 100%;

}

 

#breadcrumbs-one li{

  float: left;

}

 

#breadcrumbs-one a{

  padding: .7em 1em .7em 2em;

  float: left;

  text-decoration: none;

  color: #444;

  font-size:70%;

  position: relative;

  text-shadow: 0 1px 0 rgba(255,255,255,.5);

  background-color: #ddd;

  background-image: linear-gradient(to right, #f5f5f5, #ddd);

}

 

#breadcrumbs-one li:first-child a{

  padding-left: 1em;

  border-radius: 5px 0 0 5px;

}

 

/*
#breadcrumbs-one a:hover{

  background: #fff;

}
*/

 

#breadcrumbs-one a::after,

#breadcrumbs-one a::before{

  content: "";

  position: absolute;

  top: 50%;

  margin-top: -1.5em;

  border-top: 1.5em solid transparent;

  border-bottom: 1.5em solid transparent;

  border-left: 1em solid;

  right: -1em;

}

 

#breadcrumbs-one a::after{

  z-index: 2;

  border-left-color: #ddd;

}

 

#breadcrumbs-one a::before{

  border-left-color: #ccc;

  right: -1.1em;

  z-index: 1;

}

 

#breadcrumbs-one .current::after,

#breadcrumbs-one .current::before{

  content: normal;

}