@charset "UTF-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
{
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#cccccc;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
	display: block;
}
body
{
	line-height: 1;
}
ol,ul
{
	list-style: none;
}





/*********************************/
/* COMMON		*/
/*********************************/


a {

    color:  #b90745;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
a:hover {
	text-decoration: none;
   /* color: #cccccc;*/
}


img{
	border:none;
}
body {
	margin: 0;
	padding: 0;
	
	background: #000000;/*for ie div centering, reset in wrapper  */
}
#wrapper {
	width: 100%;
	height:auto;
	text-align: center;  
	margin: 0 auto;
	padding: 0px;
	border-color:#FFFFFF;
	overflow:hidden;
}
#Nav_con{
	top:-100px;
	position:fixed;
	padding: 0; 
    text-align: center;  
	width: 100%;
	height:49px;
	overflow: hidden;
	background:#000000;
　　_zoom: 1; /*IE6バグ対策*/
	z-index:100;

}
#Nav_menu{
	text-align: left; 
	margin: 0 auto;  
	padding: 0; 
    background-image:url(../img/nav/menu_bg.gif);
	
	width:991px;	/* 表示されないボタンの対策 本当は 980px*/
}

#Nav_menu ul{
margin: 0; 
padding: 0; 
list-style: none;

width:991px;	/* 表示されないボタンの対策 本当は 980px*/
overflow: hidden;
margin-right: -12px;

}

#Nav_menu ul li{ 
/*display: inline; 
padding: 0; 
margin: 0; 
float: left;
*/

float: left;
padding-right: 12px;

}



/**************/
/* コンテンツ*/
/**************/



/*******************************/
/*TOP*/
/*******************************/

#top{
	
	margin: 0 auto;
	padding-top: 49px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
/*	background: url(../../sozai/top_dummy.jpg);*/
	width: 980px;
	height: 621px;
	overflow: hidden;
	　　_zoom: 1; /*IE6バグ対策*/
}

/*******************************/
/*TWITTER*/
/*******************************/

#top #twitter{
	position:relative;
	top:700px;
	z-index:12;	
}

#tw_title{
	position:absolute;
	z-index:2;
}
#tw_con{
	position:absolute;
	top:34px;
	left:5px;
	width:475px;
	height:37px;
	overflow: hidden;
	z-index:1;
	border: 1px solid #5d0423;
	background:#000000;
}
#tw_wrapper{
	margin-top:15px;
	z-index:3;
	}

#tw_ticker{
	overflow: hidden;
	height:37px;
}

/*
#tw_list{
	list-style:none;
}

#tw_list li{
	display: inline-block;
	float:left;	
}
*/
#tw_ticker span{
	padding-right:20px;
}

/*******************************/
/*AMEBA*/
/*******************************/


#ameba{
	position:relative;
	top:700px;
	left:500px;
	z-index:12;	
}

#am_title{
	position:absolute;
	z-index:2;
}
#am_con{
	position:absolute;
	top:34px;
	left:5px;
	width:473px;
	height:37px;
	overflow: hidden;
	z-index:1;
		border: 1px solid #5d0423;
	background:#000000;
}



#am_wrapper{
	margin-top:15px;
	z-index:3;
	}

#am_ticker{
	overflow: hidden;
	height:37px;
}

/*
#tw_list{
	list-style:none;
}

#tw_list li{
	display: inline-block;
	float:left;	
}
*/
#am_ticker span{
	padding-right:20px;
}

/*******************************/
/*INFO*/
/*******************************/


#info{
	position:relative;
	top:239px;
	left:1000px;
	z-index:12;	
}

#info_title{
	position:absolute;
	z-index:2;
}
#info_con{
	position:absolute;
	top:34px;
	left:5px;
	width:296px;
	height:249px;
	overflow: hidden;
	z-index:1;
	border: 1px solid #5d0423;
}

.info_book{
	width:260px;
}


.info_book img{
	float:left;
	
}

.info_book span{
	position:relative;
	float:right;
	top:-4px;
	margin-left:10px;
	width:180px;
	
	padding:0px;
	
	margin: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	line-height:24px;
}

/*******************************/
/*TOP IMAGE*/
/*******************************/

#top #suzuki_img{
	/*
	left:185px;
	top:155px;
	z-index:10;
*/
position:relative;
z-index:10;
top:750px;
}

#top #suzuki_img img{
	position:absolute;
	left:185px;
	top:162px;	
	pointer-events: none;
}


#mask{
	position:absolute;
	left:0px;
	top:0px;	
	background:#000000;
	height:200px;
	width:980px;
	  z-index: 9;
}


#main_img{
	position:relative;
}
#img_wr{
	position:absolute;
	left:0px;
	top:0px;	
	z-index:8;
}


#sub_img{
	top:-320px;
	position:relative;
	z-index:7;
}

#top #sub_img img{
	position:absolute;
	left:4px;
	top:208px;	
}



/*******************************/
/*書籍*/
/*******************************/

#top #circle_news{
	top:340px;
	position:relative;

}

