@charset "utf-8";

/* TOPのみ上部に23pxの隙間が入る問題対策　*/
#wrapperTopAll {
	position: relative;
	width: 100%;
	top:-23px;
/*	border:solid 1px red;*/
	clear:both;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#wrapperTopAll {
		top:-27px;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#wrapperTopAll {
		top:-27px;
	}
}



/*メインカルーセル*/
#mainCarousel{
	position: relative;
	z-index:1;
	width:100%;
	top:0px;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#mainCarousel {
		width:100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#mainCarousel {
	}
}


/*画像配置プレーン設定*/
#imageOne {
	position:relative;
	width:100%;
	margin:0 0;
}


/*ーーーーーここより　wrapperと背景画像の設定　ーーーーー*/

/* wrapper1 〇〇〇〇 */
#wrapper1 {
	width: 100%;
    background-image: url('images/wrapper_02.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    clear:both;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#wrapper1 {
		width:100%;
        background-image: url('images/wrapper_02sp.jpg');
        background-position: left top;
        background-repeat: no-repeat;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#wrapper1 {
		width:100%;
	}
}


/* wrapper2 〇〇〇〇 */
#wrapper2 {
	width: 100%;
    background-image: url('images/wrapper_01.jpg');
    background-position: right top;
    background-repeat: no-repeat;
    clear:both;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#wrapper2 {
		width:100%;
        background-image: url('images/wrapper_01sp.jpg');
        background-position: right top;
        background-repeat: no-repeat;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#wrapper2 {
		width:100%;
	}
}

/*ーーーーーここまで　wrapperと背景画像の設定　ーーーーー*/



/*ーーーーーここより　タイトルとコンテンツ欄の設定　ーーーーー*/

/*タイトルパターン１*/
#titleOne {
	position:relative;
	width:100%;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#titleOne {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#titleOne {
	}
}

.mincho {
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


/*コンテンツ欄（固定）*/
#contents {
	width: 100%;
	margin: 0 0;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#contents {
		width: 90%;
		margin: 10px auto;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#contents {
	}
}


/*コンテンツ欄（フロート50対50）*/
#float55 {
	width: 50%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float55 {
		width: 90%;
		margin: 0 0 0 10%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float55 {
	}
}


/*コンテンツ欄（フロート40対60）*/
#float46-4 {
	width: 40%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float46-4 {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float46-4 {
	}
}
#float46-6 {
	width: 60%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float46-6 {
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float46-6 {
	}
}


/*コンテンツ欄（フロート30対70）*/
#float37-3 {
	width: 30%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float37-3 {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float37-3 {
	}
}
#float37-7 {
	width: 70%;
	margin: 0 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#float37-7 {
		width: 100%;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#float37-7 {
	}
}

/* 画像MENU欄フロートコンテナ　ここから */
/* 左から1～3列用 */
#floatGazo {
	width: 23%;
	margin: 0 3% 20px 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#floatGazo {
		width: 100%;
		margin: 0 0 20px 0;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#floatGazo {
	}
}
/* 右端用 */
#floatGazoR {
	width: 22%;
	margin: 0 0 20px 0;
	float: left;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#floatGazoR {
		width: 100%;
		margin: 0 0 20px 0;
	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#floatGazoR {
	}
}
/* 画像MENU欄フロートコンテナ ここまで */

/*ーーーーーここまで　タイトルとコンテンツ欄の設定　ーーーーー*/



/*ーーーーーここより　ページごとの個別設定　ーーーーー*/

/* トピックスの左サイドのタイトル欄　ここから */
#topicsTitle {
	font-size: 120%;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#topicsTitle {

	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#topicsTitle {
	}
}

#topicsLine {
	position: relative;
	width: 80%;
	border-style: dotted;
	border-color: #333;
	border-width: 2px 0 0 0;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#topicsTitle {

	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#topicsTitle {
	}
}

#topicsButton a {
	position: relative;
	width: 30%;
	padding: 3px 6px;
	background-color: #444444;
	font-size: 60%;
	color: white;
	text-decoration: none;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#topicsTitle a {

	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#topicsTitle a {
	}
}
#topicsButton a:hover {
	position: relative;
	width: 30%;
	padding: 3px 6px;
	background-color: #666;
	font-size: 60%;
	color: white;
	text-decoration: none !important;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#topicsTitle a:hover {

	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#topicsTitle a:hover {
	}
}
/* トピックスの左サイドのタイトル欄　ここまで */


/* トピックスの右サイドの記事欄　ここから */
#infoUnit table {
	border-style: solid;
	border-color: #333;
	border-width: 1px 0 0 0;
}
		/*スマホ縦用*/
@media screen and (max-width: 620px) {
	#infoUnit table {

	}
}
		/*スマホ横向き・タブレット用*/
@media screen and (min-width: 621px) and (max-width: 999px) {
	#infoUnit table {
	}
}
/* 掲載日時のクラス */
.infoDay {
	font-size: 80%;
	font-weight: bold;
	color: black;
}
/* 記事タイトルのクラス */
.infoTitle {
	font-size: 90%;
	font-weight: bold;
	color: black;
}
/* 記事本文のクラス */
.infoHonbun {
	font-size: 80%;
	font-weight: normal;
}
.heightLow {
	height: 5px;
}

/* トピックスの右サイドの記事欄　ここまで */





/* 画像MENUボタン */
#gazoMenuButton a {
	z-index: 1000;
	position: relative;
	height: 40px;
    width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: white;
	background-color: #222;
	text-align: center;
	text-decoration: none;
	float: left;
}
#gazoMenuButton a:hover {
	z-index: 1000;
	position: relative;
	height: 40px;
    width: 100%;
	font-size: 14px;
	font-weight: normal;
	color: white;
	background-color: #444;
	text-align: center;
	text-decoration: none !important;
	float: left;
}