@charset "UTF-8";

/*   
Theme Name: 映画情報2013(TOPページ有版)
Description:映画情報2013(TOPページ有版)/cinema/
Author: diamondblog
Version: 2013.06.25
*/


/*
  全体的なルール
=========================================================================================== */

body {
	color: #333333;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',verdana,sans-serif;
	font-size: 12px;
	padding-top: 0px; 
	background-color:#002244;
}


a { text-decoration: none; }
a:link { color: #333333; } 
a:active { color: #333333; }
a:visited { color:#333333; }
a:hover { color:#999999; }


/*  -------------------
　◆グローバルメニュー （レイアウトなどは /data/www/www.diamondblog.jp/htdocs/css/common common.css）
--------------------- */


#common_menu ul li span.cinema {/** 映画情報文字色 **/
	color: #00b0ec;
	font-weight: bold;
}


/*  -------------------
　◆カテゴリメニュー（レイアウトなどは /data/www/www.diamondblog.jp/htdocs/css/common common.css）
--------------------- */

.category_position {
	background: url(images/position_arrow.png) no-repeat 304px bottom;
}

.category_menu {
	background-color: #00b0ec;
}

.cate_h3 {/** 矢印アイコンは共通側（変更すると他のコンテンツページも変更） **/
	width: 95px;
	color: #ffde00;
}

.cate_menu {
    line-height: 18px;
}

.cate_menu li a {
	background: url(images/category_menu_arrow.png) no-repeat 0 3px;
}
.cate_menu li a:link { color: #ffde00; } 
.cate_menu li a:active { color: #ffde00; }
.cate_menu li a:visited { color:#ffde00; }
.cate_menu li a:hover {/** hover時の画像は共通側（変更すると他のコンテンツページも変更） **/
	color:#feef87;
}



/*  -----------------------------------------
　◆#outline内 ◇left_column(index.php)
 ----------------------------------------- */

.cinema_title {
    width: 628px;
    margin: 0;
    padding: 0;
    height: 100px;
    background: url("images/cinema_title_bg.gif") no-repeat;
}

.cinema_title_txt {
	width: auto;
	float: left;
	margin: 0;
	padding: 72px 0 0 107px;
	font-weight: normal;
	font-size: 13px;
}

.sns_btn {
	width: 245px;
	*width: 260px;
	float: right;
	padding: 20px 0px 0 0;
	margin: 0 0 0 0px;
}

.sns_btn .block {
	width: auto;
	float: left;
	margin: 0 8px 0 0;
	_margin: 0 4px 0 0;
}

.sns_btn .block2 {
	width: auto;
	float: left;
	margin: 0 0px 0 0;
}

.single_sn_btn {
	width: 287px;
	float: right;
	padding: 72px 5px 0 0;
	margin: 0 0 0 0px;
	text-align: right;
}


/*  -----------------------------------------
　◆ コンテンツタイトル部分
 ----------------------------------------- */

.contents_title {
    background: url("images/cinema_title_bg.gif") no-repeat;
    height: 100px;
}

.contents_title .contents_title_txt {
	top: 72px;
	left: 107px;
}



/*  -----------------------------------------
　◇#left_column内(トップ　新着映画情報 new_movies.php )
------------------------------------------ */ 

.h3_new_movie {
	width: 628px;
	height: 37px;
	background: url("images/title_new_movies.gif") no-repeat;
	position: relative;
	color: #002244;
	font-size: 12px;
	font-weight: normal;
}

.h3_new_movie span {
	position: absolute;
	top: 8px;
	left: 190px;
	letter-spacing: 3px;
}

.new_movie {
	list-style: none;
	margin: 5px 0 15px 8px;
	_margin: 5px 0 15px 4px;
	float: left;
}

.new_movie li {
	width: 297px;
	height: 110px;
	float: left;
	margin: 0 10px 3px 0;
	_margin: 0 5px 3px 0;
	background: url("images/contents_arrow_01.png") no-repeat 282px center;
}

.new_movie li .img {
	width: 70px;
	height: 100px;
	float: left;
	padding: 5px 6px 5px 5px;
	margin: 0;
	background: url("images/img_bg.png") no-repeat 0 0;
}
.new_movie li .img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.new_movie li .txt {
	width: 180px;
	height: 90px;
	float: right;
	text-align: left;
	overflow: hidden;
	padding: 9px 25px 9px 0;
	border-bottom: 1px solid #ccc;
}

.new_movie li .txt h3 {
	font-size: 14px;
	color: #00b0ec;
	margin: 0 0 5px;
	padding: 0;
	line-height: 1.1em;
}
.new_movie li .txt h3 a:link { color: #00b0ec; } 
.new_movie li .txt h3 a:active { color: #00b0ec; }
.new_movie li .txt h3 a:visited { color:#00b0ec; }
.new_movie li .txt h3 a:hover { color:#8fdffb; }

.new_movie li .txt .metadata {
	padding: 0 0 3px 0;
}
.new_movie li .txt .metadata p {
	color: #000;
	height: auto;
}
.new_movie li .txt .metadata span {
	color: red;
	font-size: 12px;
	font-weight: bold;
}
.new_movie li .txt p {
	font-size: 10px;
	line-height: 14px;
	color: #7b7b7b;
	margin: 0;
	padding: 0;
	height: 42px;
	overflow: hidden;
}
.new_movie li .txt p a:link { color: #7b7b7b; } 
.new_movie li .txt p a:active { color: #7b7b7b; }
.new_movie li .txt p a:visited { color:#7b7b7b; }
.new_movie li .txt p a:hover { color:#b1b1b1; }

.new_movies_more {
	font-size: 14px;
	width: 628px;
	height: 56px;
	margin: 0px 0 30px;
	padding: 0;
	background: url("images/new_movies_more_bg.gif") no-repeat 0 0;
	position: relative;
	line-height: 56px;
}
.new_movies_more a {
	display: block;
	width: 628px;
	height: 56px;
}
.new_movies_more a:link { color: #fff; } 
.new_movies_more a:active { color: #fff; }
.new_movies_more a:visited { color:#fff; }
.new_movies_more a:hover { color:#ffde00; }
.new_movies_more a span {
	position: absolute;
	left: 64px;
	letter-spacing: 5px;
}



/*  -----------------------------------------
　◇#left_column内(トップ　新着映画情報 category_movies.php )
------------------------------------------ */ 

.h3_cate_movies {
	width: 628px;
	height: 37px;
	background: url("images/title_cate_movies.gif") no-repeat;
	position: relative;
	color: #002244;
	font-size: 12px;
	font-weight: normal;
}

.h3_cate_movies span {
	position: absolute;
	top: 8px;
	left: 160px;
	letter-spacing: 3px;
}

/** カテゴリ **/

.movies_cate_list {
	list-style: none;
	margin: 5px 0 0px 8px;
	float: left;
	width: 620px;
	*width: 600px;
}

.movies_cate_list li {
	width: auto;
	float: left;
	margin: 0 15px 0 0;
}
.movies_cate_list li a {
	color: #767676;
	display: block;
	font-size: 12px;
	line-height: 17px;
	padding: 0 0 0 18px;
	background: url(images/category_movies_arrow.png) no-repeat 0 center;
}
.movies_cate_list li a:link { color: #767676; } 
.movies_cate_list li a:active { color: #767676; }
.movies_cate_list li a:visited { color:#767676; }
.movies_cate_list li a:hover {
	background: url(images/category_movies_arrow_on.png) no-repeat 0 center;
	color:#b4b3b3;
}

/** ブロック **/

.movies_cate_list {
	list-style: none;
	margin: 5px 0 15px 8px;s
	float: left;
}

.cate_block li {
	background: url(images/cate_block_bg.png) no-repeat 0 center;
	width: 197px;
	height: 308px;
	overflow: hidden;
	float: left;
	margin: 0px 8px 20px 0;
	_margin: 0px 4px 20px 0;
	position: relative;
}

.cate_block li .img {
	width: 167px;
	height: 235px;
	position: absolute;
	top: 14px;
	left: 15px;
}
.cate_block li .img img:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.cate_block li .title {
	width: 169px;
	height: 15px;
	font-weight: normal;
	font-size: 10px;
	overflow: hidden;
	position: absolute;
	top: 257px;
	left: 14px;
}
.cate_block li .title a {
	text-decoration: underline;
}
.cate_block li .title a:link { color: #909090; } 
.cate_block li .title a:active { color: #909090; }
.cate_block li .title a:visited { color:#909090; }
.cate_block li .title a:hover { color:#b4b4b4; }

.cate_block li .cate {
	width: 140px;
	height: 20px;
	font-size: 16px;
	overflow: hidden;
	position: absolute;
	top: 280px;
	left: 9px;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
}
.cate_block li .cate, x:-moz-any-link, x:default {
	top: 283px;
}

.cate_block li .cate a:link,
.cate_block li .more a:link
 { color: #00b0ec; } 
.cate_block li .cate a:active,
.cate_block li .more a:active
 { color: #00b0ec; }
.cate_block li .cate a:visited,
.cate_block li .more a:visited
 { color:#00b0ec; }
.cate_block li .cate a:hover,
.cate_block li .more a:hover
 { color:#8fdffb; }

.cate_block li .more {
	width: 45px;
	height: 15px;
	font-size: 10px;
	overflow: hidden;
	position: absolute;
	top: 285px;
	left: 142px;
	line-height: 14px;
	background: url(images/cate_more_arrow.png) no-repeat right center;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
}



/*  -----------------------------------------
　◆#outline内 ◇right_column(index.php)
 ----------------------------------------- */


.right_brn_area {
   width: 350px;
   margin: 5px auto;
   padding: 0;
}





/*  -----------------------------------------
　◇ single
------------------------------------------ */ 

.post {
	padding: 0px 0px 10px 0px;
	clear: both;
	border: none;
}

.post h2 {
	margin: 0px;
	font-size: 14px;
	/* 記事のタイトルの色リンク無しの状態時 */
	font-weight: bold;
	padding: 10px 0px 0px 0px;
	color: #c00000;
}

.post h2 a:link { color: #000000; } 
.post h2 a:active { color: #c00000; }
.post h2 a:visited { color:#000000; }
.post h2 a:hover { color:#c00000; } 

.post h2 .title_style1 {
    background: url("images/title_bg.gif") no-repeat scroll 0 0 transparent;
    color: #000000;
    height: 22px;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-top: 5px;
    text-align: left;
}

.center {
    text-align: center;
}

.post .article_body {
    clear: both;
    line-height: 18px;
}



.interview_right_n {
	width: 604px;
	display: inline-block;
	padding: 0 0 20px 0;
}

.interview_left_n {
	width: 604px;
	display: inline-block;
	padding: 0 0 20px 0;
}

.interview_text_n{
	width: 340px;
	float:left;
}

.interview_image_n{
	width: 250px;
	float:right;
	padding-bottom:10px;
}

.interview_left_n .interview_text_n{
	width: 340px;
	float:right;
}

.interview_left_n .interview_image_n{
	width: 250px;
	float:left;
	padding-bottom:10px;
}

.interview_text_n .question{
	color:#712623;
	font-weight:bold;
	padding-bottom:8px;
}

.interview_text_n .answer{
	padding-bottom:15px;
}

.interview_image_n p{
	font-size:10px;
	color:#712623;
	font-weight:bold;
	text-align:center;
}


div.post ul.prenex_bt {
	width: 570px;
	margin: 0 auto 25px !important;
}

div.post .prenex_bt li {
	width: auto;
	float: left;
	height: 33px;
	list-style: none;
}

.pre_bt {
	float: left;
	padding: 0 10px 0 0;
}

.next_bt {
	padding: 0 0px 0 0;
	float: right !important;
}



/*  -----------------------------------------
　◇広告css
------------------------------------------ */ 

/** インタレストマッチ広告CSS **/

div#AdingoAdFree2 {
    height: auto;
    margin: auto;
    padding: 0 10px 12px 10px;
    width: auto;
    clear: both;
}

.adOverture {
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left !important;
	letter-spacing: normal !important;
}

.adOverture {
	position: relative;
	margin: 0;
	padding: 0;
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif !important;
	text-align: left !important;
	letter-spacing: normal !important;
}

div#AdingoAdFree2 div.Adingoinner {
	border: 0px solid #CCCCCC;
	zoom: 1;
}

div#AdingoAdFree2 div.Adingoinner {
	border: 0px solid #CCCCCC;
	zoom: 1;
}

div.AdingoLayout{
	border-bottom:1px dotted #CCCCCC;
	line-height: 22px;
	background: url(images/pr_icon.jpg) no-repeat 0 5px;
	padding: 0 0 3px 32px;
	clear: both;
}

div.AdingoLayout a:link,
div.AdingoLayout a:visited,
div.AdingoLayout a:active {
	text-decoration: none;
}

div.AdingoLayout a:link{
	color: #333333;
	text-decoration: underline;
}

div.AdingoLayout a:visted{
	color: #333333;
	text-decoration: underline;
}

div.AdingoLayout a:hover{
	color: #333333;
}

div#AdingoAdFree2 div.Adingoinner {
	border: 0px solid #CCCCCC;
	zoom: 1;
}

body div.overtureimone {
	height: 16px;
}

body div.overtureimone ul {
	margin: 0;
	padding: 3px 6px 0 9px;
	_padding: 5px 6px 0 0;
	display: block;
	color: #cccccc;
	font-size: 11px;
	list-style: none;
	text-align:left;
}

body div.overtureimone li {
    float: left;
}

body div.overtureimone a {
    color: #cccccc;
}
/** ここまで インタレストマッチ広告CSS **/


.ad_box {
    margin: 10px 0 0 0;
}

.ad_w628 {
	text-align: center;
	margin: 10px 0;
}

.ad_area {
	margin: 0px 0 30px 0;
	width: 628px;
	height: 250px;
}

.ad_area .left {
    float: left;
    width: 310px;
}

.ad_area .right {
    float: right;
    width: 310px;
}

.clear {
	clear: both;
}

.ad_box {
    margin: 10px 0 30px;
    width: 630px;
}

.adcenter {
	text-align: center;
}

.pd1 {
	padding-top: 10px;
}

.ad_bottom {
	width: 100%;
	text-align: center;
	margin: 20px 0 10px;
}

.ad_160x600 {
	text-align: center;
	background-color: #cccccc;
	padding: 10px 0;
	margin: 10px 0 10px;
	width: 350px;
	float: left;
}

/********************************************************************************************************/


/*****************************************************************/
/* カテゴリー一覧 */
/*****************************************************************/
.category_list_content h2 {
	font-size: 25px;
	background: #eeeeee;
	padding: 10px;
	margin: 0 0 18px 0;
	text-shadow: 0 3px 1px #fff;
	text-align: center;
	line-height: 50px;
	position: relative;
}
.category_list_content h2:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.category_list_content h2:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #eee;
	border-width: 12px;
	left: 50%;
	margin-left: -12px;
}

.category_list_content h2 p {
	display: inline;
	font-size: 14px;
}
.category_list_box {

}
.category_list_box ul {
	padding: 0 10px;
}

.category_list_box ul li {
	margin: 0 0 15px 0;
	height: 100px;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	padding: 0 0 15px 0;
}




.category_list_box ul li .thun_img {
	float: left;
}

.category_list_box ul li .thun_img a {

}


.category_list_box ul li .thun_img img {
	height: 100px;
	border: 1px solid #fff;
	box-shadow: 0 0 6px #999;
}
.category_list_box ul li .thun_img img:hover {
	opacity: 0.75;
}




.category_list_box ul li .text_area {
	padding: 0 0 0 85px;
}


.category_list_box ul li .text_area h3 {
	float: left;
	font-size: 20px;
	line-height: 26px;
	text-shadow: 1px 1px 1px #dbdbdb;
	margin-right: 5px;
}

.category_list_box ul li .text_area h3 a {
	color: #00b0ec;
}
.category_list_box ul li .text_area h3 a:hover {
	color: #83daf6;
}

.category_list_box ul li .metadata {
	line-height: 27px;
	border-bottom: 1px dotted #00b0ec;
	margin: 0 0 11px 0;
}

.category_list_box ul li .metadata .cat_icon {
	display: inline-block;
	line-height: 13px;
	font-size: 10px;
	padding: 0 13px;
	color: #777;
	border-right: 1px solid #777;
}


.category_list_box ul li .metadata a:hover {
	color: #ffde00;
}

.category_list_box ul li .metadata .freetext {
	display: inline-block;
	color: #777;
	font-size: 10px;
	padding: 0 0 0 10px;
}
.category_list_box ul li .metadata .freetext span {
	color: red;
	font-size: 12px;
	text-shadow: 0 0 2px #fff;
}
.category_list_box ul li .text_area .excerpt {
	font-size: 12px;
	line-height: 1.3em;
}




/*****************************************************************/
/* Content */
/*****************************************************************/

.adarea {
	text-align: center;
	margin: 0 0 10px 0;
}
.content .header .sns_btn {
	width: auto;
	padding: 38px 10px 0 10px;
	margin: 0;
	z-index: 1;
	position: relative;
}

.content .header .metadata {
	line-height: 24px;
	background: #00b0ec;
}

.content .header .metadata .cat_icon, 
.content .header .metadata .freetext {
	display: inline-block;
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	padding: 0 10px;
}
.content .header .metadata .cat_icon {
	border-right: 1px solid #fff;
	color: #ffde00;
	font-weight: bold;
}

.content .header .metadata a:hover {
	color: #feef87;
}

.content .header .metadata .freetext {
	display: inline-block;
	color: #fff;
}
.content .header .metadata .freetext span {
	color: red;
	font-size: 12px;
	text-shadow: 0 0 2px #fff;
	font-weight: bold;
}


.content h2 {
	font-size: 25px;
	line-height: 1.1em;
	background: #eeeeee;
	padding: 10px;
	margin: 0 0 18px 0;
/*	border-left: 10px solid #00b0ec; */
	text-shadow: 0 3px 1px #fff;
	min-height: 80px;
	position: relative;
}
.content h2:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.content h2:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #eee;
	border-width: 12px;
	left: 50%;
	margin-left: -12px;
}

.content h2 a { color: #000; }
.content h2 a:hover { color: #777; }

.content .story {
	border-bottom: 4px dotted #dbdbdb;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
}


.content .story h4 {
	color: #00b0ec;
	border-bottom: 6px solid #00b0ec;
	margin: 20px 0 10px 0;
	font-size: 20px;
	line-height: 1.2em;
}
.content .story .main_visual {
	text-align: center;
	padding: 12px;
	background: #eee;
	margin: 20px 0;
}

.content .story .content_table {
	width: 604px;
	float: none;
	margin: 0 auto;
	border-collapse:collapse;
	border:0px;
}
.content .story .content_table p[style] {
	font-size: 16px;
	color: #00b0ec;
	line-height: 1.3em;
}

.content .story .shisya_table {
	background: #ffeff0;
	width: 100%;
	border: 12px solid #ffeff0;
	border-radius: 0 0 5px 5px;
}

.content .story .shisya_title {
/*
	color: #ff41a1;
	border-color: #ff41a1;
	font-size: 16px;
*/
	color: #fff;
	background: #ff41a1;
	font-size: 16px;
	border: none;
	padding: 10px;
	line-height: 1.2em;
	border-radius: 5px 5px 0 0;
	margin-bottom: 0;
}

.content .story .shisya_txt1 {
	color: #ff41a1;
	font-size: 14px !important;
	padding: 15px 10px;
	background: #fff;
	line-height: 1.2em;
	border-radius: 5px;
	border: 2px solid #ff41a1;
}

.content .story .shisya_txt2 {
	border: 3px double #ccc;
	padding: 15px;
	color: #555;
	font-size: 12px !important;
	background: #fff;
}



/* コメント */

ol#commentlist {
	font-size: 12px;
	border: 1px dotted #000000;
	border-bottom: none;
	margin: 0 20px;
}

ol#commentlist li.commentcontent {
	list-style: none;
	border-bottom: 1px dotted #000000;
	overflow: hidden;
}

ol#commentlist p {
	/* コメントのテキストの余白 */
	padding: 10px 10px;
}

/* コメントの承認待ち設定をしているブログの場合のみ表示されるアナウンス */
ol#commentlist p.note {
	padding: 3px 8px;
	border: 1px solid #ff0000;
}
#commentlist .metadata_bottom {
	text-align: right;
	padding: 0 10px 5px 0;
	font-size: 10px;
	color: #aaa;
}

#comments form {
	/* widthは「コメントする」フォームのサイズ
	widthのサイズを変える場合は★部分も変更すること */
	width: 590px;
	padding: 0px 0px;
	margin: 0px auto;
	font-size: 11px;
	font-weight: bold;
}

form#commentform label {
	/* ★widthは項目のサイズ */
	width: 140px;
	float: left;
	padding: 0px;
	margin: 5px 5px 0px 0px;
}

form#commentform p {
	clear: both;
	padding: 0px;
	margin: 0px;
}

form#commentform sub {	
	padding: 0px;
	margin: 0px;
	display: block;
}

input#author, input#email, input#url {
	/* ★widthは入力欄のサイズ */
	width: 250px;
	height: 20px;
	border: 1px solid #aaaaaa;
	padding: 0px 0px;
	margin: 5px 0px;
}

#comments textarea {
	border: 1px solid #aaaaaa;
	width: 578px;
	padding: 5px;
	margin-bottom: 10px;
}

#comments p.submitbutton {
	text-align: center;
}

#comments p.submitbutton input {
	font-weight: bold;
	width: 200px;
	height: 30px;
}

/* ナビ */

.single_navigation {
	margin: 0 0 10px 0;
}
.single_navigation table {
	width: 100%;
	border: 0;
	margin: 0 auto;
	border-collapse: collapse;
}

.single_navigation table tr {
	
}
.single_navigation table td a {
	color: #888;
	display: block;
	height: 2.2em;
	overflow: hidden;
}
.single_navigation table td a:hover {
	color: #000;
}
.single_navigation table td.prev,
.single_navigation table td.next {
	width: 40%;
	background: #eee;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.1em;
	border-radius: 5px;
}
.single_navigation table td.prev {
	padding-left: 30px;
	background: url(images/prev_post_black.gif) left center #eee no-repeat;
	border-right: 1px solid #fff;
	border-radius: 5px 0 0 5px;
}
.single_navigation table td.next {
	text-align: right;
	padding-right: 30px;
	background: url(images/next_post_black.gif) right center #eee no-repeat;
	border-left: 1px solid #ccc;
	border-radius: 0 5px 5px 0;
}
.single_navigation table td.top {
	width:20%;
	text-align:center;
	background: #eee;
}
.single_navigation table td.top a {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 30px;
	display: block;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
}
/*****************************************************************/
/* 5つ星レーティング用スタイル */
/*****************************************************************/

.post-ratings-loading {
	display: none !important;
}
.rating_area {
    background: url("images/h_rating.gif") no-repeat left top #fffae7;
	border: 1px solid #fec224;
	padding: 5px 5px 5px 105px;
	border-radius: 4px;
	margin: 0 0 10px 0;
	height: 27px;
	over-flow: hidden;
}

.rating_area .label {
	float: left;
	margin: -5px 0 0 -105px;
	background: rgb(255, 194, 37);
	width: 93px;
	text-align: center;
	font-size: 14px;
	line-height: 37px;
	color: #d63333;
	font-weight: bold;
}
.rating_area .stars {
	float: left;
}

.rating_area .stars img {
	width: 25px;
}

.rating_area .comments {
	float: left;
	font-style: normal;
	line-height: 30px;
	font-size: 12px;
	padding: 0 0 0 5px;
	color: #888;
}

.rating_area .comments .average {
	display: inline;
	color: #d63333;
	font-weight: bold;
	font-size: 18px;
}


.widget_ratings-widget {
	margin: 10px auto;
	width: 300px;
}

.widget_ratings-widget h3 {
	padding: 5px;
	background: #ccc;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 3px #000;
	font-size: 14px;
	line-height: 24px;
	border-radius: 4px 4px 0 0;
}

.widget_ratings-widget ul {
	border: 2px solid #ccc;
	border-radius: 0 0 4px 4px;
}
.widget_ratings-widget ul li {
	background: #fff;
	border-bottom: 2px solid #eee;
	padding: 6px 0 6px 10px;
	list-style: none;
}
.widget_ratings-widget ul li:last-child {
	border-bottom: none;
}
.widget_ratings-widget ul li a {
	display: block;
	float: left;
	width: 190px;
	line-height: 12px;
	height: 12px;
	font-size: 12px;
	overflow: hidden;
}
.widget_ratings-widget ul li .stars {
	float: left;
	height: 10px;
	padding: 0 0 0 5px;
}
.widget_ratings-widget ul li .stars img {
	width: 11px;
}
.widget_ratings-widget ul li .comments {
	float: left;
	line-height: 10px;
	padding: 0 0 0 3px;
	color: #777;
}

.widget_ratings-widget ul li .comments2 {
	width: 87px;
	text-align: right;
}

.widget_ratings-widget ul li .comments2 span {
	color: #d63333;
}

/*
.post-ratings {
    background: url("images/h_rating.gif") no-repeat 5px 6px #fff;
	border: 1px solid #ccc;
	width: 100%;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	padding: 5px 5px 5px 105px;
	border-radius: 4px;
	width: 480px !important;
	margin: 0 0 10px 0;
}

.post-ratings em {
	font-style: normal;
}

.post-ratings-text {
	display: none;
	float: left;
	margin: -16px 0 0 -100px;
	background: rgb(255, 194, 37);
	width: 93px;
	text-align: center;
	padding: 0px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 12px;
	color: rgb(50, 132, 255);
}
*/

.jcarousel-skin-tango {
	overflow: hidden !important;
}
/************ clearfix ************/
/* :after対応のモダンブラウザ用 */
.clearfix:after {
 content: ".";  /* 新しい要素を作る */
 display: block;  /* ブロックレベル要素に */
 clear: both;
 height: 0;
 visibility: hidden;
}

/* :after非対応のIE7用 */
.clearfix {
 min-height: 1px;
}

/* IE6、macIE4,5用 */
* html .clearfix {
 height: 1px;
 /*\*//*/
 height: auto;
 overflow: hidden;
 /**/
}
/**********************************/