@charset "utf-8";
/*
Author: Dorobo(http://dorobo.jp)
Version: 1.0
*/

/*----------< COMMON >----------*/

html, body{
width:100%;
margin: 0;
padding: 0;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
-webkit-text-size-adjust: none; 
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* デフォルト状態のインライン要素をブロック要素に指定 */
article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary {
	display:block;
}

ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}

blockquote:before, blockquote:after {
	content: '';
	content: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img {
	border: none;
}

.clear{
clear:both;
}

a { text-decoration: none;
color:#0098dd;
 }
 
#wrap{
width:15000px;
height:100%;
margin:0;
padding:0;
}
 
/*----------< contents >----------*/

#contents{
width:15500px;
height:440px;
position:absolute;
top:80px;
}

.portrait #contents{
height:680px;
}

.landscape #contents{
height:580px;
}

/*iPhone4以降*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

.portrait #contents{
height:1580px;
}

.landscape #contents{
height:515px;
}

}

/*iPad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.portrait #contents{
height:1580px;
}

.landscape #contents{
height:530px;
}

}

.section{
height:440px;
margin:0 250px 0 0;
padding:0;
float:left;
}

.section img{
display:block;
margin:0 5px 0 0;
padding:0;
float:left;
}

.section img.sub{
margin:0 15px 0 0 ;
}

.section img.map1{
margin:0 0 0 30px ;
}

.section img.map2{
margin:0 0 0 50px ;
}

.logos{
width:1065px;
height:440px;
margin:0 5px 0 60px;
padding:0;
float:left;
background-image:url("img/contents/04_logo_fg.jpg");
background-repeat:no-repeat;
position:relative;
}

#logos_bg{
width:1077px;
height:440px;
position:fixed;
top:80px;
left:0px;
z-index:-999;
background-image:url("img/parallax/04_logo_bg.jpg");
background-repeat:no-repeat;
opacity:0.6;
}

/*iPhone4以降*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

#logos_bg{
position:absolute;
left:10870px;
}

}

/*iPad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

#logos_bg{
position:absolute;
left:10870px;
}

}

.logos .link{
background-color:rgba(255,0,0,0);
width:260px;
height:80px;
position:absolute;
}

.logos a{
display: block ;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-indent:-999px;
background/*\**/: #fff\9; /*IE7、8用ハック 背景色をつけて、*/
filter:alpha(opacity=0);  /*IE7、8用ハック フィルターで透明に*/
z-index:99;
}

.logos .l01{
top:0px;
left:-23px;
}

.logos .l02{
top:110px;
left:-23px;
}

.logos .l03{
top:220px;
left:-23px;
}

.logos .l04{
top:325px;
left:-23px;
}

.logos .l05{
top:0px;
left:260px;
}

.logos .l06{
top:117px;
left:260px;
}

.logos .l07{
top:220px;
left:260px;
}

.logos .l08{
top:325px;
left:260px;
}

.logos .l09{
top:0px;
left:545px;
}

.logos .l10{
top:117px;
left:545px;
}

.logos .l11{
top:220px;
left:545px;
}

.logos .l12{
top:325px;
left:545px;
}

.logos .l13{
top:0px;
left:820px;
}

.logos .l14{
top:117px;
left:820px;
}

/*----------< menu >----------*/

#menu{
width:200px;
height:520px;
position:fixed;
top:0px;
left:150px;
background-color:rgba(0,0,0,0.5);
z-index:100
}

