@charset "utf-8";
/* 共通 */

/* body, font */
body {
  font-size: 14px;
  /**font-size: small;
  *font: x-small;*/
  line-height:1.5;

  font-family: Arial, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, sans-serif;
  color: #888;
  background:#FFF;

}
/* ancher */
a,
a:link {
  color: #FF8000;

}

a:visited {
  color: #FF8000;
}

a:hover {
  color: #FF8000;
  text-decoration: none;
}

a:active {
  color: #FF8000;
  text-decoration: none;
}
p span,
dt span{color: #FF8000; margin: 0 5px; font-size: 120%;}

.bt_check input:hover,
.bt_check img:hover,
a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}


/* 共通部分 */
body{margin:0;}

/* header */
#wrap-header{
width:1000px;
	margin:0 auto;
}


h1#logo{
	float:left;
	padding:36px 0 36px 0;
	width:300px;
}

#head_right{
	float:right;
	width:300px;
	text-align:right;
	padding-bottom:36px;
	position:relative;
}


#head_right .headertitle{position:absolute; top:49px; right:0;}

ul#gm{
	width:1000px;
	padding-bottom:54px;	
}
ul#gm {zoom:1;} /* for IE6,7 */
ul#gm:after {content:"";} /* clearfix */

ul#gm li,ul#gm li a{
	text-indent:-9999px;
	float:left;
	width:200px;
	height:18px;
	display:block;
}

ul#gm li.home,
ul#gm li.home a{ background: url(../images/gm.gif) 0 0 no-repeat; width:200px;}
ul#gm li.profile,
ul#gm li.profile a{ background: url(../images/gm.gif) -200px 0 no-repeat; width:200px;}
ul#gm li.album,
ul#gm li.album a{ background: url(../images/gm.gif) -400px 0 no-repeat; width:200px;}
ul#gm li.information,
ul#gm li.information a{ background: url(../images/gm.gif) -600px 0 no-repeat; width:200px;}
ul#gm li.contact,
ul#gm li.contact a{ background: url(../images/gm.gif) -800px 0 no-repeat; width:200px;}

ul#gm li.home a:hover{ background: url(../images/gm.gif) 0 -24px no-repeat; width:200px;}
ul#gm li.profile a:hover{ background: url(../images/gm.gif) -200px -24px no-repeat; width:200px;}
ul#gm li.album a:hover{ background: url(../images/gm.gif) -400px -24px no-repeat; width:200px;}
ul#gm li.information a:hover{ background: url(../images/gm.gif) -600px -24px no-repeat; width:200px;}
ul#gm li.contact a:hover{ background: url(../images/gm.gif) -800px -24px no-repeat; width:200px;}


#wrap-content{
	width:100%;
	margin:0 auto 80px;
}

#content_title{
	width:100%;
	border-bottom:solid 1px #DDD;
	text-align:center;
	margin:0 auto 50px;}

#content_title h2{
	margin:0 auto 12px;
}

#header,#footer,#top_content{
	width:1000px;
	margin:0 auto;
}

#header {zoom:1;} /* for IE6,7 */
#header:after {content:"";} /* clearfix */

#top_content {zoom:1;} /* for IE6,7 */
#top_content:after {content:"";} /* clearfix */


.content{
	width:940px;
	margin:0 auto;
	padding:0 30px;
}

.content {zoom:1;} /* for IE6,7 */
.content:after {content:"";} /* clearfix */

.line{
	margin:0 auto;
	width:940px;
	border-top:dotted 1px #DDD;
	padding:20px 0px;
	line-height:1.8;}

.line h3{
	font-size:16px; color:#333; font-weight:bold; margin-bottom:10px; border-left:solid 5px #FF8000; padding-left:8px; line-height:1;
}




.corner{border:solid 2px #DDD; margin-top:30px;}


.corner h3{
	padding:7px 13px; background:#EEE; color:#333; font-size:16px; font-weight:bold;}
	
.corner .inner{padding:15px 20px;}
.corner .inner p{font-weight:bold; color:#333; font-size:16px; line-height:1.8;}
.corner .inner p span{ color:#FF8000; margin-left:20px;}
.corner .inner p span.link a{ margin-left:20px; font-size:13px; font-weight:normal;}


/* top */
#top_info{ padding-top:55px;}
#top_info h3{ margin-bottom:15px;}

#top_info dl{
	border-top: solid 1px #DDD;
	border-bottom:solid 1px #DDD;
	padding:10px 20px;
	
}

#top_info dl dt{float:left; width:180px; font-size:12px; font-weight:bold; color:#999; vertical-align:middle; padding:10px 0;}

#top_info dl dd{
	padding-left: 180px;
	font-weight: bold;
	border-bottom: dotted 1px #DDD;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #FF8000;
}
#top_info dl dd.last{border-bottom:none; padding-bottom:5px;}

#top_info .top_more{
	margin-top:5px;
	font-size:13px;
	float:right;
	text-align:right;
	padding-left:13px;
	background:url(../images/arrow.gif) left 9px no-repeat;
}

#top_info .top_more a{
	color:#999;
}



