@charset "UTF-8";

html{
	background-color: #089b35;
}
html.second{
	background-color: #fff;
}
body{
	background-color: #fff;
	/*font-family:  Helvetica, Arial;*/
	font-family:Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	-webkit-text-size-adjust: none;
	
}

h3{
	font-size: 24px;
	color: #089b35;
	font-weight: bold;
	margin-bottom: 5px;
}

a{
	color: #089b35;
}


/* shared */

.clear{
	clear: both;
	display: block;
	height: 1px;
}

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}


/* hearder */

#header_wrapper{
	background-color: #089b35;
	width:100%;
	height: 5px;
	position: fixed;
	z-index:100;
	top: 0px;
}

/* nav */
#nav{
	position:absolute;
	left: 49px;
	top: 46px;
	width: 358px;
	height: 449px;
	z-index:120;
}

#nav.second{
	width: 291px;
	position:fixed;
	
}


#nav #logo{
	
	margin-bottom:30px;	
}

#nav.second #logo{
	/*
	width:280px;
	height:auto;
	
	margin-bottom:20px;	
	*/
}
#nav.second .toTop{
	position: absolute;
	left: 368px;
	top: 62px;
	visibility: hidden;	
}

#nav ul li.m1{
	margin-bottom:7px;	
}
#nav ul li.m2{
	margin-bottom:11px;	
}
#nav ul li.m3{
	margin-bottom:9px;	
}
#nav ul li.m4{
	margin-bottom:8px;	
}
#nav ul li.m5{
	margin-bottom:9px;	
}




/* main */
#main{
	/*
	width: 100%;
	
	min-width: 995px;*/
	/*max-width: 1500px;*/
	
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	
}
#main #main_inner{
	min-width: 995px;
	position:relative;
	overflow:hidden;
}
#main.second #main_inner{
	min-width: 600px;
	overflow:visible;
}
#main.second{
	padding-top:100px;
	padding-right:50px;
	padding-left:370px;

	padding-bottom:150px;
	
	1box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#main.second h2{
	/*
	font-style: italic;
	color: #089b35;
	*/
	

	margin-bottom:30px;
}

#main.second p{
	margin-bottom:30px;
}
#main.second .lang_jp{
	font-size: 14px;
	line-height:26px;
	
}
#main.second .lang_de{
	font-size:14px;
	line-height:20px;
	color:#888;
}


/* footer */
#footer_wrapper{
	background-color: #089b35;
	min-width:995px;
	height: 60px;
	position: relative;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	padding-top: 10px;
	
}
#footer_wrapper .navi{
	position: relative;
	overflow:hidden;
}
#footer_wrapper .navi ul {
	position: relative;
	float:left;
 	left: 50%;
	display:block;
}
#footer_wrapper .navi ul li{
	position: relative;
	float:left;
	margin-right:10px;
	margin-left:10px;
	display:block;
	left: -50%;
}

#footer_wrapper a{
	color: #FFF;
	text-decoration:none;
}
#footer_wrapper .schomaker{
	position: absolute;
	top: -102px;
	left: 62px;
	z-index: 110;
}

#footer_wrapper .balloon{
	position: absolute;
	top: -204px;
	left: 181px;
	z-index: 111;
	width: 336px;
	height: 199px;
	background-image: url(../imgs/shared/balloon.png);
}

#footer_wrapper .balloon ul{
	color: #333;
	display: block;
	width: 262px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	overflow: hidden;
	height: 145px;
	left: 42px;
	top: 31px;
}
#footer_wrapper .balloon ul li{
	padding-top: 5px;
	padding-bottom:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eee;
	padding-left: 5px;
}

#footer_wrapper .balloon ul li a{
	color:#000;
	text-decoration:underline;
	
}
#footer_wrapper .balloon ul li a:hover{
	color:#079B35;
	text-decoration:none;
	
}

#footer_wrapper .balloon ul li:nth-last-of-type(1) {
	border:none;
}


#footer_wrapper .copyright{
	position:absolute;
	right:20px;
	top:10px;

}

#footer_wrapper.second{
	
	width:100%;	
	position:fixed;
	bottom:0px;
	z-index:100;
	
}



/* index */

#main .index_bg{
	width:100%;	
	height:auto;
	vertical-align:bottom;
	margin-left:0px;	
}
/* schomaker */

.schomaker .photo1{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.schomaker .photo1 img{
	
	margin-bottom: 5px;
}

.schomaker .photo2{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}


/* germanyhe */


.germanyhe .photo1{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.germanyhe .photo2{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}



/* =Mobile (Portrait) 縦
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 510px) {
html.second{
	background-color: #089b35;
}
	
#nav{
	position:relative;
	width: 480px;
	height: 550px;
	z-index:50;
	top:30px;
	left:15px;
	padding-bottom:30px;
}



#nav ul li {
	float:left;
	height:60px;
	display:block;	
}

#nav ul li img{

}
#nav ul li.m1{
	width:480px;
}


#nav ul li.m1, #nav ul li.m2, #nav ul li.m3, #nav ul li.m4, #nav ul li.m5{
	margin-bottom:0px;	
}


#nav ul li.m2, #nav ul li.m3, #nav ul li.m4, #nav ul li.m5{
	width:240px;
}



#nav.second{
	top:30px;
	left:15px;
	position:relative;
	height:150px;
	width:480px;
}

#nav.second #logo{
	width:358px;
	height:auto;
	
}
#nav.second .toTop{
	
	visibility:visible;	
}
#nav.second ul{
	
	display:none;
	
}

#main{
	width: 510px;
	min-width: 510px;
	
	
	
	padding-bottom:100px;
}
#main.second #main_inner{
	min-width: 480px;
}

#main.second{
	padding-top:50px;
	padding-right:25px;
	padding-left:25px;
	

	min-height: 550px;
}
#main.second h2{
	margin-left:-10px;	
}
#main.second .lang_jp{
	font-size: 18px;
	line-height:30px;
	
}
#main.second .lang_de{
	font-size:16px;
	line-height:28px;
	color:#888;
}


#footer_wrapper{
	width: 100%;
	min-width: 510px;
	
	
}

#footer_wrapper.second{
	position:relative;
}

#footer_wrapper .navi .m1,#footer_wrapper .navi .m2,#footer_wrapper .navi .m3,#footer_wrapper .navi .m4,#footer_wrapper .navi .m5,#footer_wrapper .navi .m6{
	display:none;
}

#footer_wrapper .navi {
	position:absolute;
	right:100px;
	top:8px;
	z-index:120;
	
}



#footer_wrapper .schomaker{
	/*display:none;*/
	left:36px;
}

#footer_wrapper .balloon{
	/*display:none;*/
	left:155px;
}



/* index */
#main.index{
	height:0px;
	width:480px;
	padding:0px;
		
}

#main.index .index_bg{
	display:none;
	/*width:520px;
	position:absolute;
	bottom:0px;
	right:0px;*/
}
	
}