@charset "utf-8";

/***********メインスライド************/

div#mainSlide {
	width: 100%;
	height: 325px;
	position: relative;
	margin: 0 auto;
}

p#slideP {
line-height: 40px;
font-size: 93%;
text-align: left;
color: #666;
position: absolute;
top: 447px;
right: 50%;
z-index: 200;
margin-right: -545px;
}

p#slideP span {
color: #48494A;
font-weight: bold;
}

.wideslider {
	width: 100%;
	height: 370px;
	text-align: left;
	position: relative;
	overflow: hidden;
	background-color: #f2ebe2;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #fff url(../img/prev.jpg) no-repeat right center;}
.slider_next {background: #fff url(../img/next.jpg) no-repeat left center;}

.pagination {
	bottom: 13px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 12px;
	height: 12px;
	display: inline-block;
	overflow: hidden;
	background: #ECB935;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	background: #DE4830;
}

.pagination a:focus {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
	background: #ECB935;
}


/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/***********タグサムネイルナビ************/

div#tagNavi {
width: 1086px;
height: 250px;
margin: 0 auto;
position: relative;
}

ul#tagIcon {
width: 1086px;
position: absolute;
top: 15px;
left: 0;
padding-top: 30px;
margin-bottom: 30px;
}

ul#tagIcon li {
float: left;
width: 150px;
height: 156px;
margin-right: 37px;
position: relative;
}

ul#tagIcon li:last-child {
margin-right: 0;
}

ul#tagIcon li a {
display: block;
width: 150px;
height: 34px;
background-color: #FFF;
padding-top: 110px;
font-weight: bold;
border-radius: 4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
behavior:url("/PIE.htc");
}

div.tagCn {
float: left;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 120%;
border-radius: 50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-o-border-radius:50px;
-ms-border-radius:50px;
behavior:url("/PIE.htc");
color: #fff;
position: absolute;
top: -27px;
right: -27px;
border: 4px solid #F5F1E9;
}

/**/

a.tagIc1 {
color: #A18E5C;
border-bottom: 6px solid #E8E3D9;
background-image: url(../img/ic_tag12.png);
background-repeat: no-repeat;
background-position: 50% 30px;
}
a.tagIc1:hover {
color: #FFF;
background-color: #A18E5C !important;
background-position: 50% -29px;
}
a.tagIc1:focus {
color: #FFF;
background-color: #A18E5C !important;
background-position: 50% -29px;
}
div#tagCn1 {
background-color: #A18E5C;
}

a.tagIc2 {
color: #F58E7E;
border-bottom: 6px solid #E8E3D9;
background-image: url(../img/ic_tag22.png);
background-repeat: no-repeat;
background-position: 50% 30px;
}
a.tagIc2:hover {
color: #FFF;
background-color: #F58E7E !important;
background-position: 50% -33px;
}
a.tagIc2:focus {
color: #FFF;
background-color: #F58E7E !important;
background-position: 50% -33px;
}
div#tagCn2 {
background-color: #F58E7E;
}

a.tagIc3 {
color: #E84C3C;
border-bottom: 6px solid #E8E3D9;
background-image: url(../img/ic_tag32.png);
background-repeat: no-repeat;
background-position: 68% 31px;
}
a.tagIc3:hover {
color: #FFF;
background-color: #E84C3C !important;
background-position: 68% -30px;
}
a.tagIc3:focus {
color: #FFF;
background-color: #E84C3C !important;
background-position: 68% -30px;
}
div#tagCn3 {
background-color: #E84C3C;
}

a.tagIc4 {
color: #16A6B6;
border-bottom: 6px solid #E8E3D9;
background-image: url(../img/ic_tag42.png);
background-repeat: no-repeat;
background-position: 50% 35px;
}
a.tagIc4:hover {
color: #FFF;
background-color: #16A6B6 !important;
background-position: 50% -21px;
}
a.tagIc4:focus {
color: #FFF;
background-color: #16A6B6 !important;
background-position: 50% -21px;
}
div#tagCn4 {
background-color: #16A6B6;
}

a.tagIc5 {
color: #2C5379;
border-bottom: 6px solid #E8E3D9;
background-image: url(../img/ic_tag52.png);
background-repeat: no-repeat;
background-position: 53% 28px;
}
a.tagIc5:hover {
color: #FFF;
background-color: #2C5379 !important;
background-position: 53% -37px;
}
a.tagIc5:focus {
color: #FFF;
background-color: #2C5379 !important;
background-position: 53% -37px;
}
div#tagCn5 {
background-color: #2C5379;
}

a.tagIc6 {
color: #95A4A5;
border-bottom: 6px solid #E8E3D9;
background-image: url(../img/ic_tag62.png);
background-repeat: no-repeat;
background-position: 50% 41px;
}
a.tagIc6:hover {
color: #FFF;
background-color: #95A4A5 !important;
background-position: 50% -10px;
}
a.tagIc6:focus {
color: #FFF;
background-color: #95A4A5 !important;
background-position: 50% -10px;
}
div#tagCn6 {
background-color: #95A4A5;
}

div#newEntry {
position: absolute;
top: 2550px;
left: 0;
}

/*****タグナビ2*****/

div#tagNavi2 {
width: 50px;
height: 306px;
background-image: url(../img/bg_tag.png);
background-repeat: no-repeat;
position: fixed;
top: 50%;
left: -50px;
margin-top: -200px;
padding-top: 60px;
}

div#tagNavi2 li {
float: left;
width: 50px;
height: 50px;
margin-bottom: 1px;
}

div#tagNavi2 li a {
display: block;
width: 50px;
height: 50px;
}

div#tagNavi2 li a:hover {
background-color: #DE4830;
}

div#tagNavi2 li a span {
display: none;
}

a.tagBtn12 {
background-color: #A18E5C;
background-image: url(../img/ic_tag1.png);
background-repeat: no-repeat;
background-position: 50%;
}

a.tagBtn22 {
background-color: #F58E7E;
background-image: url(../img/ic_tag2.png);
background-repeat: no-repeat;
background-position: 50%;
}

a.tagBtn32 {
background-color: #EE6557;
background-image: url(../img/ic_tag3.png);
background-repeat: no-repeat;
background-position: 50%;
}

a.tagBtn42 {
background-color: #16A6B6;
background-image: url(../img/ic_tag4.png);
background-repeat: no-repeat;
background-position: 50%;
}

a.tagBtn52 {
background-color: #2C5379;
background-image: url(../img/ic_tag5.png);
background-repeat: no-repeat;
background-position: 50%;
}

a.tagBtn62 {
background-color: #95A4A5;
background-image: url(../img/ic_tag6.png);
background-repeat: no-repeat;
background-position: 50%;
}