/* CSS Document */




html,body{margin:0;padding:0; border-top:0px solid #6c6c6c; height:100%;}




#footer_slide {
	position:absolute;
	width: 600px;
	height: 40px;
	top: 95%;	
	list-style-type:none;
}

body {
	color:#3C3C3C;
	background-color: #FFFFFF;
	font-size:14px;
	font-weight:100;
	font-family:'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.4;
}

A:link{color: #3C3C3C; text-decoration:none}
A:active{color:#3C3C3C; text-decoration:none}
A:visited{color:#3C3C3C; text-decoration:none} 
A:hover{color:#3C3C3C; text-decoration:underline}
a img {border: none;}

tr {color:#003366; text-decoration:none}
tr A:link{color:#003366; text-decoration:none}
tr A:active{color:#3366CC; text-decoration:none}
tr A:visited{color:#003366; text-decoration:none} 
tr A:hover{color:#006699; text-decoration:underline}
tr img {border: none;}


h3{	font-size:18px;
}

ul, ul li {margin:0px; padding:0px;}
p{margin:0px; padding: 0px 0px 14px;color:#333}


div#container{width:600px;margin:0px auto 0px;}
div#container{text-align:left}

div#clearing {clear: both;}

div#header{position:relative;margin-top: 0px; width:600px; float:left;}
div#header a{	text-decoration:none; overflow:hidden;}
div#header h1{font-size:30px;}

div#navbar{height:39px; text-align:left; margin-top:5px; margin-bottom:15px; float:left; width:600px;}
div#navbar ul li {display:inline;float:left; list-style-type:none; padding:0px 25px 0px 0px; font-size:23px; }
div#navbar ul li a {
	overflow:hidden;}

div#content {position:relative;width:600px;}





div#content_left {
    display: inline;
    float: left;
	margin-top: 30px;
	margin-left: 0px;
	margin-bottom: 18px;
    position: relative;
    width: 950px;
	height: 630px;
}

div#content_right{
    display: inline;
    float: right;
    position: relative;
	margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 18px;
    width: 300px;
}

div#content_left_about {
    display: inline;
    float: left;
	margin-top: 30px;
	margin-bottom: 18px;
    width: 600px;
}

div#content_right_about{
    display: inline;
    float: right;
    position: relative;
	margin-top: 30px;　
	margin-left:20px;
	margin-bottom:18px;
	width:280px;
	height:400px;

}

div#content_right_about p{
	position:absolute;
	　margin-left:0px;
	　margin-top:175px;
	left: 0px;
	top: 150px;
}

div#content_left_works {
    display: inline;
    float: left;
	margin-top: 30px;
	margin-bottom: 18px;
    position: relative;
    width: 200px;
	font-size:24px
}

div#content_left_works p {
	margin-top:8px;
	margin-left: 90px;
	font-family:helvetica, "Osaka", "Hiragino Kaku Gothic Pro";
}

div#content_left_works A:link{color:#003366; text-decoration:none}
div#content_left_works A:active{color:#3366CC; text-decoration:none}
div#content_left_works A:visited{color:#003366; text-decoration:none} 
div#content_left_works A:hover{color:#bdccd1; text-decoration:none}


div#content_right_works {
    display: inline;
    float: right;
    position: relative;
	margin-top: 30px;
	margin-left: 20px;
	margin-bottom: 18px;
    width: 650px;
}


div#content_left_contact {
    display: inline;
    float: left;
	margin-top: 30px;
	margin-left:0px;
	margin-bottom: 18px;
    position: relative;
    width: 500px;
}

div#content_right_contact{
    display: inline;
    float: right;
    position: relative;
	margin-top: 150px;
	margin-left: 70px;
	margin-bottom: 18px;
    width: 330px;
}





div#slideshow {
    position:relative; width:900px; height:543px;
 
}



div#topbg {
	background-image:   url(top/20150628.jpg);
	background-repeat:  norepeat;
	width: 950px;
	height: 621px;

}

#topbg p {margin-left:145px;
			padding:30px;
			margin-top:200px;
			color: #666 ;
			line-height:18px;
			font-size: 14px;
		    width: 600px;
			float:left;
			background-color: rgba(256, 256, 256, 0.95);
 }



.liveinfo{	margin-left:150px;
			padding:25px;
			margin-top:20px;
			color: #666 ;
			line-height:18px;
			font-size: 14px;
		    width: 600px;
			float:left;
			background-color: rgba(256, 256, 256, 0.91);
			}

.liveinfo_square{

    padding:20px;
    border:solid 1px #666;
    border-radius:10px;
    background-color:OldLace;
    margin-top:10px;
    margin-bottom:10px;
	font-family: "Courier", helvetica, "Times New Roman", Georgia,  "Osaka", "Hiragino Kaku Gothic Pro";
	font-size:14px;
	line-height:1.4;
}


div#profilebg {
	margin-top: 15px;
	background-position: center center;
	background-image:   url(pics/ysagara002.jpg);
	background-repeat:  no-repeat;
	width: 900px;
	height: 619px;
}
#profilebg a {text-decoration:none;}
#profilebg a:hover{text-decoration:underline;}
#profilebg p {margin-left:150px; margin-top:120px;color:#1F1F1F; line-height:18px; font-size: 13px; width: 200px; float:left;}

div#footer{clear:all; width:600px; margin-top:15px;}
#footer p {margin-top:10px; font: 11px; text-align:left;font-size:12px}