#newbook{
 	pointer-events: none;
	position:absolute;
	top: 310px;
	left: 130px;
	 z-index: 2;
}
#newbook a{
	margin-top:5px;
	color:#FFFFFF;
}

#top #circle_news #circle{
position:absolute;
	top: 280px;
  left: 60px;

  z-index: 1;

}



/*******************************/
/*Profile*/
/*******************************/


#profile{
	opacity:0;
	margin-top:50px;
	margin-bottom:53px;
	margin-left:auto;
	margin-right:auto;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
/*	background: url(../../sozai/profile.png);*/
	width: 980px;
	/*border: 1px solid #FFFFFF;*/
	height:1000px;
	overflow: hidden;
	_zoom: 1; /*IE6バグ対策*/
}



.subTtile{
	text-align:center;
	position:relative;
}

#face1{
	position:absolute;
	left:325px;
	top:70px;
}

#profile_des{
width:980px;
/*border: 1px solid #FFFFFF;*/
height:220px;
position:relative;
margin-top:42px;
}

#profile_des img{
	position:absolute;
	left:150px;
	top:0px;
	
}
.p_table{
	position:absolute;
left:368px;
top:0px;
border-collapse: collapse;
height:220px;
}


.p_table tr, .p_table td{

	border: 1px solid #5d0423;
	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#cccccc;
}

.p_center {
		vertical-align:middle;
	text-align:center;
}


.p_left{
	padding-left:10px;
	text-align:left;
		vertical-align:middle;
}

h1{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	color:#cccccc;
	line-height: 26px;
	letter-spacing:0.01em;
}

#profile_detail{
	text-align:center;
	position:absolute;
	
	top:280px;
}

h1 a {
	font-size:18px;
    color:  #b90745;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
h1 a:hover {
	font-size:18px;
    /*color: #cccccc;*/
}



/*******************************/
/*work*/
/*******************************/
#works{
	opacity:0;
	margin-top:50px;
	margin-bottom:53px;
	margin-left:auto;
	margin-right:auto;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	/*background:url(../../sozai/works.png);*/
	width: 980px;
	overflow: hidden;
	　　_zoom: 1; /*IE6バグ対策*/
}

#face2{
	position:absolute;
	left:290px;
	top:70px;
}





.titleName{
	font-size:18px;
	color:#b90745;	
}


.titleName span{
	margin:30px;
}

.list_left{
	width:490px;
	/*float:left;*/
	height:auto;
}

.list_left ul{
	padding-top:30px;
	padding-left:30px;
		
}

.list_left ul li{
	margin:10px;
	
		line-height: 18px;
	letter-spacing:0.01em;
}



.list_right{
	width:490px;
	/*float:right;*/
	height:auto;
}

.list_right ul{
	padding-left:30px;
	padding-top:30px;	
}

.list_right ul li{
	margin:10px	;
		line-height: 18px;
	letter-spacing:0.01em;
}


#left_con{
}


#right_con{
	position:absolute;
	top:0px;
	left:490px;
}



#event_con{
	margin-top:50px; 
	width:980px;
}



#event_con ul{
	padding-left:30px;
	padding-top:30px;	
}

#event_con ul li{
	margin:10px	;
		line-height: 18px;
	letter-spacing:0.01em;
}








#work_con{
background:url(../img/common/line.gif);
background-repeat:repeat-y;
width:980px;
height:auto;
/*overflow: hidden;*/
width: 100%;
position:relative;
/*padding:0 0 50px;*/
padding:0 0 0;
}


/*******************************/
/*book*/
/*******************************/
#books{
	opacity:0;
	margin-top:50px;
	margin-bottom:53px;
	margin-left:auto;
	margin-right:auto;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	/*background:url(../../sozai/books.png);*/
	width: 980px;
	overflow: hidden;
	　　_zoom: 1; /*IE6バグ対策*/
}

#face3{
	position:absolute;
	left:360px;
	top:70px;
}

#book_con{
	width:980px;
	height:auto;
	overflow: hidden;
	width: 100%;
}

.book{
	width:980px;
	height:auto;
	overflow: hidden;
	width: 100%;	
}

.thum{
	float:left;	
	width:145px;
	padding-left:65px;
	position:relative;
}

.new{
	position:absolute;
	top:20px;
}

.buy_button a{
	font-size:18px;
}

.buy_button{
	margin-top:20px;
	margin-left:40px;
	
}

.book_img{
	margin-top:35px;
}

.book_details{
	float:right;	
	width:700px;
	padding-top:35px;
	padding-left:35px;
	padding-right:35px;
}



.book_title{
	font-size:18px;
	color:#b90745;	
}

.book_title span{
	font-size:10px;
	color:#b90745;	
}

.book_honbun{
	margin-top:30px;
	text-align:justify;
	
	line-height: 27px;
	letter-spacing:0.01em;
}








