@charset "UTF-8";
 
/*=========================================================================

 File Name:		common.css
 UpdatedBy: 	20101127-10:00
 Style Info:    共通要素のスタイル設定

=========================================================================*/

/*
 style reset
-------------------------------------------------------------------------*/
body,div,iframe,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,
p,blockquote {
	margin: 0;
	padding: 0;
  font-size: 100%;
  font-weight: normal;
}
ul,ol,li,dl,dt,dd {
	list-style-type: none;
}
img {
	border: 0;
	vertical-align: bottom;
}
table {
	empty-cells: show;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
em {
	font-style: normal;
	font-weight: bold;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
 display:block;
}

/*
 body and base setting
-------------------------------------------------------------------------*/
body {
	padding: 0;
	line-height: 1.3;
	color: #555555;
}
/* IE6 min-width */
* html body {
	border-right: 950px solid #ffffff; 
}
* html #ritWrapper {
	float:left;
	position:relative;
	margin-right: -950px;
}
/* min-width */
#ritWrapper {
	min-width: 950px;
	text-align: left;
}
#ritWrapper .disn {
	display: none;
}

.bold{
	font-weight: bold;
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
* html .clearfix { height: 1%; }
.clearfix { display: inline-block; }
/* \*/
.clearfix { display: block; }
/* */

/*
 リンク
-------------------------------------------------------------------------*/
a       { color: #1d54a7; text-decoration: underline; }
a:hover { color: #c00000; text-decoration: underline; }

/*
 行揃え
-------------------------------------------------------------------------*/
.taLeft   { text-align: left   !important; }
.taCenter { text-align: center !important; }
.taRight  { text-align: right  !important; }

/*
 縦位置
-------------------------------------------------------------------------*/
.vat { vertical-align: top    !important; }
.vam { vertical-align: middle !important; }
.vab { vertical-align: bottom !important; }

/*
 float
-------------------------------------------------------------------------*/
.floLeft  { float: left  !important; }
.floRight { float: right !important; }
.clear    { clear: both  !important; }

/*
 マージン：上方向
-------------------------------------------------------------------------*/
.mt0  { margin-top:  0px !important;}
.mt5  { margin-top:  5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}

/*
 マージン：左方向
-------------------------------------------------------------------------*/
.ml5{	margin-left:  5px !important;}
.ml10{	margin-left: 10px !important;}
.ml15{	margin-left: 15px !important;}
.ml19{	margin-left: 19px !important;}

/*
 マージン：下方向
-------------------------------------------------------------------------*/
.mb5{	margin-bottom:  5px !important;}
.mb10{	margin-bottom: 10px !important;}
.mb15{	margin-bottom: 15px !important;}
.mb19{	margin-bottom: 19px !important;}
.mb30{	margin-bottom: 30px !important;}

/*
 パディング：上方向
-------------------------------------------------------------------------*/
.pt3 {	padding-top:  3px !important;}
.pt5 {	padding-top:  5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}

/*
 パディング：左方向
-------------------------------------------------------------------------*/
.pl5 {	padding-left:  5px !important;}
.pl10 {	padding-left: 10px !important;}
.pl15 {	padding-left: 15px !important;}
.pl20 {	padding-left: 20px !important;}
.pl25 {	padding-left: 25px !important;}

/*
 パディング：下方向
-------------------------------------------------------------------------*/
.pb3 {	padding-bottom:  3px !important;}
.pb5 {	padding-bottom:  5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}

/*
 その他
-------------------------------------------------------------------------*/
.noBr {
	white-space: nowrap !important;
}
.noBd {
	border: none !important;
}
input.oneByte {
	ime-mode: disabled !important;
}
.ad img {
	vertical-align:baseline !important;
}

/*
 ベース
-------------------------------------------------------------------------*/
#riContainer              { font-size: 82%; padding:170px 0 0 0;}
#riContainer:not(:target) { font-size: 80%; }
#riContainer {
	text-align: left;
}


#riMainContents{
	margin: 10px 0 20px 0;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}

#riEventColumn{
  float: left;
  width: 100%;
}

#riEventContents{
	margin: 0 202px 0 252px;
  padding: 0 10px;
}

#riServiceColumn{
  float: right;
  margin-left: -202px;
  width: 202px;
}

/*
 sprite image
-------------------------------------------------------------------------*/
img.spriteNavi {
	vertical-align: top;
	background: url(https://r.r10s.jp/com/img/home/opt/css/bg_navigation2.gif?v=202504141058) no-repeat 0 0;	
}
img.spriteIcon {
	vertical-align: top;
	background: url(https://r.r10s.jp/com/img/home/opt/css/bg_icon_logo.gif?v=202504141058) no-repeat 0 0;	
}
img.iconBoxArrowR {
	background-position: -10px -199px;
}
img.iconArrowR {
	background-position: -20px -200px;
	margin: 2px 3px 0 0;	
}
img.iconDot {
    background-position: -30px -200px;
	margin-top: 2px;
}
img.iconArrowHead {
    background-position: -20px -209px;
}
img.logo {
	background-position: 0 -60px;
}
img.peace {
	background-position: 0 -120px;
}

#ppts {
}

/*
 pankzContents
-------------------------------------------------------------------------*/
div#pankzContents {
  padding: 0 0 10px 5px;
}

div#pankzContents ul li {
  display: inline;
  float: left;
  font-weight: bold;
}

div#pankzContents ul li a {
  margin: 0 8px 0 0 ;
  padding: 0 10px 0 0;
  background: url(../img/pankz_arrow.gif) no-repeat right 2px;
  font-weight: normal;
}

