@charset "UTF-8";

body	{
		margin				:	0;
		}

/********************************************************************************************
****					*********************************************************************
****599px以下の時に適用*********************************************************************
****					*********************************************************************
*********************************************************************************************/
@media(max-width:599px){
header{
		width				:	100%;
		margin-left			:	auto;
		margin-right		:	auto;
		padding				:	0;
		height				:	auto;
		border-bottom		:	dotted 0px #e0e0e0;
		box-sizing			:	border-box;
		}

.left{
				width		:	100%;
				height		:	35px;
				border		:	solid 0px #000000;
				box-sizing	:	border-box;
				color		:	#ffffff;
				margin		:	0;
				padding		:	0;
			}

.right{
				width		:	100%;
				height		:	35px;
				border		:	solid 0px #000000;
				box-sizing	:	border-box;
				color		:	#ffffff;
				text-align	:	right;
				margin-top	:	3px;
				margin-bottom:	20px;
				padding		:	0;
			}

header h1{
			margin-left		:	10px;
			margin-top		:	3px;
			font-size		:	24px;
			color			:	#666666;
			letter-spacing	:	20px;
			text-shadow		:	5px 5px 3px #e0e0e0;
			}
/**----------------------------------------------------------------------599px以下ナヴィゲーション**/
nav{
			border-top		:	0px solid #34589e;
			margin-top		:	3px;
	}

nav ul{
			overflow		:	hidden;
			list-style		:	none;
			margin			:	0 auto;
			padding			:	0;
			max-width		:	100%;
	}

nav li{
			box-sizing		:	border-box;
			float			:	left;
			width			:	20%;
		}

nav li:last-child{
			border-right	:	none;
			}

nav li a{
			display			:	block;
			padding			:	10px 0;
			width			:	100%;
			text-decoration	:	none;
			text-align		:	center;
			font-size		:	14px;
			color			:	#222222;
		}

nav li a:hover{
			background		:	linear-gradient(180deg, #ffffff, #e0e0e0);
			}

nav li a.current{
				border-bottom:	solid 2px #000000;
				}
/**----------------------------------------------------------------------599px以下ナヴィゲーションー**/
/**----------------------------------------------フッター599px以下----------------------**/
.footer{
			width				:	100%;
			margin-top			:	15px;
			background-color	:	#dddddd;
		}

.copyright{
			margin			:	0;
			color			:	#666666;
			font-size		:	14px;
			text-align		:	center;
			}
}/**----------------------------599px以下終了-----------------------------------------------**/
/********************************************************************************************
****					*********************************************************************
****600px～767px以下の時に適用*********************************************************************
****					*********************************************************************
*********************************************************************************************/
@media(min-width:600px) and (max-width:767px){
header{
		width				:	100%;
		margin-left			:	auto;
		margin-right		:	auto;
		padding				:	0;
		height				:	auto;
		border-bottom		:	dotted 0px #e0e0e0;
		box-sizing			:	border-box;
		}

.left{
				float		:	left;
				width		:	50%;
				height		:	46px;
				border		:	solid 0px #000000;
				box-sizing	:	border-box;
				color		:	#ffffff;
				margin		:	0 0 8px 0;
				padding		:	0;
				border		:	solid 0px #000000;
			}

.right{
				float		:	right;
				width		:	50%;
				height		:	46px;
				border		:	solid 0px #000000;
				box-sizing	:	border-box;
				color		:	#ffffff;
				text-align	:	right;
				margin		:	0 0 8px 0;
				padding		:	0;
			}

.boxA:after{
				content		:	"";
				display		:	block;
				clear		:	both;
			}	

header h1{
			margin-left		:	10px;
			margin-top		:	3px;
			font-size		:	24px;
			color			:	#666666;
			letter-spacing	:	20px;
			text-shadow		:	5px 5px 3px #e0e0e0;
			}
/**----------------------------------------------------------------------600px～767px以下ナヴィゲーション**/
nav{
			border-top		:	0px solid #34589e;
			margin-top		:	3px;
	}

nav ul{
			overflow		:	hidden;
			list-style		:	none;
			margin			:	0 auto;
			padding			:	0;
			max-width		:	100%;
	}

nav li{
			box-sizing		:	border-box;
			float			:	left;
			width			:	20%;
		}

nav li:last-child{
			border-right	:	none;
			}

nav li a{
			display			:	block;
			padding			:	10px 0;
			width			:	100%;
			text-decoration	:	none;
			text-align		:	center;
			font-size		:	14px;
			color			:	#222222;
		}

nav li a:hover{
			background		:	linear-gradient(180deg, #ffffff, #e0e0e0);
			}

nav li a.current{
				border-bottom:	solid 2px #000000;
				}
/**----------------------------------------------------------------------600px～767px以下ナヴィゲーションー**/
/**----------------------------------------------フッター600px～767px以下----------------------**/
.footer{
			width				:	100%;
			margin-top			:	15px;
			background-color	:	#dddddd;
		}

.copyright{
			margin			:	0;
			color			:	#666666;
			font-size		:	14px;
			text-align		:	center;
			}
}/**600px～767px以下の時に適用終了-------------------------------------------------**/

/********************************************************************************************
****					*********************************************************************
****768px～999px以下の時に適用*********************************************************************
****					*********************************************************************
*********************************************************************************************/
@media(min-width:768px) and (max-width:999px){
/**----------------------------------------------------------------------768px～999px以下ヘッダー**/
header{
		width				:	80%;
		margin-left			:	auto;
		margin-right		:	auto;
		padding				:	0;
		height				:	auto;
		border-bottom		:	dotted 2px #e0e0e0;
		box-sizing			:	border-box;
		}

.left{
				float		:	left;
				width		:	50%;
				height		:	46px;
				border		:	solid 0px #000000;
				box-sizing	:	border-box;
				color		:	#ffffff;
				margin		:	0 0 8px 0;
				padding		:	0;
				border		:	solid 0px #000000;
			}

.right{
				float		:	right;
				width		:	50%;
				height		:	46px;
				border		:	solid 0px #000000;
				box-sizing	:	border-box;
				color		:	#ffffff;
				text-align	:	right;
				margin		:	0 0 8px 0;
				padding		:	0;
			}

.boxA:after{
				content		:	"";
				display		:	block;
				clear		:	both;
			}	

header h1{
			margin-left		:	30px;
			margin-top		:	10px;
			font-size		:	32px;
			color			:	#666666;
			letter-spacing	:	20px;
			text-shadow		:	5px 5px 3px #e0e0e0;
			}

/**----------------------------------------------------------------------768px～999px以下ナヴィゲーション**/
nav{
			border-top		:	0px solid #34589e;
			margin-top		:	20px;
	}

nav ul{
			overflow		:	hidden;
			list-style		:	none;
			margin			:	0 auto;
			padding			:	0;
			max-width		:	100%;
	}

nav li{
			box-sizing		:	border-box;
			float			:	left;
			width			:	20%;
		}

nav li:last-child{
			border-right	:	none;
			}

nav li a{
			display			:	block;
			padding			:	3px 0;
			width			:	100%;
			text-decoration	:	none;
			text-align		:	center;
			font-size		:	14px;
			color			:	#222222;
		}

nav li a:hover{
			background		:	linear-gradient(180deg, #ffffff, #e0e0e0);
			}

nav li a.current{
				border-bottom:	solid 2px #e0e0e0;
				}
/**----------------------------------------------------------------------768px～999px以下ナヴィゲーションー**/
/**----------------------------------------------フッター768px～999px以下----------------------**/
.footer{
			width				:	100%;
			margin-top			:	15px;
			background-color	:	#dddddd;
		}

.copyright{
			margin			:	0;
			color			:	#666666;
			font-size		:	14px;
			text-align		:	center;
			}


}/**----------------------------------------------------------------------768px～999px以下終了*************/
/********************************************************************************************
****					*********************************************************************
****1000px以上の時に適用*********************************************************************
****					*********************************************************************
*********************************************************************************************/
@media(min-width:1000px){
/**----------------------------------------------------------------------1000px以上ヘッダー**/
header{
		width				:	80%;
		margin-left			:	auto;
		margin-right		:	auto;
		padding				:	0;
		height				:	auto;
		border-bottom		:	dotted 2px #000000;
		box-sizing			:	border-box;
		}

.left{
				float		:	left;
				width		:	50%;
				height		:	46px;
				border		:	solid 0px #000000;
				box-sizing	:	border-box;
				color		:	#ffffff;
				margin		:	0 0 8px 0;
				padding		:	0;
				border		:	solid 0px #000000;
			}

.right{
				float		:	right;
				width		:	50%;
				height		:	46px;
				border		:	solid 0px #000000;
				box-sizing	:	border-box;
				color		:	#ffffff;
				text-align	:	right;
				margin		:	0 0 8px 0;
				padding		:	0;
			}

.boxA:after{
				content		:	"";
				display		:	block;
				clear		:	both;
			}	



header h1{
			margin-left		:	30px;
			margin-top		:	5px;
			font-size		:	36px;
			color			:	#666666;
			letter-spacing	:	20px;
			text-shadow		:	5px 5px 3px #e0e0e0;
			}


/**----------------------------------------------------------------------1000px以上ヘッダー**/

/**----------------------------------------------------------------------1000px以上ナヴィゲーション**/
nav{
			height			:	75px;
			margin-top		:	0px;
			margin-bottom	:	5px;
			padding			:	0;
			border-bottom	:	dotted 1px #000000;
			box-sizing		:	border-box;
	}

nav ul{
			list-style		:	none;
			margin			:	0 auto;
			padding			:	0;
			max-width		:	100%;
	}

nav li{
			box-sizing		:	border-box;
			float			:	left;
			width			:	20%;
		}
nav li a{
			display			:	block;
			padding			:	10px 0;
			width			:	100%;
			text-decoration	:	none;
			text-align		:	center;
			font-size		:	14px;
			color			:	#222222;
		}

nav li a:hover{
			background		:	linear-gradient(180deg, #ffffff, #e0e0e0);
			}

nav li a.current{
				border-bottom	:	solid 2px #000000;
				}

.nav:after{
				content		:	"";
				display		:	block;
				clear		:	both;
			}
/**----------------------------------------------------------------------1000px以上ナヴィゲーション終了**/

/**----------------------------------------------------------------------1000px以上挨拶分エリア**/
article{
			width			:	80%;
			height			:	auto;
			margin-top		:	5px;
			margin-left		:	auto;
			margin-right	:	auto;
			box-shadow		:	3px 3px 3px #e0e0e0;
			border			:	solid 1px #e0e0e0;
			}

article h2{
			width			:	90%;
			margin-left		:	auto;
			margin-right	:	auto;
			font-size		:	24px;
			padding			:	3px 3px 3px 6px;
			color			:	#000000;
			background-color:	#e1d4e6;
			border-radius	:	6px;
			}

article p{
			width			:	80%;
			margin-left		:	auto;
			margin-right	:	auto;
			font-size		:	18px;
			line-height		:	1.5em;
			color			:	#000000;
			}

.main-l{
			width			:	50%;
			height			:	auto;
			margin			:	0;
			box-sizing		:	border-box;
			border			:	solid 1px #e0e0e0;
			float			:	left;
		}

.main-r{
			width			:	50%;
			height			:	300px;
			margin			:	0;
			box-sizing		:	border-box;
			border			:	solid 1px #e0e0e0;
			float			:	left;
		}

article:after{
				content		:	"";
				display		:	block;
				clear		:	both;
			}

/**----------------------------------------------フッター1000px以上----------------------**/
.footer{
			width				:	100%;
			margin-top			:	15px;
			background-color	:	#dddddd;
		}

.copyright{
			margin			:	0;
			color			:	#666666;
			font-size		:	14px;
			text-align		:	center;
			}




}/**1000px以上終了-----------------------------------------------------------------------**/