/*
Theme Name: riogroup-pc
Theme URI: http://wordpress.org/extend/themes/twentyten
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Author URI: https://www.riogroup.jp
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:riogroup
Text Domain: riogroup
*/


@charset "utf-8";


body{	}

.home{	}

#content{margin-top:20px}

#cnt_menu{
	/*width:960px;*/
	width:720px;
	height:53px;
	margin:0 auto;
	}

#cnt_menu ul li{
	float:left;
	margin-right:2px;
	margin-left:2px;
}

#whats_new_ttl{
	width:612px;
	height:36px;
	background:url(../images/main_ttl_bg.gif) no-repeat top left;
	}
	
#whats_new_ttl h3{
	width:118px;
	height:25px;
	float:left;
	text-indent:-9999px;
	margin-top:11px;
	background:url(../images/whats_new_ttl.gif) no-repeat;
	}

#whats_new_ttl p{
	width:155px;
	height:25px;
	float:right;
	margin-top:11px;
	}

.top_tl_event_news {
	width:612px;
	height:160px;
	overflow:auto;
	margin-bottom:20px
}

.cate_tl_event_news {
	width:612px;
	height:auto;
	overflow:auto;
	margin-bottom:20px
}

.top_tl_event_info {}

#news dt{margin-top:10px;}

#news dd{padding:10px 10px;border-bottom:1px solid #cccccc;}

.ll_img {float:left;margin-right:10px}

#blog_bx{
	width:612px;
	margin-top:35px;
	background:url(../images/blog_bx_bg.gif) repeat-y;
	}
	
#blog_bx h3{
	width:612px;
	height:43px;
	line-height:0;
	text-indent:-9999px;
	background:url(../images/blog_bx_top.gif) no-repeat;
	}
	
#blog_bx h3 img{margin-top:10px;line-height:0;}

#blog_bx ul li{
	padding:10px 0;
	margin:0 12px;
	line-height:1.4;
	}

#blog_bx ul li.blog_list_bg{
	background-color:#f0f0f0;
	}
	
#blog_bx ul li div{
	float:left;
	padding-left:10px;
	}
	
#blog_bx ul li div.new_blog{width:510px;}

#blog_bx ul li dl dt{
	font-size:10px;
	margin-bottom:5px;
	}

#blog_bx ul li dl dd{
	font-size:15px;
	font-weight:bold;
	}
	
#blog_bx ul li dl dd span a{
	color:#009;
	font-size:12px;
	margin-left:10px;
	font-weight:normal;
	}

#blog_bx p{
	width:612px;
	height:34px;
	text-align:right;
	background:url(../images/blog_bx_footer.gif) no-repeat;
	}
	
#blog_bx p img{
	margin-top:5px;
	margin-right:7px;
	}

#evvironment{
	margin-top:35px;
	padding-top:10px;
	}
	
#evvironment h3{
	padding-top:10px;
	margin-bottom:30px;
	}
	
#gsl_banner{
	font-size:10px;
	margin-top:10px;
	margin-bottom:15px;}
	
#gsl_banner div#gslin{
	width:164px;
	display:inline;
	float:left;
	margin-right:5px;}
	
.gstext{text-align:right;}
	
.gstext a{color:#0092d4;}
	

#evvironment dl{margin-top:15px;}

#evvironment dl dt{
	float:left;
	padding-right:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;}
	
#evvironment dl dd{
	font-size:10px;
	border-bottom:dotted 1px #ccc;
	padding-bottom:20px;
	margin-bottom:10px;}
	
#evvironment dl dd div{text-align:right;}

/* ＰＲ */

#fpr{
	font-size:10px;
	padding:10px 0;
	background:#eaeaea;
	}
	
#fpr dl{
	width:947px;
	margin:0 auto;}
	
#fpr dl dt{
	float:left;}

#fpr dl dd{
	float:left;}
	
#fpr dl dd{
	width:780px;
	text-indent:8px;
	}
	
#fpr dl dd ul li{
	float:left;}
	
#fpr dl dd ul li.r1{
	width:110px;}
	
#fpr dl dd ul li.r2{
	width:140px;}

#wats_riog{
	margin-bottom:40px;
	padding-top:10px;
	background:url(../images/main_ttl_bg.gif) no-repeat top left;
	}

#wats_riog:after{
  content: "."; 
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

#wats_riog {display: inline-block;}

/* Hides from IE Mac */
* html #wats_riog {height: 1%;}
#wats_riog {display:block;}
/* End Hack */

#wats_riog-castpic{
	float: left;
	margin: 0px 10px 10px 0px;
	}
	
#wats_riog h3{
	margin-bottom:10px;
	}
	
#wats_riog p{
	font-size:12px;
	width:609px;
	letter-spacing:0;
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom:1px dotted #cccccc;}

