@charset "utf-8";


body{
	margin-top:-69px!important;
}

#rollsign{
	margin-top:-10px;
	width:100%;
	height:400px;
	overflow:hidden;
	text-align:center;
	min-width:1000px;
}

#gmenu2 ul{
	padding:0px;
	margin:0px;
}
#gmenu2 ul li{
	list-style:none;
	float:left;
}
.n1{
	margin:0px 60px 0px 65px;
}
.n2{
	margin:0px 60px 0px 65px;
}
.n3{
	margin:0px 55px 0px 65px;
}
.n4{
	margin:0px 55px 0px 60px;
}
.n5{
	margin:0px 55px 0px 60px;
}


@media screen and (min-width: 1550px) {
#rollsign{
	margin-top:-10px;
	width:100%;
	height:500px;
	overflow:hidden;
	text-align:center;
	min-width:1000px;
}
}


@media screen and (min-width: 1850px) {
#rollsign{
	margin-top:-10px;
	width:100%;
	height:600px;
	overflow:hidden;
	text-align:center;
	min-width:1000px;
}
}

#slider{
	margin:0 auto;
	text-align:center;
}

#wrapper {
	margin: auto;
	padding: 0px;
	width: 1000px;
	text-align:center;
}

#gmenu{
	width:1000px;
	height:70px;
	margin-top:30px;
	background-image:url(../image/gmenu_back.jpg);
	text-align:center;
}

#gmenu img.coff{
	margin-left:160px;
}

#contents {
	margin: auto;
	padding: 0px;
	width: 1000px;
	height: auto;
}
#contents .port{
	margin-right:22px;
}

#contents .stbd{
	margin-left:14px;
}

#contents .center{
	margin-left:10px;
}


#wrapper #main h2 {
	color: #57131E;
	margin: 0px;
	text-align: right;
	width: 380px;
	float: left;
	background-color: #FFDEFF;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
#text1 {
	color: #57131E;
	width: 1000px;
	border: 2px solid #FFFFFF;
	text-align: left;
	margin-top: 20px;
	float: left;
	background-color: #D2BEA4;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 30px;
	-moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	-o-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	-ms-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	behavior: url(../js/PIE.htc);
}
#wrapper #contents #text2 {
	color: #57131E;
	width: 870px;
	border: 1px solid #57131E;
	padding: 4px 4px 0px;
	text-align: left;
	background: url(../image/top/bodyline.jpg) no-repeat;
}
#wrapper #contents #text3 {
	width: 870px;
	text-align: center;
	background: no-repeat;
	margin-top: 50px;
	margin-bottom: 25px;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	float: left;
	height: auto;
}
#wrapper #contents #text2 #photo1 {
	float: right;
	width: 175px;
}

#wrapper #contents #banner1 {
	float: left;
	width: 250px;
	margin-top: 30px;
	text-align: center;
	height: auto;
	margin-left: 33px;
}
#wrapper #contents #banner2 {
	float: left;
	width: 250px;
	margin-top: 30px;
	text-align: center;
	margin-right: 33px;
	margin-left: 33px;
}
#wrapper #contents #banner3 {
	float: left;
	width: 250px;
	margin-top: 30px;
	text-align: center;
	height: auto;
}
#wrapper #contents #banner4 {
	float: left;
	width: 250px;
	text-align: center;
	margin-top: 33px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 33px;
	height: auto;
}
#wrapper #contents #banner5 {
	float: left;
	width: 250px;
	margin-top: 33px;
	text-align: center;
	height: auto;
	margin-right: 33px;
	margin-left: 33px;
}
#wrapper #contents #banner6 {
	float: left;
	width: 250px;
	text-align: center;
	margin-top: 33px;
	height: auto;

}


#main {
	width: 880px;
	text-align: left;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	background-color: #FFDEFF;
}
#wrapper #main #maintext {
	float: left;
	color: #57131E;
	background-color: #FFDEFF;
	padding-left: 10px;
	width: 490px;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

#nv{
	width:1000px;
	height:300px;
}

#nv img{
	float:left;
}

#tv{
	width:1000px;
	height:300px;
	margin-top:15px;
}

#ss{
	width:1000px;
	height:290px;
	margin-top:15px;
	text-align:left;
	z-index:9999!important;
}

#ss img{
	float:left;
}