/*iPhone4以降*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

#menu{
width:200px;
height:520px;
position:fixed;
bottom:0px;
left:15px;
background-color:rgba(0,0,0,0.5);
z-index:100
}

}

/*iPad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

#menu{
left:15px;
}

}

#menu .logo{
width:165px;
height:39px;
margin:165px auto 0 auto;
opacity:1;
}

.m1{
width:89px;
height:11px;
margin:165px 0 0 25px;
background-image:url("img/contents/00_m1_off.png");
background-repeat:no-repeat;
}

.m1:hover{
background-image:url("img/contents/00_m1_on.png");
background-repeat:no-repeat;
}

.m2{
width:77px;
height:11px;
margin:10px 0 0 25px;
background-image:url("img/contents/00_m2_off.png");
background-repeat:no-repeat;
}

.m2:hover{
background-image:url("img/contents/00_m2_on.png");
background-repeat:no-repeat;
}

.m3{
width:48px;
height:11px;
margin:10px 0 0 25px;
background-image:url("img/contents/00_m3_off.png");
background-repeat:no-repeat;
}

.m3:hover{
background-image:url("img/contents/00_m3_on.png");
background-repeat:no-repeat;
}

.m4{
width:75px;
height:14px;
margin:10px 0 0 25px;
background-image:url("img/contents/00_m4_off.png");
background-repeat:no-repeat;
}

.m4:hover{
background-image:url("img/contents/00_m4_on.png");
background-repeat:no-repeat;
}

.m5{
width:42px;
height:11px;
margin:7px 0 0 25px;
background-image:url("img/contents/00_m5_off.png");
background-repeat:no-repeat;
}

.m5:hover{
background-image:url("img/contents/00_m5_on.png");
background-repeat:no-repeat;
}

.m6{
width:58px;
height:11px;
margin:10px 0 0 25px;
background-image:url("img/contents/00_m6_off.png");
background-repeat:no-repeat;
}

.m6:hover{
background-image:url("img/contents/00_m6_on.png");
background-repeat:no-repeat;
}

#menu_footer{
width:250px;
height:100px;
position:fixed;
top:535px;
left:150px;
z-index:150;
}

.m7{
width:73px;
height:10px;
margin:5px 15px 0 0;
background-image:url("img/contents/00_m7_off.png");
background-repeat:no-repeat;
float:left;
}

.m7:hover{
background-image:url("img/contents/00_m7_on.png");
background-repeat:no-repeat;
}

.m8{
width:53px;
height:11px;
margin:5px 15px 0 0;
background-image:url("img/contents/00_m8_off.png");
background-repeat:no-repeat;
float:left;
}

.m8:hover{
background-image:url("img/contents/00_m8_on.png");
background-repeat:no-repeat;
}

/*iPhone4以降*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

#menu .logo{
width:165px;
height:39px;
margin:165px auto 0 auto;
opacity:1;
}

.m1{
width:133px;
height:16px;
margin:0px 0 0 25px;
background-size:133px 16px;
position:absolute;
bottom:165px;
}

.m2{
width:115px;
height:16px;
margin:16px 0 0 25px;
background-size:115px 16px;
position:absolute;
bottom:135px;
}

.m3{
width:72px;
height:16px;
margin:16px 0 0 25px;
background-size:72px 16px;
position:absolute;
bottom:105px;
}

.m4{
width:112px;
height:21px;
margin:16px 0 0 25px;
background-size:112px 21px;
position:absolute;
bottom:70px;
}

.m5{
width:63px;
height:16px;
margin:13px 0 0 25px;
background-size:63px 16px;
position:absolute;
bottom:45px;
}

.m6{
width:87px;
height:16px;
margin:16px 0 0 25px;
background-size:87px 16px;
z-index:100;
position:absolute;
bottom:15px;
}

.m7{
width:109px;
height:15px;
margin:5px 15px 0 0;
background-size:109px 15px;
z-index:110;
position:fixed;
top:550px;
left:15px;
}

.m8{
width:87px;
height:16px;
background-size:87px 16px;
z-index:110;
position:fixed;
top:550px;
left:135px;
}


#menu_footer{
width:250px;
height:100px;
position:fixed;
top:525px;
left:15px;
}

}

/*----------< form >----------*/

.form{
width:440px;
height:440px;
margin:0 0 0 25px;
padding:0;
float:left;
}

.form form{
width:345px;
height:440px;
font-size:12px;
}

form p{
margin:0 0 9px 0;
}

form p#submit{
margin-top:-25px;
}

/*----------< link >----------*/

#architecture{
position:absolute;
left:1210px;
z-index:-9999;
}

