/* CSS Document */
* {
  margin			: 0;
  padding			: 0;
}
body {
	font-family		: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #ffffff;
}
img {
	border			: none;
}
a:link,a:visited {
	color			: #f66e3c;
	text-decoration	: none;
}
a:hover,a:active {
	color			: #38afcf;
	text-decoration	: none;
}

a .hover_img_over{
	transition:all 0.3s ease; /*0.5秒かけて要素を変化させる*/
	}
a:hover .hover_img_over{
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	/*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
	}

#shiobaraTitle {
	width			: 610px;
	margin-top		: 10px;
	padding 		: 305px 10px 20px 10px;
	position		: relative;
}
#shiobaraTitle a.url {
	width			: 610px;
	height			: 250px;
	display			: block;
	position		: absolute;
	top				: 0px;
	left			: 0px;
	z-index			: 100;
}
#shiobaraTitle h1 {
	display			: none;
}
#anamaga {
	width			: 92px;
	height			: 36px;
	position		: absolute;
	top				: 12px;
	left			: 522px;
	z-index			: 200;
}
#date {
	width			: 180px;
	height			: 20px;
	position		: absolute;
	top				: 263px;
	left			: 225px;
	text-align		: center;
	padding			: 3px 3px 3px 3px;
	font-size		: 10pt;
	color			: #c30516;
	background-color: #ffffff;
}
#date {
	border-radius			: 30px;	/* CSS3草案 */
    -webkit-border-radius	: 30px;	/* Safari,Google Chrome用 */
    -moz-border-radius 		: 30px;	/* Firefox用 */
    behavior				: url(border-radius.htc);/* IE用 */
}
#kasaiTop {
	width			: 495px;
	margin			: 0px 15px 0px 15px;
	padding			: 10px 10px 10px 75px;
	background		: url(../photo/kasaiTopBg.jpg) no-repeat left top;
}
#kasaiTop,#henshuTop {
	border-radius			: 10px;	/* CSS3草案 */
    -webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */
    -moz-border-radius	 	: 10px;	/* Firefox用 */
    behavior				: url(border-radius.htc);/* IE用 */
}
#kasaiTop p,#henshuTop p {
	color			: #000000;
	text-align		: left;
	font-size		: 16px;
	line-height		: 1.5em;
}

