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

a{
	margin: 0px;
	padding: 0px;
}

ul,li{ margin: 0; padding: 0; list-style:none; }
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 2.2;
	letter-spacing:0px;
	color: #666666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	}
	
#wrapper{
	margin: 0 auto;
	text-align: center;
	}

#hobonichi{
position: relative;
z-index: 1;
position: absolute;
top: 20px;
right: -20px;
}


#img_photo_t {
width:1200px; 
position: relative;
margin: 0 auto;
}

.honmon{
	width:27em;
	text-align:left;
	margin:0 auto;
}

/* フロート */
#book li{
	float:left;
	margin-left:50px;}
#book{
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding-top:0px;}
#books li{
	float:left;
	margin-left:150px;}
#books{
	width:800px;
	margin:0 auto;
	text-align:left;
	padding-top:50px;}
	
#yodogawa li{
	float:left;
	margin-left:120px;}
#yodogawa{
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding-top:50px;}
#nav li{float:left;
margin-left:50px;}
#nav{width:1000px;
margin:0 auto;} 

#box2 li{float:left;
margin-left:50px;
padding-top:80px;}
#box2{width:1200px;
margin:0 auto;} 

#coordinate{width:900px;
margin:0 auto;} 
#coordinate li{float:left;
margin-left:0px;
padding-top:80px;}
.coordinatecap{text-align:left; padding-left:70px;}

#archive{width:200px; margin:0 auto;}
#archive li{width:200px;}

#archive2{width:550px; margin:0 auto;}
#archive2 li{width:200px; margin-left:50px; float:left;}
#archive3{width:800px; margin:0 auto;}
#archive3 li{width:200px; margin-left:50px; float:left;}
.item{text-align:left; padding-bottom:50px;}

.line{padding-top:50px;
padding-bottom:50px;
margin:0 auto;
width:1200px;}

.line02{padding-top:30px;
padding-bottom:30px;
margin:0 auto;
text-align:center;
width:900px;}

.interview{
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;}
.event{
	width:736px;
	margin:0 auto;
	text-align:left;
	padding-top:50px;
	padding-bottom:50px;}

.copy{
	text-align:center;
	padding:50px;}
		
/* 文字 */
.red{
	color:#F7070B;
	font-weight:bold;}

.midashi01{
	font-weight:bold;
	font-size: 24px;}
.name{font-size: 24px;}
.pri{font-size: 18px;}
.cap{font-size: 14px;}
.colour{font-size: 16px;}

/* アキ */

.pt80{padding-top:80px;}
.pb40{padding-bottom:40px;}
.pl20{padding-left:20px;}


/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

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


.kakomi{
	background-image:url(images/kakomi_02.jpg);
	width:608px;
	margin:0 auto;
	margin-top:100px;}
	
.kakomi2{
	width:480px;
	margin:0 auto;
	text-align:left;}
.interview_sp{display:none;}

/*リンク€*/

a:link{ color: #8D6530; text-decoration: none; }
	 
a:visited{ color: #A4A4A4; text-decoration: none; }
	 
a:hover{ color: #A4A4A4; text-decoration: none; }

/*sp€*/
@media only screen and (max-width: 479px) {
		body, #wrapper,#head {width:100%;background-color:#fff; background-image : none; margin: 0 auto; border-left:none; border-right:none;}
	img{max-width:100%;height:auto;}
	.interview, #img_photo_t, .line,.line02{width:100%;}
	.event,#book, #yodogawa, #books, #box2, #coordinate{width:98%; margin:0 auto; padding-top:20px;}
	#book li, #books li, #yodogawa li, #nav li, #box2 li{float:none; margin-left:0px;}
	#coordinate li{float:none; margin-left:0px; padding-top:0px;}
	#hobonichi{display:none}
	#nav{text-align:center; width:100%;}
	.interview{display:none;}
.interview_sp{display:block; width:100%; margin:0 auto;}
.coordinatecap{padding-left:0px;}