@charset "utf-8";

/* 無料テンプレート.com No.45 ネイビーブルーカラーセット */


/* カラー①　	#000080（ボタン基本色）*/

/* カラー②  	#0000aa （ロールオーバー，アクティブボタン）*/

/* 背景色		azure */



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

/* リンク設定
------------------------------------------------------------*/
a{
	color:#000080;	/* カラー① */
}
a:hover{
	color:#33f;	/* カラー② */
}

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

/*************
/* ヘッダー
*************/

/*************
/* ロゴ
*************/

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

ul#topnav a{
	color:#fff;
	border-left-color:#fff;
}


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


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

.slogan{
	color:#fff;
	background:rgba(0,0,128,0.5);	/* カラー① */
	text-shadow:1px 1px #777;
	border-radius:10px;
}


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

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

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

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

/* フッター内のグリッド(3カラム) */


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

section.content article{
	background:#fafafa;
}

h3.heading,
#sub .grid h3{
	color:#fff;
	background:#000080;	/* カラー① */
}

#sub .grid h3:hover,
#sub .grid h3.active{
	background:#0000aa;	/* カラー② */
}

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

img.frame{
	border-color:#000080;	/* カラー① */
}


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

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

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

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


/*************
/* フッター
*************/
#footer .copyright{
	font-size:11px;
}
/**************************
/* トップページ　テロップ
**************************/
div#telop{

	text-shadow:1px 1px #000;
	color:#FFF;
	background-color:#000080;	/* カラー① */
}


/********************
/* ページ　表題
*********************/

.large{
    color: #9F7A0B;
	text-shadow:1px 1px white;
}
.em_back_color{
	background-color:#0000aa;	/* カラー② */
	color:#fff;
	text-shadow:1px 1px #000;
}


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


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

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


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


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

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