@charset "shift_JIS";

.galleryA7 a {
outline: none;	
}

/*--------------------------------------------------------------------------------
	#header
--------------------------------------------------------------------------------*/
#header {
	margin: 0 auto 4px;
	width: 950px;
	zoom: 1;
	position:relative;
	z-index:2 !important;
}
#header:after {
	clear: both;
	display: block;
	content: "";
}
.intro7 #header h1 {
	width: auto;
}

#header h1 {
	float: left;
	margin: 32px 0 0 0px;
	width: 100px;
}
#header .rightfix {
	float: right;
	margin: 10px 8px 0 0;
}
#header .button {
	display: inline-block;
	padding: 10px 20px 10px;
	font-size: 0.813em;
	border: 1px solid #444444;
	color:#ccc;
	border-radius: 2px;
	box-shadow: 0 0 3px rgba(0,0,0,.15);
	-o-box-shadow: 0 0 3px rgba(0,0,0,.15);
	-ms-box-shadow: 0 0 3px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
}
#header .button.close {
	padding: 10px 22px 10px 30px;
	background: url("../img/header_close.gif") no-repeat 16px 51%, /*linear-gradient(to bottom,whitesmoke 0,#efefef 100%)*/;
	background: url("../img/header_close.gif") no-repeat 16px 51%, -o-linear-gradient(top,#222 0,#000 100%);
	background: url("../img/header_close.gif") no-repeat 16px 51%, -ms-linear-gradient(top,#222 0,#000 100%);
	background: url("../img/header_close.gif") no-repeat 16px 51%, -moz-linear-gradient(top,#222 0,#000 100%);
	background: url("../img/header_close.gif") no-repeat 16px 51%, -webkit-linear-gradient(top,#222 0,#000 100%);
	background: url("../img/header_close.gif") no-repeat 16px 51%, -webkit-gradient(linear,left top,left bottom,color-stop(0%,#222),color-stop(100%,#000));
	background: url("../img/header_close.gif") no-repeat 16px 51%\9; /* IE8 */
	*background: url("../img/header_close.gif") no-repeat 16px 51%; /* IE7 */
}

@media (max-width:640px){
	#header {
		padding: 15px 20px 10px;
		width: auto;
		position:static;
		min-width:none;
	}
	.intro7 #header {
		min-width: inherit;
	}
	.intro7 #header h1 {
		margin-right: 20px;
		margin-top:0px;
		width: auto;
		float: left;
		height:inherit;
		text-align: center;
	}
	#header h1 {
		margin: 3.0% 0 0 0;
		width: 20%;
		line-height: 0;
	}
	.intro7 #header h1 img {
		margin-left:0px;
	}
	#header .rightfix {
		margin: 0;
	}
	#header .button {
		padding: 6px 16px 6px;
		font-size: 0.75em;
	}
	#header .button.close {
		padding: 6px 18px 6px 26px;
	}
}

/*--------------------------------------------------------------------------------
	.naviback
--------------------------------------------------------------------------------*/
.naviback{
	margin:0px;
	padding:0px;
	width:100%;
	
}
.back{
	background-color:#000;
}
@media (max-width:640px){
	.naviback{
		margin:0px;
		padding:0px;
		width:100%;
		/*background: url("../img/navi_mainvisual_bg.jpg") repeat-x;*/
	}
}
/*--------------------------------------------------------------------------------
	.navigation
--------------------------------------------------------------------------------*/
.navigation {
	margin:0 auto;
	width: 950px;
	zoom: 1
}
.naviback .navimain{
	margin:0 auto;
	width: 100%;
	zoom: 1;
	/*border-bottom: 1px solid #444;*/
}
.naviback .navimain h2{
	margin:0 auto;
	width: 950px;
	zoom: 1;
	text-align:center;
}
.naviback .navimain h2 img{
	margin: -65px auto 0 auto;
	margin: -67px auto 0 auto\9;
	position:relative;
	top:0px;
	z-index:1 !important;
}

.naviback .navimain h2 img:not(:target) {
	margin: -64px auto 0 auto\9; /* IE9 */
}


.navigation em {
	display: block;
	padding-bottom: 13px;
}
@media (max-width:640px){
	.navigation {
		margin: 0 10px;
		width: auto;
		position:static;
	}
	.naviback .navimain h2{
		margin: 0px;
		width: auto;
		zoom: 1
	}
	.naviback .navimain h2 img{
		margin: 0 auto;
		position:static !important;
		top:0px;
		z-index:1 !important;		
		width: 100%;
	}
	.navigation h2 img {
		width: 100%;
		margin:0px;
		position:static !important;
	}
	.navigation em {
		text-align: center;
	}
	
}



/*-------------------
	contentNav01
-------------------*/
.contentNav01 {
	background: #424242;	
	color:#FFFFFF;
}

