@charset "UTF-8";
/* CSS Document */


/* ============================================================
   default
============================================================ */
/*html,body{width:100%; height: 100%;}*/

/*font設定の記事
http://d.hatena.ne.jp/Syunpei/20120323/1332460739
*/


html{ font-size: 62.5%; }

body {color:#333333;
  font-family:"Lucida Grande","Lucida Sans Unicode","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W6","HiraKakuPro-W6", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-break: break-all;
  -webkit-text-size-adjust: 100%;
  line-height: 1;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: white;
  min-width: 1000px;
}

/*海外版単語折り返し*/
#language_En{
  word-wrap:break-word;
  word-break: normal;;
}

::selection {
  background: #ffe600; /* Safari */
}

::-moz-selection {
  background:#ffe600; /* Firefox */
}

a{color:#05a1c6;text-decoration: none;outline: none;}
a:hover{text-decoration:underline;}


/*フォントサイズ参考*/
.fs09{ font-size: 8px; font-size: 0.8rem; }
.fs09{ font-size: 9px; font-size: 0.9rem; }
.fs10{ font-size: 10px; font-size: 1.0rem; }
.fs11{ font-size: 11px; font-size: 1.1rem; }
.fs12{ font-size: 12px; font-size: 1.2rem; }
.fs13{ font-size: 13px; font-size: 1.3rem; }
.fs14{ font-size: 14px; font-size: 1.4rem; }
.fs15{ font-size: 15px; font-size: 1.5rem; }
.fs16{ font-size: 16px; font-size: 1.6rem; }
.fs17{ font-size: 17px; font-size: 1.7rem; }
.fs18{ font-size: 18px; font-size: 1.8rem; }
.fs19{ font-size: 19px; font-size: 1.9rem; }
.fs20{ font-size: 20px; font-size: 2.0rem; }
.fs21{ font-size: 21px; font-size: 2.1rem; }
.fs22{ font-size: 22px; font-size: 2.2rem; }
.fs23{ font-size: 23px; font-size: 2.3rem; }
.fs24{ font-size: 24px; font-size: 2.4rem; }
.fs25{ font-size: 25px; font-size: 2.5rem; }

/*google コンバージョンソースを不可視*/
iframe[name="google_conversion_frame"]{display: none;}



/* ============================================================
   header
============================================================ */
#header{width: 100%;background: #FFF;}
#headerIn{width: 1000px;margin: auto;background: #FFF; height: 94px;position: relative;overflow: hidden;}
#headerIn:after{position: absolute; content: "" ;width: 230px;height: 4px;background: url("../img/br.gif?ver=20151224140507") no-repeat 0px 0px; top: 0px;left: 0px;}
#siteId{
  width: 200px;
  position: absolute;
  top: 28px;
  left: 17px;
  height: 40px;
}
#siteId span{display: none;}
#siteId:hover{opacity:0.7;}

/*ログイン前*/

#navigation{position: absolute;right: 0;}
#navigation ul{position: relative;}
#navigation a{display: block;}
#navigation a img{display: block;}
#navigation a:hover{opacity: 0.5;}
/*プロジェクトをさがす*/
.link01{position: absolute;top: 0px;right: 419px;}

/*プロジェクトを始める*/
.link02{position: absolute;top: 0px;right: 294px;}

/*Makuakeとは?*/
.link03{position: absolute; top: 0px;right: 181px;}

/*ログイン*/
.link04{position: absolute;top: 0px;right: 72px;}

/*新規登録*/
.link05{position: absolute;top: 0px;right: 0px;}


#navigation02{position: absolute;right: 0;}
#navigation02 a{display: block;}
#navigation02 a img{display: block;}
#navigation02 a:hover{opacity: 0.5;}

/*実行者だけに表示するダッシュボードリンク*/
.linkDash{position: absolute;top: 0px;right: 555px;}


/*プロジェクトをさがすログイン後*/
.link01After{position: absolute;top: 0px;right: 419px;}

/*プロジェクトを始めるログイン後*/
.link02After{position: absolute;top: 0px;right: 286px;}

/*ヘルプ  Makuakeとは?と*/
.link06{position: absolute;top: 0px;right: 181px;}