#real_estate{
position:absolute;
left:3780px;
z-index:-9999;
}

#urushi{
position:absolute;
left:6605px;
z-index:-9999;
}

#consulting{
position:absolute;
left:9400px;
z-index:-9999;
}

#profile{
position:absolute;
left:11870px;
z-index:-9999;
}

#contact{
position:absolute;
left:13410px;
z-index:-9999;
}

/*iPhone4以降*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

#architecture{
left:1345px;
}

#real_estate{
left:3915px;
}

#urushi{
left:6740px;
}

#consulting{
left:9535px;
}

#profile{
left:12005px;
}

#contact{
left:13545px;
}

#menu_footer{
left:15px;
}

}

/*iPad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

#architecture{
left:1350px;
}

#real_estate{
left:3920px;
}

#urushi{
left:6745px;
}

#consulting{
left:9540px;
}

#profile{
left:12010px;
}

#contact{
left:13550px;
}

#menu_footer{
left:15px;
}

}


/*----------< title >----------*/

#title_01{
width:165px;
height:17px;
position:fixed;
top:30px;
left:0;
}

#title_02{
width:148px;
height:16px;
position:fixed;
top:30px;
left:0;
}

#title_03{
width:100px;
height:16px;
position:fixed;
top:30px;
left:0;
}

#title_04{
width:120px;
height:18px;
position:fixed;
top:30px;
left:0;
}

#title_05{
width:56px;
height:16px;
position:fixed;
top:30px;
left:0;
}

#title_06{
width:85px;
height:16px;
position:fixed;
top:30px;
left:0;
}

/*iPhone4以降*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

#title_01{
position:absolute;
left:1570px;
}

#title_02{
position:absolute;
left:4140px;
}

#title_03{
position:absolute;
left:6965px;
}

#title_04{
position:absolute;
left:9760px;
}

#title_05{
position:absolute;
left:12230px;
}

#title_06{
position:absolute;
left:13770px;
}

}

/*iPad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

#title_01{
position:absolute;
left:1570px;
}

#title_02{
position:absolute;
left:4140px;
}

#title_03{
position:absolute;
left:6965px;
}

#title_04{
position:absolute;
left:9760px;
}

#title_05{
position:absolute;
left:12230px;
}

#title_06{
position:absolute;
left:13770px;
}

}

/*----------< num >----------*/

#num_01{
width:37px;
height:138px;
position:fixed;
top:210px;
left:0;
z-index:99;
}

#num_02{
width:95px;
height:142px;
position:fixed;
top:210px;
left:0;
z-index:99;
}

#num_03{
width:95px;
height:147px;
position:fixed;
top:210px;
left:0;
z-index:99;
}

#num_04{
width:100px;
height:141px;
position:fixed;
top:210px;
left:0;
z-index:99;
}

/*iPhone4以降*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

#num_01{
position:absolute;
left:1930px;
}

#num_02{
position:absolute;
left:4491px;
}

#num_03{
position:absolute;
left:7320px;
}

#num_04{
position:absolute;
left:10112px;
}

}

/*iPad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

#num_01{
position:absolute;
left:1930px;
}

#num_02{
position:absolute;
left:4491px;
}

#num_03{
position:absolute;
left:7320px;
}

#num_04{
position:absolute;
left:10112px;
}

}

/*----------< nav >----------*/

#nav{
width:471px;
height:58px;
position:fixed;
background-image:url("img/contents/00_positionx.png");
background-repeat:no-repeat;
top:530px;
right:50px;
z-index:120;
}

/*iPhone4以降*/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

#nav{
right:15px;
}

}

#nav_pos{
width:270px;
height:10px;
background-color:rgba(255,0,0,0.0);
position:absolute;
top:2px;
right:120px;
}

#eye{
width:12px;
height:6px;
background-color:#8e0000;
cursor: move;
position: absolute;
z-index:100;
top:2px;
}

/*----------< privacy >----------*/

#privacy{
width:600px;
height:1620px;
margin:0 auto;
padding:0;
}

table{
position:fixed;
bottom:0px;
display:none;
}