.brick_logo{
	width:305px;
	height:100px;
	margin-right:21px;
	background-image:url(../image/logo.jpg);
	float:left;
	text-align:center;
	padding-top:200px;
	position:absolute;
	top:15px;
	z-index:9999!important;
	filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}


.brick_blog{
	width:656px;
	height:300px;
	margin-right:14px;
	float:left;
	background-image:url(../image/blog_back.jpg);
}
.box{
	display:block;
	clear:both;
/*	height:2000px!important;*/
}


/*-------------BLOG-----------*/

.brick_blog .console{
	width:600px;
	margin:18px auto 0 50px;
	text-align:left;
}
.f-left{
	float:left;
}

.f-right{
	float:right;
}

.scroller{
	width:300px;
	height:230px;
	overflow:auto;
}
.scroller_2{
	width:600px;
	margin-left:40px;
	margin-top:10px;
	height:230px;
	overflow:visible;
}


.block{
	margin:5px 0px 0px 10px;
	width:290px;
	height:105px;
	line-height:1.1;
	font-weight:100;
	overflow:hidden;
	text-align:left;
	float:left;
}

.left{
	width:165px;
	height:auto;
	float:left;
	margin-left:10px;
}

.date{
	width:80px;
	text-align:right;
	margin-bottom:5px;
	margin-left:80px;
	font-size:12px;
	color:#222;
}

.block img{
	float:right;
	width:115px;
	max-height:100px;
}


.right{
	width:115px;
	height:100px;
	float:left;
	overflow:hidden;
}

.title{
	float:left;
	clear:both;
	width:165px;
	margin-bottom:5px;
	font-size:12px;
	 text-shadow: 1px 1px #ccc;
}

.article{
	width:165px;
	height:60px;
	overflow:hidden;
	font-size:12px;
	color:#222;
}

/*-------------BLOG----------*/


/*-------------FB-----------*/

.fb{
	width:330px;
	height:270px;
	margin-left:14px;
	background-color:#FFF;
	float:left;
	overflow:hidden;
}

/*-------------FB-----------*/

#undermenu {
	color: #555555;
	background: #FFFFFF;
	text-align: right;
	margin: 0px;
	padding: 0px 5px 2px 0px;
	width: 875px;
}

#mare{
	clear:both;
	width:100%;
	height:158px;
	background-image:url(../image/foot_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}
#footer {
	margin:10px auto 0 auto;
	*margin:0px auto 0 auto;
	margin:0px auto 0 auto\9;
	width: 1000px;
}
#footer1 {
	color: ##57131E;
	text-align: center;
	margin: 0px;
	width: 880px;
	background-color: #FFDEFF;
	padding-top: 75px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	float: left;
}

#footer_scup{
	width:1000px;
	height:70px;
	margin:0 auto;
}

#footer_sns{
	float:left;
	width:400px;
	text-align:left;
}

#footer_copyright{
	width:600px;
	float:left;
	text-align:right;
}

#contents #sidenavi #side {
	background: #FFFFFF;
	width: 160px;
}
centerimage1 {
	float: right;
	text-align: right;
	margin-right: 0px;
}
#header {
	margin: 0px;
	padding: 0px;
}
#wrapper #header h1 {
	color: #57131E;
	margin: 0px;
	height: 12px;
	text-align: left;
	padding-top: 10px;
	padding-left: 2px;
	padding-bottom: 10px;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}

.font-01 {
	color: #57131E;
}
.font-02 {
	color: #CC9900;
	font-size: 13px;
}
.font-03 {
	color: #CC9966;
	font-size: 13px;
}
.font-04 {
	color: #FE6767;
	font-size: 13px;
}
.font-05 {
	color: #FE6767;
	font-size: 15px;
	font-weight: bold;
}


#contents a img{
 -moz-transition: all 0.3s linear 0s;
 -webkit-transition: all 0.3s linear 0;
 -o-transition: all 0.3s linear 0;
 -ms-transition: all 0.3s linear 0;
 transition: all 0.3s linear 0;
}

#contents a img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
	


/*---------------sec-area---------------*/

#telback{
	width:1000px;
/*	height:80px;
	background-image:url(../image/telback.jpg);*/
}

#gmenu2{
	width:1000px;
	height:100px;
	margin-top:20px;
	background-image:url(../image/gmenu_back.png);
	text-align:center;
}

#gmenu2 img.coff{
	margin-left:160px;
}

#window{
	width:1000px;
	height:200px;
}

