body{
color: #333;
margin:0px;
font-size:16px;
vertical-align:middle;
line-height: 1.38;
}
/*----smartphone-----*/
img {
max-width : 100% ;
height : auto ;
}


p{
line-height: 2;
}
ul.slimmenu li a{
padding: 12px 30px 10px 30px;
}

figure{
margin:0px;
position:relative;
}
.large-6 {
    width: 50%;
}
:lang(ja-JP) {
    quotes: "「" "」";
}
:lang(ja-JP) {
    font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",FontAwesome, sans-serif;
}

.textCenter {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 0.45em;
margin-bottom:0px;
}


h1{
font-size: 50px;
font-weight: 500;
letter-spacing: -0.016em;
line-height: 1.3;
}
.shadow{
text-shadow: 0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff,0px 0px 5px #fff; 
}
h2{
 font-size: 30px;
    font-weight: 400;
    letter-spacing: -0.016em;
   line-height: 1.3;

}

.Suports.index h2{
text-align:center;
margin-top:40px;
}

h3{
 font-size: 30px;
    font-weight: 400;
    letter-spacing: -0.016em;
   line-height: 1.3;

}
.headLine{
margin-top:40px;

}

.sectionContent P{
//margin-bottom:100px;

}


#mainNav ul {
    list-style: outside none none;
 	margin:0px auto;
	//width: 900px;
}

#mainNav {
    -moz-user-select: none;
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    display: block;
    font-size: 18px;
    
    left: 0;
    margin: 0px;
    max-height: 44px;
    //min-width: 1024px;
    position: fixed;
    right: 0;
    top: 60px;
    width: 100%;
    z-index: 9999;
}

#mainNav .gnContent {
    margin: 0 auto;
    max-width: 690px;
    padding: 0 22px;
    position: relative;
    z-index: 2;
}



#mainNav .gnList::after {
    content: "";
    //display: inline-block;
    font-size: 0;
    line-height: 0;
    width: 100%;
	
}

#mainNav .gnItem {
	text-align: center;
    display: inline-block;
    
    position: relative;
    vertical-align: top;
    z-index: 1;
}

#mainNav .gnLink {
    background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    letter-spacing: normal;
    line-height: 2.75;
    opacity: 1;
    outline-offset: -7px;
    padding: 0 10px;
    position: relative;
    text-decoration: none;
    transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    white-space: nowrap;
    z-index: 1;
}

#mainNav .gnLinkLogo {
    background-image: url("./images/logo.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;
height:66px;
    width:400px;
	
}


#mainNav .gnLinkPhoto {
    background-image: url("./images/photo.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;

    width:80px;
}
#mainNav .gnLinkPhoto {
    background-image: url("./images/photo.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;

    width:80px;
}

#mainNav .gnLinkIndex {
    background-image: url("./images/index.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;

    width: 100px;
}

#mainNav .gnLinkPhoco {
    background-image: url("./images/phoco.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;

    width: 100px;
}

#mainNav .gnLinkMovie {
    background-image: url("./images/movie.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;

    width: 100px;
}
#mainNav .gnLinkPublish {
    background-image: url("./images/artbook.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;

    width: 100px;
}


#mainNav .gnLinkAbout {
    background-image: url("./images/about.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;
    width: 100px;
}


#mainNav .gnLinkAccess {
    background-image: url("./images/access.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;
    width: 100px;
}

#mainNav .gnLinkContact {
    background-image: url("./images/contact.svg");
    background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;
height:44px;
    width: 100px;
}

#mainNav .gnLinkText {
    border: 0 none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    left: auto;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 1px;
}

.positionRelative{
position: relative;
}

.sectionContent{
margin:0px auto;
	max-width:980px;

    padding-bottom: 35px;
}

.fontWhite{
color:white;
}

.caption{
font-size:20px;
}



.contentRight{
position:absolute;
top:20%;
right:0%;
position:absolute;
}
.contentRight20{
position:absolute;
top:20%;
right:20%;
position:absolute;
}
.absolute{
position:absolute;
}
.contentLeft{
width:auto;
position:absolute;
//left:10%;
top:10%;
}