.contentNav01 ul {
	margin: 0 auto;
	width: 950px;
	overflow: hidden;
	height:50px;
}
.contentNav01 ul li {
	margin-right: 1px;
	width: 157px;
	float: left;
	font-size:14px;
	font-family: arial, helvetica, clean, sans-serif;
	font-weight:bold;
	letter-spacing: 0.1em;
	line-height:1.2em;
	text-align:center;
}

.contentNav01 ul li .navs {
	font-size:10px;
	font-family: arial, helvetica, clean, sans-serif;
	font-weight:bold;
	letter-spacing: 0.09em;
}
.contentNav01 ul li a {
	display: block;
	width: 157px;
	color:#FFFFFF;
	text-decoration:none;
}

.contentNav01 ul li a{
	padding-top:17px;
}

.contentNav01 a:hover,
.contentNav01 .on {
	background-color:#1244ab;
	height:50px;
}

@media screen and (max-width: 640px) {
.contentNav01 {
display: none;
}
}


/*-------------------
	actionArea
-------------------*/
.actionArea .share {
width: 950px;
overflow: hidden;
margin:0 auto;
padding-bottom:10px;
}

.actionArea .share li {
margin-left: 19px;
width: 46px;
float: right;
}

.actionArea .share li a {
display: block;
width: 46px;
height: 11px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
}

.actionArea .share li.tw a {
background-image: url(../img/share_tw_off.gif);
}

.actionArea .share li.tw a:hover {
background-image: url(../img/share_tw_on.gif);
}

.actionArea .share li.fb,
.actionArea .share li.fb a {
width: 42px;	
}

.actionArea .share li.fb a {
background-image: url(../img/share_fb_off.gif);
}

.actionArea .share li.fb a:hover {
background-image: url(../img/share_fb_on.gif);
}

@media screen and (max-width: 640px) {
.actionArea {
background: #000000;
overflow: hidden;
}
	
.actionArea .share {
margin: 0 auto;
position: relative;
top: 0;
left: 0;
width: 300px;
}

.actionArea .share li {
margin-left: 0;
width: 145px!important;
float: right;
}

.actionArea .share li:first-child {
margin-left: 10px;	
}

.actionArea .share li a {
display: block;
width: 145px!important;
height: 46px;
}

.actionArea .share li.tw a {
background-image: url(../img/share_tw_s.gif);
}

.actionArea .share li.tw a:hover {
background-image: url(../img/share_tw_s.gif);
}

.actionArea .share li.fb a {
background-image: url(../img/share_fb_s.gif);
}

.actionArea .share li.fb a:hover {
background-image: url(../img/share_fb_s.gif);
}
}


/*-------------------
	contentNav02
-------------------*/
.contentNav02 {
	width: 950px;
	overflow: hidden;
	display:none;
}

.contentNav02 ul {
	height:50px;
}

@media screen and (max-width: 640px) {
	.contentNav02 {
		margin: 30px auto 0;
		padding-bottom: 30px;
		width: auto;
		height:auto;
		display:block;
	}
	.contentNav02 ul {
		margin: 0 auto;
		width: auto;
		overflow: hidden;
		height:auto;
	}
	.contentNav02 li {
		margin-right: 0;
		width: 50%!important;
		height: auto;
		float: left;
		position: relative;
		border-bottom: 1px solid #000000;
		font-size: 14px;
		background: #d9d9d9;
		text-indent: 0;
		letter-spacing: 0.1em;
		line-height:1.2em;
		text-align:center;
	}
	.contentNav02 ul li .navs {
		font-size:12px;
	}
	.contentNav02 li:first-child:after,
	.contentNav02 li:nth-child(2n+1):after {
		content: "";
		display: block;
		width: 1px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		border-right: 1px solid #000000;
	}
	.contentNav02 li a {
		width: auto !important;
		height: auto !important;
		background: #d9d9d9 !important;
		text-indent: 0;
		text-align: center;
		text-decoration: none;
		padding:17px 0px 12px 0px;
		color: #000000;
		display: block;
		margin:auto auto;
	}
	.contentNav02 ul .nav01 a,
	.contentNav02 ul .nav02 a,
	.contentNav02 ul .nav03 a,
	.contentNav02 ul .nav04 a,
	.contentNav02 ul .nav05 a,
	.contentNav02 ul .nav06 a{	
		padding-top:11px;
	}
	
	.contentNav02 ul li.on a,
	.contentNav02 ul li a:hover{
		color:#FFFFFF;
		height:50px;
		color:#FFFFFF;
		background-color:#1244ab !important;
	}
}


/*-------------------
	comment
-------------------*/

.comment {
margin: 0px auto 18px;
width: 720px;
font-size:14px;
line-height: 2em;
}

