@charset "UTF-8";
/* CSS Document */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
height:0;
zoom:1;
}

::selection {
background: #FF0;
}
/* Firefox対応*/
::-moz-selection {
background: #FF0;
}

/* -----------------------------------------------
 * margin
 * ----------------------------------------------- */
.mt00 {margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb00{margin-bottom: 0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

/* -----------------------------------------------
 * padding
 * ----------------------------------------------- */
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}


/* -----------------------------------------------
 * text
 * ----------------------------------------------- */
 
.txtCenter {
	text-align:center;
}

.txtRight {
	text-align:right;
}

.txtLeft {
	text-align:left;
}

sup {
	position: relative;
	top: -1ex;
	vertical-align: baseline;
}

strong {
}

.bold {
	font-weight:bold;
}

.fs11 {
	font-size:11px !important;
}
.fs12 {
	font-size:12px !important;
}
.fs13 {
	font-size:13px !important;
}
.fs14 {
	font-size:14px !important;
}
.fs15 {
	font-size:15px !important;
}
.fs16 {
	font-size:16px !important;
}
.fs17 {
	font-size:17px !important;
}
.fs18 {
	font-size:18px !important;
}
.fs20 {
	font-size:20px !important;
}
.fs22 {
	font-size:22px !important;
}
.fs24 {
	font-size:24px !important;
}


a:link {
color:#000;
text-decoration:none;
outline:none;
}

a:visited {
color: #000;
text-decoration:none;
outline:none;
}

a:hover {
color:#4599B7;
text-decoration:none;
outline:none;
}

#contents a:link {
color:#4599B7;
text-decoration:none;
outline:none;
}

#contents a:visited  {
color:#4599B7;
text-decoration:none;
outline:none;
}

#contents a:hover {
color:#4599B7;
text-decoration:underline;
outline:none;
}

.extra a:link {
color:#fff;
text-decoration:none;
outline:none;
}

.extra a:visited {
color: #fff;
text-decoration:none;
outline:none;
}

.extra a:hover {
color:#4599B7;
text-decoration:none;
outline:none;
}

img {
border:0;
}

img .right {
	position:fixed;
	right:0;
}

.floatRight {
	float:right;
	border:solid 1px #eeeeee;
	padding:2px;
}

h1 {
margin:6px 0 40px 0 ;
padding:0;
font-size:16px;
font-weight:normal;
letter-spacing:.1em;
}

h2 {
margin:0px 0 60px 0;
padding:10px 0 4px 0;
font-size:34px;
color:#000;
letter-spacing:.1em;
font-weight:normal;
}

h3 {
margin:20px 0 6px 0;
padding:0;
font-size:14px;
font-weight:normal;
letter-spacing:.1em;
}

p {
margin:0 0 1em 0;
padding:0;
line-height:1.8;
letter-spacing:1px;
}

.filmsize {
margin:10px 0 0px 0;
}

ul {
list-style:none;
margin:0;
padding:0;
}

li {
margin:0 0 3px 0;
padding:0;
}

dl {
margin:0;
padding:0;
}

dd {
    margin: 20px 10px 0px 0;
    padding: 0;
    line-height: 1.2em;
    width: auto;
}

dt{
margin:0 0 0px 0;
padding:0 0 30px 0;
border-bottom: dotted 1px #D3D6D5;
}

dl.info {
	padding:0 0 30px 0;
	max-width : 600px;
}

dl.info dt {
margin:10px 10px 1em 0;
padding:0 0 0 8px;
border:none;
border-left:#CCC 2px solid;
line-height:1;
letter-spacing:.1em;
}

dl.info dd {
	width:auto;
	margin:0 0px 0px 20px;
	padding:0 0 10px 0;
}


/*@-webkit-keyframes fadein {
0%{
        opacity: .1;
background-color: white;
}
100%{
opacity: 1;
background-color: white;
}
}*/

body {
/*       -webkit-animation-name: fadein;
       -webkit-animation-duration: .6s;
       -webkit-animation-timing-function: linear;
       -webkit-animation-iteration-count: 1;*/
margin:0 auto;
padding:0;
font-family:Times, serif;
background-color:#fff;
color:#000;
line-height:2em;
font:13px/1.231;
background:url(../images/0009.jpg) no-repeat top center;
background-repeat:repeat-x;
font-size-adjust:none;

          
}

#box {
width:900px;
width:90%;
margin:0 auto;
z-index:999;
}

#header {
position:fixed;
margin:40px 0 0 0px;
padding:0;
width:140px;
float:right;
padding:20px;
background:rgba(255, 255, 0, 0.7);
	top: 0;
	right: 2%;
	z-index: 99;
}

#menu {
/*width:140px;*/
margin:0;
padding:0;
z-index:998;
}

#menu ul {
margin:0 0 0 0px;
padding:0;
}

#menu li {
margin:0 0 8px 0;
padding:0;
line-height:2.2;
letter-spacing:.1em
}

#menu li.blog {
	margin-top:70px;
}

.menutxt {
font-size:84%;
text-transform:uppercase;
}

.menutxtNML {

text-transform:none;
}

#menu li.extra {
margin:60px 0 0 0;
padding:0;
}

#topphoto {
margin:46px 0 0 0 ;
padding:0;
	background: url(../images/back.png);
}

#contents {
    /*width:700px;*/
    width: 80%;
    margin: 2200px auto 0px;
    padding: 0px;/*float:right;*//*background:url(../images/back.png);*/

}

.img3col li {
	display:inline;
	margin:0 8px 0 0;
}

.collSection {
	margin:0;
	padding:0;
	width:120px;
	float:left;
}

.gallery {
margin:0 0 24px 0;
padding:0;
}

.gallery67 {
margin:0 0 24px 0;
padding:0;
}