#top_banner{
margin-top: 60px;
width: 1000px;
display: flex;
justify-content: space-between;
}

#top_banner p {width: 490px; }
#top_banner p img{width: 490px; height: auto;}

/* second */
#profile{
	padding-right:350px;
	background:url(../images/profile_photo.jpg) right top no-repeat;
	line-height:2.2;
	min-height:340px;
}
#profile h3{margin-bottom:30px;}
#profile_german{margin-top: 60px; padding: 15px; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#profile_german p{font-size: 16px; line-height: 2;}


.album_text{
	width:590px;
	float:left;
	margin-bottom:60px;
}

.album_text h3{margin-bottom:10px;}
.album_text .album_info{ margin-bottom:40px; font-size:11px; color:#333;}
.album_text h4{ font-size:15px; font-weight:bold; color:#FF8000; margin-bottom:10px;}
.album_text dl{font-size:13px; line-height:2; margin-bottom:25px;}
.album_text dl dt{font-weight:bold; float:left; width:40px;}
.album_text dl dd{padding-left:40px;}
.album_text dl dd span{font-size: 15px; font-weight:bold; color:#FF8000; margin-bottom:10px;}
.album_copy{margin-bottom: 30px;}


.album_photo{
	width:287px;
	float:right;
	text-align:center;
}

.album_photo img{margin-bottom:20px;}

#album2021,#album2013{padding-top:20px;}

.info{
	padding:0 0 35px;
	border-bottom:dotted 1px #DDD;
	margin-bottom:35px;
}

.info.last{
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;}
	

.info .date{ font-weight:bold;}
.info h3{font-size:22px; color:#FF8000; font-weight:bold; margin-bottom:20px;}
.info h4{font-size: 18px;}
.info p.mb20{margin-bottom: 20px;}

.info_link{
	padding:0;
	margin-bottom:35px;
	text-align:center;
}

.info_link a{
	font-size:18px;
	background:url(../images/arrow.gif) center left no-repeat;
	padding-left:15px;
	color:#888;
}

.info_link a:hover{
	color: #FF8000;
	text-decoration:none;
}

#info_title{
	padding:0 0 35px;
	border-bottom:dotted 1px #DDD;
	margin-bottom:35px;
}

#info_title h3{font-size:24px; color:#000; font-weight:bold; text-align:center; line-height:1;}
	


dl#contact{border-top:dotted 1px #DDD; margin-top:25px;}

dl#contact {zoom:1;} /* for IE6,7 */
dl#contact:after {content:"";} /* clearfix */

dl#contact dt{width:190px; float:left; padding:20px 0; font-weight:bold; color:#666;}
dl#contact dd{padding-left:210px; border-bottom:dotted 1px #DDD; padding-top:20px; padding-bottom:20px; width:790px; }

dl#contact dd input,
dl#contact dd textarea,
dl#contact dd select{
	border: 1px solid #DDD;
	padding:7px;
	font-size:13px;
	margin:0px 3px 0 20px;
}
dl#contact dd input:focus,
dl#contact dd textarea:focus,
dl#contact dd select:focus{
	background-color: #EEE;
	border: 1px solid #CCC;
}

dl#contact dd p.mail{margin:10px 10px;}

.bt_check{text-align:center; margin-top:20px;}

.red{color:#FF8000; font-weight:bold;}

.thanks{margin:200px auto; color:#FF8000; font-weight:bold; text-align:center; font-size:15px;}

/* footer */
#wrap-footer{
	width:100%;
	border-top:solid 1px #DDD;
}
#footer{
text-align:center;

padding:30px 0;
}

/* pagetop */
.pagetop{
	display:none;
	position:fixed;
	bottom:30px;
	right:30px;
}

.img01{
	margin-bottom:20px;
}

.img-area{margin-bottom:20px;}

.img-area {zoom:1;} /* for IE6,7 */
.img-area:after {content:"";} /* clearfix */

.img-area img{
	float:left; margin-right:20px;
}



/* sound */


#head_right .jp-audio{
	margin-top:13px;
	margin-bottom:24px;
	width:92px;
	height:12px;
	float:right;}


div.jp-audio div.jp-type-single div.jp-interface {
	height:12px;
}


div.jp-interface ul.jp-controls {
	
	margin:0;
	padding: 0;
	overflow:hidden;
	height:12px;
}





div.jp-interface ul.jp-controls li {
	display:inline;
	float: right;
	
}

div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:92px;
	height:12px;
	color:#CCC;
	
}
a.jp-play,
a.jp-pause {
	width:90px;
	height:12px;
	text-indent:-9999px;
}

a.jp-play {
	background: url("../images/sound.jpg") 0 0 no-repeat;
}
a.jp-play:hover {
	background: url("../images/sound.jpg") -91px 0 no-repeat;
}
a.jp-pause {
	background: url("../images/sound.jpg") 0 -12px no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("../images/sound.jpg") -91px -12px no-repeat;
}


div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}