@charset "utf-8";

/*===========================================================
＊ common
===========================================================*/

/*all page*/
html,body {
  height:100%;
  width:100%;
}
body{
  color: #595757;
}

*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/*textlink*/
a {
  color:#E74492;
  text-decoration: none;}
a:hover{
  color:#E74492;
  text-decoration: underline;}

/*------------------------------------------------------
＊　#page
-------------------------------------------------------*/

/*all area > main area*/
#main{
  text-align:center;
  margin:0 auto;}

/*all area > main area > maincolumn*/
#main #maincolumn{
  width:1200px;
  margin:0 auto;
  overflow:hidden;}

/*all area > main area > main content*/
#content{
  text-align:left;
  float:left;
  width:841px;
  min-height:400px;
  padding:0;
  clear:both;
  border:0px;
  margin:65px 0px 60px 0px;}

#content_wide{
  text-align:left;
  float:none;
  width:1200px;
  min-height:400px;
  padding:0;
  clear:both;
  border:0px;
  margin:0px 0px 60px 0px;}

#content_right{
  text-align:left;
  float:right;
  width:895px;
  min-height:400px;
  padding:0;
  clear:both;
  border:0px;
  margin:35px 10px 60px 10px;}

/*===========================================================
＊ #header
===========================================================*/

/*----default*/
#header{
  padding:0 0 0px 0;
  text-align:left;
  background:none;
  position:relative;}
#headMain{
  padding:0;
  height:103px;
  width:100%;
  min-width:1200px;
  position:relative;
  background:#ffffff url(/site/images/common/head_line.png) 0 bottom repeat-x;
  z-index:10000;
}

.training_head{
  background:#fadce9 !important;
  height:80px !important;
}

#headinner{
  width:1200px;
  margin:0 auto;
  position:relative;
}

/*title logo*/
#header #logo{
  position: absolute;
  z-index:99999;
  left:15px;
  top:15px;}

#header #training_logo{
  position: absolute;
  z-index:99999;
  left:10px;
  top:12px;}

.snsBtn{
  position:absolute;
  width:264px;
  overflow:hidden;
  top:15px;
  left:745px;
}

.snsBtn img{
  width:32px;
  height:32px;
}

.searchform{
  position:absolute;
  top:16px;
  left:984px;
}

.searchform input[type="text"]{
  float: left;
  width: 200px;
  height: 30px;
  padding: 0 40px 0 10px;
  background: none;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border:1px solid #F3ADC7;
  font-size:16px;
}

.searchform input[type="text"]:hover,
.searchform input[type="text"]:focus {
  border:1px solid #F3ADC7;
}

.searchform input[type="submit"]{
  float: left;
  width: 25px;
  height: 26px;
  margin: 2px 0 0 -34px;
  padding: 0;
  background: url(../images/mainmenu/searchicon.png) no-repeat;
  border: none; /* デフォルトCSSリセット */
  box-shadow: none; /* デフォルトCSSリセット */
}

.searchform input[type="submit"]:hover{
  filter: alpha(opacity=75); /* マウスホバーでちょっと薄くする */
  -moz-opacity: 0.75;
  opacity: 0.75;
}

/*------------------------------------------------------
＊　#gNav
-------------------------------------------------------*/

#navi_back_width{
  padding:0;}
#navigation{
  clear:both;
  _zoom:1;}

.drop_nav{
  clear:both;
  width:auto;
  position:absolute;
  width:1200px;
  top:50px;
  right:0px;
  display:table;
/*  font-weight:bold;*/
  padding-left:487px;
}

.drop_nav li{
  float:left;
}

.drop_nav a {
  min-width:60px;
  text-align:center;
  vertical-align:middle;
  font-size:108%;
  text-decoration:none;
  padding: 14px 12px 14px 12px;
  letter-spacing: normal;
  color: #3E3A39;
  display:block;
}
.drop_nav a:hover{
  color: #ffffff;
  background:#F6C2D4;}

.drop_nav .drop_sub{
  width: 100%;
  position:absolute;
  background-image: url("/site/images/common/drp_nav_bg.png");
  background-position: top left;
  background-repeat: repeat;
  z-index: 10000;
  top: 50px;
  left: 0px;
  height: 340px;
  display:none;
/*  display: block !important;*/
}

.drop_nav .drop_sub a{
  padding:0;
}

.drop_nav .dropsub_1{
  height: 700px;
  padding:40px 0px 0 35px;
}

.drop_nav .dropsub_1 li{
  margin-right:15px;
  margin-bottom:28px;
}

.drop_nav .dropsub_1 li.pref{
  margin-left:22px;
}

.drop_nav .dropsub_1 li.break{
  clear:both;
}

.drop_nav .dropsub_2{
  height: 300px;
  padding:70px 0px 0 90px;
}

.drop_nav .dropsub_2 li{
  margin-right:35px;
}

.drop_nav .dropsub_2 li img{
  width:140px;
}

.drop_nav .dropsub_3{
  height: 270px;
  padding:70px 0px 0 150px;
}

.drop_nav .dropsub_3 li{
  margin-right:45px;
}


/*------------------------------------------------------
＊　#content　＊
-------------------------------------------------------*/

/*content*/
#page-top {
  position: fixed;
  bottom: 78px;
  right: 0;
  font-size: 9px;
  z-index:10000;}
#page-top a {
  width: 50px;
  height:48px;
  display: block;}

