@charset "utf-8";

/* CSS Document */

/*clr
-------------------------------------------------------------------------------------*/
*{ margin:0; padding:0;}
img{ border:0;}
html{overflow-y: scroll;width:100%; min-width:100%; margin:0; padding:0;}
table,div{margin:auto;}

/* -----clearfix-------- */
.clearfix:after{
	content:"";
	clear:both;
	display:block;
	height:0;
}
.clearfix:after { content: " "; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
.msie7 { overflow-x: hidden; min-width: 950px;}
.msie7 body,
.msie6 body { padding-top: 10px; }
.msie7 body img { vertical-align:middle; -ms-interpolation-mode: bicubic; }
.msie7 .clearfix { zoom:1; }


body{
	clear:both;
	zoom:100%;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.5;
	color:#52322b;
	background:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
div{margin:0px;padding:0px;}
p{margin:0px;padding:0px;}
caption,th {text-align:left; font-weight:normal;}
img,input {vertical-align:middle;}
sup{font-size:10px;vertical-align:super; margin-bottom:-2px;}
sub{font-size:10px;vertical-align:baseline; margin-top:-2px;} 
br {letter-spacing:0;}

ul{margin:0px;padding:0px;list-style:none;}
li {margin:0px;padding:0px;list-style:none;}

dl{margin:0px;padding:0px;}
dt{padding:0px;margin:0px;}     
dd{padding:0px;margin:0px;}
dt:first-child{margin-top:0px;}

strong{color:#036eb8; font-weight:normal;}
b{color:#036eb8; font-weight:bold;}

a:link {
color:#52322b;
text-decoration:underline;
}
a:hover {
color:#52322b;
text-decoration:underline;
}
a:visited {
color:#52322b;
text-decoration:underline;
}
a:active {
color:#52322b;
text-decoration:underline;
}

.textBig{font-size:120%;}
.textBold{font-weight:bold;}
.textUnderbar{text-decoration: underline;}
.textRed{color:#ff0000;}
.textRed2{color:#990000;}
.textOrange{color:#ff6600;}
.imageL{margin:0px 20px 20px 0px;float:left; display:inline;}
.imageR{margin:0px 0px 20px 20px;float:right; display:inline;}
a:hover img.over{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none;
}

.ma50{ padding-bottom:50px;}
.ma100{ padding-bottom:100px;}
.ma150{ padding-bottom:150px;}
.ma200{ padding-bottom:200px;}
.ma250{ padding-bottom:250px;}
.ma300{ padding-bottom:300px;}
.ma350{ padding-bottom:350px;}
.ma400{ padding-bottom:400px;}
.ma450{ padding-bottom:450px;}
.ma500{ padding-bottom:500px;}
.ma550{ padding-bottom:550px;}
.ma600{ padding-bottom:600px;}
.ma650{ padding-bottom:650px;}
.ma700{ padding-bottom:700px;}
.ma750{ padding-bottom:750px;}
.ma800{ padding-bottom:800px;}
.ma850{ padding-bottom:850px;}
.ma900{ padding-bottom:800px;}

#wrap{
	width:960px;
	margin: 80px auto;
	text-align: left;
}

#header{
	width:100%;
	text-align:center;
	background:url(../img/common/header.jpg) repeat-x 0px 0px;
	height:400px;
}
#header #head{
	width:960px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/*

index

*/
#index{
	width:960px;
	margin: 80px auto;
	text-align: left;
}
#index h2{
	margin: 0px 0px 30px 0px;
	padding:0;
	text-align:center;
}
.serif01{
	margin: 0px 0px 10px 0px;
	padding:0;
	text-align:center;
}

.container{
	width:960px;
	float:left;
	margin-bottom:50px;
	clear:both;
}

.works{
	width:280px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}

.option{
	width:610px;
	float:right;
	margin-right:20px;
}

.works h3{
	padding:0;
	margin-bottom:5px;
}

.works ul.bookcovers{
padding: 0px;
}
.works .bookcovers li{
	display:block;
	padding-bottom:3px;
}
#serifUl img{
	width:280px;
	float:left;
	display:inline;
	z-index:80;
	margin-bottom:3px;
}
#serif02{
	width:115px;
	height:61px;
	float:right;
	display:inline;
	top:0px;
	right:0px;
	margin-bottom:-30px;
	margin-right:-30px;
	z-index:999;
	position:relative;
}

/*-----------------------------------------------------------------------------------*/

/*


footer


*/

/*-----------------------------------------------------------------------------------*/

#footer {
	width: 100%;
	background-color: #fff6ea;
	padding:30px 0;
	
}
#footer #used{
	text-align:center;
}

#footer #use3{
	width:960px;
	margin: 80px auto;
	text-align: left;
}
#footer #use3 .use{
	width:280px;
	float:left;
	margin-left:20px;
	margin-right:20px;
}
#footer #shop{
	text-align:center;
	background:url(../img/common/shop2.png) no-repeat center bottom;
	padding-bottom:20px;
}
#footer #shop #shopTitle{
	text-align:center;
	padding: 0;
}
#footer #shop h4{
	text-align:center;
	color:#52322b;
	font-size:18px;
	font-weight:bold;
	padding:5px 0;
}
#footer p.dcrew{
	text-align:center;
	font-size:12px;
}

#footer a{
	color:#b48856;
}

#copy {
	width: 100%;
	background:url(../img/common/copy.jpg) repeat center top;
	padding:30px 0;
	color:#fff;
}

#copy h5{
	text-align:center;
	margin-bottom:5px;
	padding:0;
}

#copy a{
	color:#fff;
}