@media screen and (max-width: 640px) {
	.comment {
	margin: 0 30px 20px 30px;
	width: auto;
	}
}


/*-------------------
	photography
-------------------*/
.photography {
margin: 0px auto 40px;
width: 720px;
text-align: right;
line-height: 1;
font-size:small;
}
.photography.uozumi {
line-height: 1.5;
}
.photography.uozumi span{
	font-size:smaller;
}
.photography.second {
margin: 0px auto 5px;
}

.model {
margin: 0px auto 40px;
width: 720px;
padding-right:18px;
text-align: right;
line-height: 1;
}

@media screen and (max-width: 640px) {
	.photography {
	margin: 20px 0px 20px 30px;
	width: auto;
	text-align: left;
	}
	
	.photography.second {
	margin: 20px 0px 0px 30px;
	}
	
	.model {
	margin: 10px 0px 20px 30px;
	width: auto;
	text-align: left;
	}
}


/*-------------------
	footer
-------------------*/
#footer {
	height: 118px;
	background: #151515;	
	margin-top: -38px;
}
@media screen and (max-width: 640px) {
	#footer {	
		margin-top: 0px;
	}
}

#footer #footerInner {
margin: 0 auto;
padding-top: 1px;
width: 950px;
}

#footer .nav {
overflow: hidden;
margin: 16px auto 58px;
width: 884px;
}

#footer .nav li {
margin-right: 51px;
float: left;
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
}

#footer .nav li a {
display: block;
height: 12px;
background-repeat: no-repeat;
background-position: left top;
text-indent: -9999px;
line-height: 1;
}

#footer .nav .nav01 a {
width: 187px;
background-image: url(../img/footer_nav01_off.gif);
}

#footer .nav .nav01 a:hover {
background-image: url(../img/footer_nav01_on.gif);
}

#footer .nav .nav01.on {
width: 187px;
background-image: url(../img/footer_nav01_on.gif);
}

#footer .nav .nav02 a {
width: 109px;
background-image: url(../img/footer_nav02_off.gif);
}

#footer .nav .nav02 a:hover,
#footer .nav .nav02.on {
width: 109px;
background-image: url(../img/footer_nav02_on.gif);
}

#footer .nav .nav03 a {
width: 90px;
background-image: url(../img/footer_nav03_off.gif);
}

#footer .nav .nav03 a:hover {
background-image: url(../img/footer_nav03_on.gif);
}

#footer .nav .nav04 a {
width: 49px;
background-image: url(../img/footer_nav04_off.gif);
}

#footer .nav .nav04 a:hover {
background-image: url(../img/footer_nav04_on.gif);
}

#footer .nav .nav05 a {
width: 88px;
background-image: url(../img/footer_nav05_off.gif);
}

#footer .nav .nav05 a:hover {
background-image: url(../img/footer_nav05_on.gif);
}

#footer .nav .nav06 {
margin-right: 0;	
}

#footer .nav .nav06 a {
width: 103px;
background-image: url(../img/footer_nav06_off.gif);
}

#footer .nav .nav06 a:hover {
background-image: url(../img/footer_nav06_on.gif);
}

#footer .address {
text-align: right;
line-height: 1;
}

@media screen and (max-width: 640px) {
#footer {
height: auto;
background: none!important;	
}

#footer #footerInner {
width: auto;
padding-top: 0;
}

#footer .nav {
margin: 0;
padding: 20px 5px 13px 10px;
width: auto;
background: #272727;
}

#footer .nav li {
margin-right: 20px;
margin-left: 0;
margin-bottom: 12px;
background: none!important;
text-indent: 0;
color: #ffffff;
}

#footer .nav li.on {
padding-left: 12px;
background: url(../img/arrow01.gif) no-repeat left 3px!important;
width: auto!important;	
line-height: 1;
color: red;
}

#footer .nav li a {
padding-left: 12px;
width: auto!important;
height: auto;
background: url(../img/arrow01.gif) no-repeat left 3px!important;
text-indent: 0;
color: #ffffff;
text-decoration: none;
}

#footer .address {
padding: 25px 0;
text-align: center;
background: #000000;
}

}


#footer .nav {
	overflow: hidden;
	margin: 16px auto 58px auto;
	width: 950px;
	font-size:12px;
	font-family: arial, helvetica, clean, sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight:bold;
}
#footer .nav li {
	text-indent: 0;
	margin-right:20px;
}
#footer .nav li a {
	display: block;
	line-height: 1;
	padding-left: 12px;
	width: auto!important;
	height: auto;
	background: url(../img/arrow03.gif) no-repeat left 3px!important;
	text-indent: 0;
	color: #ffffff;
	text-decoration: none;
}
@media screen and (max-width: 640px) {
	#footer .nav {
		width: auto;
		margin: 16px auto 0px auto;
	}
}