#info_newsbar{
height:48px;
width:612px;
background:url(../images/news_bg.jpg) no-repeat;
margin-bottom:20px;
}

ul#newsticker li{
padding:15px 0 0 175px;
color:#FFFFFF;
}

ul#newsticker li a{
color:#FFFFFF;
}

/* =======================================
	Full Wide Slider 追加
======================================= */

.wideslider {
	width: 100%;
	height: auto;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;
}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
}
.slider_prev {background: #000 url(../slide_img/prev.png) no-repeat right center;}
.slider_next {background: #000 url(../slide_img/next.png) no-repeat left center;}

.pagination {
	bottom: 1px;
	left: 0;
	width: 100%;
	height: 25px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 30px;
	height: 40px;
	display: inline-block;
	overflow: hidden;
}

.pagination a.pn1 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn2 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn3 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn4 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn5 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn6 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn7 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn8 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn9 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}
.pagination a.pn10 {background: transparent url(../slide_img/samune/mm.png) no-repeat left top;}

.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}

#container{display:none;}
#loading{
	width:100%;
	height:360px;
	background:#FFF;
}
#loading img {
	margin:150px auto auto}

/* =======================================
	TOPページ記事
======================================= */

.top_tl_event{
	display:block;
	width:612px;
	margin:0 0 30px 0;
	height:auto;
	box-shadow: 2px 2px 10px #CCC; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #CCC; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #CCC; /* Google Chrome, Safari用*/
	-webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);}

.top_tl_event_info{
	display:block;
	width:582px;
	margin:0 0 30px 0;
	padding:15px;
	height:auto;
	box-shadow: 2px 2px 10px #CCC; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #CCC; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #CCC; /* Google Chrome, Safari用*/
	-webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);}

