@charset "UTF-8"; 

/* -----------------初期化 */
html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
table,tbody,tfoot,thead,tr,th,td
{margin:0;padding:0;border:0;outline:0;vertical-align:top;border-collapse:separate;}
ul{list-style:none;}
caption{text-align:left;padding-bottom:5px;}
p,dl,dt,dd{padding:0;margin:0;}slide
ul li{list-style:none;}
:root ol, :root ul {
	margin: 0;
	padding: 0;
}
:root blockquote {
	margin: 0;
}

/*div,p,dt,dd,li,td,th,h1,h2,h3,h4,h5{word-wrap: break-word;word-break: break-all;white-space:normal !important;}*/

em{font-style:normal;}

img{vertical-align:top;}

hr{padding:0;margin:0;border:none;}

/* html 5 */
header,footer,nav,article,section,aside,time,figure{display:block;}
[hidden],command,datalist,menu[type=context],rp,source{display: none;}

/* テキスト*/
body { background:#fff; color:#333; font-family:"ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; font-size:100%; line-height:1.5; }
body { -webkit-text-size-adjust:100%; }/* WebKit */
pre,code { font-family:"Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace, serif; font-size:16px; }
input, select, textarea { color:#333; font-family:"ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif; }
textarea { border:1px solid #b7b7b7; padding:2px 3px 2px 3px; }

* html body{font-size:75%;}
*:first-child+html body{font-size:75%;}
head~/* */body{font-size:75%;}
body *{font-size:100%;}



/* -----------------リンク */
a:link {
color:#444444;
text-decoration:none;
}
a:visited {
color:#333333;
text-decoration:none;
}
a:hover {
color:#339FA8;
text-decoration:underline;
}
a:active {
color:#339FA8;
text-decoration:none;
}
/* -----------------middle */
BLOCKQUOTE {
margin-top: 20px;
margin-bottom: 10px;
}


#contents h1{
margin-bottom:25px;
	background-color: #E1E1DB;
	background-repeat: no-repeat;
	height: 65px;
	width: 600px;
	font-size: 230%;
	color: #434A3E;
	text-align: left;
	text-indent: 20px;
	font-weight: bolder;
	padding-top: 35px;
}

#h1_new h1{
	background-image: none;
	text-indent: 0px;
	padding: 0px;
	height: 100px;
margin:0;
width:1100;

}



#contents .h1img{
	background-image: none;
	text-indent: 0px;
	padding-top: 0px;
	height: 140px;
}
#contents .h1img2{
	background-image: none;
	text-indent: 0px;
	padding-top: 0px;
	height: 207px;
}

h2{
	font-size: 240%;
	font-weight: bold;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 7px;
	margin-bottom:10px;
	margin-top:20px;
line-height:150%;
}
.module_title {
	font-size: 180%;
	margin-bottom:0px;
	padding-bottom: 0px;
	font-weight: normal;

}

h3{
	font-size: 180%;
	font-weight: bold;
	vertical-align: middle;
	margin-bottom:10px;
	margin-top:20px;
line-height:150%;
}
#news h3{
	background-image:none;
	padding-left: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
padding-bottom:15px;
	border-left-width: 0px;
}

#topics h3{
	background-image:none;
	padding-left: 0px;
	margin-top: 15px;
	background-repeat: no-repeat;
padding-bottom:15px;
	border-left-width: 0px;
}

h4{
	font-size: 140%;
	font-weight: bold;
	vertical-align: middle;
	padding-left: 10px;
	margin-bottom:10px;
	margin-top:15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #43AB84;
line-height:150%;
}
h5{
	font-size: 120%;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom:10px;
	margin-top:15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #444444;
line-height:150%;
}


h6{
	font-size: 110%;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom:10px;
	margin-top:15px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #444444;
line-height:150%;
}

.clear{
	clear:both;
}

a[target="_blank"] {
	 cursor: url(http://www.no-fur.com/files/user/img/icon_link2.png) , pointer;
}
#bread{
margin-bottom:5px;
font-size:0.8em;
}
a:hover img {
opacity:0.5;
filter: alpha(opacity=50);
}

.list_square li{
background-image:url('../../user/2014/FUR2014_3.png');
background-repeat:no-repeat;
background-position:left top;
padding-left:25px;
margin:8px 10px;
}

/* -----------------animalissue */


