@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : ヒューマンフローラ
 Style Info : レイアウトCSS設定
=================================================================== */

/* -------------------------------------------------------
	index.html
   ------------------------------------------------------- */
.tac{text-align: center;}
.pink{color: #e9516f;}
.lblue{color: #288bca;}

#HF.indexPg #HFcontainer { padding-top:30px; }
#HF.indexPg #sideCnt li.tpNone { display:none; }

#HF.indexPg .info01 { width:100%; min-width:960px; background:#fbf6ef; padding:20px 0 0 0;}
#HF.indexPg .info01 > div { width:960px; margin:0 auto; border:1px solid #ccc; background:#fff; padding: 20px 100px;}
#HF.indexPg .info01 > div h4{text-align: center; font-size: 16px; font-weight: bold;}
#HF.indexPg .info01 > div p {margin-top: 10px;}
#HF.indexPg .info01 .fwb{font-weight: bold;}
#HF.indexPg .info01 .GW img{border: solid 1px #757171; margin-bottom: 10px;}
#HF.indexPg .info01 .info_tel{margin: 5px 70px; padding: 5px 20px; border-top: dotted 1px #288bca; border-bottom: dotted 1px #288bca;}
#HF.indexPg .info01 .info_tel span{color: #e9516f;font-size: 13px; margin-left: 1em;}

#HF.indexPg #mainVisual { width:100%; min-width:960px; height:524px; background:url(../img/top/main_bg01.jpg) no-repeat top center #fbf6ef; border-bottom:1px solid #dfdfdf; box-shadow:0 2px 3px rgba(0,0,0,0.1); }
#HF.indexPg #mainVisual div { width:960px; height:290px; margin:0 auto; position:relative; }
#HF.indexPg #mainVisual h2 { position:absolute; top:45px; left:-10px; }
#HF.indexPg #mainVisual p { position:absolute; top:310px; left:190px; }
#HF.indexPg #mainVisual p.linkBtn { top:165px; left:410px; }

#HF.indexPg #topBnr { width:840px; min-width:840px; margin:0 auto; padding:20px 0; }
#HF.indexPg #topBnr li { float:left; margin:0 10px; }

#HF.indexPg #topCrsl { width:100%; min-width:960px; background:#e3dfdf; padding:30px 0; }
#HF.indexPg #topCrslCont { width:820px; height:170px; margin:0 auto; }
#HF.indexPg #topCrslCont .slick-slide {  }
#HF.indexPg #topCrslCont .slick-active a { opacity:1 !important; }
#HF.indexPg #topCrslCont .slick-prev,
#HF.indexPg #topCrslCont .slick-next { width:50px; height:50px; top:70px; position:absolute; text-indent:-9999px; display:block; overflow:hidden; border:none; cursor:pointer; }
#HF.indexPg #topCrslCont .slick-prev { background:url(../img/top/topCrArw_prev.png) no-repeat center center; left:-70px;  }
#HF.indexPg #topCrslCont .slick-next { background:url(../img/top/topCrArw_next.png) no-repeat center center; right:-70px; }

#HF.indexPg .boxLnk01 li { width:25%; float:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center; }
#HF.indexPg .boxLnk01 li.end { border-right:none; }
#HF.indexPg .boxLnk01 li a { display:block; height:227px; background-repeat:no-repeat; background-position:top center; padding:160px 0 0 0; color:#555; font-size:18px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } 
#HF.indexPg .boxLnk01 li a span { display:block; color:#ff9d9f; font-size:12px; letter-spacing:normal; font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
#HF.indexPg .boxLnk01 li a:hover { background-color:#fff3f3; }

#HF.indexPg .tabWrp01 { width:728px; margin-top:20px; }
#HF.indexPg .tabWrp01 .tabMenu { position:relative; width:728px; height:52px; line-height:52px; float:left; text-align:center; display:block; color:#fff; font-size:18px; background:#ee7985; margin-bottom:20px; }
#HF.indexPg .tabWrp01 .tabMenu:after { content:''; position:absolute; bottom:-10px; left:359px; width:14px; height:10px; background:url(../img/top/hukidashiBg.gif) no-repeat top left; }
#HF.indexPg .tabWrp01 .tabCont { background:#ffe2e2; top:52px; left:0; padding:20px 0 10px 15px; }
#HF.indexPg .tabWrp01 .tabCont a { display:inline-block; width:168px; height:44px; line-height:44px; margin:0 10px 10px 0; text-align:center; font-size:16px; color:#ec6c79; border:1px solid #ff9d9f;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
text-shadow:0 1px 0 rgba(255,255,255,1);}
#HF.indexPg .tabWrp01 .tabCont a:hover { background: #e2e2e2;
background: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e2e2e2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); }
#HF.indexPg .tabWrp01 .tabCont a.btn2x { width:346px !important; }
#HF.indexPg .tabWrp01 .tabCont a span { font-size:12px; }

#HF.indexPg .news { position:relative; }
#HF.indexPg .news .lnkBtn01 { position:absolute; top:17px; right:20px; }
#HF.indexPg .news ul { max-height:150px; overflow-y:scroll; }
#HF.indexPg .news ul li { height:50px; line-height:50px; padding:0 20px; font-size:13px; letter-spacing:normal; border-bottom:1px solid #dfdfdf; }
#HF.indexPg .news ul li:last-child { border-bottom:none; }
#HF.indexPg .news ul li p { display:inline-block; padding-right:30px; color:#888;  }
#HF.indexPg .news ul li h4 { display:inline-block; }
#HF.indexPg .news ul li a,#HF.indexPg .news ul li a:hover,#HF.indexPg .news ul li a:visited { color:#ec6c79; } 
#HF.indexPg .news ul li a:hover { text-decoration:underline; }

#HF.indexPg .attention{margin-top: 20px; box-shadow: 1px 1px 2px #bbbaba;}
#HF.indexPg .attention h3{background: #fb8181; color: #fff; padding: 5px 10px; font-size: 16px;}
#HF.indexPg .attention p{background: #fff; padding: 5px 10px;}
#HF.indexPg .attention p a:hover{color:#fb8181; text-decoration: underline; }

#HF.indexPg .twCont { margin-top:30px; }


/* -------------------------------------------------------
	item/rd/index.html -トライアルセット-
   ------------------------------------------------------- */
.trial .trl_atn{margin: -15px 10px 10px}
.trial .change{margin: 0 7px 15px; background:#4399d2; padding:10px; color:#fff; font-size:13px; text-align: center;}
.trial .change p:first-child{margin-bottom: 5px; font-weight:bold; font-size:15px; color:#fbfcc3; letter-spacing:1px; border:solid 1px #fbfcc3; padding:2px; text-shadow: 2px 2px 2px #288bca;}