@charset "UTF-8";


body	{
	margin: auto;max-width: 1000px;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	background-color: #dfdcdb
}


/* サイト名 */
.site h1 a	{
	color: #000000;
	text-decoration: none
}

.site h1	{
	margin: 0;
	font-size: 30px
}


/* ナビゲーション */
.menu ul	{
	margin: 0;
	padding: 0;
	list-style: none
}

.menu li a	{
	display: block;
	padding: 10px 15px;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}

.menu li a:hover	{
	background-color: #eeeeee
}

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

.menu li	{
	float: left;
	width: auto
}


/* ヘッダー画像 */
.topimg	{
	max-width: 100%;
	height: auto;
	vertical-align: bottom
	
}


/* お知らせ */
.news h1	{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666
}

.news ul	{
	margin: 0;
	padding: 0;
	list-style: none
}

.news li a	{
	display: block;
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none
}

.news li a:hover	{
	background-color: #eeeeee
}

.news time	{
	margin-right: 10px;
	color: #888888;
	font-weight: bold
}



/* コピーライト */
.copyright p	{
	margin: 0; 
	text-align:center;
	color: #666666;
	font-size: 16px
}

.center {
	text-align: center;
	}

/* ボックスの左右 */
.boxA, .box5	{
	padding-left: 15px;
	padding-right: 15px
}


/* BOX5をバーの形にする */
.box5	{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #dddddd
}


/* ボックスの上下 */
.boxA	{
	padding-top: 20px;
	padding-bottom: 10px;
}

.boxMainContent:after{
	width: 100%;
	content: "";
	display:block;
	clear:both
}

.box3 {

	margin-left: auto;
	margin-right: auto;
}

.box4	{
	padding-top: 50px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	width:65%;
	float: left;
}

.box6	{
	padding-top: 70px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 5px;
	width:30%;
	float: left;	
}

/* ########### 599px 以下 ########### */
@media (max-width: 599px) {

}



/* ########### 768px以上 ########### */
@media (min-width: 768px) {

/* BOX1とBOX2を横に並べる設定 */
.boxA:after	{
	content: "";
	display: block;
	clear: both
}

.box1	{
	float: left;
	width: auto
}

.box2	{
	float: right;
	width: auto
}

}



/* ########### 1190px 以上 ########### */
@media (min-width: 1190px) {

}

div.nav {
	width:1000px;
	background: #f9f9f9 url(../img/hor_menu3_off.gif) repeat-x top; 
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	font-size: 80%;
	margin: 0 auto;
	}
	
	
	div.nav ul.nl {
	width: 300px; 
	margin: 0 auto; 
	padding: 0;
	background: #f9f9f9 url(../img/hor_menu3_off.gif) repeat-x top; 
	border-left: 1px #cccccc solid; 
	border-right: 1px #ffffff solid;
	list-style-type: none;
	text-align: center;
	}
	
	
	div.nav ul.nl li {
	width: 100px;
	float: left;
	}
	
	
	div.nav ul.nl li a {
	display: block;
	position: relative; /* IE6�p */
	padding: 11px 2px;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #808080 solid;
	border-left: 1px #ffffff solid;
	border-right: 1px #cccccc solid;
	text-decoration: none;
	}
	
	div.nav ul.nl li a:hover {
	background: #f9f9f9 url(../img/hor_menu4_back7.gif) repeat-x top;
	text-decoration: underline;
	}
	
	/* --- clearfix --- */
	.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.clearFix {
	min-height: 1px;
	}