#animalissue{
	margin:0;
	background-color: #444444;
	min-width:1200px;
}
.gn2 ul{
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0;
	margin-top:0px;
	height:28px;
}
.gn3{
	float:right;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:0;
	margin-top:0px;
	height:28px;
}

#animalissue li a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
}
#animalissue li{
	float: left;
	margin:0;
}
#animalissue li a{
	display:block;
	height:24px;
	padding:5px 6px 0px 6px;
}
#animalissue li img a{
	margin:0;
	padding:0;
}

#animalissue a:link{
color:#EEEEEA;
text-decoration:none;
}
#animalissue a:visited {
color:#EEEEEA;
text-decoration:none;
}
#animalissue a:hover {
color:#EEEEEA;
background: #43AB84;
text-decoration:underline;
}
#animalissue a:active {
background-color:#43AB84;
text-decoration:underline;
}

/* -----------------header */
#wrapper{
background-color: #FFFFFF;
min-width:1200px;

}
#header #hgroup{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	margin-top:0px;
	width:1200px;
	height:120px;
}
#header #hgroup h1{
	width:210px;
	float:left;
	margin:10px 0 0 0;
}
#header #hgroup #utility a{
color:#444444;
}
#header #hgroup #utility{
	float:right;
	margin-top: 10px;
}

#header #hgroup #utility .utility1 li{
	display: inline;
	margin-right: 0px;
	margin-left: 15px;
text-align:right;
}
#header #hgroup #utility .utility1 li a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
}
#header #hgroup #utility .utility1 li .h_home{
    float:left;
	margin-left: 10px;
    margin-right: 10px;
}
#header #hgroup #utility .h_ml{
	float:right;
	margin-right: 30px;
	font-size:0.9em;
	font-weight: bold;
	color: #666666;
}
#header #hgroup #utility #share{
	float:right;
	margin-right: 10px;
}

.gn1_l {
float:left;
width:562px;
	margin:10px 0 0 0;
}
.gn1_r {
float:right;
width:422px;
	margin:10px 0 0 0;
}


#hgroup li{
	float: left;
}
#hgroup li a{
	display:block;
	padding: 10px 10px;
}

.gn1_l a:link,
.gn1_l a:visited{
color:#D62C9A;
text-decoration:none;
font-size:120%;
}

.gn1_r a:link,
.gn1_r a:visited{
color:#2EC0AE;
text-decoration:none;
}


.gn1_l ul a:hover {
color:000000;
background: #F4C8E4;
text-decoration:underline;
}
.gn1_r ul a:hover {
color:000000;
background: #C2EFDE;
text-decoration:underline;
}



/*****************トップイメージ*******************/


.slider {
	position: relative;
	width: 100%;
overflow: hidden;
	height: 440px;
margin:0px 0px 1px 0px;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
	min-width:1200px;
}

.slides {
		height: 100%;

	/* Clear fix */
	@include clearfix();

	/**
	 * Prevent blinking issue
	 * Not tested. Experimental.
	 */
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
}

.slide {
	float: left;
	clear: none;
	height: 100%;
}