/*ログアウト　ログインと一緒*/
.link07{position: absolute;top: 0px;right: 78px;}

/*マイページ 新規登録だけどユーザーのサむねがあるので*/
.link09{background: url("../img/nav_08.png?ver=20151224140507") no-repeat 0px 0px; width: 64px;height: 94px;position: absolute;top: 0px;right: 0px;}

/*ログイン後の自分の顔*/
#user_image {position: absolute;right: 12px;top: 25px;width: 26px;height: 26px;border-radius: 2px;}

/*.link01,.link02,.link03,.link04,.link05,.link06,.link07,.link08{display:block; line-height: 90px;font-size: 12px; font-size: 1.2rem; font-weight: bold;margin-top: 3px;color: #333333;}
.link01{background: url("../img/icon_search_24.gif?ver=20151224140507") no-repeat 0px 32px;text-indent: 22px;margin-right: 20px;}
.link02{background: url("../img/icon_project_24.gif?ver=20151224140507") no-repeat 0px 32px;text-indent: 25px;margin-right: 20px;}
.link03{background: url("../img/icon_question_24.gif?ver=20151224140507") no-repeat 0px 32px;text-indent: 25px;margin-right: 20px;}
.link04{background: url("../img/icon_login_24.gif?ver=20151224140507") no-repeat 0px 31px;text-indent: 25px;margin-right: 20px;}
.link05{text-indent: -9999px;background: url("../img/btn_entry.png?ver=20151224140507") no-repeat 0px 1px #01B1DA; width: 152px;margin-right: 25px;height: 35px;position: relative;top: 26px;border-radius: 2px;}
.link05:hover{background: url("../img/btn_entry.png?ver=20151224140507") no-repeat 0px 1px #1ad4ff;}
.link06{background: url("../img/icon_question_24.gif?ver=20151224140507") no-repeat 0px 32px;text-indent: 25px;margin-right: 20px;}
.link07{background: url("../img/icon_mypage_24.gif?ver=20151224140507") no-repeat 0px 32px;text-indent: 25px;margin-right: 20px;}
.link08{background: url("../img/icon_logout_24.gif?ver=20151224140507") no-repeat 0px 32px;text-indent: 25px;margin-right: 20px;}
.link09{background: #01b1da; width: 121px;display: block;padding: 11px 11px 8px 8px;position: relative;top: 29px;border-radius: 2px;text-align: right;color: white;font-size: 13px;font-size: 1.3rem;height: 35px;font-weight: bold;}
.link09:hover{text-decoration: none;background:#1ad4ff;}
.link09 img{width:22px;position: absolute;left: 11px;top: 5px;}*/

/* ============================================================
   topPath
============================================================ */
#topPath{width: 100%; background: #2f2f2f; height: 36px;}
#topPathIn{width: 1000px;margin: auto; height: 36px;line-height: 36px;position: relative;font-size: 12px; font-size: 1.2rem;color: white;}
.mauakeH1 {display: inline-block;color: white;position: absolute;right: 104px;top: 0;line-height: 36px;height: 36px;font-size: 11px;width: 722px;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;}
.mauakeNewsList{position: absolute;right: 0;}
.mauakeNewsList a{color: white;display: inline-block;position: relative;margin-right: 10px;text-decoration: none;}
.mauakeNewsList a:hover{text-decoration:underline;}

#topPathList{height: 36px;overflow: hidden;width: 715px;}
#topPathList li{float: left; margin-right: 20px;}
#topPathList li:nth-child(1){margin-right: 10px;}

#topPathList02{height: 36px;width: 230px;position: absolute;line-height: 36px;}
/*#topPathList02 li:first-child{cursor: default;}*/
#topPathList02 li{float: left; text-align: center;}


.topPathMail{position: relative;top: 5px;cursor: pointer;}

.topPathMail:hover{opacity:0.6;}


.topPathNotifi{position: relative;top: 5px;cursor: pointer;}

.topPathNotifi:hover{opacity:0.6;}


.Ameba{position: relative;top: 6px;margin-right: 17px;margin-left: 14px;}



#topPathAlertMailBase{min-width: 58px;}
#topPathAlertBase{min-width: 57px;}

