@charset "EUC-JP";
 
/*=========================================================================

 File Name:		common.css
 UpdatedBy: 	20130408-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%;
}
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;
}

/*
 body and base setting
-------------------------------------------------------------------------*/
body {
	padding: 0 8px 8px;
	line-height: 1.3;
}
/* 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;
}

/*
 リンク
-------------------------------------------------------------------------*/
a       { color: #1d54a7; text-decoration: none;      }
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; }

/*
 float clear
-------------------------------------------------------------------------*/
.clfx{
	clear: both;
	zoom:1;/*for IE 5.5-7*/
	min-height: 1px;
}

.clfx:after{/*擬似after要素*/
	content:".";
	display: block;
	clear:both;
	height: 1px;
	margin-top: -1px;
	visibility:hidden;
}

/*
 マージン：上方向
-------------------------------------------------------------------------*/
.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;}

/*
 パディング：上方向
-------------------------------------------------------------------------*/
.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;
}
.noBg {
	background: none !important;
}
input.oneByte {
	ime-mode: disabled !important;
}
.ad img {
	vertical-align:baseline !important;
}

/*
 ベース
-------------------------------------------------------------------------*/
#riContainer              { font-size: 82%; }
#riContainer:not(:target) { font-size: 80%; }

#riContainer {
	text-align: left;
}

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

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

#riEventContents{
	margin: 0 302px 0 172px;
    padding: 0 10px;
}

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

/*
 sprite image
-------------------------------------------------------------------------*/
img.spriteNavi {
	vertical-align: top;
	background: url(https://r.r10s.jp/com/img/home/opt/css/bg_navigation8.gif) no-repeat 0 0;	
}
img.spriteIcon {
	vertical-align: top;
	background: url(https://r.r10s.jp/com/img/home/opt/css/bg_icon_logo.gif) 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;
}