
/*	背景のグラデーション*/
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: #E14462;
	-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: #FF9E9E;
}
/*#header_info .mail a{
	color: #E14462;
	}
#header_info .mail a:hover {
	color: #FF290B;
}*/


/*ベースカラー*/
#header_top,.gnav ,.footer{
	background-color: #FFD4E0;
	}



/*ヘッダーの背景画像*/
#header_main{
		height:108px;
	background: url(../img/header_bg.png)no-repeat right;
		}
		
		
	
/* グローバルナビゲーションのスタイル */	
.gnav li a:hover,.gnav a.current{
	background-color: #ECA9BB;
}
.gnav ul li:first-child {
	border-left:1px solid #E4ADBC;
}
.gnav ul li {
	border-right: 1px solid #E4ADBC;
}
.gnav ul li ul li a {
	background-color: #FFE4E9;
	border: 1px solid #E4ADBC;
	border-top: none;
}
.gnav ul li ul li a:hover,
.gnav ul li ul li a.current {
	background-color: #F7FF75;
	/*	text-shadow: 0px 0px 3px #A6A6A6;*/
	color: #555555;
}





/*サイドバー関連*/
.button1 {
	background-color: #CCB6E1;
	/*	background-color: #A0D5D7;*/
	color: #fff;
}
.button1:hover {
	background-color: #B486DF;
}
.button1 .icon-info{
	color: #997D9E;
}

#sidebar .title {
	background-color: #F3F999;
	color: #3c3c3c;
}
.tnav_side {
  background-color:#f8f6f3;
}



/*その他*/
.pageTitle {
	background-color: #ECA9BB;
}
.title {
	background-color: #F8E2E7;
    border-radius: 4px 4px 0 0;
}
.catch {
	color: #DD557B;
}

#toggle_menu-btn {
	background-color: #cca7d9;
}
p.gotop a:hover {
	background-color: #A87BA6;
}



/*テーブルカラー*/
.data2 th{
	background-color: #E9F7ED;
	}

.data3 th{
	background-color: #D1879E;
	color: #FFFFFF;
	border-bottom: 1px solid #E4ADBC;
		}
.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 #E4ADBC;
}
.gnav > .wrapper > ul > li:nth-child(n+4) {
border-top:1px solid #E4ADBC;
}



}


/* タブレット向けのレイアウトの指定：～767px */
@media only screen and (max-width: 767px) {
#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 #E4ADBC;
}
.gnav > .wrapper > ul > li:nth-child(4){
border-left:none;
}
.gnav > .wrapper > ul > li:nth-child(n+3) {
border-top:1px solid #E4ADBC;
}




.mail,.tel{
	background-color: #CCB6E1;
}	
#header_info .mail:hover,#header_info .tel:hover{
	background-color: #BC96E1;
}
#header_info .mail .icon-mail,#header_info .tel .icon-tel{
	color: #997D9E;
	}
#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;;
}
}