.slider-arrows {}
.slider-arrow {
	background-image: url(http://www.no-fur.com/files/user/image/top/glide-arrows.png);
	width: 17px;
	height: 28px;
	display: block;
	padding: 0;
}

.slider-arrow--left {
	margin-left: 36px;
	background-position: 0 0;
}

.slider-arrow--left:hover {
	background-position: 0 -28px;
}
.slider-arrow--left {
bottom: 50%;
left: 30px;
}
.slider-arrow--right {
	margin-right: 36px;
	background-position: -17px 0;
}
.slider-arrow--right {
bottom: 50%;
right: 30px;}

.slider-arrow--right:hover {
	background-position: -17px -28px;
}


.slider-nav {
	position: absolute;
	bottom: 30px;
}

.slider-nav__item {
	width: 25px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	background: #fff;
}


.slider-nav__item:hover { background: #ccc; }
.slider-nav__item--current { background: #ccc; }

.slider .box {
height: 100%;
padding: 100px 0px 0px 0px;
width:100%;  
margin-top:0;
padding-left: 0px;
background-repeat: no-repeat;
background-position: center top;
}
.box h2 {
	font-size: 70px;
	line-height: 92px;
	color: #57C1D5;
	font-weight: 600;
	border:none;
margin:0 auto;
width:1000px;
padding-left:0px;
text-align: center;
}
.box p{
margin:0 auto;
width:1000px;
padding-left:0px;
font-size:40px;
line-height: 50px;
color: #57C1D5;
text-align: center;
font-weight: 100;
}
.box .btn {
margin:0 auto;
width:500px;
padding-left:500px;
		display: inline-block;
		margin: 25px 0 0;
		padding: 9px 22px 7px;
		clear: both;
		text-align: center;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
		border: 2px solid rgba(255,255,255,.4);
		border-radius: 5px;
	}
		.box .btn:hover {
			background: #E1C2DB;
color:#333333;
		}
		.box .btn:active {
			-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
			filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		}
		
	.box .btn {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
.top_message{
    background-color:#fff;
    color:#57C1D5;
    font-size:40px;
    margin:0 auto;
padding:100px 0;
line-height: 140%;
text-align: center;
font-weight: 200;
	min-width:1150px;
}
.top_message2{
    background-color:#E0D045;
    color:#fff;
    font-size:30px;
    margin:0 auto;
padding:40px 0;
line-height: 140%;
text-align: center;
font-weight: 200;
	min-width:1150px;
}

.top_oldphoto .back1{
    height:600px;
	min-width:1150px;
}
.top_oldphoto .back2{
    height:391px;
	min-width:1150px;
}

/************night****************/
.night{
    background-image:url('../../user/2015/night_backimg.jpg');
    width:100%;
    min-width:1150px;
    padding:50px 0;
    background-size: cover;
    margin:0 auto;
}
.night h2{
	font-size: 70px;
	line-height: 92px;
	color: #fff;
	font-weight: 600;
	border:none;
    margin:0 auto;
    width:1150px;
    padding-left:0px;
    text-align: center;
}
.night p{
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	font-weight: 200;
	border:none;
    margin:0 auto;
    width:1150px;
    text-align: center;
}
.night_title{
    background-color:rgba(35,2,0,0.8);
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	font-weight: 200;
	border:none;
    margin:30px auto;
    width:1000px;
    padding:50px;
    text-align: center;
	text-shadow: 0 0 1px rgba(35,2,0,0.9), 0 1px 2px rgba(35,2,0,0.9);
}
.night_ex{
    background-color:rgba(236,247,245,0.85);
	color: #000;
	border:none;
    margin:20px auto;
    width:800px;
    padding:30px;
    text-align: center;
}
.night_ex h3{
	font-size: 25px;
	line-height: 27px;
	color: #000;
	font-weight: 100;
	border:none;
    text-align: center;
}
.night_ex span{
	font-size: 18px;
	line-height: 22px;
	color: #000;
	font-weight: 100;
	border:none;
    text-align: center;
}

/***********2014joingroup*****************/
.joingroup{
margin-top:30px;
margin-bottom:50px;
}
.joingroup_contents{
padding:20px 30px;
text-align:center;

}
.joingroup_contents ul{
margin:10px auto;
text-align:left;
width:800px;
}
.joingroup_contents li{
list-style-type: square;
}

.myButton_pink {
	background-color:#d62c9a;
	border:1px solid #b52a90;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:22px;
	padding:15px 54px;
	text-decoration:none;
margin:15px 0 0px 0;
}
.myButton_pink:link,
.myButton_pink:visited{
	color:#ffffff;
}
.myButton_pink:hover {
	background-color:#e079be;
}
.myButton_pink:active {
	position:relative;
	top:1px;
}
/**************joinus************/
.joinus{
margin:80px 0 80px 0;
padding:30px 30px;
background-color:#F0E1ED;
}
.joinus h2{
color:#D62C9A;
font-size:36px;
}
.joinus li{
font-size:16px;
margin-bottom:15px;
margin-left:30px;
list-style-image: url('../../user/2014/FUR2014_3.png')
}
/****************2014downloaditem*************/
.downloaditem{
margin:80px 0 80px 0;
background-color:#E2CFED;
text-align:center;
padding:20px 30px 30px 30px;
}
.downloaditem h2{
color:#763D81;
font-size:36px;
}
.downloaditem_item{
font-size:18px;
font-weight:bold;
float:left;
width:180px;
margin:10px 15px 10px 15px;
}

/*************share_1****************/
.share_1{
margin:80px 0 80px 0;
font-size:200%;
}
.share_1 li{
float:left;
margin:0 15px;
}

.share_2{
margin:40px 0 40px 0;
font-size:200%;
text-align:center;
}

.share_1 li{
float:left;
margin:0 15px;
}
/**************NEWSテンプレ**************/
.topnews1{
font-size:14px;
padding:20px 25px;

}
.topnews1 li{
margin-bottom:10px;
}

.topnews2{
font-size:14px;
background-color:#DDFFED;
padding:20px 25px;
}
.topnews2 li{margin-bottom:10px;
}

/**********furfreeweek**********/
.furfreeweek{
font-size:130%;}
.furfreeweek table{
width:90%;}
.furfreeweek .furfreeweek_d{
padding:10px 10px;
background-color:#F0E1ED;
}
.furfreeweek th{
background-color:#F1EFF1;
padding:10px 10px;
}
.furfreeweek .furfreeweek_t{
background-image: url(../../user/2014/FUR2014_5.png);
background-repeat:no-repeat;
background-position: left center;
padding:10px 10px 10px 20px ;
background-color:#F0E1ED;
}

.furfreeweek_r{
margin-bottom:10px;}
.furfreeweek_r table{
width:100%;}
.furfreeweek_r .furfreeweek_d{
padding:5px 5px;
background-color:#F0E1ED;
}
.furfreeweek_r th{
background-color:#F1EFF1;
padding:5px 5px;
}
.furfreeweek_r  .furfreeweek_t{
padding:5px 5px 5px 5px ;
background-color:#F0E1ED;
}

/*------------------- ***************footer************** */


#footer1{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	padding-bottom:40px;
	margin-top:0px;
	width:1200px;
	font-size:1em;
	color:#000000;
}
#f_followus{
	margin-bottom:10px;
	margin-top:30px;
}
#f_followus li{
	display: inline;
	float:left;
	margin:5px 5px 0px 5px;
}

#minisitemap{
	padding:15px 0;
}

