@charset "utf-8";



/* 無料テンプレート.com No.72 	レッドカラーセット */


/* カラー①　	#ff0000（基本色）*/

/* カラー②  	#ff6347（アクティブ，ロールオーバー）　*/

/* 背景色		lavenderblush　*/



body{
	color:#333;
	
	background:lavenderblush;	/* 背景色 */
	
	border-top-color:#ff0000;		/* ←カラー① */
	border-bottom-color:#ff0000;		/* ←カラー① */
}

/* リンク設定
------------------------------------------------------------*/
a{
	color:#ff0000;		/* ←カラー① */
}
a:hover{
	color:#ff6347;		/* ←カラー② */
}

/* 全体
------------------------------------------------------------*/


/**************************
/* トップナビゲーション
**************************/
ul#topnav{
	background:#ff0000;		/* ←カラー① */
}

ul#topnav a{
	color:#fff;
	border-left-color:#ff6347;		/* ←カラー② */
}

ul#topnav li.active a,
ul#topnav a:hover{
	background:#ff6347;		/* ←カラー② */
}


/**************************
/* メイン画像（トップページ+サブページ）
**************************/

.slogan{
	color:#fff;
	text-shadow:1px 1px #000;
	background:rgba(255,0,0,0.5);	/* ←カラー① */
}


/**************************
/* グリッド
**************************/
	
.grid{
	background:#f4f4f4;
	border-right-color:#fff;
}

.colDark h3,
.colLight h3{
	color:#fff;
	background:#ff6347;		/* ←カラー② */
}

.colDark h3{
	background:#ff0000;		/* ←カラー① */
}

.grid li{
	border-top-color:#fff;
	border-bottom-color:#dbdbdb;
}


/*************
メイン コンテンツ
*************/

section.content article{
	background:#f4f4f4;
}

h3.heading,
#sub .grid h3{
	color:#fff;
	background:#ff0000;		/* ←カラー① */
}
#sub .grid h3:hover,
#sub .grid h3.active{
	background:#ff6347;		/* ←カラー② */
}

#main h3.heading,
#sub .col2 h3{
	background:#ff0000;		/* ←カラー① */
}

img.frame,
figure img{
	border-color:#ff0000;		/* ←カラー① */
}

/*************
テーブル
*************/

table.table th,
table.table td{
	border-color:#ff6347;		/* ←カラー② */
}

table.table tr:first-child th,
table.table tr:first-child td{
	border-top-color:#ff6347;		/* ←カラー② */
}

table.table th{
	color:#fff;
	background:#ff0000;		/* ←カラー① */
}
table.table td{
	background:#fff;
}

/**************************
/* トップページ　テロップ
**************************/
div#telop{
	text-shadow:1px 1px #000;
	color:#fff;
	background-color:#ff0000;		/* ←カラー① */
}


.em_back_color{
	background-color:#ff0000;		/* ←カラー① */
	color:#fff;
}


/* PC用 */
@media only screen and (min-width:960px){
	
}


/* モニター幅960px以下 */
@media only screen and (max-width:960px){

	ul#topnav li{
		border-right-color:#ff6347;		/* ←カラー② */
		border-bottom-color:#ff6347;		/* ←カラー② */
	}
}


/* iPad 縦 */
@media only screen and (max-width:768px){

}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){

}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){

	ul#topnav li:nth-child(3n){
		border-right-color:#ff6347 !important;		/* ←カラー② */
	}
		
}