.food,.photography,.multicam,.movie,.studio,.edit,.art,.architectural,.foot,.phoco002,.zuroku001,.zuroku002,.zuroku003{
height: 0;
padding-top:56.25%;
background-size:contain;
background-repeat: no-repeat;
}

.photography{
background-image: url("./images/645z.jpg");
background-position:0px 20px;
}

.multicam{
background-image: url("./images/evi.jpg");
background-size:contain;
padding-top: 40%;
}

.movie{
background-image: url("./images/movie.jpg");
background-size:contain;
}
.zuroku000{
background-image: url("./images/zuroku000.jpg");
background-size:contain;
background-repeat: no-repeat;
margin-top:40px;
height:718px;

}
.zuroku000 .contentLeft{
top:25%;
} 
.zuroku001{
background-image: url("./images/zuroku001.jpg");
background-size:contain;
margin-top:80px;
}
.zuroku002{
background-image: url("./images/zuroku002.jpg");
background-size:contain;
}
.zuroku003{
background-image: url("./images/zuroku003.jpg");
background-size:contain;
}
.studio{
background: url("./images/studio.jpg") no-repeat; 

background-size:contain;
}

.edit{
background-image: url("./images/edit.jpg");

}
.art{
background-image: url("./images/artphoto.jpg");
background-position:center;
}

.architectural{
background-image: url("./images/architectural.jpg");
}

.food{
background-image: url("./images/food.jpg");
background-size:cover;
background-position:center;
}
.foot{
background-image: url("./images/foot.jpg");
background-size:cover;
background-position:center;
}
.phoco001{
background-image: url("../img/galleryStockImage1.jpg");
background-size:contain;
background-repeat: no-repeat;
height:306px;

}
.Stocks .gra{
margin-top:104px;
}

.phoco002{
background-image: url("../img/phoco002.jpg");
background-position:center;

}

.example001{
background-image: url("../img/example001.jpg");
background-position:center;
padding-top: 20%;
background-repeat: no-repeat;
}
.example002{
background-image: url("../img/example002.jpg");
background-position:center;
padding-top: 20%;
background-repeat: no-repeat;
}
.example003{
background-image: url("../img/example003.jpg");
background-position:center;
padding-top: 20%;
background-repeat: no-repeat;
}


.columnCenter{
color:white;
font-size:30px;
    margin-left: 20%;

    padding-top: 360px;


}
.movie .contentLeft{
top:20%;
}


/*contact*/

.contact{

padding-top:90px;
}


.form{
text-align:center;
margin: 20px auto;
width:100%;
}

.form h3{

border-left: 5px solid #c0c0c0;
padding-left:5px;
margin-bottom:10px;
 font-size:13px;
 font-weight: normal;
 

}


.form table {
margin-top:20px;
    border-left: 1px solid #a9a9a9;
    border-top: 1px solid #a9a9a9;
   border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
	font-size:13px;
	width:100%;
}

.form th {
    background: none repeat scroll 0 0 #c0c0c0;
    border-bottom: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
	 border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    font-weight: normal;
    padding: 7px;
    text-align: left;
    width: 120px;
vertical-align:middle;
}

.form td {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
      border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
	padding: 7px;
    text-align: left;
    
}
textarea{
width:100%;
height:250px;;
}
.required {
    color: #FF0000;
    font-size: 12px;
}
.error{
color:red;
}
.form{
width: 80%;
margin: 0 auto; 
}



