@charset "utf-8";
/*　sumu　*/

/*////////////tags////////////*/
body{
	margin:0;padding:0;
	color:#231815;
	border:0;
	background:#fff url(../images/background.jpg) center 0 repeat-y;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:75%;
	line-height:1.3;
	text-align:center;
	}
h1,h2,h3,h4,h5,h6,form,dd,dt,div,p{margin:0;padding:0;font-weight:normal;}
ul,dl,ol,li{margin:0;padding:0;}
	li{list-style:none;}

a{outline:none;}
a:link,a:visited{color:#231815;text-decoration:none;}
a:active{color:#d87e3c;}
a:hover{color:#d87e3c;}
a img{border:0;}

iframe{border:none;overflow:hidden;display:block;margin-bottom:5px;}

.alt,hr,
#menu a span,#footerlink a span,.magazine .btns span,
#idxbacknumber span,#idxpresent a span,
#SSfinder .rel a span,#SSreport .rel a span,#logoside span,
.bn .purchase a span,.bn .detail a span{
	visibility:hidden;position:absolute;top:-5000px;left:-5000px;width:1px;display:none;
	/*\*/
	display:block;
	/**/
	}


/*////////////clearfloats////////////*/
.clearfix:after{
	content:".";
	display:block;height:0;clear:both;visibility:hidden;
	}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */

/*////////////common////////////*/

/*HOME*/
#container{background: url(../images/background.jpg) center 0 repeat-y;width:964px;padding:20px 0;margin-left:auto;margin-right:auto;}
#wrapper,#copyright{width:924px;text-align:left;margin-left:auto;margin-right:auto;}
#contents{width:760px;float:left;}
#banners{width:142px;float:right;}

#header{margin-bottom:25px;}
	#header #logo{float:left;width:195px;}
	#header #logoside{float:left;width:152px;height:70px;background:url(../images/logoside.gif) 0 0 no-repeat;}
#whatsnew{float:right;width:430px;padding:10px 0 0;}
	#whatsnew li{padding-bottom:0.3em;}

#menu,#footerlink{border-left:solid 1px #86817f;margin-bottom:30px;}
	#menu li,#footerlink li{border-right:solid 1px #86817f;width:115px;height:15px;float:left;}
	#menu li a,#footerlink li a{
		display:block;width:115px;height:15px;
		background:url(../images/menu.gif) 0 0 no-repeat;
		}
		#menu li.m1 a{background-position:0 0;}
		#menu li.m2 a{background-position:0 -30px;}
		#menu li.m3 a{background-position:0 -60px;}
		#menu li.m4 a{background-position:0 -90px;}
		#menu li.m5 a{background-position:0 -120px;}
		#menu li.m6 a{background-position:0 -180px;}
		#footerlink li.m1 a{background-position:0 -150px;}
		#footerlink li.m2 a{background-position:0 -210px;}
		#footerlink li.m3 a{background-position:0 -240px;}
			#menu li.m1 a:hover{background-position:0 -15px;}
			#menu li.m2 a:hover{background-position:0 -45px;}
			#menu li.m3 a:hover{background-position:0 -75px;}
			#menu li.m4 a:hover{background-position:0 -105px;}
			#menu li.m5 a:hover{background-position:0 -135px;}
			#menu li.m6 a:hover{background-position:0 -195px;}
			#footerlink li.m1 a:hover{background-position:0 -165px;}
			#footerlink li.m2 a:hover{background-position:0 -225px;}
			#footerlink li.m3 a:hover{background-position:0 -255px;}
	#footerlink{margin-left:350px;}

.magazine{margin-bottom:30px;}
	.magazine .cover{width:315px;float:left;padding-top:5px;}
	.magazine .text{width:400px;float:left;min-height:400px;}
		* html body .magazine .text{height:400px;}
	.magazine .btns{position:relative;}
		.magazine .btns a{
			position:absolute;display:block;width:130px;height:25px;
			background:url(../images/btns130.gif) 0 0 no-repeat;
			left:570px;
			}
		.magazine .btns a.topurchase{background-position: 0 0;top:250px;}
			.magazine .btns a.topurchase:hover{background-position: 0 -25px;}
		.magazine .btns a.todetail{background-position: 0 -50px;top:280px;}
			.magazine .btns a.todetail:hover{background-position: 0 -75px;}

#info{margin-bottom:30px;background:url(../images/info.gif) 0 0 no-repeat;width:700px;}
	#info .inner{background:url(../images/infoinner.gif) 0 bottom no-repeat;padding:10px 10px 0 115px;line-height:1.4;min-height:30px;}
	* html body #info .inner{height:30px;}
		#info .date{text-align:right;font-size:90%;}

#idxsquare{background:url(../images/h2_square.gif) 0 0 no-repeat;padding-top:34px;width:700px;}
	#idxsquare #finder{float:left;width:321px;background:url(../images/h3_finder.gif) 0 0 no-repeat;padding-top:40px;}
	#idxsquare #report{float:right;width:321px;background:url(../images/h3_report.gif) 0 0 no-repeat;padding-top:40px;}
	#idxsquare h4{font-size:150%;}
	.st .img{width:100px;float:left;}
		.st .img img{margin-bottom:5px;}
	.st .txt{width:210px;float:right;}
	.st .small{font-size:90%;}
		#idxsquare #finder .vol{background:url(../images/finderbg.gif) 0 0 no-repeat;min-height:60px;text-align:right;}
		#idxsquare #report .vol{background:url(../images/reportbg.gif) 0 0 no-repeat;min-height:60px;text-align:right;}
		* html body #idxsquare #finder .vol,
		* html body #idxsquare #report .vol{height:60px;}
	.st .date{font-size:90%;}
#idxbacknumber{text-align:right;width:700px;}
	#idxbacknumber a{display:block;width:130px;height:25px;margin-left:auto;
		background:url(../images/btns130.gif) 0 -100px no-repeat;margin-bottom:13px;}
		#idxbacknumber a:hover{background-position:0 -125px;}

#idxevent{background:url(../images/h2_event.gif) 0 0 no-repeat;padding-top:34px;margin-bottom:30px;width:700px;}
	#idxevent .date{position:absolute;left:200px;top:-26px;font-size:90%;}
	#idxevent dt{float:left;width:200px;padding:0 0 5px 0;clear:both;}  
	#idxevent dd {width:490px;margin-left:200px;padding:0 0 5px 0;}
	#idxevent dd a{text-decoration:underline;}

#idxpresent{background:url(../images/h2_present.gif) 0 0 no-repeat;padding-top:34px;margin-bottom:90px;width:700px;}
	#idxpresent #purchase{float:left;width:322px;}
	#idxpresent #enquete{float:right;width:322px;}
	#idxpresent h4{font-size:130%;padding-top:5px;}
	#purchase h3{text-align:right;background:url(../images/h3_purchase.gif) 0 0 no-repeat;height:20px;}
	#enquete h3{text-align:right;background:url(../images/h3_enq.gif) 0 0 no-repeat;height:20px;}
	#purchase a.btn,#enquete a.btn{display:block;background:url(../images/btns320.gif) 0 0 no-repeat;width:322px;height:25px;}
		#purchase a.btn{background-position:0 0;}
			#purchase a.btn:hover{background-position:0 -25px;}
		#enquete a.btn{background-position:0 -50px;}
			#enquete a.btn:hover{background-position:0 -75px;}
#idxsquare .clearfix,
#idxpresent .clearfix{background:url(../images/vr.gif) 350px 0 repeat-y;}

/*sumu square top*/
#SSindex{background:url(../images/ssbn.gif) 0 52px no-repeat;padding:0;margin-bottom:60px;width:700px;}
	#SSindex h2{height:90px;}
	#SSindex .inner{background:url(../images/vr2.gif) 349px 0 repeat-y;padding-bottom:90px;}
	#SSindex #finder{float:left;width:325px;padding-top:155px;background:url(../images/ssbn_finder.gif) 0 0 no-repeat;}
	#SSindex #report{float:right;width:330px;padding-top:155px;background:url(../images/ssbn_report.gif) 0 0 no-repeat;}
	.ss{margin-bottom:10px;}
		#SSindex #report .ss{margin-left:5px;}
	.ss h5{font-size:100%;margin-bottom:1px;font-weight:bold;}
	.ss p{font-size:90%;}
	.ss .img{width:70px;float:left;}
	.ss .txt{width:247px;float:right;}
	.ss .txt h5{padding-bottom:4px;font-size:110%;}
	.ss .date{text-align:right;padding:5px 0 0;}

/*finder / report*/
#SSfinder{background:url(../images/finderhead.gif) center 53px no-repeat;
	padding:0;margin-bottom:60px;width:700px;min-height:400px;}
	#SSfinder .rel a{display:block;position:absolute;width:73px;height:25px;
		background:url(../images/btns73.gif) 0 -50px no-repeat;top:7px;left:627px;}
		#SSfinder .rel a:hover{background-position:0 -75px;}

