@charset "utf-8";
/* CSS Document */

* {  
    margin:0;  
    padding:0;  
}  

body {
	background:#FFF;
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 1.4em;
	color:#333;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a{/*リンクされた文字*/
    color:#333;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#333;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#333;
    text-decoration:underline;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 15px;
}
	
.pagetop a {
	display: block;
	padding: 5px 10px;
}

.wrapper {  
    width: 950px;  
    margin: 0 auto;  
    border: 0px;	  
}

img {  
    border:0;
	margin-right:5px;
}

h1 {
	font-size: medium;
	font-weight:bold;
	margin-bottom: 5px;
}

.menu{
	margin-bottom:50px;
	overflow:hidden;
}

/* clearfix */
.menu:before,
.menu:after {
	content: "";
	display: table;
}

/* For IE 6/7 (trigger hasLayout) */
.menu {
	zoom: 1;
}

.contents{
	float:left;
}

.btn{
	width: 140px;
	height: 40px;
	margin-right: 10px;
	border:none;
	float: left;
}

.sns{
	margin-top:9px;
	float:right;
}

.portfolio{
	margin-bottom:30px;
	overflow:hidden;
}

.sumb {
	width: 950px;
	height: 30px;
	margin-top: 15px;
	border:none;
	float: left;
	text-align: left;
	font-size: 11px;
	line-height: 1.4em;
	letter-spacing: 0px;
}

.news { 
	float: left; 
	width: 700px;
	padding-left: 150px;
	padding-right: 100px;
	margin-top: 15px;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

#book{
    margin-top:-10px;
    padding-top:10px;
    display:inline-block;
}

.books { 
	float: left; 
	width: 726px;
	padding-left: 112px;
	padding-right: 112px;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

.books img{
	float: left;
  	border: 1px #666 solid;
	margin: 0 20px 0 0 !important;
}

.bookstext { 
	float: none;
	border: 1px #666 solid;
	padding:15px;
	margin-left: 220px;
	width: 474px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

.sample { 
	float: left; 
	width: 741px;
	padding-left: 112px;
	padding-right: 97px;
	margin-top: 15px;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

.sample img{
	float: left;
  	border: 1px #666 solid;
	margin: 0 15px 0 0 !important;
}

#prof{
    margin-top:-10px;
    padding-top:10px;
    display:inline-block;
}

.profile { 
	float: left; 
	width: 650px;
	padding-left: 150px;
	padding-right: 150px;
	margin-top: 15px;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.5em;
	text-align: left;
}

.profile img{
	float: left;
  	border: 1px #666 solid;
	padding:4px;
	margin: 0 20px 0 0 !important;
}

.activity { 
	float: left; 
	width: 700px;
	padding-left: 150px;
	padding-right: 100px;
	margin-top: 15px;
	margin-bottom: 30px;
	font-size: 12px;
	line-height: 1.8em;
	text-align: left;
}

#footer { 
	width : 100% ; 
	clear : both ; 
	text-align: center;
	padding-top: 10px;
}