@media screen and (max-width: 780px) {

.Stocks .gra .subtitle{
display: block;
width:100%;
}
.Stocks .gra .subtitle div{
display: inline-block;
}
.Stocks .gra .subtitle  span{
display: inline-block;
height:auto;
width:auto;
line-height: 28px;
}
.Stocks .homeCat4{

width:300px;

}

figure.example001{
background-image: url("./images/example001.jpg");
background-position:center;
margin-top:70px;
}
figure.example002{
background-image: url("./images/example002.jpg");
background-position:center;
margin-top:70px;
}
figure.example003{
background-image: url("./images/example003.jpg");
background-position:center;
margin-top:70px;
}
.zuroku000{
    
    height: 250px;

	
}

figure.zuroku000 .contentLeft{
top:10px;
margin-top:0px;
}

figure.zuroku003 .contentLeft{
top:0px;
margin-top:0px;
}
.contentRight20{
right:0px;
}
	img { float : none ; }

	div.function {
	    float: none;
	    width:100%;
		margin:0px;
	}

	div.center_two {
	    margin: 0 auto;
	    padding-bottom: 50px;
	    width: 100%;
	}
	div.center{
	margin:0px auto;
	width:100%;
	padding-bottom:50px;
	}

	h1 {
	font-size : 200% ;

	}

	h2 {
	font-size : 180% ;
	margin : 1em 0 0.8em 0 ;
	}

	h3 {
	font-size : 150% ;
	margin : 1em 0 0.8em 0 ;
	}
	P{
	font-size:100%;
	margin : 1em 0 0.8em 0 ;
	}

	.contentRight{
	position:absolute;

	top:30%;
	
	position:absolute;
	}

		.movie,.multicam{
	position:relative;
	background-size: auto 280px;


	}
	.movie .contentLeft{
	top:5%;
	}




}

@media screen and (max-width: 479px) {

figure.phoco001{
height:150px;

}

figure.example001{
background-image: url("./images/example001.jpg");
background-position:center;
margin-top:70px;
}
figure.example002{
background-image: url("./images/example002.jpg");
background-position:center;
margin-top:70px;
}
figure.example003{
background-image: url("./images/example003.jpg");
background-position:center;
margin-top:70px;
}

figure.zuroku000{
background-image: url("./images/zuroku000.jpg");
height:200px;
margin-top:60px;
}

figure.zuroku000 .contentLeft{
top:10px;
margin-top:0px;
}
figure.zuroku003 .contentLeft{
top:0px;

}
.contentRight20{
right:0px;
}
	img { float : none ; }

	h1 {
	font-size : 150% ;
	margin-bottom:0px;
	}

	h2 {
	font-size : 130% ;
	margin : 1em 0 0.8em 0 ;
	}

	h3 {
	font-size : 120% ;
	margin : 1em 0 0.8em 0 ;
	}

	


	P{
	font-size:80%;
	margin : 1em 0 0.8em 0 ;
	
    line-height: 1.5;

	}


	
	div.function {
		margin:0px;
	    float: none;
	    width:100%;
	}
	div.center_two {
	    margin: 0 auto;
	    padding-bottom: 50px;
	    width: 100%;
	}
	div.center{
	margin:0px auto;
	width:100%;
	padding-bottom:50px;
	}

	.movie,.multicam{
	position:relative;
	background-size: auto 180px;


	}

	.photography{
	background-position:-160px 40px;
	padding-bottom:65px;
	}

	.movie .contentLeft{
	top:5%;
	}
	.multicam{
		height: 100px;
	}


.sectionContent P {
    margin-bottom: 0px;
}

}

.collapsed li{
background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

}

#mainNav .collapsed  .gnLinkLogo{
background-image: url("./images/top.svg");
background-origin: content-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 120.8px;
height:48px;
    width:80px;
}

#theTarget{
height:500px;
}

.collapse-button{
top:23px;
}

