/*	背景のグラデーション*/
body {
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(255,251,234,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(255,251,234,1.00) 100%);
}



/* aタグの設定 */

a {
	color: #F06551;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
a:hover {
	color: #FFC567;
}
/*#header_info .mail a{
	color: #E14462;
	}
#header_info .mail a:hover {
	color: #FF290B;
}
*/

/*ベースカラー*/
#header_top, .gnav, .footer {
	background-color: #F9FD7E;/*		background-color: #F9FC8E;*//*	background-color: #EAFF79;*/
	}



/*ヘッダーの背景画像*/
#header_main{
		height:108px;
	background: url(../img/header3_bg.png)no-repeat right;
		}
		
		
	
/* グローバルナビゲーションのスタイル */	
.gnav li a:hover,.gnav a.current{
	background-color: #F7E547;

}
.gnav li a:hover{
	color: #FF6064;
	text-shadow: 2px 2px #ffffff;
	}
.gnav ul li:first-child {
	border-left: 1px solid #F3E172;
}
.gnav ul li {
	border-right: 1px solid #F3E172;
}
.gnav ul li ul li a {
	background-color: #FFF9AC;
	border: 1px solid #F3E172;
	border-top: none;
}
.gnav ul li ul li a:hover,
.gnav ul li ul li a.current {
	background-color: #B8E883;
	/*	text-shadow: 0px 0px 3px #A6A6A6;*/
	color: #555555;
}




/*サイドバー関連*/
.button1 {
	background-color: #F3A65C;
	color: #fff;
}
.button1:hover {
	background-color: #FF931A;
}
.button1 .icon-info{
	color: #FFD187;
}

#sidebar .title {
	background-color: #C1E88D;
	color: #3c3c3c;
}
.tnav_side {
  background-color:#f8f6f3;
}




/*その他*/
.pageTitle {
	background-color: #F0D839;
}
.title {
	background-color: #FAFFB2;
    border-radius: 4px 4px 0 0;
}
.catch {
	color: #DD6E54;
}

#toggle_menu-btn {
	background-color: #cca7d9;
}
p.gotop a:hover {
	background-color: #F79D75;
}



/*テーブルカラー*/
.data2 th{
	background-color: #E9F7ED;
	}

.data3 th{
	background-color: #F0963F;
	color: #FFFFFF;
	border-bottom: 1px solid #FCDC8C;
		}
.data3 td{
	background:#FCFCFC;
	}
.data3 tr:nth-child(even) td{
	background-color: #F4F4F4;
	}


/* タブレット向けのレイアウトの指定：～960px */
@media only screen and (max-width: 960px) {
.gnav > .wrapper > ul > li:nth-child(4) {
border-left:1px solid #F3E172;
}
.gnav > .wrapper > ul > li:nth-child(n+4) {
border-top:1px solid #F3E172;
}



}


/* タブレット向けのレイアウトの指定：～768px */
@media only screen and (max-width: 768px) {
#header_main{
		height:195px;
	background: url(../img/header_bg2.png)no-repeat right;
		}
}


/* スマホ向けのレイアウトの指定：～420px */
@media only screen and (max-width: 420px) {
.gnav > .wrapper > ul > li:nth-child(odd) {
border-left:1px solid #F3E172;
}
.gnav > .wrapper > ul > li:nth-child(4){
border-left:none;
}
.gnav > .wrapper > ul > li:nth-child(n+3) {
border-top:1px solid #F3E172;
}




.mail,.tel{
	background-color: #cda8da;
}	
#header_info .mail:hover,#header_info .tel:hover{
	background-color:#D78FEF;

}
#header_info .mail .icon-mail,#header_info .tel .icon-tel{
	color: #8F7194;
	}
#header_info .mail a,#header_info .tel a{
	color:#FFFFFF;
	}
#header_main{
	background:none;
	 }	
#header_info .mail a:hover{
	color:#FFFFFF;
	}
#header_main{
	height:auto;;
}
}