#SSreport{background:url(../images/reporthead.gif) center 53px no-repeat;
	padding:0;margin-bottom:60px;width:700px;min-height:400px;}
	#SSreport .rel a{display:block;position:absolute;width:73px;height:25px;
		background:url(../images/btns73.gif) 0 0 no-repeat;top:7px;left:627px;}
		#SSreport .rel a:hover{background-position:0 -25px;}

.ssformat{padding:140px 0 40px;background:url(../images/hr.gif) 0 bottom repeat-x;}
	.ssformat .left{width:307px;float:left;}
		.ssformat .sstab1{/*border-left:solid 1px #878280;*/
			background:url(../images/hr.gif) 0 bottom repeat-x;height:22px;}
		.ssformat .sstab2{/*width:5em;font-weight:bold;
			background:url(../images/sstab.gif) right top no-repeat;padding:8px 5px 0;text-align:center;*/
			display:none;}
	.ssformat .right{width:355px;float:right;padding-top:20px;line-height:1.5;}
	.ssformat .sshead2{padding:15px 15px 20px;background:url(../images/hr2.gif) 0 bottom repeat-x;margin-bottom:13px;}
	.ssformat .sshead2 h4{font-size:160%;margin-bottom:5px;}
	.ssformat .sshead2 p{font-size:130%;}
	.ssformat .sshead2 p span{font-size:80%;}
	.ssformat .txt{font-size:110%;margin-bottom:1.5em;}
		.ssformat .txt p{margin-bottom:0.5em;}
	.ssformat .data h5{font-size:120%;margin-bottom:4px;}