.video-container {
	position: relative;
	padding-bottom: 30.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.function{
width:250px;
float:left;
margin:20px;
}

.function img{
	display:block;
	width:127px;
	margin:0 auto;
}
.function .word{
text-align:center;
margin:10px;
margin-bottom:10px;

}

.clearfix{
clear:both;
}
table.type10 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
table.type10 thead th {
	font-size:14px;
	padding: 10px;
	font-weight: bold;
	//vertical-align: top;
	//color: #fff;
	//background: #04162e;
	border-bottom: 1px solid #ccc;
	text-align:center;
}
table.type10 td {
	text-align:center;
	padding: 10px;
	//vertical-align: top;
}
table.type10 .even-row {
	background: #f3f6f7;
}
table{

table-layout: fixed;
margin:0px auto;
}
table .koumoku{
width:200px;
text-align:left;
}
table tr th{
//padding: 10px;
//text-align:right;

}
table tr th.subject{

text-align:left;
background: #ffffff;

	
	border-bottom: 1px solid #ccc;
}

.kanrisha{
width:70px;
}
.jyunkanri{
width:70px;
}
.eturan{
width:70px;
}
.guest{
width:100px;
}
.uploader{
width:100px;
}
.center{
margin:0px auto;
width:870px;
padding-bottom:50px;
}
.center_two{
margin:0px auto;
width:580px;
padding-bottom:50px;

}

.signup-contents {
	position:relative;
    background: #3399FF none repeat scroll 0 0;
    color: #fff;
    

}
.signup-contents a{
   
}
.signup-contents .container{

}
.mailSignUpBox{
padding-top:100px;
padding-bottom:200px;
height:100px;
}
.signup-contents h2 {
    font-size: 34px;
    margin: 0 0 30px !important;
}
.center_s {
    text-align: center !important;
}

.signUpBox .subText {
    
    font-weight: normal;
    margin-bottom: 30px;
    margin-top: 0;
	color: #fff !important;
}






section.top{
margin-top: 120px;
}



.suportWrapper{
max-width:780px;
margin:0px auto;
margin-top:120px;

}
.block{
  border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 30px 40px 30px 40px;

//background: #ffffff ;
}
.Suports h3{

margin-top:20px;
margin-bottom:30px;
}

.left{
float:left;
}
.rightSpace{
padding-right:10px;
}

.group {
    color: #fff !important;
    display: inline-block;
    font-size: 10px;
    margin: 0 0.5em 0.5em 0;
    opacity: 0.8;
    padding: 0 5px;
	padding-top: 4px;
	padding-bottom: 2px;
}.gp1 {
    background: #ef3f56 none repeat scroll 0 0;
}
.gp2 {
    background: #3b5998 none repeat scroll 0 0;
}
.gp3 {
    background: #55acee none repeat scroll 0 0;
}
.gp4 {
    background: #dd4b39 none repeat scroll 0 0;
}
.gp5 {
    background: #008fde none repeat scroll 0 0;
}
.gp6 {
    background: #00c300 none repeat scroll 0 0;
}


a{
text-decoration: none;
}
.suportWrapper ul {
 

  position: relative;
 


}

.index .suportWrapper ul li {
list-style:none;
  //line-height: 1.5;
  //padding: 0.5em 0;
  list-style-type: none!important;
//margin: 0 0 0 2.5em;
border-bottom: 1px solid #cfd0d3;
//padding: 20px 25px 20px 0;
}
.index .suportWrapper ul li:first-child{
border-top: 1px solid #cfd0d3;
}

.suportWrapper ul li a{
display:block;
padding-top:15px;
padding-bottom:15px;
}

.suportWrapper ul li a:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
 // position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: gray;/*アイコン色*/
margin: 0 0 0 2.5em;
float:right;
}
.subMenu{
position:fixed;
width:100%;
height: 50px;
top:43px;
background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;

display: block;
z-index:9998;
margin:0px auto;
}
.subMenu UL{
margin:0px auto;
width: 400px;
margin-top:10px;
}
.subMenu li{
list-style:none;
float:left;
margin-right:30px;
margin-top:20px;

}
a:link { color : #1d3994; }
a:visited { color : #1d3994; }




.Suports h4{
color: #ffffff;/*文字色*/
padding: 0.2em;/*文字周りの余白*/
display: block;/*おまじない*/
line-height: 1.3;/*行高*/
background: #4169e1;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
font-size:22px;
margin-top:80px;
margin-bottom:40px;
}

.Suports h4:before {
content: '●';
color: white;
margin-right: 8px;
}

.Suports h3{
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #7db4e6;/*左線*/
}
.fa{
color: #d2d2d2;

}
.baselineMiddle {
vertical-align: middle;
}
.rawTable,
.rawTable th,
.rawTable td {
border: 1px solid #ccc;
text-align: center;
}
table.rawTable{

table-layout: fixed;
}
table.rawTable td,
table.rawTable th{
//padding:3px;
}
.sGroup,.mGroup{
display:inline-block;
padding:1px 3px;
border:2px solid #5bc0de;
margin-left:5px;
color:#ddd;text-decoration:none;
font-weight:700;text-transform:uppercase;
height:16px;
transition:all .2s;

text-align:center;
font-size:14px;
}
.sGroup{
border-color:#5bc0de;
color:#5bc0de;
padding:1px 3px;
font-size:12px;
}
.mGroup{
background:#5bc0de;
color:#fff;
padding:1px 3px;
font-size:12px;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
 
  }

a:hover {
  color: skyblue;
  
  
  }

.btn{
	display: inline-block;
margin-right:10px;

background: #ffebcd none repeat scroll 0 0;
    border: 2px solid #ff8c00;
    border-radius: 3px;
    color: #ff8c00;
    display: block;
    padding: 0.3em 1em;
    text-decoration: none;
    transition: all 0.4s ease 0s;
    line-height:1.4;
     width:200px;
 margin:0px auto;

}
.btn:hover {
    background: #ff8c00;
    color: white;
}
.mntBtn:hover {
    background: #ff8c00;



    color: white;
}

.mntBtn:hover> div:first-child{
border-bottom: 1px solid #ffffff;

}

#theTarget div a{
display:block;
width:980px;
height:500px;
}
.tips{
border-left: solid 2px #000000;
border-right: solid 2px #000000;
padding: 0 2em;
}
.radiusSquare{
border: 1px solid #474747;
border-radius: 3px;
padding:5px;
width:250px;
margin-top:5px;
}
h5{
background:  #ffa500 ;

border: solid 3px #ffd700;
padding: 0.4em 1em;

color:#ffffff;
display:inline;
}
.tableDiv{
width:100%;
}
.stockMenuText{
color:#ffffff;
}
#innerHeader{
position:fixed;
top:0px;
width:100%;
height:60px;
background-color: #ffffff;
z-index:9999;

}
#innerHeader img{
position:relative;
top:5px;
left:50%;
margin-left:-46px;
}


