@charset "utf-8";

/* ==========================================================================
   　　　　　　　　　　　　　　　　　　　　　　common設定の書き換え・追加
   ========================================================================== */
/* nav「ホーム」をhovar */
.nav_home {
	font-weight: bold;
	text-decoration: underline;
}
footer .nav_home {
	color: #66a3c2;
}



/* ==========================================================================
  　　　　　　　　　　　　　　　　　　　　　　 category nav
   ========================================================================== */
#contents nav {
	padding: 10px 13px;
	margin: 1.2em 0;
	background-image: url(img/index/bg_category.gif);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#contents nav ul li {
	height: 60px;
	width: 183px;
	padding: 3px;
	background-color: #FFF;
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
}
#contents nav ul li + li {
	margin-left: 7px;
}
#contents nav ul li a {
	font-size: 0.9em;
	line-height: 1.3em;
	font-weight: bold;
	color: #222;
	width: 116px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 10px;
	background-image: url(img/index/bg_category_02.gif);
}
#contents nav ul li a:hover {
	color: #999;
}
#contents nav ul li img{
	float: left;
	width: 60px;
	height: 60px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
/* ===== バナー群（右メニュー） ===== */
#contents aside a {
	width: 100%;
	font-size: 0.8em;
	font-weight: bold;
	color: #FFF;
	margin: 0 0 1.5em;
	padding: 81px 0 0;
	background-position: top center;
	background-repeat: no-repeat;
}
.text_01, .text_02, .text_03, .text_04 {
	background-color: #267ca8;
	display: block;
	padding: 7px 0.8em;
	background-repeat: no-repeat;
	background-position: 0.8em 7px;
}
.text_01, .text_02, .text_03 {
	min-height: 50px;
	padding: 7px 0.8em 7px 70px;
}
/* hover */
#contents aside a:hover {
	filter: alpha(opacity=45);
 	-moz-opacity: 0.45;
  	opacity: 0.45;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
/* photo 種類 */
.photo_01 {
	background-image: url(img/index/banner/photo_01.jpg);
}
.photo_02 {
	background-image: url(img/index/banner/photo_02.jpg);
}
.photo_03 {
	background-image: url(img/index/banner/photo_03.jpg);
}
.photo_04 {
	background-image: url(img/index/banner/photo_04.jpg);
}
.photo_05 {
	background-image: url(img/index/banner/photo_05.jpg);
}
.photo_06 {
	background-image: url(img/index/banner/photo_06.jpg);
}
.photo_07 {
	background-image: url(img/index/banner/photo_07.jpg);
}
/* badge 種類 */
.text_01 {
	background-image: url(img/index/banner/badge_01.png);
}
.text_02 {
	background-image: url(img/index/banner/badge_02.png);
}
.text_03 {
	background-image: url(img/index/banner/badge_03.png);
}

@media screen and (max-device-width: 720px) {
/* ==========================================================================
  　　　　　　　　　　　　　　　　　　　　　　 category nav
   ========================================================================== */
#contents nav {
	padding: 10px;
	margin: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#contents nav ul li {
	height: 40px;
	width: 98%;
	margin: 0 !important;
	padding: 1%;
	float: none;
	background-image: url(img/index/bg_category_02.gif);
}
#contents nav ul li + li {
	margin-top: 5px !important;
}
#contents nav ul li a {
	width: 100%;
	height: 40px;
}
#contents nav ul li a:hover {
	color: #999;
}
#contents nav ul li img{
	float: left;
	width: 40px;
	height: 40px;
}
/* ===== バナー群（右メニュー） ===== */
#contents aside a {
	margin: 0;
	font-size: 0.9em;
	line-height: 1.8em;
	padding: 70px 0 0;
}
#contents aside a + a {
	margin-top: 1em;
}
/* photo 種類 */
.photo_01,
.photo_02,
.photo_03,
.photo_04,
.photo_05,
.photo_06,
.photo_07 {
	background-size: contain;
}
.text_01, .text_02, .text_03 {
	padding: 12px 0.8em 2px 70px;
}
}