/*------------------------------------------------------
＊　page bar
-------------------------------------------------------*/
.bread_crumb_box{
  width:100%;
  background:#FFFFFF;}
.bread_crumb{
  width:1200px;
  margin:0px auto;
  display:block;
  color:#E74492;
  position: relative;
  top:5px;
  padding:0px 5px 0px 25px;}
.bread_crumb ul{
  _zoom:1;
  text-align:left;
  margin:0 auto;
  font-size:12px;}
.bread_crumb li{
  display:inline;
  zoom:1;
  margin-right:5px;
  line-height:1.6;}
.bread_crumb li.nolink,
.bread_crumb li a{
  white-space:nowrap;
  text-decoration:none;
  color: #3E3A39;
  padding-right:15px;
  background:url(../images/common/breadcrumb.gif) no-repeat right center;}
.bread_crumb li a:hover{
  color: #3E3A39;
  text-decoration:underline;}

/*===========================================================
＊ #side
===========================================================*/
/*----default*/
#side{
  float:right;
  width:300px;
  margin:65px 10px 0 10px;}

#side .categories_title{
  color:#ffffff;
  font-size: 16px; /* 文字サイズ */
  background:#FBDBEA;
  padding:8px 15px;
  text-align:left;
  margin-bottom: 5px;
}

#side .categories li.cat-item a { /* リンク全体の装飾 */
  display: block;
  overflow: hidden;
  font-size: 16px; /* 文字サイズ */
  line-height: 2.4em; /* 行（ボックス）の高さ */
  text-decoration: none;
  vertical-align: middle;
  text-align:left;
  padding: 0 15px; /* 左右の余白 */
  color: #888; /* 文字色 */
  background: #F8F8F8; /* 背景色 */
  margin-bottom: 5px; /* 次のカテゴリーとの余白 */
}

#side .categories li.cat-item-all a{
  color: #F19EC2; /* 文字色 */
}


#side .categories li.cat-item a:hover { /* マウスオーバー時の設定 */
  background: #FFF0C6; /* 背景色 */
  color: #888; /* 文字色 */
}

#side .categories li.cat-item-all a:hover {
  color: #F19EC2; /* 文字色 */
}

#side .categories li.cat-item span { /* 記事数部分の装飾 */
  line-height: 1em;
  float: right; /* 右端に寄せる */
  margin: 8px 0 0 6px; /* 位置の調整 */
  padding: 4px 8px; /* 文字周りの余白 */
  border-radius: 4px; /* 角の丸み */
  color: #fff; /* 文字色 */
  background: #E84392; /* 背景色 */
}

#side_left{
  float:left;
  width:252px;
  margin:35px 10px 0 5px;}

#side_left .members{
  border:1px solid #E74492;
  padding:2px;
}
#side_left .members li.tit{
  color:#ffffff;
  background:url(/site/images/members/side_title_bg.png) repeat-x 0 0;
  padding:15px 0;
  text-align: center;
}

#side_left .members li a { /* リンク全体の装飾 */
  display: block;
  overflow: hidden;
  font-size: 16px; /* 文字サイズ */
  font-weight:bold;
  line-height:50px; /* 行（ボックス）の高さ */
  text-decoration: none;
  vertical-align: middle;
  text-align:center;
  color: #E74492; /* 文字色 */
  border-bottom:1px dashed #E74492;
  letter-spacing:3px;
}

#side_left .members li a:hover { /* マウスオーバー時の設定 */
  background: #FBDBEA; /* 背景色 */
}

#side_left .members li.end a {
  border-bottom:none;
}

/*===========================================================
＊ #footer
===========================================================*/

/*----default*/
#footer{
  position: relative;
  width:100%;
  min-width:1200px;
  overflow:hidden;}

#fixedBox_bg{
  background:url(../images/top/instagram_area_bg.png) repeat 0 0;
}

.fixedBox {
  background: url("../images/common/footer_bg.png") repeat-x scroll center 0;
  bottom: 0;
  box-sizing: border-box;
  right: 0;
  height:85px;
/*  padding: 45px 0 0px;*/
  position: fixed;
  width: 100%;
  z-index: 999;
}
.fixedBox.noFixed {
  position: relative;
  bottom: 100%;
}


#fMine {
  width:1200px;
  margin:0 auto;}

/*navigation*/
#footer .fSiteMap{
  padding:30px 30px 30px 30px;
  text-align:left;
  overflow:hidden;
  color:#E74492;
}
#footer .fSiteMap a div{
  color:#E74492;
  display: inline;}
#footer .fSiteMap ul{
  float:left;}
#footer .fSiteMap ul.set1{
  width:290px;
  padding:0 0 0 18px;}
#footer .fSiteMap ul.set2{
  width:270px;
  padding:0 0 0 18px;}
#footer .fSiteMap ul.set3{
  width:250px;
  padding:0 0 0 18px;}
#footer .fSiteMap ul ul,
#footer .fSiteMap ul ul ul{
  float:none;}

#footer .fSiteMap ul li{
  font-weight:bold;
  margin:0 5px 8px 5px;}
#footer .fSiteMap ul li ul li{
  font-weight: normal;
  margin:5px 5px 0px 10px;}
#footer .fSiteMap ul li a{
  color:#E74492;
  display:block;
  text-decoration:none;
  padding:0 0 0 0px;
  line-height:1.5;}
#footer .fSiteMap ul li ul li a{
  display: inline;
  padding:0 0 0 20px;
  line-height:1.5;
  background:url(../images/common/a_cursor01.png) no-repeat 5px center;}

#footer .fSiteMap ul li a:hover{
  text-decoration:underline;}

#footer .trademark{
  text-align:center;
  padding:0 0 5px 0;
  font-size:12px;
}

#footer .snsBtn_pc{
  margin:3px 0 4px 0;
}

#footer .snsBtn_pc img{
  width:120px;
}


#footer .copyright{
  color:#ffffff;
  background:#EA5A9F;
  text-align:center;
  padding:10px 0px 10px 0;
  word-wrap:normal;
}


/*------------------------------------------ End */