.top_tl_event:hover{
	background-color:#F2F1EC}

.e_ttl{
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight:100;
	font-size:24px}

.nnet {
	background-color:#e9e9e9;
	padding:8px;
	font-size:0.9em}

.nnet img {
	margin-right:5px;
	float:left}

.nnet ul{
	margin: 8px auto;
	border-top:#999 dotted 1px}

.nnet ul li a{
	padding:5px 10px;
	background-color:#FCC;
	display: block;
	color:#FFF;border-radius: 3px;	/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;}	/* Firefox用 */

.nnet ul li a:hover{
	padding:5px 10px;
	background-color:#F9C;
	color:#FFF;
	color:#FFF;border-radius: 3px;	/* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px;}	/* Firefox用 */
	
.nnet ul li{
	margin-top:5px;}

.e_ttl2{
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-weight:100;
	font-size:20px}

.e_02{clear:both;
	border-top:#F66 solid 5px;
	padding:20px}
	
.es_00{
	color:#666;
	font-weight:bold;
	font-size:1.4em;
	margin:8px 0 -10px 10px}

.es_01{
	color:#666;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.2em;
	padding:8px 0}

.top_tl_event_02_in{
	float:left;}
	
.top_tl_event_02{
	padding:10px;
	display:block;
	width:288px;
	margin:0 0 30px 0;
	height:auto;
	box-shadow: 2px 2px 10px #CCC; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #CCC; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #CCC; /* Google Chrome, Safari用*/
	-webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);}

.top_tl_event_03_in{
	float:right;}

.top_tl_event_03{
	padding:10px;
	display:block;
	width:260px;
	margin:0 0 30px 0;
	height:auto;
	box-shadow: 2px 2px 10px #CCC; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #CCC; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #CCC; /* Google Chrome, Safari用*/
	-webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);}
	   
.top_tl_event_03:after{}

.top_tl_event_half_left{
	display:block;
	width:290px;
	margin:10px 0 30px 0;
	height:auto;
	box-shadow: 2px 2px 10px #CCC; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #CCC; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #CCC; /* Google Chrome, Safari用*/
	-webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
	float:left;}
	
.top_tl_event_half_left div{padding:10px;}

.top_tl_event_half_left:hover{
	background-color:#F2F1EC}

.top_tl_event_half_right{
	display:block;
	width:290px;
	margin:10px 0 30px 0;
	height:auto;
	box-shadow: 2px 2px 10px #CCC; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #CCC; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #CCC; /* Google Chrome, Safari用*/
	-webkit-transform-origin: 0 0;
  -webkit-transform: scale(1, 1.01);
     -moz-transform-origin: 0 0;
     -moz-transform: scale(1, 1.01);
      -ms-transform-origin: 0 0;
      -ms-transform: scale(1, 1.02); /* IE9だけ1.02 */
       -o-transform-origin: 0 0;
       -o-transform: scale(1, 1.01);
	float:right;}

.top_tl_event_half_right div{padding:10px;}

.top_tl_event_half_right:hover{
	background-color:#F2F1EC}

.top_tl_event_half_right:after{
	}

.top_date {
	margin-left:20px;
	color:#999;
	font-weight:100;
	font-size:70%}
	
.top_date_02 {
	color:#999;
	font-weight:100;
	font-size:70%}
	
.new_mark{
	font-weight:100;
	font-size:60%;
	width:65px;
	height:20px;
	line-height:20px;
	text-align:center;
	display:block;
	background-color:#F60;
	color:#FFF;
	margin-top:15px;
	margin-right:5px;
	float:right;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

.top_main_p {
	width:580px;
	/*background-color:#F2F1EC;*/
	padding:15px;
	height:auto}
	
.top_main_p_01 {
	width:580px;
	/*background-color:#F2F1EC;*/
	font-size:120%;
	margin:15px;
	height:auto}
	
.top_main_p_01_a {
	background-color:#F66;
	margin:10px 0;
	padding:3px 10px;
	color:#FFF;
	font-weight:bold}

.top_main_p_01_b {
	margin-bottom:10px;
}

.top_main_p_01_b:after{
	}

.top_main_p_01_b li{
	float:left;
	width:280px;
	margin-right:10px;
	margin-bottom:15px}
	
.top_main_p_01_b li span{
	color:#666;
	font-size:85%}

.top_main_p_02 {
	padding:15px;
	height:auto}

.top_botan{
	text-align:center;
	display:block;
	background-color:#ff9900;
	color:#FFF;
	margin-left:27px;
	margin-bottom:40px;
	float:right;
	padding:10px}
	
.top_botan_home{
	clear:both;
	width:320px;
	text-align:center;
	display:block;
	background-color:#000;
	color:#FFF;
	margin-top:100px;
	margin-bottom:40px;
	float:right;
	padding:20px}
	
.top_botan:hover {
	background-color:#F96;}
	
.top_botan_02{
	margin-top:10px;
	width:100%;
	height:34px;
	line-height:34px;
	text-align:center;
	display:block;
	background-color:#ff9900;
	color:#FFF;}

.top_botan_02:hover {
	background-color:#F96;}
	
.top_botan_03{
	clear:both;
	margin-top:10px;
	width:100%;
	height:34px;
	line-height:34px;
	text-align:center;
	display:block;
	background-color:#ff9900;
	color:#FFF;}

.top_botan_03:hover {
	background-color:#F96;}
	
.top_main_p:after{
	clear:right;}

.top_tl_event:after{}
	
.cl_en{clear:both}
/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}


/* 写メ日記新着一覧表示 */

#shamenew{
	width:100%;
	height:200px;
	margin-top:5px;
}
.shame_cat {
	/*color:red;*/
}
.shame_title {
	color:blue;
}
#shame_list {
        position: relative;
	/*overflow-y:scroll;*/
	overflow-y:none;
}
#shame_list ul{
	width:100%;
	/*height:400px;*/
	height:200px;
}
#shame_list li{
	cursor:pointer;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	background-color:#fff;
	/*text-align:center;*/
	border:solid 1px pink;
	/*width:120px;*/
	width:280px;
	padding: 10px;
	/*font-size:12pt;*/
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}
#shame_list li:hover {
	color:#000;
	background-color:pink;
	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	opacity:0.8;
}
#shame_list li:active {
	/*クリック中のリンクの色*/
	color:#000;
	background-color:#FF6347;
}
#shame_img {
	float:left;
	height:80px;
	width:100px;
	padding-right:5px;
}

#shame_rank {
        position: relative;
	/*overflow-y:scroll;*/
	overflow-y:none;
}
#shame_rank ul{
	width:100%;
	/*height:400px;*/
	height:200px;
}
#shame_rank li{
	cursor:pointer;
	float:left;
	margin-right:4px;
	margin-bottom:4px;
	background-color:#fff;
	/*text-align:center;*/
	border:solid 1px pink;
	/*width:120px;*/
	width:280px;
	padding: 10px;
	/*font-size:12pt;*/
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}
#shame_rank li:hover {
	color:#000;
	background-color:pink;

	filter: alpha(opacity=80);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
	opacity:0.8;
}
#shame_rank li:active {
	/*クリック中のリンクの色*/
	color:#000;
	background-color:#FF6347;
}
#shame_rank .rank {float:left;margin-right:15px;}
#shame_rank .rank_02 {float:left;margin-right:15px;color:#008;font-size:110%;}
/*#shame_rank .rank {position: absolute;top: 0;left: 0;}*/
#shame_rank .rank_cast {float:left;margin-right:15px;}
#shame_rank .like {float:left;margin-top:20px;text-align:center;}
#shame_rank .rank_text {width:100%;text-align:center;clear:both;}
#shame_rank .castname {margin-top:40px;font-weight:bold;font-size:120%;}
#shame_rank .like_btn {padding-top:10px;clear:both;}
#shame_rank .like_count {color:#f00;font-weight:bold;}