#henshuTop {
	width			: 555px;
	margin			: 65px 15px 0px 15px;
	padding			: 10px 10px 10px 15px;
	/*background		: url(../photo/henshuTopBg.jpg) no-repeat left top;*/
	background		: #F4F26E
}
.cx_smartphoneview #henshuTop {
	padding			: 20px;
}
.cx_smartphoneview #henshuTop p {
	text-align		: left !important;
}
#container {
	width			: 610px;
	margin 			: 15px 0px 20px 0px;
	padding 		: 0px 10px 30px 10px;
	background	 	: url(../img/Bg.gif) repeat-y left top;
	text-align		: left;
	font-size		: 16px;
	line-height		: 1.8em;
}
#shiobaraMybest {
	margin	 		: 20px 0px 30px 0px;
}
#shiobaraMybest p {
	margin 			: 0px 25px 25px 25px;
	padding-top		: 160px;
	color			: #ffffff;
	line-height		: 1.8em;
}
#foreign,
#japan {
	margin	 		: 0px 15px 20px 15px;
}
#foreign #title {
	height			: 30px;
}
#japan #title {
	height			: 100px;
	background 		: url(../img/titleJapan.jpg) no-repeat left top;
}
#foreign #title h1,
#japan #title h1 {
	display			: none;
}
.shiobaraComment .runnerup {
	background		: url(../img/runnerup.gif) no-repeat left top;
	margin 			: 25px 15px 0px 15px;
	padding-top		: 30px;
}
.mr_15 {
	margin-right	: 15px;
}
.shiobaraComment {
	padding-bottom	: 30px;
	color			: #ffffff;
}
.shiobaraComment .ranking {
	background-color: #99cc66;
	padding			: 5px;
	font-weight		: bold;
	font-size		: 18px;
width: 560px;
}
.shiobaraComment .videolink {
	background-color: #ff9933;
	padding			: 8px;
	font-weight		: bold;
	font-size		: 18px;
width: 560px;
}
.shiobaraComment .videolink a {
	color			: #ffffff;
	transition:all 0.3s ease; /*0.5秒かけて要素を変化させる*/
}
.shiobaraComment .videolink a:hover {
	color			: #ffffff;
	opacity: 0.7;/*要素の透明度を指定*/
	filter: alpha(opacity=70); /*ie6、7の透明度指定*/
	/*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
}


.shiobaraComment .story {
font-size:12px; 
line-height:1.6em;
font-weight:normal;
color:#ffcccc;
padding-top: 8px;
}

.shiobaraComment p {
	margin			: 5px 15px 0px 15px;
}
.shiobaraComment .runnerup {
	background		: url(../img/runnerup.gif) no-repeat left top;
	margin			: 25px 15px 0px 15px;
	padding-top		: 30px;
}


.nominate {
width: 570px;
overflow: hidden;
 background-color: #fff;
}

.nominate .left {
width: 280px;
float: left;
padding: 10px;
}

.nominate .right {
width: 250px;
float: right;
padding: 10px;
color: #000;
font-size: 13px;
line-height: 1.4em;
}
.cx_smartphoneview .nominate .right {
font-size: 16px;
}

.linkButton {
margin-left:130px;
margin-bottom: 20px;
}



.arrowBox {
	width			: 550px;
	padding-top		: 8px;
	margin-left		: 15px;
	min-height		: 52px;
	background		: url(../img/arrowboxSmallkasai.gif) no-repeat right 15px;
}
.arrowBox p,
.arrowBoxHenshu p {
	width			: 478px;
	margin			: 0px 0px 0px 0px;
	background		: url(../img/arrowboxBg.gif) no-repeat left top;
	padding			: 10px 10px 10px 10px;
	-moz-border-radius		: 10px;
	-webkit-border-radius	: 10px;
	-o-border-radius		: 10px;
	-ms-border-radius		: 10px;
	border-radius			: 10px;
}
.arrowBoxHenshu {
	width			: 550px;
	padding-top		: 8px;
	margin-left		: 15px;
	min-height		: 52px;
	background		: url(../img/arrowboxSmallhenshu.gif) no-repeat right 15px;
}
#kasaiBottom {
	margin			: 20px 15px 0px 15px;
	padding			: 20px 20px 20px 20px;
	background		: url(../img/kasaiBottomBg.gif) repeat-y left top;
	font-size		: 14px;
	line-height		: 1.5em;
}
#kasaiBottom {
	border-radius			: 10px;	/* CSS3草案 */
    -webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */
    -moz-border-radius		: 10px;	/* Firefox用 */
    behavior				: url(border-radius.htc);/* IE用 */
}
#kasaiBottom p {
	text-align		: left;
	color			: #ffffff;
}
#rankingTable {
	margin			: 10px 0px 10px 0px;
	background 		: #ffffff;
	border			: #666666 1px solid;
	border-collapse	: collapse;
	width			: 100%;
	font-size		: 90%;
	line-height		: 1.2em;
}
#rankingTable th.t_top {
	border			: #ffffff 1px solid;
	background-color: #ffb311;
	padding			: 10px;
	font-weight		: bold;
	text-align		: center;
} 
#rankingTable td.t_line01 {
	border			: #ffffff 1px solid;
	background-color: #eeeeee;
	vertical-align	: top;
	text-align		: left;
	padding			: 10px;
}
#rankingTable td.cntr {
	text-align		: center;
	vertical-align	: middle;
}
#rankingTable td.t_line02 {
	border			: #ffffff 1px solid;
	background-color: #ffffff;
	vertical-align	: top;
	text-align		: left;
	padding			: 10px;
}
#nextArea {
	margin			: 40px 0px 0px 220px;
	padding-bottom	: 50px;
}
#nextArea ul {
	list-style-type	: none;
}
#nextArea li {
	float			: left;
	width			: 50px;
	margin			: 0px 40px 20px 0px;
}
#toTop {
	margin			: 0px 15px 0px 0px;
	padding-bottom	: 15px;
	text-align		: right;
}
#backNumber {
	margin			: 0px 0px 0px 20px;
}
.description,
.copy {
  font-size			: 10px;
  margin			: 15px 6px;
  text-align		: center;
}
.clear {
	clear			: both;
}
.mr_10 {
	margin			: 0px 10px 0px 0px;
}
.fontBold {
	font-weight		: bold;
}

.cx_smartphoneview .pcOnly {
	display:		 none;
}