@charset"UTF-8";

body{
	width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}

#titlephoto{
	margin-top: 55px;
	margin-bottom: 40px;
	float: right;
}

/*IE用*/
* html #titlephoto{
	margin-top: 55px;
	margin-bottom: -10px;
	float: right;
}

img{/*リンク画像の枠線消し*/
	border: 0;
}

#navi{
	float: left;
}

#mail{
	text-indent: -9999px;
	margin: 158px 0 30px 40px;
}
#mail a{
	display: block;
	width: 50px;
	height: 50px;
}
#mail a{
	text-decoration: none;
	background-image: url(../mailbutton.png);
	background-repeat: no-repeat;
}


	
#main_nav ul{
	margin: 54px 0 30px 40px;
	padding: 0;
	list-style: none;
	text-indent: -9999px;
}

#main_nav li,#main_nav a{
	display: block;
	width: 169px;
	height: 26px;
}

#main_nav a{
	text-decoration: none;
	background-image: url(../mainlink.png);
	background-repeat: no-repeat;
}

#works a{
	background-position: 0 0;
}
#ground a{
	background-position: 0 -26px;
}

#blog a{
	background-position: 0 -52px;
}
#about a{
	background-position: 0 -78px;
}
#office a{
	background-position: 0 -104px;
}
#link a{
	background-position: 0 -130px;
}
#yo_blog a{
	background-position: 0 -156px;
}
#mail a{
	background-position: 0 0;
}

#works a:hover{
	background-position: -171px 0;
}
#ground a:hover{
	background-position: -171px -26px;
}
#blog a:hover{
	background-position: -171px -52px;
}
#about a:hover{
	background-position: -171px -78px;
}
#office a:hover{
	background-position: -171px -104px;
}

#link a:hover{
	background-position: -171px -130px;
}

#yo_blog a:hover{
	background-position: -171px -156px;
}
#mail a:hover{
	
	background-position: -50px 0px;
}


#maintext{
	float: right;
	width: 470px;
	margin-right: 0;
	margin-top: 30px;
	padding-left: 20px;
	padding-right: 40px;
}

h1{
	font-family: serif;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: -0.1em;
	color: #aaa;
	background-color: transparent;
	margin-bottom: 0;
	margin-top: 25px;
}

h2{
	font-family: serif;
	font-size: 13px;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	color: #888;
	background-color: transparent;
	padding-top: 3px;
	border-style: solid ;
	border-top-width: 1px; 
	border-left: none;
	border-right: none;
	border-bottom: none;
}
h3{
	font-family: sans-serif;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #888;
}

#maintext p{
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.9em;
	color: #333;
}

#maintext ul{
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.9em;
	color: #333;
	margin-left: 15px;
}

table{
	font-family: sans-serif;
	font-size: 12px;
	line-height: 1.9em;
	color: #333;
}
td{
	padding-right: 10px;
}
#map{
	float: right;
	margin-top: 62px;
	margin-bottom: 30px;
}
#map p{
	font-size: 11px;
	color: #444;
	margin-top: -3px;

}
#footer{

	clear: right;
	background-image: url(../dotline.gif);
	background-repeat: no-repeat;
	margin-top: 50px;
}



#footer p{
	font-family: sans-serif;
	color: #888888;
	font-size: 10px;
	text-align: right;
	padding-bottom: 1px;
}



#twitter {
	margin: 20px 0 10px 40px;
}

#mailTop{
	text-indent: -9999px;
	margin: 10px 0 30px 40px;
}
#mailTop a{
	display: block;
	width: 50px;
	height: 50px;
}
#mailTop a{
	text-decoration: none;
	background-image: url(../mailbutton.png);
	background-repeat: no-repeat;
}

#mailTop a{
	background-position: 0 0;
}
#mailTop a:hover{
	
	background-position: -50px 0px;
}