﻿@charset "utf-8";

*{
	margin:0;
	padding:0;
	font-family:Helvetica , Arial,  sans-serif;
	/*	border: 1px solid #ccc;*/
}

.overflow{
	overflow:hidden;
}
.left{text-align:left;}
a{
	color:#007AB7;
	text-decoration:underline;
	display:block;
}

a#home{
	background-color:#007AB7;
	color:#fff;
}

a:hover{
	text-decoration:none;
	cursor:pointer;
}

a.link_nav{display:block;
	text-decoration:none;
	padding:10px;
}

ul a:hover{
	background-color:#007AB7;
	color:#fff;

}

ul li{
	list-style-type:none;
}

/*
----------------------------
header
----------------------------
*/

header{
	position:fixed;
	z-index:10000;
	top:0;
	left:10px;
	right:10px;
/*	min-height:120px;*/
	background-color:#fff;

}

h1{
	float:left;
	margin-left:10px;
	margin-top:5px;
	color:#007AB7;
}
h1 a{text-decoration:none;}


#subtitle{
	float:left;
	margin-top:5px;
	margin-left:10px;
	color:#007AB7;
}

/*
----------------------------
nav
----------------------------
*/

nav{
	width:100%;
	border-bottom:5px solid #007AB7;
}

nav ul{
	min-width:1100px;
	margin-top:10px;
}

nav ul li{
	width:170px;
/*	height:35px; */
	float:left;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:0;

	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	list-style-type:none;
	color:#007AB7;
}

/*
----------------------------
photo
----------------------------
*/

#photo{
	width:480px;
	height:auto;
	margin:0 auto;
}

#photo a{
	display:block;
	width:480px;
	margin:0 auto;
}

/*
----------------------------
contents
----------------------------
*/

#contents{
	margin-top:120px;
	padding-left:10px;
	padding-right:10px;
	z-index:1;
}

h2{text-align:center;}