/*magazine*/
#magazine{margin-bottom:55px;width:700px;}
#magazine h2{font-size:150%;margin-bottom:5px;font-weight:bold;}
#magazine .left{width:303px;float:left;}
#magazine .left .cover{margin-bottom:17px;}
#magazine .left p{line-height:1.6;font-size:90%;margin-bottom:10px;}
#magazine .left .purchase a{display:block;width:155px;height:25px;background:url(../images/btns155.gif) 0 0 no-repeat;}
	#magazine .left .purchase a:hover{background-position: 0 -25px;}
#magazine .right{width:350px;float:right;line-height:1.3;}

#magazine .s1{font-size:300%;font-family:"ヒラギノ明朝", "Hiragino Mincho", "ＭＳ 明朝", "MS Mincho", serif;}
#magazine .s2{font-size:180%;margin-bottom:3px;}
#magazine .s3{font-size:140%;margin-bottom:3px;}
#magazine .s4{font-size:120%;font-weight:bold;}
#magazine .s5{font-size:100%;line-height:1.6;}

/*backnumber*/
#backnumber{margin-bottom:30px;}
.bn{width:151px;float:left;margin:0 31px 25px 0;}
.bn .img{margin-bottom:7px;}
.bn h2{float:left;width:70px;font-size:140%;}
.bn .season{float:right;width:80px;padding-top:4px;text-align:right;}
.bn .purchase{padding:2px 0 5px 1px;}
.bn .purchase a{display:block;height:25px;background:url(../images/btns150.gif) 0 0 no-repeat;}
	.bn .purchase a:hover{background-position:0 -25px;}
.bn .detail{padding:0 0 5px 1px;}
.bn .detail a{display:block;height:25px;background:url(../images/btns150.gif) 0 -50px no-repeat;}
	.bn .detail a:hover{background-position:0 -75px;}

/*link*/
#link{background:url(../images/linkhead.gif) 0 0 no-repeat;width:700px;padding:10px 0 0;margin-bottom:55px;}
	#link .inner{background:url(../images/hr2.gif) 0 bottom repeat-x;padding:0 0 50px;}
	#pdmenu{height:130px;text-align:right;}
#link .left{width:320px;float:left;}
#link .right{width:320px;float:right;}
#link table{border-left:solid 1px #888281;border-right:solid 1px #888281;width:100%;margin-bottom:15px;}
	#link th{padding:0 10px;font-weight:normal;}
	#link th strong{font-size:200%;font-weight:normal;}
	#link th span{font-size:110%;}
	#link .img{text-align:right;padding-right:3px;}
	#link h3{padding-bottom:3px;}
	#link h4{border:solid 1px #888281;padding:10px 8px;line-height:1;}
	#link .ll{border:solid 1px #888281;border-top:none;padding:8px 12px;background:#fff;margin-bottom:3px;}
	#link .ll a{display:block;padding:1px 0;}
#link h3{font-size:160%;margin-bottom:2px;}
#link h4{font-size:120%;}
	#linklist{visibility:hidden;}


/*extra*/
#extra{width:660px;margin-bottom:55px;border:solid 1px #ddd;background:#555;color:#fff;padding:20px;}
#extra a{color:#ff0;text-decoration:underline;}
#extra table{width:100%;border-collapse:collapse;padding:0;margin:0;}
#extra th,#extra td{padding:5px 10px 5px 5px;margin:0;border-bottom:solid 1px #666;}
#extra .heading th{background:#eee;}
#extra .fr{border:solid 1px #666;background:#fff;color:#555;padding:15px;}
#extra .fr a{color:blue;}
#extra ol{margin-left:2em;}
#extra li{list-style:decimal;padding-bottom:0.3em;}

/*generalfmt*/
.generalfmt{min-height:400px;width:700px;margin-bottom:55px;}
* html body .generalfmt{height:400px;}
.generalfmt p{font-size:100%;}

/*GENERAL*/
.flc{clear:both;}
.rel{position:relative;}
#copyright{font-size:76%;}
#banners p{margin-bottom:5px;}