/*Copyright 2017 HIROYUKINISHIMOTO All Rights Reserved.*/
@charset "utf-8";

/*-----------------------------------------------
body
------------------------------------------------*/
body {
	font-family			: "メイリオ";
	font-size			: 10pt;
	line-height			: 134%;
	color				: rgb(102, 102, 102);
	overflow			: scroll;
	background			: linear-gradient(#FFFFFF, #3490ec);
	margin				: 0;
	padding-top			: 5px;
	padding-bottom		: 5px;
	background-attachment:fixed;
}

/*-----------------------------------------------
コンテナ
------------------------------------------------*/
#title {width		: 600px;
	height		: 200px;
	padding				: 10px 10px 0 10px;
}
#wrapper {
	background-color	: #FFFFFF;
	width				: 860px;
	height				: 900px;
	margin				: 0 auto;
	border				: 5px solid #B0C4DE;
	border-radius		: 10px;
}

#wrapper_2 {
	background-color	: #FFFFFF;
	width				: 860px;
	height				: 1600px;
	margin				: 0 auto;
	border				: 5px solid #B0C4DE;
	border-radius		: 10px;
}

#wrapper3 {
	background-color	: #FFFFFF;
	width				: 860px;
	height				: 4600px;
	margin				: 0 auto;
	border				: 5px solid #B0C4DE;
	border-radius		: 10px;
}

#main {

	padding				: 0 20px 10px 20px;
}

/*-----------------------------------------------
見出し
------------------------------------------------*/
#head_navigation{
	clear		: both;
	padding		: 0;
	font-size 	: 16px;
	text-shadow	: 0 1px 2px;
	font-style	: italic;  
}

h1{
	margin-top			: 1em;
	margin-left			: 0.4em;
	margin-right		: 0.4em;
	margin-bottom		: 1em;
	padding-top			: 0.5mm;
	padding-left		: 0.4em;
	padding-right		: 0.4em;
	padding-bottom		: 0.2em;
	font-size			: small;
	color				: #002966;			/* 文字色 */
	border				: solid 1px #217dd9;	/* 枠線色 */
	border-left-width	: 8px;
	box-shadow			: 1px 1px 1px;
}

/*-----------------------------------------------
テーブル
------------------------------------------------*/
.blueTable {
	width			: 700px;
	font-size		: 14px;
	font-family		: "メイリオ";
	line-height		: 1.5em;
	border			: 2px solid #84b2e0;
	border-collapse	: separate;
	border-radius	: 10px;
	text-shadow		: 0 1px 1px;
	box-shadow		: 1px 1px 2px;
	margin			: 0 auto;
}
.blueTable tr:nth-child(2n+1) {
	background : #f1f6fc;
}
.blueTable td, th {
	padding : 7px;
}
.blueTable th {
	width		: 150px;
	background	: #ecf0f6;
	font-weight	: normal;
}

/*-----------------------------------------------
link先属性
------------------------------------------------*/
.link_a:link{
	color: rgb(102, 102, 102);
	text-decoration: none;
}
.link_a:visited{
	color: rgb(102, 102, 102);
	text-decoration: none;
} 
.link_a:hover{
	color:black;
	background-color:#D3D3D3;
	text-decoration: none;
}
.link_a:active{
	color:#663300;
	text-decoration: none;
}
.link_a:focus{
	outline:none;
}

.link_b:hover{
	text-decoration: none;
}
.link_b:focus{
	outline:none;
}
/*-----------------------------------------------
水平線
------------------------------------------------*/
.horizon1{
	color			: #997300;
	margin-bottom	: 3px;
	border: 0;
    height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

/*-----------------------------------------------
font、配置属性
------------------------------------------------*/
.style_msg_L{
	text-align: left;
	font-family: "メイリオ";
}
.style_msg_R{
	text-align: right;
	font-family: "メイリオ";	
}
.style_msg_C{
	text-align: center;
	font-family: "メイリオ";
}

.style_title {	width		: 430px;
}

.style_title2 {	width		: 500px;
		height		: 230px;
		
}

.style3 {	width		: 300px;
		
}

.style4 {	width		: 400px;
		height		: 230px;
		
}

.example1  {
	font-size	: 18px;
	line-height	: 1.5em;
	text-shadow : 1px 1px 1px #c6c6c6;
}

#main p {
	font-size 	: 15px;
	line-height	: 1.5em;
	text-shadow : 1px 1px 1px #c6c6c6;
}

#footer p {
	font-size 	: 13px;
	line-height	: 1.5em;
	color		: #FFFFFF;
	text-shadow : 1px 1px 1px #c6c6c6;
}	

/*-----------------------------------------------
サイド用
------------------------------------------------*/
.side_L{
	background-image: url('/common/common_image/side_L.gif');
	background-repeat: repeat-y;
	background-position: right;
	background-color: #EDEDED;
}
.side_R{
	background-image: url('/common/common_image/side_R.gif');
	background-repeat: repeat-y;
	background-position: left;
	background-color: #EDEDED;
}

/*-----------------------------------------------
メニューボタン
------------------------------------------------*/
ul.m_btn {
	margin				: 0;
	padding				: 0;
	background-color	: #eee;
	list-style-type		: none;
	box-shadow			: 0px 3px 0px;
	}
ul.m_btn li {
	margin: 0;
	padding: 0;
	float: left;
	width: 286px;				/* 固定幅 */
	text-align: center;
	font-size: 14px;			/* 文字サイズ */
}
ul.m_btn li a {
	border: 1px solid 0080ff;	/* 縦線 */
	padding: 7px 10px;			/* 余白 */
	display: block;
	position: relative; 			/* for IE6 */
	color: #fff;
	background:linear-gradient(#00bfff, #0000ff);
	text-decoration: none;
}
ul.m_btn li a:hover {
	border-color: #0000FF;			/* Click_縦線 */
	color: #FFFFFF;				/* Click_文字色 */
	background:linear-gradient(#7fff00, #2e8b57);/* Click_ボタン色 */
}
/* ClearFix */
ul.m_btn {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: 1px;
	overflow: hidden;
	/**/
}
ul.m_btn:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*-----------------------------------------------
フッター
------------------------------------------------*/
#footer{
	width:100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	text-align : center;

}
#copyright{
	font-size:12px;
	float:center;	
}