.gallery a{
display:inline-block;
margin:0 5px 10px 0 ;
}

.gallery67 a{
display:inline-block;
margin:0 4px 10px 0 ;
}


.gallery a:hover{
background-color: #FFFF00;
display:inline-block;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}

.gallery67 a:hover{
background-color: #FFFF00;
display:inline-block;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}

.section {
margin:0 0 160px 0;
padding:0;
}

.anchrlink {
margin:0;
padding:90px 0 0 0;
}

.topiimage {
margin:10px 0;
padding:2px;
border:solid #CCCCCC 1px;
}

.thumnail {
margin:0 0px 0 0;
padding:4px;
border:1px solid #E4E6E5;
}


.thumnailNew{
margin:0 0px 0 0;
padding:2px;
border:1px solid #E4E6E5;
}

.newTxt {
	color:#39C;
}

.infoDate {
	margin:0 0 8px 0;
	padding:3px 0 1px 8px;
	background-color:#EEE;
}


#about {
margin:0;
padding:0;
}

#footer {
clear:both;
font-size:84%;
margin:100px 0 20px 0;
padding:0;
bottom:0;
letter-spacing:.1em;
}

#toTop {
width:34px;
background:fff;
text-align:center;
padding:0px;
position:fixed;
bottom:10px;
right:10px;
cursor:pointer;
color:#0099CC;
text-decoration:none;
font-size:11px;

}

/*tumblr photo*/
#tumblrbox{
width:660px;
margin:0 0 24px 0;
padding:0;
clear:both;
}

#thumnailsRecent{
margin:0 0 0 0;
padding:0;
}

#thumnailsRecent2{
margin:10px 0 0 0;
padding:0;
}

#thumnailsRecent li {
display: inline;
margin:0 ;
}

#thumnailsRecent2 li {
display: inline;
margin:0 ;
}
/*tumblr thumnail photo size*/
#thumnailsRecent img {
margin:0 7px 6px 0 ;
width:60px;
height:60px;
padding:2px;
border:solid 1px #E4E6E5;
}

#thumnailsRecent2 img {
margin:0 6px 6px 0 ;
width:64px;
height:64px;
padding:2px;
border:solid 1px #E4E6E5;
}


#footerPhoto {
	width:100%;
	background:url(../images/0003.jpg) top center;
	height:2400px;
	clear:both;
}

.mt50 {
	margin-top:50px !important;
}

.mt60 {
	margin-top:60px !important;
}

.mt70 {
	margin-top:70px !important;
}

#extra {
	width:900px;
	width:90%;
	margin:0 auto;
}

#extraInner {
	margin:1400px 0 0 0;
	width:100%;
	float:right;
}

#footer2 {
	padding:2320px 0 0 0;
	color:#FFFFFF;
	z-index:4;
	font-size:77%;
	letter-spacing:.2em !important;
}

.imgblank {
	background:url(../images/blank.gif) ;
	width:100%;
	height:100%;
	display:block;
	z-index:9999;
}

.fiximage {
	max-width:100%;
}

.sp_menu {
		display:none;
	}

#ph2 {
	
	}
#ph2.section {
	margin:4% 0 6% 0;
}
#ph2 .photo2 {
	width:1000px;
	margin: auto;
}
#ph2 .photo2 figure {
	margin:4%;
	position:relative;
}
/*#ph2 .photo2 figure:after {
	content: "";
	background:#000;
	display: block;
	width:100%;
	height: 100%;
	position:absolute;
	top:0;
	left:20px;
	z-index:-1;
}*/
#ph2 .photo2 figure.left_ph {
	
}
#ph2 .photo2 figure img {
	max-width:100%;
}
@media screen and (max-width: 670px) {
	
	body {
		
		background-size:contain;
	}
	.sp_menu {
		display:none;
		background:#FFF;
		opacity:.9;
		width:100%;
	}
	.sp_menu ul {
		padding:0 40px 0px 10px;
	}
	.sp_menu li {
	margin:0 6px 2px 0;
	padding:0;
	line-height:1;
	letter-spacing:.1em;
	display:inline-block;
	}
	
	h1 {
	margin:6px 0 20px 0 ;
	padding:0 10px;
	font-size:16px;
	font-weight:normal;
	letter-spacing:.1em;
	}

	#box {
	width:100%;
	margin:0 auto;
	z-index:999;
	}
	
	#header {
	position:absolute;
	top:0;
	margin:0px 0 0 0px;
	padding:0;
	width:auto;
	float:none;
		z-index: 99;
	}

	#menu {
	/*width:140px;*/
	margin:0;
	padding:0;
	z-index:998;
	display:none;
	}
	
	#menu ul {
	margin:0 0 0 0px;
	padding:0;
	}
	
	#menu li {
	margin:0 6px 4px 0;
	padding:0;
	line-height:2.2;
	letter-spacing:.1em;
	display:inline-block;
	}
	
	#menu li.blog {
	margin-top:0px;
	}

	#menu li.extra {
	margin:0px 0 0 0;
	padding:0;
	}
	
	#contents {
	/*width:700px;*/
	width:96%;
	margin:72% auto 0px;
	padding:0;
	float:none;
	}
	
	.gallery a{
	display:inline-block;
	margin:0 2px 2px 0 ;
	}
	
	.gallery67 a{
	display:inline-block;
	margin:0 2px 2px 0 ;
	}
	
	#about {
	width:100%;
	margin:0;
	padding:0;
	}

#toTop {
width:34px;
background:fff;
text-align:center;
padding:0px;
position:fixed;
bottom:40px;
right:10px;
cursor:pointer;
color:#0099CC;
text-decoration:none;
font-size:11px;

}

.fiximage {
	width:96%;
	max-width:100%;
}


}