div#pankzContents ul li span {
  margin: 0 8px 0 0 ;
  padding: 0 10px 0 0;
  background: url(../img/pankz_arrow.gif) no-repeat right 2px;
  font-weight: normal;
}

/*
 maintenanceNotice
-------------------------------------------------------------------------*/

#maintenanceNotice {
    background: none repeat scroll 0 0 #FDFDE0;
    border: 1px solid #CCCCCC;
    margin: 10px;
    padding: 10px;
    text-align: left;
}

/*
 smp用設定
-------------------------------------------------------------------------*/

#moreBtn {
  display: none;
}

div.LPContentsArea div#ritMenuArea {/* LP用ページはPC表示なしsmp表示設定 */
  display: none;
}

div.LPContentsArea div#contentsWrapper {/* LP用PCコンテンツ幅固定設定 */
  margin: 0 auto;
  width: 950px;
}

div#smpOnlyContents {/* LP用id スマートフォン コンテンツ表示なし設定 */
  display: none;
}


#contents h2 {
	padding: 10px 30px;
	line-height: 1em;
	font-size: 16px;
	color: #fff;
	text-shadow: 0 1px 1px #490000;
	margin: 0;
	background: no-repeat left center #c00000;
}
#contents h2.h2_shop { background-image: url(../img/ico_shoplist.png);}
#contents h2.h2_detail { background-image: url(../img/ico_detail.png);}
@media screen and (max-width: 700px){
#contents h2 {
	margin: 0 10px;
}
}

#contents table { border-collapse:collapse; border-spacing:0;}
#contents table.shoplist { 
	margin: 0;
	width: 100%;
}
#contents table.shoplist td { 
	width: 33%;
	padding: 8px 0;
	text-align: left;
	font-size: 14px;
}
#contents table.shoplist td a { 
	padding-left: 15px;
	padding-right: 10px;
	background: url(../img/arrow_list.png) no-repeat left 5px;
	display: block;
	text-decoration: none;
	color: #666;
	
}

#contents table.detail_table { 
	margin: 0;
	width: 100%;
	text-align: left;
	font-size: 12px;
}
#contents table.detail_table th { 
	width: 100%;
	background: #ddd;
	border-bottom: solid 1px #ccc;
	padding: 5px 10px;
	font-weight: bold;
	color: #c00000;
	cursor: pointer;
	position: relative;
}
#contents table.detail_table td { 
	width: 100%;
	padding: 8px 0;
}

#contents table.detail_table td ul { 
	margin: 10px 0;
}


#contents table.detail_table td li { 
	text-indent: -1em;
	margin-left: 1em;
}


#contents table.detail_table td em { 
	font-weight: bold;
	color: #c00000;
}
#contents table.detail_table td strong { 
	font-weight: normal;
	color: #c00000;
}
#contents table.detail_table td a { 
	display: inline;
	
}

@media screen and (max-width: 700px){
#contents table.shoplist { 
	width: 90%;
	margin: 0 0 0 10px;
}
#contents table.shoplist td { 
	width: 100%;
	display: block;
	padding: 4px 0;
}
#contents table.shoplist td a { 
	padding-left: 0;
	padding-right: 15px;
	background-position: right center;
	border-bottom: solid 1px #ddd;
	display: inline-block;
	width: 100%;
}

#contents table.detail_table { 
	width: 95%;
	margin: 0 0 0 10px;
}
}


ul { margin: 0; padding: 0; list-style-type: none; }

.shop_toggle { margin: 0 0 10px 0; position: relative; cursor: pointer;}
.shop_toggle a { display: block;}
.shop_toggle .child { display: none;}
.shop_toggle .child .menu { }
.shop_toggle .child .menu:hover { background: ;}
.shop_toggle .child > li { }
.shop_toggle .child > li:last-child { border-bottom: 0; }

.switch .menu:after {
  position: absolute;
  top: 7px;
  right: 10px;
  content: url(../img/btn_close1.png);
}
.switch .menu.active:after { content: url(../img/btn_open1.png);}



.detail_toggle { margin: 0 ; position: relative;}
.detail_toggle a { display: block;}
.detail_toggle .child { display: none;}
.detail_toggle .child .menu { }
.detail_toggle .child .menu:hover { background: ;}
.detail_toggle .child > li { }
.detail_toggle .child > li:last-child { border-bottom: 0; }

.detail_table .arrow:after { 
	position: absolute;
	top: 7px;
	right: 10px;
	content: url(../img/btn_open2.png);
}
.detail_table .arrow.active:after { content: url(../img/btn_close2.png);}

.detail_table .arrow2:after { 
	position: absolute;
	top: 7px;
	right: 10px;
	content: url(../img/btn_open2.png);
}
.detail_table .arrow.active2:after { content: url(../img/btn_close2.png);}

.detail_table .arrow3:after { 
	position: absolute;
	top: 7px;
	right: 10px;
	content: url(../img/btn_close2.png);
}
.detail_table .arrow3.active3:after { content: url(../img/btn_open2.png);}


@media screen and (max-width: 700px){
.switch .menu:after { right: 20px;}
.detail_table .arrow:after { right: 20px;}
.detail_table .arrow2:after { right: 20px;}
.detail_table .arrow3:after { right: 20px;}
}

#keyVisual { margin-bottom: 10px;}
#keyVisual img { width: 100%; margin-bottom: 10px;}
#keyVisual p { font-size: 11px; font-weight: normal; color: #000000; line-height:1.2em;}
@media screen and (max-width: 700px){
#keyVisual { margin-bottom: 10px;}
#keyVisual img { margin-bottom: 5px;}
#keyVisual p { }
}