/* samuraiworks addasdf */
//@import url(http://fonts.googleapis.com/css?family=Didact+Gothic);
@import url(//fonts.googleapis.com/css?family=Nunito:300);

/* 定義部分----------------------------------------------- */

@vRadius:    6px;
@mainWidth: 960px;
@hodakac: #0877C8;

// Single Corner Border Radius
.border-top-left-radius(@vRadius) {
  -webkit-border-top-left-radius: @vRadius;
      -moz-border-radius-topleft: @vRadius;
          border-top-left-radius: @vRadius;
}
.border-top-right-radius(@vRadius) {
  -webkit-border-top-right-radius: @vRadius;
      -moz-border-radius-topright: @vRadius;
          border-top-right-radius: @vRadius;
}
.border-bottom-right-radius(@vRadius) {
  -webkit-border-bottom-right-radius: @vRadius;
      -moz-border-radius-bottomright: @vRadius;
          border-bottom-right-radius: @vRadius;
}
.border-bottom-left-radius(@vRadius) {
  -webkit-border-bottom-left-radius: @vRadius;
      -moz-border-radius-bottomleft: @vRadius;
          border-bottom-left-radius: @vRadius;
}

//Liner
.gradLiner(@topcol:#000000, @bottomcol:#ffffff) {
  background: @topcol;
  background: -moz-linear-gradient(top, @topcol 0%, @bottomcol 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@topcol), color-stop(100%,@bottomcol));
  background: -webkit-linear-gradient(top, @topcol 0%,@bottomcol 100%);
  background: -o-linear-gradient(top, @topcol 0%,@bottomcol 100%);
  background: -ms-linear-gradient(top, @topcol 0%,@bottomcol 100%);
  background: linear-gradient(to bottom, @topcol 0%,@bottomcol 100%);
// IE
  filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@topcol),argb(@bottomcol))); // IE9 and down
}

.mainGrad1 { //メインのグラデ 薄いパターン
  @Grads : #E7F4F9;
  @GradsA: #EDFAFF;
  @GradsB: #ffffff;
  @GradsC: #EDFAFF;

  background: @GradsA;
  background: -moz-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@Grads), color-stop(50%,@GradsA), color-stop(95%,@GradsB), color-stop(100%,@GradsC));
  background: -webkit-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: linear-gradient(to bottom,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);

  // IE
  //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @Grads, @GradsB)); // IE9 and down
}
.mainGrad2 { //メインのグラデ2
  @Grads : #FFFFFF;
  @GradsA: #FBFBFB;
  @GradsB: #F8F8F8;
  @GradsC: #F5F5F5;

  background: @GradsA;
  background: -moz-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@Grads), color-stop(50%,@GradsA), color-stop(95%,@GradsB), color-stop(100%,@GradsC));
  background: -webkit-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: linear-gradient(to bottom,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);

  // IE
  //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @Grads, @GradsB)); // IE9 and down
}

.mainGrad3 { //メインのグラデ こいパターン
  @Grads : #FFF799;
  @GradsA: #FFE275;
  @GradsB: #FFD35C;
  @GradsC: #FFCC50;

  background: @GradsA;
  background: -moz-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@Grads), color-stop(50%,@GradsA), color-stop(95%,@GradsB), color-stop(100%,@GradsC));
  background: -webkit-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: linear-gradient(to bottom,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);

  // IE
  //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @Grads, @GradsB)); // IE9 and down
}

.mainGrad4 { //メインのグラデ こいパターン
  @Grads : #e9e9e9;
  @GradsA: #f6f6f6;
  @GradsB: #f2f2f2;
  @GradsC: #ffffff;

  background: @GradsA;
  background: -moz-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@Grads), color-stop(50%,@GradsA), color-stop(95%,@GradsB), color-stop(100%,@GradsC));
  background: -webkit-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: linear-gradient(to bottom,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);

  // IE
  //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @Grads, @GradsB)); // IE9 and down
}

.mainGrad5 { //
  @Grads : #daffef;
  @GradsA: #dafcff;
  @GradsB: #d0e9ec;
  @GradsC: #c9ebfe;

  background: @GradsA;
  background: -moz-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@Grads), color-stop(50%,@GradsA), color-stop(95%,@GradsB), color-stop(100%,@GradsC));
  background: -webkit-linear-gradient(top,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);
  background: linear-gradient(to bottom,  @Grads 0%, @GradsA 50%, @GradsB 95%, @GradsC 100%);

  // IE
  //filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", @Grads, @GradsB)); // IE9 and down
}


/* ------------------------------------------------------------
  box-sizing
------------------------------------------------------------ */
.borderbox{
  -webkit-box-sizing: border-box; /* Safari,Google Chrome用 */
  -moz-box-sizing: border-box; /* Firefox用 */
  -ms-box-sizing: border-box; /* Internet Explorer 8用 */
  box-sizing: border-box; /* Opera用 */
}

