@charset "utf-8";
/******************************************************************************
/* Greenapple-room  common css file
*******************************************************************************/

/******************************************************************************
/* body
*******************************************************************************/
body {
	background:				#FFFDF9;
	/*background:				#FCF9F2;*/
  font-family:"メイリオ",Meiryo,"ＭＳ ゴシック",MS PGothic, "モトヤLシーダ3等幅", MotoyaLCedar,"ヒラギノ角ゴPro W3",HiraKakuProN-W3;
}

/******************************************************************************
/* ヘッダ
*******************************************************************************/
.header h1{
	margin:					0;
	padding:				5px 0 5px 0;
	font-size:				14px;
}
.header p{
	margin:					0;
	padding:				0;
}

.logo p{
	color:					#8aaa16;
	font-size:				24px;
	font-weight:			bold;
}


/******************************************************************************
/* ヘッダ上下センター表示
*******************************************************************************/
.head-dsp-mid {
	height: 80px;
	display: table-cell;
  vertical-align: middle;
}


/******************************************************************************
/* バナー
*******************************************************************************/
.banner {
	margin:					10px 0 0 0;
	padding:				5px 5px 5px 5px;
	background:				#ffffff;
}
.banner img{
	margin:					0 auto;
}

/******************************************************************************
/* ナビゲーション
*******************************************************************************/
.my_nav li{
	margin:					5px 0 0 0;
	width:					188px;
	text-align:				center;
	border-radius:			5px;
	background-color:		#dddddd;
}

/******************************************************************************
/* コンテンツ
*******************************************************************************/
.my_contents {
	margin:					10px 0 0 0;
	padding:				0;
	background-color:		#ffffff;
}
.my_contents h2{
	margin:					0;
	padding:				10px 5px 10px 10px;
	/*background-color:		#E8E8DA;
	background-color:		#C9C9BD;*/
	background-color:		#94B5AC;
	color:					#000000;
	font-size:				14px;
}
.my_contents h3{
	margin:					0;
	padding:				10px 5px 10px 10px;
	background-color:		#FFF6E0;
	border-bottom:solid 3px rgb(115, 239, 212);
	color:					#000000;
	font-size:				14px;
}
.my_contents p{
	margin:					0;
	padding:				5px 10px 5px 10px;
}
.my_contents a{
	text-decoration:		none;
}
.my_contents dl{
	margin:					0;
	padding:				5px 0 5px 0;
}
.my_contents dt{
	width: 					90px;
	font-weight:			normal;
}
.my_contents dd{
	margin-left:			105px;
	vertical-align:top;
	
}

/******************************************************************************
/* コンテンツ(新着情報)
*******************************************************************************/
.information dl{
  padding: 0;
  margin: 0;
  /*padding: 1px 2px 0 0;*/
  padding: 0;
}

.information dt{
  float: left;
  width: 90px;
  font-size: 13px;
  line-height: 18px;
  margin-left: 0px;
  padding: 2px 0px 0px 0px;
  color: #000000;
  background: #ffffff;
  font-weight: normal;
  border-top: 1px dotted #c0c0c0;
}

.information dd{
  padding: 2px 0px 0px 0px;
  font-size: 13px;
  line-height: 18px;
  margin-left: 92px;
  border-top: 1px dotted #c0c0c0;
}

/******************************************************************************
/* コンテンツ(罫線なし)
*******************************************************************************/
.border-none {
  border-style: none;
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 0;
}

.border-none dl{
  border-style: none;
  padding: 10px 10px 10px 10px;
  background: #ffffff;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin: 0;
}

.border-none dt{
  float: left;
	vertical-align: top;
  font-weight: normal;
  border-style: none;
}

.border-none dd{
  margin-left: 40px;
	vertical-align: top;
  border-style: none;
}

/******************************************************************************
/* サムネイル
*******************************************************************************/
.thumbnail {
	margin:					10px 0 0 0;
	padding:				0;
}
.thumbnail h2 {
	padding:				10px 0 10px 0;
	margin:					0;
	text-align:				center;
	/*background-color:		#E8E8DA;
	background-color:		#E8E8DA;*/
	background-color:		rgb(199, 227, 232);
	color:					#000000;
	font-size:				13px;
}

/******************************************************************************
/* タイトルスタイル1
*******************************************************************************/
.title_st1 h2 {
	padding:					10px 20px 10px 0;
	padding-left:			10px;
	margin:						10px 0 0 0;
	text-align:				left;
	background-color:	rgb(199, 226, 226);
	color:						#000000;
	font-size:				13px;
}

/******************************************************************************
/* フッタ
*******************************************************************************/
.footer {
	margin:					10px 0 0 0;
	padding:				20px 0 20px 0;
	background-color:		#EAEAEA;
	font-size:				13px;
}
.footer a{
	text-decoration:		none;
}
.footer h2{
	padding:				8px 0 8px 0; 
	margin:					5px 0px 10px -5px;
	text-align:				center;
	border-radius:			3px;
	background-color:		#C6C6C6;
	color:					#383838;
	font-size:				13px;
}

/******************************************************************************
/* copyright
*******************************************************************************/
.copyright {
	padding:				10px 0 10px 0;
	color:					#fefefe;
	background-color:		#222222;
}
.copyright p {
	padding:				0;
	margin:					0;
}
.copyright a {
	text-decoration:		none;
	color:					#fefefe;
}
.copyright a:hover {
	color:					#acacee;
}



