@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 8px 8px;
	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;}

/*
 パディング：上方向
-------------------------------------------------------------------------*/
.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(/com/img/home/opt/css/bg_navigation2.gif) no-repeat 0 0;	
}
img.spriteIcon {
	vertical-align: top;
	background: url(/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;
}

#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;
}