table{
	width:auto;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:30px;
	table-layout:auto;
	border-collapse:collapse;
	border:1px solid #9ACDE7;
	color:#007AB7;
}
table tr th:nth-child(2){border-left: 1px solid #fff;}
table tr th:nth-child(3){border-left: 1px solid #fff;}
table tr th:nth-child(4){border-left: 1px solid #fff;}
table tr th:nth-child(5){border-left: 1px solid #fff;}
table tr th:nth-child(6){border-left: 1px solid #fff;}

table tr th,
table tr td
{
	width:auto;
}

table tr th
{
	padding:10px;
	background-color:#007AB7;
	color:#fff;
}

table tr td
{
	padding:10px;
	border:1px solid #007AB7;
	overflow:auto;
	word-break:break-all;
}

	table tr td.keep{word-break:keep-all;}

	table.keep_1 tr td:first-child{word-break:keep-all;}
	table.keep_2 tr td:nth-child(2){word-break:keep-all;}

	table tr td:first-child
	{
		text-align:right;}

		tr{line-height:1.0em;}

		tr.tr_title{
			background-color:#007AB7;
			color:#fff;
			font-weight:bold;
			text-align:center;
		}

		td[rowspan="2"]
		{
			text-align:center;
		}



td[colspan="3"]{
	text-align:center;
}

/*
td[colspan]:not([colspan="1"]) {
    text-align: center;
}
*/

/*ﾘﾌｧﾚﾝｽonly*/
table tr.tr_title td{
	text-align:center;
}

table.reference tr.tr_title td{
	text-align:center;
}

a.ctgr{
	font-weight:bold;
}

ul.text{
	width:550px;
	margin:0 auto;
}

ul.text li:first-child{
	color:#fff;
	background-color:#007AB7;
	font-weight:bold;
	text-align:center;

}

ul.text li{
	list-style-type:none;
	border:1px solid #007AB7;
	padding:5px 10px;
	color:#007AB7;

}

ul.text a:hover{
	background-color:#fff;
	color:#007AB7;
	text-decoration:none;
}

ul.text li img{
	display:none;}


p#go_top{
	min-width:100px;
	float:right;
	margin-right:10px;
}


#tweet_SCT{
	width:400px;
	height:400px;
	margin:0 auto;
	padding:0 10px;
	border:1px solid #ccc;
}



footer{
	padding:7px 10px;
	margin:40px 10px 10px 10px;
	background-color:#007AB7;
	color:#FFF;}

th#left_th{border-right:1px solid #fff;}
th#right_th{border-left:1px solid #fff;}

.nowrap{white-space:nowrap;}
/*
----------------------------
slide
----------------------------
*/

.slide{
	width:480px;
	height:480px;
	margin:0 auto;
	position:relative;
}

#slide_img_F-2,#slide_img_F-15,#slide_img_UH-60J,#slide_img_T-4
{
	width:480px;
	height:480px;
}

.img_ttl_area{
	width:480px;
	height:40px;
	position:absolute;
	z-index:2;
	bottom:0;
	left:0;
	background-color:#000;
	opacity:0.65;
}
	
.img_ttl{
	width:480px;
	height:40px;
	line-height:40px;
	position:absolute;
	z-index:10;
	color:#FFF;
	font-size:1em;
	text-align:center;
	opacity:10;
}

.next,.back{width:auto;}
.back{float:left;margin:5px;}
.next{float:right;margin:5px;}

/*
----------------------------
ショートカットキー
----------------------------
*/
#contents_SC{
	width:1100px;
	margin:10px auto;
}

#SC_table{
	width:850px;
	float:left;
	margin:10px 0;
	padding-left:10px;
	padding-right:10px;
	height:auto;	/*600px;*/
	overflow-y:visible;	/*scroll*/
	/*border:1px solid #ccc;*/
}

#SC_form{
	width:auto;
	float:left;
	margin-left:20px;
	margin-right:10px;
}

ul.radio{
	width:180px;
	margin:20px auto;
	padding:5px;
	border:1px solid #ccc;
}

ul.radio li{
	margin:10px;
}

ul.radio li:first-child{font-weight:bold;}

.button{
	width:auto;
	padding:5px;
	font-size:1em;
}

/*
------------------------------------
@media
------------------------------------
*/

@media screen and (max-width: 1100px){

header{
	position:static;
	margin-left:10px;
	margin-right:10px;
}

/*
----------------------------
@photo
----------------------------
*/

#photo{width:180px;}

#photo a{width:180px;}

#photo img{
	width:180px;
	height:auto;
}

/*

/*
----------------------------
@contents
----------------------------
*/

h1{font-size:1.3em;}
h2{font-size:1.1em;}

#subtitle{
	width:145px;
	margin:5px;
	font-size:0.9em;
}

#contents{
	margin-top:10px;
	margin-bottom:10px;
}
#contents_left{float:none;}
#contents_right{float:none;}

nav ul{
	min-width:205px;}

nav ul li{
	width:180px;
	float:none;
	margin-left:0;
	margin-right:0;
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	border:1px solid #007AB7;
}

table{
	font-size:0.85em;
}
/*
----------------------------
@slide
----------------------------
*/

.slide{
	width:200px;
	height:200px;
}

#slide_img_F-2,#slide_img_F-15,#slide_img_UH-60J,#slide_img_T-4{
	width:200px;
	height:200px;
}

.img_ttl_area{
	width:200px;
	height:30px;
	bottom:0px;
	
}
.img_ttl{
	width:180px;
	height:30px;
	line-height:30px;
	font-size: 0.8em;

}

.back{float:left;margin:0 5px;}
.next{float:right;margin:0 5px;}

/*
----------------------------
@ショートカットキー
----------------------------
*/

#contents_SC{
	width:auto;
	margin:10px 0;
}

#SC_form{
	width:auto;
	float:none;
	margin-left:10px;
	margin-right:10px;
}

ul.radio{
	width:180px;
	margin:10px auto;
	padding:5px;
	border:1px solid #ccc;
}

ul.radio li{
	margin:10px;
}

ul.radio li:first-child{font-weight:bold;}

.button{
	padding:3px;
}

#SC_table{
	width:auto;
	height:auto;
	float:none;
	margin:10px 0;
	padding-left:10px;
	padding-right:10px;

	overflow-y:visible;
	/*border:1px solid #ccc;*/
}

}