@charset "utf-8";
/* CSS Document */

/* モバイルレ : 480 px およびそれ以下. */

/* ##################################################################### */
/*	スマートフォン
/* ##################################################################### */
/* ===================================================================== */
/*	スマホ　グローバルナビゲーション
/* ===================================================================== */
#globalNavi {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	margin-bottom: 15px;
}
#globalNavi ul {
 100%
}
#globalNavi li {
	list-style-type: none;
	width: 49.367%;
	display: block;
	vertical-align: middle;
	float: left;
	background-color: #b30926;
	margin-bottom: 5px;
	color: #fffdf6;
	background-image: url(../images/arrow_yellow.png);
	background-repeat: no-repeat;
	background-position: right;
}
#globalNavi li a {
	display: block;
	color: #fffdf6;
	text-decoration: none;
}

#globalNavi li:hover{
	background-color: #A86C6C;
	}

#globalNavi div {
	border: 1px solid #999;
	padding-top: 8px;
	padding-bottom: 8px;
	text-indent: 3%;
}
#globalNavi li.odd {
	margin-left: 0;
}
#globalNavi li.even {
	margin-left: 1.2658%;
}


/* ===================================================================== */
/*	スマホ　ローカルナビゲーション
/* ===================================================================== */
#localNav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;

}

#localNav p{
	padding-left: 0px!important;
	margin-left: 0px!important;
	text-align: 0px!important;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 0px;

	}


#localNav p.titleTop{
	background-color: #000000;
	background-image: url(../images_red/arrow_orange_down.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	}


#localNav p.titleTop span{
	
	}
	
#localNav p.titleTop span a{
	color: #FFFFFF;
	text-decoration: none;
	padding-left:15px;
	}


#localNav a:hover img{
	opacity: 0.9;
	filter: alpha(opacity=90);
	}

#localNav ul {
	margin-bottom: 20px;
}
#localNav li {
	vertical-align: middle;
	list-style-type: none;
	float: left;
	width: 100%;
	height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFFFFF;
}

#localNav li a {
	height:25px;
	display: block;
	text-decoration: none;
	color: #fff;
	background-repeat: no-repeat;
	background-image: url(../images/arrow_yellow.png);
	padding-left: 10px;
	background-position: right 0%;
}

#localNav li a:hover{
	color: #fff;
	}

#localNav h2 {
	background-image: url(../images/arrow_orange_down.png);
	background-color: #B30926;
	background-repeat: no-repeat;
	background-position: 98%;
	color: #FFF;
	font-size: 120%;
	height: 30px;
}

#localNav h2.title span{
	float: left;
	margin-top: 0px;
	padding-top: 0px;
	}

#localNav h2.title a{
	color: #FFF;
	display: block;
	padding-top: 8px;
	}


#localNav #snsArea{
	padding-top: 20px;
	display: block;
	margin-top: 20px;
	text-align: center;
	}

#localNav #snsArea .twitter img{
	margin-left:auto;
	margin-right:auto;
	}
	
#localNav #snsArea .twitter{

	display: block;
	}






#localNav #snsArea .facebook{
	
	}
/* ===================================================================== */
/*	スマホ　フッター　ナビゲーション
/* ===================================================================== */
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#footer ul li {
	margin-left: 20px;
	float: left;
	width: 100px;
	font-size: 80%;
	margin-bottom: 10px;
}
#footer li a {
	color: #FFF;
	text-decoration: none;
}

/* ===================================================================== */
/*	スマホ　コピーライト
/* ===================================================================== */
#copyRight {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #CCC;
	text-indent: 15;
	padding-top: 5px;
	padding-bottom: 5px;
}
#copyRight p {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 70%;
}
#contentWide {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



/* タブレット: 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {

/* ##################################################################### */
/*	タブレット
/* ##################################################################### */
/* ===================================================================== */
/*	タブレット　グローバルナビゲーション
/* ===================================================================== */
#globalNavi ul {
 100%
}
#globalNavi li a {
	display: block;
	color: #FFF;
	text-decoration: none;
}

#globalNavi li.odd {
	margin-left: 0;
}
#globalNavi li.even {
	margin-left: 1.2658%;
}


/* ===================================================================== */
/*	タブレット　ローカルナビゲーション
/* ===================================================================== */

#localNav ul{
	margin-bottom: 25px;
	
	}
#localNav li {
	width: 48%;
	margin-right:1%;
}


/* ===================================================================== */
/*	タブレット　フッター
/* ===================================================================== */
/*----タブレット　フッター なし　　----*/

/* ===================================================================== */
/*	タブレット　コピーライト
/* ===================================================================== */
/*----タブレット　コピーライト なし　　----*/

}


	
/* デスクトップ : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
/* ##################################################################### */
/*	PC　デスクトップ
/* ##################################################################### */


/* ===================================================================== */
/*	PC　デスクトップ　ローカルナビゲーション
/* ===================================================================== */
#localNav {
	width: 210px;
	display: block;
	clear: none;
	float: right;
}
#localNav ul {
	clear: none;
	margin-bottom: 35px;
}
#localNav li {
	list-style-type: none;
	width: 210px;
}
#localNav li span {
}
#localNav li a {
	display: block;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;

}
#localNav li a:hover {
	color: #FFFD00;
}
#localNav h2 {
	background-color: #b30926;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	color: #FFF;
	font-size: 120%;
}

#snsArea{
	margin-top: 20px;
	padding-top: 20px;
	display: block;
	float: left;
	clear: both;
	}

/* ===================================================================== */
/*	PC　デスクトップ　フッター　ナビゲーション
/* ===================================================================== */
footer {
	width: 100%;
	float: left;
	clear: none;
	display: block;
}
.framBottom1 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	background-color: #666666;
}
.framBottom2 {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	margin-bottom: 0px;
	background-color: #000000;
}



}