/******************************************************************************
/* nav　灰色系
*******************************************************************************/
.nav-justified {
  /*background-color: #eee;
  border: 1px solid #ccc;*/
	border-radius: 5px;
}

.nav-justified > li > a {
  line-height:5px;
	padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  /*font-weight: bold;*/
  color: #494949;
  text-align: center;
  background-color: #D6D6D6; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#D6D6D6));
  background-image: -webkit-linear-gradient(top, #E8E8E8 20%, #D6D6D6 70%);
  background-image:      -o-linear-gradient(top, #E8E8E8 20%, #D6D6D6 70%);
  background-image:         linear-gradient(to bottom, #E8E8E8 20%,#D6D6D6 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E8E8E8', endColorstr='#D6D6D6',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border: 1px solid #EAF2EC;
}
.nav-justified > li >a:hover{
 	border: 1px solid #AAAAAA;
	color: #AD3400;
}

.nav-justified > li:first-child >a:hover{
	border: 1px solid #AAAAAA;
	color: #AD3400;
}
.nav-justified > li:last-child >a:hover{
	border: 1px solid #AAAAAA;
	color: #AD3400;
}

.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 0;
  font-weight: bold;
  color: #000000;
  text-align: center;
  background-color: #E8E8E8; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#E8E8E8));
  background-image: -webkit-linear-gradient(top, #F4F4F4 20%, #E8E8E8 70%);
  background-image:      -o-linear-gradient(top, #F4F4F4 20%, #E8E8E8 70%);
  background-image:         linear-gradient(to bottom, #F4F4F4 20%,#E8E8E8 70%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F4F4F4', endColorstr='#E8E8E8',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #CCCCCC;
}
@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
  border: 1px solid #CCCCCC;
  }
	.nav-justified > li:first-child > a {
  border: 1px solid #CCCCCC;
		border-radius: 5px 0 0 5px;
	}
	.nav-justified > li:last-child > a {
	  border: 1px solid #CCCCCC;
		border-radius: 0 5px 5px 0;
	}
}


/******************************************************************************
/* スクロール
*******************************************************************************/
    .box_srcollbar {
        overflow:auto;
        width:100%;
        height:200px;
        padding:2px;
        background-color:#FFFFFF;
        color:#000;
    }

/******************************************************************************
/* マージン調整
*******************************************************************************/
.pad-top5{
    padding-top:5px;
}

.pad-top10{
    padding-top:10px;
}

.mg-top5{
    margin-top:5px;
}

.mg-top10{
    margin-top:10px;
}
.mg-left5{
    margin-left:5px;
}

.mg-left10{
    margin-left:10px;
}

.mg-top-5{
    margin-top:-5px;
}

.mg-top-10{
    margin-top:-10px;
}

.mg-left-5{
    margin-left:-5px;
    margin-right:-5px;
}
.mg-left-10{
    margin-left:-10px;
    margin-right:10px;
}


/******************************************************************************
/* gridのgutter調整
*******************************************************************************/
.row-0{
    margin-left:0px;
    margin-right:0px;
> div{
        padding-right:0px;
        padding-left:0px;
    }		
}
.row-10{
    margin-left:-5px;
    margin-right:5px;
 > div{
        padding-right:5px;
        padding-left:5px;
    }
 }
.row-20{
    margin-left:-10px;
    margin-right:10px;
 
    > div{
        padding-right:10px;
        padding-left:10px;
    }
}
.row-30{
    margin-left:-15px;
    margin-right:-15px;
 
    > div{
        padding-right:15px;
        padding-left:15px;
    }
}
.row-40{
    margin-left:-20px;
    margin-right:-20px;
 
    > div{
        padding-right:20px;
        padding-left:20px;
    }
}


/******************************************************************************
/* ページトップボタン表示
*******************************************************************************/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}






/******************************************************************************
/* テーブル
*******************************************************************************/
.typ1 th  { background: #f4f4f4; }
.typ1 td  { background: #FFFFFF; }

.typ2 th {
	border-style: hidden;
	background: #FFFFFF; 
}
.typ2 td {
	border-style: hidden;
	background: #FFFFFF; 
}

.typ3 th {
	vertical-align: middle;
  text-align: center;
	background: #f4f4f4; 
}
.typ3 td {
	display: table-cell;
	vertical-align: middle;
	background: #FFFFFF; 
}

.typ4 th {
	border-style: none;
	background: #FFF688; 
}
.typ4 td {
	border-style: none;
	background: #FFFFFF;
	padding-left:20px;
}
.typ5 td {
    border: #A0A0A0 solid 1px;
    padding: 4px 4px 2px 4px;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
 }

 .typ5 th {
    background: #ecfbcc;
    border: #A0A0A0 solid 1px;
    padding: 4px 4px 2px 4px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}




/******************************************************************************
/* グリッド位置
*******************************************************************************/
.row-left{
text-align:left;
letter-spacing:-0.4em;
}
.row-left > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}

.row-center{
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}

.va-middle > [class*='col-'] {
vertical-align:middle;
}
.va-bottom > [class*='col-'] {
vertical-align:bottom;
}



/******************************************************************************
/* アコーディオンの開ボタン閉じるボタンの画像
*******************************************************************************/
.panel-heading {
    cursor: pointer;
}
.accordion-toggle a:after {
    font-family: 'Glyphicons Halflings';
    content:"\e113";
    float: right;
    color: inherit;
}
.accordion-toggle a.collapsed:after {
    font-family: 'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: inherit;
}