/*	背景のグラデーション*/
body {
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(249,255,252,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(249,255,252,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: #E893B7;
}
/*#header_info .mail a{
	color: #E14462;
	}
#header_info .mail a:hover {
	color: #FF290B;
}*/


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



/*ヘッダーの背景画像*/
#header_main{
		height:108px;
	background: url(../img/header_bg.png)no-repeat right;
		}
		
		
	
/* グローバルナビゲーションのスタイル */	
.gnav li a:hover,.gnav a.current{
	background-color: #93D0D3;
}
.gnav ul li:first-child {
	border-left: 1px solid #ABCFD7;
}
.gnav ul li {
	border-right: 1px solid #ABCFD7;
}
.gnav ul li ul li a {
	background-color: #DFF8F9;
	border: 1px solid #ABCFD7;
	border-top: none;
}
.gnav ul li ul li a:hover,
.gnav ul li ul li a.current {
	background-color: #FFF575;
	/*	text-shadow: 0px 0px 3px #A6A6A6;*/
	color: #555555;
}





/*サイドバー関連*/
.button1 {
	background-color: #ECA1B5;
	color: #fff;
}
.button1:hover {
	background-color: #E9698B;
}
.button1 .icon-info{
	color: #D77D96;
}

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



/*その他*/
.pageTitle {
	background-color: #93D0D3;
}
.title {
	background-color: #DDF3F4;
    border-radius: 4px 4px 0 0;
}
.catch {
	color: #DD547A;
}

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



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

.data3 th{
	background-color: #80CACD;
	color: #FFFFFF;
	border-bottom: 1px solid #B0DCE7;
		}
.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 #ABCFD7;
}
.gnav > .wrapper > ul > li:nth-child(n+4) {
border-top:1px solid #ABCFD7;
}



}


/* タブレット向けのレイアウトの指定：～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 #ABCFD7;
}
.gnav > .wrapper > ul > li:nth-child(4){
border-left:none;
}
.gnav > .wrapper > ul > li:nth-child(n+3) {
	border-top: 1px solid #ABCFD7;
}



.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;;
}
}