@charset "UTF-8";


body	{margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif}


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

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

.site img	{border: none}


/* 概要 */
.gaiyou a	{display: block;
	color: #000;
	padding-right: 20px;
	text-decoration: none}

.gaiyou a:hover	{opacity: 0.5}

.gaiyou h1	{margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
	font-size: 22px;
	line-height: 1.5;
	font-weight: normal}

.gaiyou p	{margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 15px;
	line-height: 1.6}


/* お知らせ */
.news	{padding: 20px;
	border: solid 5px #dddddd}

.news h1	{margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	color: #666666}

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

.news li	{padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	line-height: 1.5}

.news time	{color: #888888;
	font-weight: bold}

.news time	{float: left;
	width: 60px}

.news .text	{float: none;
	width: auto;
	margin-left: 60px}


/* info-subメニュー */
.content-old ul	{margin: 0;
	padding: 0;
	list-style: none}

.content-old li a	{display: block;
	margin-bottom: 10px;
	padding: 10px;
	border-radius: 4px;
	color: #ffffff;
	font-size: 14px;
	text-decoration: none}

.content-old li a:hover	{opacity: 0.8}

.con-o-1	{background-color: #6699cc}
.con-o-2	{background-color: #669999}
.con-o-3	{background-color: #336666}
.con-o-4	{background-color: #999999}


.content-old i	{margin-right: 10px;
	font-size: 24px;
	vertical-align: middle}

/* スポンサードリンク */
.pr p	{margin: 0;
	padding-top: 10px;
	color: #666666;
	font-size: 14px}

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

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

/* ボックスの左右 */
.header, .info, .footer, .pickup
	{padding-left: 15px;
	padding-right: 15px}

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

.info	{padding-top: 10px;
	padding-bottom: 20px}

.info-main	{padding-bottom: 20px}

.pickup	{padding-top: 20px}

.pickup-1, .pickup-2, .pickup-3
	{padding-bottom: 10px}

/* ########### 450px以下 ########### */
@media (max-width: 450px) {
.gaiyou p {line-height: 1.5}

.gaiyou br {display: none}

}

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

/* サイト名 */
.site img	{width: 225px;
	height: auto}

/* 各アイコン */
.gaiyou img	{width: 80px;
	height: auto}

}

/* ########### 768px以上 ########### */

@media (min-width: 768px) {

/* サイト名 */
.site h1	{margin: 0;
	font-size: 20px}

/* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
.pickup:after	{content: "";
	display: block;
	clear: both}

.pickup-1	{float: left;
	width: 32%;
	margin-right: 2%}

.pickup-2	{float: left;
	width: 32%;
	margin-right: 2%}

.pickup-3	{float: left;
	width: 32%}
}

/* BOX Aの下に罫線を挿入 */
.header	{border-bottom: solid 2px #dddddd}


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

/* 全体の横幅を固定 */
.photo, .info, .header-inner, .footer-inner, .pickup
	{width: 1140px;
	margin-left: auto;
	margin-right: auto}

/* BOX Aの下に罫線を挿入 */
.header	{margin-bottom: 20px;
	border-bottom: solid 2px #dddddd}

}