#minisitemap1{
	width:160px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D4D0C8;
	padding: 5px 5px 5px 5px;
}
#minisitemap2{
width:160px;
float:left;
margin-left:15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #D4D0C8;
	padding: 5px 5px 5px 5px;
}
#minisitemap3{
	width:160px;
	float:left;
	margin-left:14px;
	padding: 5px 5px 5px 5px;
}
#footer1 h6{
	font-size: 1em;
	font-weight: normal;
}


#footer1 #share{
	padding: 5px 15px 5px 15px;
}

#f_copyright_layout{
	margin-top:20px;}
#f_copyright{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	margin-top:0px;
	width:1100px;
	clear:both;
	font-size:0.85em;
	margin-top:10px;
}
#f_copyright img{
float:right;
}
#minisitemap li{
	background-image: url(../../user/img/icon_2.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}

#minisitemap  li .brank{
	background-image: url(../../user/img/icon_2.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#footer #minisitemap li{
	background-image: url(../../user/img/icon_link.png);
	background-repeat: no-repeat;
	padding-left: 15px;
}

#footer #minisitemap li .brank{
	background-image: url(http://www.no-fur.com/files/user/img/icon_link2.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
}

/************2013から**************/
#4list{
width:930px;
}
#float_list{
float:left;
    overflow: hidden;  
    height: 250px;  
width:200px;
margin: 0px 15px 10px 15px;
}
/*-------------****************movie_700******************/
.movie_t{

}
.movie_1200{
margin-left:auto;
margin-right:auto;
width:1200px;
}
.movie_700{
width:853px;
}


/* ------------------ ******************** cream*************** */

#cream {
padding:20px;
margin: 30px 0px 20px 0px;
border-width: 2px;
border-style: solid;
border-color: #D62C9A;
}

#cream .left{
float:left;
width:300px;
}

#cream .right{
float:right;
width:510px;
margin-left:10px;
}
#cream h2{
font-size:36px;
color:#D62C9A;
}


#pagetop {
padding: 15px 20px 15px 20px;
	text-align: right;
	background-color:#FFFFFF;
}

#sitemap_bread{
background-color:#ffffff;
padding: 5px 30px 5px 30px;}
#sitemap_bread li{
	background-image: url(../../user/img/icon_1.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-right:20px;
	display: inline;
}
/*****************id="sub_module2"*****************/
#sub_module2 li{
padding:5px 3px;
}