.grid{
	width:218px;
	height:218px;
	border:10px solid #222;
	margin:0 16px 16px 0;
	float:left;
	overflow:hidden;
	background-color:#eee;
	background-image:url(../images/bx_loader.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.grid:nth-child(4n){
	width:218px;
	height:218px;
	border:10px solid #222;
	margin:0 0 16px 0;
}

.grid img{
	margin:-5px 0 0 -5px;
	min-height:240px;
	min-width:240px;
	overflow:hidden;
}

.grid:hover{
	border:10px solid #551515;
	background-image:none!important;
}

.fashion{
	width:218px;
	height:218px;
	height:308px\9;  /*IE8*/
	*height:308px;   /*IE7*/
	_height:308px;   /*IE6*/
	border:10px solid #222;
	margin:0 16px 16px 0;
	float:left;
	overflow:hidden;
	background-color:#eee;
	background-image:url(../images/bx_loader.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.fashion:not(:target){
	height:308px\9;  /*IE9*/
}

.fashion:nth-child(4n){
	margin:0 0 16px 0;
}

.fashion:hover{
	border:10px solid #551515;
	background-image:none!important;
}

.fashion img{
	margin:-5px 0 0 -5px;
	min-height:240px;
	min-width:240px;
	overflow:hidden;
	 -webkit-transition-duration:0.5s!important;
	 -webkit-transition-timing-function:ease-in-out!important;
 	 -moz-transition-duration:0.5s!important;
	 -moz-transition-timing-function:ease-in-out!important;
  	 -o-transition-duration:0.5s!important;
	 -o-transition-timing-function:ease-in-out!important;
   	 -ms-transition-duration:0.5s!important;
	 -ms-transition-timing-function:ease-in-out!important;
   	 transition-duration:0.5s!important;
	 transition-timing-function:ease-in-out!important;
}

.fashion img:hover{
	margin:-100px 0 0 -5px!important;
	background-image:none!important;
	opacity:1!important;
	filter: alpha(opacity=100)!important;        /* ie lt 8 */
	-ms-filter: "alpha(opacity=100)"!important;  /* ie 8 */
	-moz-opacity:1!important;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1!important;              /* Safari 1.x */
	zoom:1;
	margin:-5px 0 0 -5px\9!important; /* IE8 and older, but there’s more… */
   	*margin:-5px 0 0 -5px!important; /* IE7 and older */
    _margin:-5px 0 0 -5px!important; /* IE6 and older */
}

.fashion img:hover:not(:target){
		margin:-5px 0 0 -5px\9!important; /* IE9 */
}

#text1 table.outer {
	-moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
	behavior: url(../js/PIE.htc);
}
#rm_container img{
	width:310px;
}
/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
	top: 25px;
	left: 0;
	height: 300px;
	overflow: hidden;
	position: absolute;
}

.loopSlider {
	margin: 0 auto;
	width: 1000px;
	height: 200px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.loopSlider img{
	width:300px;
}

.loopSlider ul {
	height: 250px;
	float: left;
	overflow: hidden;
}

.loopSlider ul li {
	width: 300px;
	height: auto;
	float: left;
	display: inline;
	overflow: hidden;
}

/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}

/* ------------------------------
   スマホ調整
------------------------------ */
@media only screen and (min-device-width: 375px)
 and (max-device-width: 667px)
 and (orientation : portrait) { 

#mare{
	clear:both;
	width: 1000px;
	height:158px;
	background-image:url(../image/foot_bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
}
#footer_copyright{
	width: 580px;
	float:left;
	text-align:right;
	margin-right: 20px;
}
#footer_sns{
	float:left;
	width: 380px;
	text-align:left;
	margin-left: 20px;
}
#contents {
	margin: auto;
	padding: 0px;
	width: 960px;
	height: auto;
}
.loopSlider {
	margin: 0 auto;
	width: 960px;
	height: 200px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#text1 {
	color: #57131E;
	width: 960px;
	border: 2px solid #FFFFFF;
	text-align: left;
	margin-top: 20px;
	float: left;
	background-color: #D2BEA4;
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 13px;
	line-height: 30px;
	-moz-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	-o-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	-ms-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.4) inset;
	behavior: url(../js/PIE.htc);
}
#ss img{
	width:615px;
}
#ss{
	width: 960px;
	height:290px;
	margin-top:15px;
	text-align:left;
	z-index:9999!important;
}
}