/* 2014.02.18 R.Yoshikawa */
@charset "utf-8";

/* 基本 ---------------------------------------*/
/* ブロック */
body {
	color:#333;
	background:url(../images/bg.png) repeat-x;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ ゴシック',sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height:170%;
	letter-spacing: 1.2px;
	margin: 0;
	padding: 0;
	border-top:6px solid #002456; }

#content {
	width:960px;
	margin:0 auto 50px; }


/* リンク色 */
a {/*リンクされた文字*/
	color:#1D2D60;
	line-height:140%;
	font-style:normal;
	text-decoration:underline; }

a:link {/*未訪問のリンク*/
	color:#1D2D60;
	font-style:normal;
	text-decoration:underline; }

a:visited {/*訪問後のリンク*/
	color:#1D2D60;
	text-decoration:underline; }

a:hover {/*マウスをのせたとき*/
	color:#1D2D60;
	font-style:normal;
	text-decoration:none; }

a:active {/*クリック中*/
	text-decoration:none; }

/* 見出し */
.title {
	margin-bottom:10px;
	background-color:#EEEDEA; }
.title span {
	display:inline-block;
	color:#FFF;
	padding:5px 30px 5px 10px;
	background:url(../images/title_bg.png) no-repeat right center #002456; }

.sub_title {
	color:#FFF;
	font-size: 16px;
	font-weight:normal;
	padding:5px 10px;
	margin-bottom:10px;
	line-height:120%;
	background-color:#002456;
	border-bottom:3px solid #DDD; }


/* ヘッダー ---------------------------------------*/
#header {
	width:960px;
	margin:0 auto;
	background:url(../images/header_bg.png) no-repeat top center;}

#header_nav {
	height:63px;
	width:450px;
	padding-top:10px;
	margin:0 0 0 auto; }

#header_nav div {
	float:left; }

#header_nav_menu {
	float:left;
	width:246px;
	margin:28px 5px 0 0;
	border:1px solid #EEE;
	background: #ECEDF1;
	background: -moz-linear-gradient(top,#FFF, #F1F1F1);
	background: -o-linear-gradient(top,#FFF, #F1F1F1);
	background: -webkit-gradient(linear, right top, left bottom, from(#FFF), to(#F1F1F1));
	background: -webkit-linear-gradient(top,#FFF, #F1F1F1);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px; }

#header_nav_menu li {
	float:left;
	padding:0 8px; }

#header_nav_menu li.b_r {
	border-right:1px solid #EEE; }

#header_nav_menu li a {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:10px;
	text-decoration:none;
	background:url(../images/icon.png) no-repeat left center; }

#header_menu {
	padding-left:1px; }

#header_menu li {
	float:left;
	width:190px;
	text-align:center; }

#header_menu li a {
	display:block;
	color:#FFF;
	font-size:16px;
	line-height:110%;
	margin:8px 0;
	padding:7px 0;
	text-decoration:none;
	border-right:1px solid #001E46;
	border-left:1px solid #466084; }

#header_menu li:first-child a { box-shadow:-1px 0 0 0 #001E46; }
#header_menu li:nth-child(5) a { box-shadow:1px 0 0 0 #466084; }

#header_menu li span {
	display:block;
	color:#A0B4CD;
	font-size:9px;
	font-weight:normal; }


/* フッター ---------------------------------------*/
#footer {
	color:#FFF;
	padding:5px 10px;
	font-size:13px;
	background-color:#1A3A67; }

#footer_menu {
	margin-bottom:180px; }

#footer_menu li {
	float:left; }

#footer_menu li a {
	color:#FFF;
	margin-right:10px;
	padding-right:10px;
	text-decoration:none;
	border-right:1px solid #999; }

#footer_content {
	width:960px;
	margin:0 auto;
	padding:10px 0; }


/* 多用途 ---------------------------------------*/
.shelf {
	margin:0 10px; }

.shelf p {
	padding:0 0 5px; }

.img {
	padding:3px;
	border:1px solid #CCC; }

.sp { display:none; }

.table {
	width:100%;
	border-collapse: collapse; }

.table th {
	color:#FFF;
	padding:5px 8px;
	text-align:left;
	font-weight:normal;
	vertical-align:middle;
	border:1px solid #CCC;
	background-color:#00275C; }

.table td {
	padding:5px 8px;
	vertical-align:middle;
	border:1px solid #CCC; }


/* TOPページ ---------------------------------------*/
#top_bana li {
	float:left;
	margin-right:15px;
	margin-bottom:30px; }

#news li {
	padding:5px;
	margin:0 5px;
	border-bottom:1px solid #CCC;
	background:url(../images/icon.png) no-repeat 10px center; }

#news li span {
	font-weight:bold;
	margin-right:10px; }


/* 各ページ ---------------------------------------*/
/* ぱんくず */
#page_nav {
	margin-bottom:20px;
	background-color:#EEEDEA;
	border-bottom:1px solid #DDD; }

#page_nav ul {
	width:960px;
	margin:0 auto; }

#page_nav li {
	float:left;
	padding:5px 0;
	margin-right:10px;
	font-size:12px; }



/* --------------------------------------------------------------------- レスポンシブスタイル */
/* ----------------------- ～800px PAD */
@media (max-width: 800px) {

	#content,
	#header,
	#footer_content,
	#page_nav ul {
		width:95%; }

	#header_menu li {
		width:20%; }



}
/* ----------------------- ～650px スマホ */
@media (max-width: 650px) {
	body {
		background:none; }

	.sp { display:block; }

	#header {
		width:100%;
		background:url("../images/header_bg_smart.png")no-repeat top center;
		background-size:320px 50px; }


	#smart_menu {
		 }

	#header_menu {
		display:none; }
	#header_menu li {
		float:none;
		width:100%;
		margin:0; }

	#header_menu li a { 
		text-align:right;
		margin:0 0 1px 0;
		padding:5px 15px;
		background-color:#1A3A67;
		border:none;
		box-shadow:none !important; }

	#main_img img {
		width:100%;
		height:auto; }

	#footer_content {
		width:100%;
		margin:0;
		padding:0 0 10px; }

	#footer {
		padding:0; }

	#footer_menu {
		margin-bottom:50px; }

	#footer_menu li {
		float:none; }

	#footer_menu li a {
		display:block;
		padding:8px;
		margin:0;
		border:none;
		border-bottom:1px solid #FFF; }

	#footer .right {
		padding:0 10px;
		font-size:10px; }

}