@charset "UTF-8";

/*--------------------------------------------------
 *リセット*
 -------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p,dd,dt,dl,
a, ul, li,figure, figcaption, footer, header, hgroup
{
	margin: 0;
	padding: 0;
 	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html{
  	line-height: 1;
}

ol, ul{
  	list-style: none;
}

a img{
	border: none;
}


/*----------------------基本構造*/

a:hover img {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	opacity: 0.75;
}

a:link {
	color: #736357;
	text-decoration:none;
}

a:hover {
	color: #fa5364;
}

a:visited {
	color: #939393;
}

.clear {
	clear:both;
	margin-bottom:20px;
}



body {
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../images/bg.gif);
	line-height: 1.8;
}

div.container {
	width: 960px;
	margin: 0 auto;
}


header,footer {
	width: 960px;
	margin: 20px auto;
}

footer p.copy {
	margin: 15px 0;
	text-align: center;
}

div.main {
	width: 960px;
	margin: 0 auto;
}



/*------ベストテン結果*/

div.bestten{
	width:820px;
	margin: 0 auto;
}

div.bestten h1{
	margin:0;
}

div.bestten h1 img{
	margin:20px 0 0 0;
}

div.bestten p{
	margin:5px 0;
}


div.bestten p.read{
	font-size:1em;
	font-weight:bold;
	text-align:center;
	margin:5px 0;
	line-height:1.9;
}

div.bestten p.comment{
	text-align:left;
	font-size:.9em;
	padding:20px 0;
	color:#243859;
}

div.bestten p.attention{
	text-align:right;
	font-size:.7em;
	padding:20px 0;
}


/*------推薦文*/

div.suisen{
	width:960px;
}

div.suisen h1{
	width:624px;
	margin: 0 auto;
}

div.suisen h2{
	margin: 0;
}

div.suisen h2 img{
	margin: 15px 0;
}

div.suisen div.wrapper {
	width:820px;
	margin:-70px auto 30px auto;
	padding:70px;
	background-color:#fff;
	
	/* ボックスを角丸にする */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	
	/* ドロップシャドウ */
	box-shadow: 0 2px 8px 2px #998675;
}

div.suisen div.wrapper p{
	margin:0 0 30px 0;
}

/* ア行〜ワ行 （2016年度はなし。）*/
div.suisen div.wrapper h4{
	margin:10px 0 5px -40px;
	color:#c7b299;
	font-size:2.5em;
	font-weight: bold;
}

/* 作品タイトル */
div.suisen div.wrapper h5{
	margin-bottom:10px;
	color:#534741;
	font-size:2em;
	font-weight: bold;
	border-bottom:5px #c7b299 dotted;
}

/* 劇団名 */
div.suisen div.wrapper h5 span{
	font-size:.8em;
}

/* 番外編見出し（2016年度はなし。） */
div.suisen div.wrapper h4.bangai{
	color:#f4c80f;
}

/* 番外編投稿者名（2016年度はなし。） */
div.suisen div.wrapper h5.bangai{
	border-bottom:5px #f4c80f dotted;
}