.gra{

padding-top:5px;
padding-bottom:5px;
text-align:center;
font-size:20px;
position: relative;

background: #02111D;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #02111D, #037BB5, #02111D);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #02111D, #037BB5, #02111D); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
color: white;
font-weight: lighter;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.56);
}
.mntBtn{
width:200px;

display: inline-block;
margin-right:10px;

background-image: linear-gradient(to top left, #A5A5A5, #BABAC2, #E8E8E8, #A5A5A5, #BABAC2);
    border-radius: 3px;
    color: #000000;
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    transition: all 0.4s ease 0s;
font-size:17px;
text-align:center;
text-shadow: 2px 2px 3px #939393;

}
.subtitle{
width:900px;
margin:0px auto;
}
.gra span{
line-height: 65px;
display:block;
float:left;
width:620px;
height:60px;
}

.pageChange{
position:fixed;
top:0px;
left:0px;
z-index: 9999;
}
.mntBtn div:first-child{

border-bottom: 1px solid #000080;

}
.square_btn{
	width: 140px;
	margin:0px auto;
    height:36px;
line-height: 37px;
	border-radius: 25px;
    text-decoration: none;
    color: #FFF;
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    transition: .4s;

}
.square_btn:hover {
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}
.Stocks .regBtn a,.Suports .regBtn a{
padding:0px;
padding-top:5px;

}
.pageChange{
position:fixed;
top:10px;
left:0px;
opacity: 0.7;

}
.pageChange img{
max-width: 70px;
height: auto;
}

.pageChange:hover{
opacity: 1;
}