.boxShadow {
  @shadowColor: #5a5a5a;
  -ms-box-shadow:     2px 2px 7px @shadowColor;
  -moz-box-shadow:    2px 2px 7px @shadowColor;
  -webkit-box-shadow: 2px 2px 7px @shadowColor;
  box-shadow:         2px 2px 7px @shadowColor;
}

.imgBoxShadow {
  @shadowColor: #b7b09d;
  -ms-box-shadow: 0 0     5px @shadowColor;
  -moz-box-shadow: 0 0    5px @shadowColor;
  -webkit-box-shadow: 0 0 5px @shadowColor;
  box-shadow:         0 0 5px @shadowColor;
}


/* { sw page do it----------------------------------------------- */

body {
  //padding-top: 1em;
}

html.ie6,
html.ie7,
html.ie8
{
}

/* --do it ------------------------- sw Carousel } */


.D_E_B_U_G {
}


/* 定義部分----------------------------------------------- */

.a_fl_R {float: right;}
.a_fl_L {float: left;}
.a_Tcenter {text-align: center;}
.a_TRight {text-align: right;}
.a_TLeft {text-align: left;}
.a_hidden {display: none;}
.a_opace0 {opacity: 0;}
.a_prelative {position: relative;}
.a_mar00auto {margin: 0px auto;}

/*ブロック要素にリンク追加*/
.linkbox,  .linkbox2{
    cursor: pointer;
    }
.aa_baselink {
    display: none;
}
/* ------------------------------------------------------------
  Clearfix
------------------------------------------------------------ */
/* new clearfix */
.clf:before,
.clf:after {
    content: "";
    display: table;
}
.clf:after {clear: both;}
/* For IE 6/7 (hasL) */
.clf {zoom: 1;}
/* DW clearfix表示 */
//.clf {overflow: hidden;}
/**/
/* ------------------------------------------------------------
    99. Clearfix
------------------------------------------------------------ */
.clear {clear: both; line-height: 0;}
/*-----------------------------------------------------------
 フォントサイズの指定はYUI Fontsに基づき
 下記テーブルで指定します
 |px|%|
 |10|77|
 |11|85|
 |12|93|
 |13|100|
 |14|108|
 |15|116|
 |16|123.1|
 |17|131|
 |18|138.5|
 |19|146.5|
 |20|153.9|
 |21|161.6|
 |22|167|
 |23|174|
 |24|182|
 |25|189|
 |26|197|
 ex) 12px
 element {font-size: 93%;}
 ------------------------------------------------------------*/
 .ft10 { font-size: 77%;}
 .ft11 { font-size: 85%;}
 .ft12 { font-size: 93%;}
 .ft13 { font-size: 100%;}
 .ft14 { font-size: 108%;}
 .ft15 { font-size: 116%;}
 .ft16 { font-size: 123.1%;}
 .ft17 { font-size: 131%;}
 .ft18 { font-size: 138.5%;}
 .ft19 { font-size: 146.5%;}
 .ft20 { font-size: 153.9%;}
 .ft21 { font-size: 161.6%;}
 .ft22 { font-size: 167%;}
 .ft23 { font-size: 174%;}
 .ft24 { font-size: 182%;}
 .ft25 { font-size: 189%;}
 .ft26 { font-size: 197%;}

/* padding系-----------------------*/

.b_LH1 { line-height: 1.1em;}
.b_LH2 { line-height: 1.3em;}
.b_LH3 { line-height: 1.8em;}
.b_LH4 { line-height: 2.1em;}

.b_pad20 { padding: 20px;}
.b_pad15 { padding: 15px;}
.b_pad10 { padding: 10px;}
.b_pad5 { padding: 5px;}
.b_padB5 { padding: 0px 0px 5px 0px;}
.b_padT5 { padding-top: 5px;}
.b_padLT5 { padding: 5px 0px 0px 5px;}
.b_padT10 { padding-top: 10px;}
.b_padTB5 { padding: 5px 0px;}
.b_padTB10 { padding: 10px 0px 10px 0px;}
.b_padTB50 { padding: 50px 0px 50px 0px;}
.b_padTB30 { padding: 30px 0px 30px 0px;}
.b_padL20 { padding: 0px 0px 0px 20px;}
.b_padR5 { padding-right: 5px;}
.b_padL5 { padding-left: 5px;}
.b_padL10 { padding-left: 10px;}
.b_padLR5 { padding-right: 5px; padding-left: 5px;}
.b_padLR10 { padding-right: 10px; padding-left: 10px;}
.b_padLR15 { padding-right: 15px; padding-left: 15px;}
.b_mar5 { margin: 5px;}
.b_marLR15 { margin: 0px 15px 0px 15px;}

/* 定義部分----------------------------------------------- */