/*******************************/
/*book*/
/*******************************/
#magazine{
	opacity:0;
	margin-top:50px;
	margin-bottom:53px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	/*background:url(../../sozai/magazine.png);*/
	width: 980px;
	overflow: hidden;
	overflow:auto;

	　　_zoom: 1; /*IE6バグ対策*/
}


#mag_con{
	height:920px;
	width:980px;
	overflow:auto;
}
#face4{
	position:absolute;
	left:360px;
	top:70px;
}


.mz_con{
	
	width:960px;
	height:auto;
	overflow: hidden;
	width: 100%;
}

.mz_thum{
	float:left;	
	width:100px;
	padding-top:35px;
	padding-left:65px;
	position:relative;
}

.mz_text{
	float:right;	
	width:760px;
	padding-top:35px;
	padding-right:35px;
}

.mz_honbun{
text-align:justify;
	
	line-height: 24px;
	letter-spacing:0.01em;
}

.mz_honbun span{
	font-size:14px;
	color:#b90745;	
}


/*******************************/
/*contact*/
/*******************************/


#error{
	color:#b90745;
	text-align:center;
	
}

#contact{
	opacity:0;
		margin-top:50px;
	margin-bottom:53px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	/*background:url(../../sozai/contact.png);*/
	width: 980px;
	overflow: hidden;
	　　_zoom: 1; /*IE6バグ対策*/
}


#face5{
	position:absolute;
	left:300px;
	top:70px;
}

#sendform{
	padding-top:45px;
	text-align:center;
	width:450px;
	margin: 0 auto; 
	
	
}

.form_title{
	
	margin-bottom:20px;
	
}

.form_title2{
	
	margin:20px;
	
}



.title_style{

border:0;
padding:10px;
font-size:12px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#aaa;
background:#000000;
border: 1px solid #5d0423;
width:430px;	
height:35px;
}

.title_style2{

border:0;
padding:10px;
font-size:12px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#aaa;
background:#000000;
border: 1px solid #5d0423;
margin:0 0 20px;
width:430px;	
height:135px;
}

#submit_btn{
	margin-top:30px;
	background:url(../img/contact/btn_bg.gif);
	width:450px;
	height:61px;	
}


#btn2{
		position:relative;
		font-size:18px;
		top:20px;
}




/*******************************/
/*links*/
/*******************************/
#link{
	
	
		margin-top:50px;
	margin-bottom:53px;
	margin-left:auto;
	margin-right:auto;
	
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	/*background:url(../../sozai/works.png);*/
	width: 980px;
	　　_zoom: 1; /*IE6バグ対策*/
	overflow: hidden;
	
}

#face6{
	position:absolute;
	left:370px;
	top:70px;
}




#link_con{




background:url(../img/common/line.gif);
background-repeat:repeat-y;
width:980px;
overflow: hidden;
position:relative;
height:1156px;
 
}
#link_con hr { clear: both;}


.links_con{
  width:490px;
 text-align: center;
		
}

.links_con span{
	
	
	line-height: 22px;
	letter-spacing:0.01em;
}
.links_con img{
  margin-top:35px;
  margin-bottom:35px;
  display: inline-block;
  vertical-align:middle;
}
/*******************************/
/*links*/
/*******************************/
#footer{
	margin: 0 auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: left;
	background:url(../img/footer.png);
	width: 980px;
	height: 259px;
	overflow: hidden;
	　　_zoom: 1; /*IE6バグ対策*/
}

#ky{
	position:relative;
	left:603px;
	top:161px;	
	}

#rawr{
	position:relative;
	left:603px;
	top:163px;

}

#ky img{
	opacity:0;	
}

#rawr img{
	opacity:0;	
}

.b_div{
width:100%;
height:7px;
background:url(../img/common/bar.gif);
	
}



p.line {
	margin-top:45px;
	width:980px;
   border-bottom: 1px solid #5d0423;
}

p.line2 {
	margin-top:45px;
	width:490px;
 	border-bottom: 1px solid #5d0423;
}
p.line3 {
	width:980px;
 	border-bottom: 1px solid #5d0423;
}
p.line4 {
	
	width:450px;
 	border-bottom: 1px solid #5d0423;
}

p.line5 {
	margin-top:25px;
	width:260px;
 	border-bottom: 1px solid #5d0423;
}

p.line6 {
	margin-top:30px;
	width:964px;
   border-bottom: 1px solid #5d0423;
}
p.line7 {

	width:980px;
   border-bottom: 1px solid #5d0423;
}
p.line8 {
	margin-top:30px;
	width:980px;
   border-bottom: 1px solid #5d0423;
}

/*********************************/
/* ANIMATION FOR BUTTON		*/
/*********************************/



@-webkit-keyframes rotation {
	0% 		{ -webkit-transform: rotate(0deg); }
	50% 	{ -webkit-transform: rotate(180deg); }
	100% 	{ -webkit-transform: rotate(360deg); }
}

@keyframes rotation {
	0% 		{ transform: rotate(0deg); }
	50% 	{ transform: rotate(180deg); }
	100% 	{ transform: rotate(360deg); }
}