@charset "utf-8";

/* -----------------------------------------------------------
--------------------------------------------------------------

	ファイル名：common.css
	使用用途　：一ページなのでindex.html専用。

--------------------------------------------------------------
----------------------------------------------------------- */

/* -----------------------------
	content
------------------------------*/
#content {
margin-bottom: 20px;
position: relative;
font-size: 93%;
}

#content #mainImg {
width: 950px;
text-align: center;
}

#content #galleryNav {
margin: 5px 0 0;
width: 950px;
text-align: center;
}
#content #galleryNav ul,
#content #galleryNav li {
margin: 0;
list-style-type: none;
}

#content #galleryNav ul {
margin-right: -23px;
zoom: 1;
}

#content #galleryNav li {
margin: 0 5px 0 0;
width: 310px;
float: left;
text-align: center;
}

#content #productBanner {
margin: 35px 0 0 4px;
width: 950px;
overflow: hidden;
}

#content #productBanner li {
margin-right: 10px;
float: left;
list-style-type: none;	
}

#content #snsNav {
margin: 35px 0 0;
width: 920px;
text-align: right;
}
#content #snsNav ul,
#content #snsNav li {
margin: 0;
list-style-type: none;
}

#content #snsNav li {
margin: 0;
width: 92px;
float: right;
}

#pagetoparea {
padding-bottom: 9px;
text-align: right;	
}

/* -----------------------------
	gallery
------------------------------*/
#nexGallery {
position: relative;
}

#nexGallery h2 {
margin: 30px 0 14px 20px;	
}

#nexGallery .backNav {
width: 121px;
position: absolute;
top: 5px;
right: 14px;
}

#nexGallery #movieArea {
margin: 0 auto 20px;
width: 943px;
height: 581px;
padding: 3px;
background: url(../img/bg01.jpg) no-repeat left top;	
}

#nexGallery #movieArea .flashmessage {
margin: 20px;	
}

#nexGallery #movieArea .flashmessage .btn {
margin: 10px 0;
padding: 0;
}

#nexGallery #flashArea .flashmessage .btn li {
list-style-type: none;	
}


#nexGallery .galleryList02 {
text-align: center;	
font-size: 0;
}

#nexGallery .galleryList02 li {
margin: 0 18px 0 0;
display: inline;
}

#nexGallery .galleryList02 li.rightEnd {
margin-right: 0!important;
}


/* -----------------------------
  clearFix
------------------------------*/
#content:after,
.section:after,
.clearFix:after {  
content: "";
display: block;
clear: both;
}

#content,
.section,
.clearFix {
zoom: 1;
}

/* -----------------------------
　margin Module
------------------------------*/
.mg0 {margin: 0!important;}

.mgB0 {margin-bottom: 0!important;}
.mgB5 {margin-bottom: 5px!important;}
.mgB10 {margin-bottom: 10px!important;}
.mgB15 {margin-bottom: 15px!important;}
.mgB20 {margin-bottom: 20px!important;}
.mgB25 {margin-bottom: 25px!important;}
.mgB30 {margin-bottom: 30px!important;}
.mgB35 {margin-bottom: 35px!important;}
.mgB40 {margin-bottom: 40px!important;}