.topPathAlertMail{background: #ef4d73;padding: 2px 5px;border-radius: 70px;border: solid white 2px;font-size: 10px;font-size: 1rem;font-weight: bold;position: relative;top: -2px;left: -2px;cursor: default;}
.topPathAlert{background: #ef4d73;padding: 2px 5px;border-radius: 70px;border: solid white 2px;font-size: 10px;font-size: 1rem;font-weight: bold;position: relative;top: -2px;left: -2px;cursor: default;}

/*.good_project_amount{background: #ef4d73;padding: 2px 5px;border-radius: 70px;border: solid white 2px;font-size: 10px;font-size: 1rem;font-weight: bold;position: relative;top: -2px;left: -2px;cursor: default;}*/


.topPathDm:after{position: absolute;width: 25px;height: 25px;background: red;right: -28px;top: 5px;content: "";background: url("../img/icon_dm_24.gif?ver=20151224140507");}


#projectTips{}
#mailTips{}

/* ============================================================
   ツールチップ
============================================================ */

.toolTipsPjt{position: absolute;width: 330px;height: 400px;background:white; z-index: 1000;top: 39px;box-shadow: 0 3px 8px rgba(0, 0, 0, .25);border: 1px solid rgba(100, 100, 100, .4);display: none;color: #333333;/* overflow: hidden; */}



.toolTipsPjt:before{position: absolute;content: ""; left: 76px; bottom: 100%;border:10px solid transparent;border-bottom:10px solid rgba(100, 100, 100, .4);}
.toolTipsPjt:after{position: absolute;content: ""; left: 76px; bottom: 100%;border:9px solid transparent;border-bottom:9px solid #fff;}
 .toolTipsPjt02{
width: 100%;
height: 391px;
position: relative;
overflow: hidden;
margin-top: 5px;
}


.toolTipsPjt03{}
.inMsHeader{border-bottom: 1px solid rgb(219, 219, 219);cursor: pointer;padding: 12px;}
.inMsHeader:hover{background: #F8F8F8;}
.inMsUserHeader{}
.inMsLeft{float: left;width: 36px;height: 57px;}
.inMsLeft img{display: block;}
.posOrner{
    width: 36px;
    background: #ffe600;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    padding: 3px;
    color: #424242;
    position: relative;
    top: -3px;
    font-size: 1rem;
}
.posOrner:after{content:"";position:absolute;right: 13px;border: 5px solid transparent;border-bottom: 5px solid #ffe600;top: -10px;}
.inMsRight{float: left;margin-left: 12px;width: 255px;}

.inMsTimeHeader{text-align: right;
font-size: 10px;
font-size: 1rem;
font-weight: bold;
color: #8d8d8d;line-height: 15px;}


.inMsRead{
    background: #E6E6E6;
}
.inMsRead:hover{  background: #F5F5F5;}


.inMsCreator{background: #ffe600;}
.inMsCreator:hover{background: #FFEC38;}
.toolHx{background: whiteSmoke;text-indent: 9px;border-bottom: 1px solid rgb(216, 216, 216);font-weight: bold;color: #8d8d8d;}

#notice-next{
    /* border: solid 2px #B4D5DD; */
    text-align: center;
    border-radius: 2px;
    width: 150px;
    display: block;
    height: 33px;
    line-height: 31px;
    margin: 12px auto;
    background: #01b1da;
    color: white;
}
#notice-next:hover{text-decoration:none;background: #1ad4ff; color:white;}
.inMsComment{line-height: 1.3;}
.iMcBold{font-weight:bold;}
/*.toolTipsPjt03 > div:first-child div{padding-top:0;}


.inMsHeader{
    border-bottom: 1px solid rgb(236, 236, 236);
}
.inMsUserHeader{width: 100%;display: table;table-layout: fixed;padding: 10px 0;}
.inMsUserHeader div{display: table-cell;vertical-align: middle;}
.inMsNameHeader{padding-left: 10px;}

.inMsPhotoHeader img{display: block;}
.inMsPhotoHeader span{color: gray;font-size: 14px;margin-left: 5px;}


.dmRightDown04{width: 100%;height: 210px;position: relative;}
.msInput04 {padding: 6px;font-size: 14px;color: rgb(87, 87, 87);border: none;position: absolute;top: 20px;border: 1px solid rgb(170, 170, 170);font-size: 1.4rem;width: 452px;resize: none;}
*/

/* ============================================================
   footer
============================================================ */
#fooder{width: 100%; background: #2f2f2f; overflow: hidden;position: relative;overflow: visible;}
#fooderIn{width: 1000px;margin: auto; height: 200px;line-height: 70px;color: white;}
#fooderIn:before{ position: absolute; content: "" ;width: 230px;height: 4px;background: url("../img/br.gif?ver=20151224140507") no-repeat 0px 0px; top:-4px;}


/*フッター1段目*/
#footer{width: 100%; /*height: 584px;*/ background: #2f2f2f; color: white;overflow: visible;}
#footerFirst{height: 236px;}
#pjtDoing:before{ position: absolute; content: "" ;width: 230px;height: 4px;background: url("../img/br.gif?ver=20151224140507") no-repeat 0px 0px; top:-4px;left: 0;}
#pjtDoing{width: 1000px;margin: auto;letter-spacing: 1px;position: relative;height: auto;}


.moreMakuakeBtn{display: block;border: none;border-radius: 0px;cursor: pointer;outline: none;position: absolute;right: 0px;color: white;font-size: 18px;border-radius: 2px;font-size: 1.8rem;width:320px;text-align:center;line-height: 55px;height: 55px;background: #01b1da;top: 38px;right: 0;}
.moreMakuakeBtn:hover{background:#1ad4ff;}

.ftllPjtDoing{position: absolute;top:36px;left:8px;font-size: 22px; font-size: 2.2rem; background: url("../img/icon_project_36.gif?ver=20151224140507") no-repeat 0 50%; text-indent: 40px;width: 660px;}
.textPjtDoing{position: absolute;top: 40px;left: 336px;font-size: 16px; font-size: 1.6rem;width: 660px;}

.forApplyBn{display:block;border-radius: 4px;position: absolute;top: 81px;}
.forApplyBn:hover{
  -webkit-filter:brightness(107%);
  -moz-filter:brightness(107%);
filter:brightness(107%);
}

/*フッター2段目*/
/*フッター2段目のベース*/
#footerSecond{width: 1000px;margin: auto;position: relative;height: 370px;}

/*各セクション総括*/
#ftSearch{position: absolute;left: 0;top:16px; width: 1000px;}
/*#ftFase{position: absolute;width: 360px;left: 325px;}*/
#ftLetter{position: absolute;width: 290px;top: 224px; left: 8px;}
#ftFollow{position: absolute;width: 136px;left: 490px; top: 268px; height: 30px;}
#ftSns{position: absolute;top: 321px;width: 683px;left: 8px;}
#ftMenu{position: absolute;left: 0; width: 660px;top: 126px;}
#ftMsgbox{position: absolute;right: 0; width: 320px;top: 126px;}

/*各タイトル総括*/
.ftllSearch,.ftllFace,.ftllLetter,.ftllMenu,.ftllMsgbox{font-size: 15px; font-size: 1.5rem;line-height: 45px;}
.ftllSearch{background: url("../img/icon_search_36.gif?ver=20151224140507") no-repeat 0 3px;text-indent: 38px; }
.ftllFace{/* background: url("../img/icon_facebook_36.png?ver=20151224140507") no-repeat 0px 10px; */text-indent: 1px; }
.ftllLetter{/* background: url("../img/icon_letter_36.gif?ver=20151224140507") no-repeat -8px 5px; */text-indent: -1px; }
.ftllMenu{background: url("../img/icon_menu_36.png?ver=20151224140507") no-repeat 0 3px;text-indent: 36px; }

/*プロジェクトを探す*/
.ftSerchList{padding-left: 11px;}
.ftSerchList li{float: left;padding-right:14px;}
.ftSerchList a{ padding-right:14px;border-right:1px solid #FFFFFF; line-height: 24px; font-size: 10px; font-size: 1rem; color: white; }
.ftSerchList p{ display: block; width: 120px; line-height: 27px;font-size: 12px; font-size: 1.2rem; color: rgb(189, 189, 189); font-weight: bold;}


/*メニュー*/

.ftMenuList{padding-left: 11px;}
.ftMenuList li{float: left;padding-right:12px;}
.ftMenuList a{ padding-right:12px;border-right:1px solid #FFFFFF; line-height: 19px; font-size: 10px; font-size: 1rem; color: white; }
.ftMenuList p{ display: block; width: 120px; line-height: 27px;font-size: 12px; font-size: 1.2rem; color: rgb(189, 189, 189); font-weight: bold;}


/*facebook*/
#faceBookInclude{width: auto;height: auto;background: white; position: absolute;}

/*ニュースレター*/

.ftinputFormArea{position: relative;}
.emailInput {padding: 6px;font-size: 14px;font-size: 1.4rem;color: rgb(87, 87, 87);border: none;border-radius: 2px;position: absolute;width: 260px;top: 0px;height: 30px;}
.sendBtn{display: block;border: none;border-radius: 0px;cursor: pointer;outline: none;position: absolute;left: 277px;color: white;font-size: 12px;border-radius: 2px;font-size: 1.2rem;padding: 0px 25px 0px 25px;line-height: 28px;height: 30px;width: 82px;background: #01b1da;letter-spacing: 0.1em;top: 0px;}
.sendBtn:hover {background: #1ad4ff;}



/*SNSボタンが並んでいるところ*/

.ftsnsBase{ height: 35px;  position: absolute; left: 0; top: 0; min-width: 582px;}
.ftsnsBase li{float: left;padding-top: 8px;}
.ftBtnAmeba{margin-right: 36px;}
.ftBtnNow{width: 92px;}
.ftBtnGoogle{position: absolute;left: 130px;}
.ftBtnHatebu{}
.ftBtnFace{margin-right: 32px;}
.ftBtnTweet{width: 134px;}


/*フォロー*/
.ftFollowArea{position:relative;top: -3px;}

.btnBlog,.btnTwitter,.btnFacebook{position: absolute;}
.btnBlog:hover,.btnTwitter:hover,.btnFacebook:hover{opacity: 0.8;}
.btnBlog{left: -4px;}
.btnTwitter{left: 48px;}
.btnFacebook{left: 102px;}
.ftllFollow01{}
.ftllFollow02{}
.ftllFollow03{}

/*ご意見*/
.ftMsgbox_default,
.ftMsgbox_after {min-height:178px;}

#ftMsgbox textarea {
  width: 320px;
  height: 105px;
  margin-bottom: 12px;
  padding:10px;
  font-size:13px;
  font-size:1.3rem;
  color: #333333;
  line-height:1.2;
  border: none;

  border-radius: 2px;

}
.textMsgbox {
  float:left;
  width:220px;
  font-size: 11px;
  line-height: 16px;
}
.msgSendBtn {float: right;display: block;border: none;cursor: pointer;outline: none;color: white;font-size: 12px;border-radius: 2px;font-size: 1.2rem;line-height: 29px;height: 31px;width: 94px;background: #01b1da;letter-spacing: 0.1em;text-align:center;}
.msgSendBtn:hover {background: #1ad4ff;}


#ftMsgbox_after {text-align:center;}
.ttl_ftMsgbox_after {
  height:42px;
  line-height: 42px;
  font-size:13px;
  font-size:1.3rem;
  color:#6c6c6c;
  font-weight: bold;
  background: #c6c6c6;
  border-bottom:1px solid #FFFFFF;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
}
.info_ftMsgbox_after {
  background: #FFFFFF;
  -moz-border-radius: 0px 0px 2px 2px;
  -webkit-border-radius: 0px 0px 2px 2px;
  border-radius: 0px 0px 2px 2px;
  padding: 16px 34px;
}
.txt_ftMsgbox_after {
  color: #808080;
  font-size:12px;
  font-size:1.2rem;
  line-height: 18px;
  text-align: left;
  margin-bottom: 14px;
}
.info_ftMsgbox_after ul {margin-left: 50px;}
.info_ftMsgbox_after ul li {
  font-size:12px;
  font-size:1.2rem;
  margin: 6px 0;
  text-align: left;
  position: relative;
}
.info_ftMsgbox_after ul li:after {
  position: absolute;
  content: ">";
  top:-1px;
  left:-14px;
  color: #05a1c6;
  transform: scale( 0.6 , 1 );

}
.ftllMsgboxCaution{font-size: 11px;margin-bottom: 7px;line-height: 16px;}


/*フッター3段目*/
#footerThird{width: 1000px;height: 64px; line-height:64px; position: relative;margin: auto;}
#footerThird small{font-size: 8px; font-size: 0.8rem; position: absolute; left: 11px;}

.ftTlist{position: absolute;right: 0px;}
.ftTlist li{float: left;margin-left: 25px;}
.ftTlist a{color: white;font-size: 10px; font-size: 1.0rem; display: block;}


/* ============================================================
   smartphoneに切り替え
============================================================ */
.changeSP{width:100%;background-color: #484848;padding:10px 0 30px 0; }
.changeSPbtn{width:800px;text-align: center;color: #fff;font-size: 20px;display: block;padding: 20px 0 20px 20px;letter-spacing: 0.1em;background:url("../img/icon_smartPhone_36.gif?ver=20151224140507") no-repeat 220px 12px #2f2f2f;margin: auto;border-radius: 2px;}
.changeSPbtn:hover{text-decoration: none;background-color:#626262;}
/* ============================================================
   PAGETOP
============================================================ */

#page-top_jq {position: fixed;bottom: 20px;right: 20px;}
#page-top_jq a {width: 56px;height: 56px;display: block;background: url("../img/btn_pagetop.png?ver=20151224140507") no-repeat 0 0;text-indent: -9999px;}
#page-top_jq a:hover {opacity: 0.8;}



/* ============================================================
   ぱんくず
============================================================ */
.bread-crumb-listBase {
height: auto;
background: whiteSmoke;
padding-bottom: 23px;
}
#bread-crumb-list{
    width: 1000px;
    margin: auto;
    line-height: inherit;
}
#bread-crumb-list li{
    float: left;
    padding-top: 4px;
    color: rgb(175, 175, 175);
}
#bread-crumb-list a{
  font-size: 10px;
    color: rgb(136, 136, 136);
}

#bread-crumb-list i{font-size: 10px;
  font-size: 1.0rem;
position: relative;
top: -1px;}


/* ============================================================

============================================================ */
#gFooter #gFooterInner{width: 1000px !important;}





/* ============================================================
メンテナンスのお知らせ
============================================================ */
.maintenanceBase{background: rgb(87, 105, 121);}
.maintenanceBaseIn {width: 1000px;margin: auto;padding: 10px 0;}
.maintenanceBaseIn a{color: white; display: block;font-size: 13px;font-size: 1.3rem;line-height: 1.5;}


/* ============================================================
login
============================================================ */
.modal_login {
height: 83px;
background: #ffe600;
position: fixed;
top: -83px;
z-index: 1000;
width: 100%;
font-size: 24px;
text-align: center;
line-height: 83px;
left :0;
}

.modal_logout {
height: 83px;
background: #ffe600;
position: fixed;
top: -83px;
z-index: 1000;
width: 100%;
font-size: 24px;
text-align: center;
line-height: 83px;
left :0;
}



/* ============================================================
   ページネーション全ページ共通
============================================================ */
.pagiBase{
  position: relative;
overflow: hidden;
}

.pagiBase a{
  display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
float: left;
font-size: 14px;
margin-right: 10px;
background: white;
border-radius: 4px;
border-bottom: 2px solid #e7e7e7;
}


.pagiBase a:hover{
  text-decoration: none;
  color: white;
  background: #01b1da;
}

.pageStay{ color: white;
  background: #01b1da !important;}
.pageStay:hover{
   background: #1ad4ff !important;
}

.pageLeft{
  background: url("../img/pagination/left_02.png?ver=20151224140507") no-repeat 0 -1px white !important;
}

.pageLeft:hover{
  background: url("../img/pagination/left_01.png?ver=20151224140507") no-repeat 0 -1px #01b1da !important;
}

.pageLeftLast{
   background: url("../img/pagination/left_04.png?ver=20151224140507") no-repeat 0 -1px white !important;
}
.pageLeftLast:hover{
   background: url("../img/pagination/left_03.png?ver=20151224140507") no-repeat 0 -1px #01b1da !important;
}

.pageRight{
  background: url("../img/pagination/right_02.png?ver=20151224140507") no-repeat 0 -1px white !important;
}

.pageRight:hover{
  background: url("../img/pagination/right_01.png?ver=20151224140507") no-repeat 0 -1px #01b1da !important;
}

.pageRightLast{
   background: url("../img/pagination/right_04.png?ver=20151224140507") no-repeat 0 -1px white !important;
}
.pageRightLast:hover{
   background: url("../img/pagination/right_03.png?ver=20151224140507") no-repeat 0 -1px #01b1da !important;
}



/* ============================================================
   問い合わせページへの誘導対応
============================================================ */
.toApplyLinkSide {
display: block;
width: 64px;
height: 378px;
position: fixed;
background: rgba(0,0,0,0.8);
right: 0;
border-radius: 4px 0 0 4px;
z-index: 5;
top: 160px;
color: #fff;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.23);
}

.toApplyLinkSide:hover{
  text-decoration: none;
  background: rgba(0,0,0,0.75);
}

.toApplyLinkSide .toApplyLinkTxt {
position: absolute;
left: 23px;
top: 21px;
font-size: 14px;

}
.toApplyLinkSide .toApplyLinkBtn {
position: absolute;
width: 47px;
height: 42px;
border-radius: 2px;
background:#0cd6f4;
left: 7px;
bottom: 7px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.43);
}
.toApplyLinkSide .toApplyLinkBtn:after{
  content: "";
  position: absolute;
  left: 17px;
  top: 12px;
  border: 9px solid transparent;
  border-left: 16px solid #fff;
  width: 10px;
  margin-left: 0;
}

.toApplyLinkSide .toApplyLinkBtn:hover{
  background:#19E1FF;
}


.toApplyLinkSide:after{
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: #1ad4ff; /* Old browsers */
background: -moz-linear-gradient(top,  #1ad4ff 0%, #1ad4ff 25%, #fb2a79 25%, #fb2a79 50%, #ffe600 50%, #ffe600 75%, #bbf117 75%, #bbf117 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ad4ff), color-stop(25%,#1ad4ff), color-stop(25%,#fb2a79), color-stop(50%,#fb2a79), color-stop(50%,#ffe600), color-stop(75%,#ffe600), color-stop(75%,#bbf117), color-stop(100%,#bbf117)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1ad4ff 0%,#1ad4ff 25%,#fb2a79 25%,#fb2a79 50%,#ffe600 50%,#ffe600 75%,#bbf117 75%,#bbf117 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1ad4ff 0%,#1ad4ff 25%,#fb2a79 25%,#fb2a79 50%,#ffe600 50%,#ffe600 75%,#bbf117 75%,#bbf117 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1ad4ff 0%,#1ad4ff 25%,#fb2a79 25%,#fb2a79 50%,#ffe600 50%,#ffe600 75%,#bbf117 75%,#bbf117 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1ad4ff 0%,#1ad4ff 25%,#fb2a79 25%,#fb2a79 50%,#ffe600 50%,#ffe600 75%,#bbf117 75%,#bbf117 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ad4ff', endColorstr='#bbf117',GradientType=0 ); /* IE6-9 */


}


@media screen and (max-width: 1136px){
 .toApplyLinkSide{display: none;}
}



/* ============================================================
   問い合わせページへの誘導対応 プロジェクト終了後下から出現
============================================================ */
.applyLink {
  -webkit-transition: all 0.2s ease;;
  transition: all 0.2s ease;
  background-color: rgba( 0, 0, 0, 0.851 );
  box-shadow: 2.5px 4.33px 32px 0px rgba(0, 0, 0, 0.4);
  position: fixed;
  width: 1000px;
  height: 79px;
  z-index: 31;
  bottom: -99px;
  left: 50%;
  margin-left: -500px;
  border-radius: 4px 4px 0 0;
  display: block;
  -webkit-animation:alliAnime 0.5s ease-out 0.2s 1 normal forwards;
  animation:alliAnime 0.5s ease-out 0.2s 1 normal forwards;
}


@-webkit-keyframes alliAnime{
   100%{bottom: 0px;}
}
  @keyframes  alliAnime{
   100%{bottom: 0px;}
}


.applyLink:after{
  content: "";
  position: absolute;
  left: 0;
  width: 1000px;
  height: 3px;
  bottom: 0;
  background: -moz-linear-gradient(left, #1ad4ff 0%, #1ad4ff 25%, #fb2a79 25%, #fb2a79 50%, #ffe600 50%, #ffe600 75%, #bbf117 75%, #bbf117 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1ad4ff), color-stop(25%,#1ad4ff), color-stop(25%,#fb2a79), color-stop(50%,#fb2a79), color-stop(50%,#ffe600), color-stop(75%,#ffe600), color-stop(75%,#bbf117), color-stop(100%,#bbf117));
background: -webkit-linear-gradient(left, #1ad4ff 0%,#1ad4ff 25%,#fb2a79 25%,#fb2a79 50%,#ffe600 50%,#ffe600 75%,#bbf117 75%,#bbf117 100%);
background: -o-linear-gradient(left, #1ad4ff 0%,#1ad4ff 25%,#fb2a79 25%,#fb2a79 50%,#ffe600 50%,#ffe600 75%,#bbf117 75%,#bbf117 100%);
background: -ms-linear-gradient(left, #1ad4ff 0%,#1ad4ff 25%,#fb2a79 25%,#fb2a79 50%,#ffe600 50%,#ffe600 75%,#bbf117 75%,#bbf117 100%);
background: linear-gradient(to right, #1ad4ff 0%,#1ad4ff 25%,#fb2a79 25%,#fb2a79 50%,#ffe600 50%,#ffe600 75%,#bbf117 75%,#bbf117 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ad4ff', endColorstr='#bbf117',GradientType=1 );
}

.applyLink p{
  color: #fff;
  font-size: 25px;
  position: absolute;
  left: 115px;
  top: 26px;
  letter-spacing: 1px;
}


.applyLink a{
  display: block;
  border-width: 2px;
  position: absolute;
  right: 16px;
  top: 14px;
  width: 300px;
  line-height: 50px;
  text-align: center;
  height: 50px;
  background: #21bde1;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.76);
  font-size: 19px;
}

.applyLink a:hover{
  text-decoration: none;
  background-color: #19E1FF;
}



.applyLink a{
  display: block;
  border-width: 2px;
  position: absolute;
  right: 16px;
  top: 14px;
  width: 300px;
  line-height: 49px;
  text-align: center;
  height: 49px;
  background: #0cd6f4;
  border-radius: 2px;
  color: #fff;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.76);
  font-size: 20px;
}

.applyLink a:hover{
  text-decoration: none;
  background-color: #19E1FF;
}

/* ===================================================================
  ボタン色全ページ統一(全ボタンにこのクラスを適用出来るようにしていってください)
=================================================================== */
/*水色*/
.btncol_01{background: #21bde1;color: white;}
.btncol_01:hover{background: #4dcae7;text-decoration: none;}
/*赤色*/
.btncol_02{background: #f83591;color: white;}
.btncol_02:hover{background: #f95da7;text-decoration: none;}
/*黄色*/
.btncol_03{background: #f7c600;color: white;}
.btncol_03:hover{background:#f9d133;text-decoration: none;}
/*緑色*/
.btncol_04{background: #a0d468;color: white;}
.btncol_04:hover{background: #b3dd86;text-decoration: none;}
/*キャンセルボタン(灰色)*/
.btncol_05{background: #c8c8c8;color: white;}
.btncol_05:hover{background: #d3d3d3;text-decoration: none;}
/*削除ボタン(赤)*/
.btncol_06{background: #f53a67;color: white;}
.btncol_06:hover{background: #f76185;text-decoration: none;}
/*非活性*/
.btncol_07{background: #f7f7f7;color: #c7c7c7;border:1px solid #e3e3e3;}