@charset "utf-8";
/*

----------------------------------------------------

Description: スタイルシート概要(例えば、ショッピングコンテンツ用スタイル等)
   Site URL: サイトURL
	
----------------------------------------------------

UpdateHistory
09/0*******

*/

/********************************************************
    clear
********************************************************/

#contents:after,
#footer:after,
#header:after,
.topicBox:after,
.eventBox:after,
.cornerBox950:after,
.itemBox:after,
.cornerBox332:after,
.cornerBox228:after,
.cornerBox465:after,
.musicBox:after,
.column2Box:after,
#mainContents:after{  
  content: ".";
  display: block;
  visibility: hidden;  
  height: 1%;
  font-size: 0;  
  line-height: 0;  
  clear: both;  
}

#contents,
#footer,
#header,
.topicBox,
.eventBox,
.cornerBox950,
.itemBoxm,
.cornerBox332,
.cornerBox228,
.cornerBox465,
.musicBox,
.column2Box,
#mainContents{ zoom: 1; }  

* html #contents,
* html #footer,
* html #header,
* html .topicBox,
* html .eventBox,
* html .cornerBox950,
* html .itemBox,
* html .cornerBox332,
* html .cornerBox228,
* html .cornerBox465,
* html .musicBox,
* html .column2Box,
* html #mainContents{ height: 1%; }

.clear {
  clear: both;
}

/********************************************************
    common
********************************************************/

/*イメージ要素の半透明処理
----------------------------------*/

a img.alpha {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
a:hover img.alpha {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

#footer a img {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
#footer a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}
.alphaGroup a img {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
.alphaGroup a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  opacity:0.6;
}

/*イメージの左右振り分け
----------------------------------*/

.imgRight {
  padding: 0 0 15px 15px;
  float: right;
}
.imgLeft {
  padding: 0 15px 15px 0;
  float: left;
}
.imgRight,
.imgLeft {
	font-size: x-small;
}
.imgRight img,
.imgLeft img {
  margin-bottom: 5px;
}

.fRight{  float: right;
}
.fLeft {
  float: left;
}

.imgBannerRight {
  width: 200px;
	margin: 0 0 15px 15px;
	_margin: 0 0 15px _7px;
  padding: 10px;
	text-align: center;
	border: 1px solid #CCCCCC;
	float: right;
}

/*テキストのの左右・中央寄せ
----------------------------------*/

.alignRight {
  text-align: right !important;
}
.alignLeft {
  text-align: left !important;
}
.alignCenter {
  text-align: center !important;
}

/*テキストの上下振り分け
----------------------------------*/

.vAlignTop {
  vertical-align: top !important;
}
.vAlignMiddle {
  vertical-align: middle !important;
}
.vAlignBottom {
  vertical-align: bottom !important;
}

/*注釈
----------------------------------*/
.attention dt{
	float:left;
	width:2em;
}
.attention dd{
	margin-left:2em;
}

/*調整用スタイル(top)
----------------------------------*/

.mTop00 {
  margin-top: 0px !important;
}
.mTop05 {
  margin-top: 5px !important;
}
.mTop10 {
  margin-top: 10px !important;
}
.mTop15 {
  margin-top: 15px !important;
}
.mTop20 {
  margin-top: 20px !important;
}
.mTop25 {
  margin-top: 25px !important;
}
.mTop30 {
  margin-top: 30px !important;
}

/*調整用スタイル(right)
----------------------------------*/

.mRight00 {
  margin-right: 0px !important;
}
.mRight05 {
  margin-right: 5px !important;
}
.mRight10 {
  margin-right: 10px !important;
}
.mRight15 {
  margin-right: 15px !important;
}
.mRight20 {
  margin-right: 20px !important;
}
.mRight25 {
  margin-right: 25px !important;
}
.mRight30 {
  margin-right: 30px !important;
}

/*調整用スタイル(bottom)
----------------------------------*/

.mBottom00 {
  margin-bottom: 0px !important;
}
.mBottom05 {
  margin-bottom: 5px !important;
}
.mBottom10 {
  margin-bottom: 10px !important;
}
.mBottom15 {
  margin-bottom: 15px !important;
}
.mBottom20 {
  margin-bottom: 20px !important;
}
.mBottom25 {
  margin-bottom: 25px !important;
}
.mBottom30 {
  margin-bottom: 30px !important;
}
.mBottom45 {
  margin-bottom: 45px !important;
}
.mBottom60 {
  margin-bottom: 60px !important;
}

/*調整用スタイル(left)
----------------------------------*/

.mLeft00 {
  margin-left: 0px !important;
}
.mLeft05 {
  margin-left: 5px !important;
}
.mLeft10 {
  margin-left: 10px !important;
}
.mLeft15 {
  margin-left: 15px !important;
}
.mLeft20 {
  margin-left: 20px !important;
}
.mLeft25 {
  margin-left: 25px !important;
}
.mLeft30 {
  margin-left: 30px !important;
}
.mLeft80 {
  margin-left: 80px !important;
}

/*INPUT要素
---------------------------------*/

input.long {
	width: 260px;
}

input.midium {
	width: 130px;
}

input.short {
	width: 60px;
}

/*ポインター設定
----------------------------------*/

.pointer {
  cursor: pointer;
}

/********************************************************
    layout style
********************************************************/

/*2column
----------------------------------*/

.column2Box{
	width: auto;
}
.column2Left{
	width:50%;
	float:left;
}
.column2Right{
	width:50%;
	float: right;
}



/********************************************************
    box style
********************************************************/

/*cornerBox
----------------------------------*/
.cornerBox220{
	background:url(/share/jr-tower/img/t38/cmn_bg_cornerbottom220.png) left bottom no-repeat;
}

/********************************************************
    link icon & topic color
********************************************************/

/*テキスト色各種
----------------------------------*/

.col808080 {
  color: #808080;
}
.colba0000 {
  color: #ba0000;
}
.colFF6A00 {
  color: #FF6A00;
}
.col472f18 {
  color: #472f18;
}
.col970f00 {
  color: #970f00;
}
.col5A3D1B {
  color: #5A3D1B;
}
.colD85F2A {
  color: #D85F2A;
}

/*テキストサイズ
----------------------------------*/

.smallText {
  font-size: xx-small!important;
}
.mediumText {
  font-size: 115% !important;
}
.largeText {
  font-size: 150% !important;
}

/*各種アイコン
----------------------------------*/

.icon01 {
  padding-left: 20px;
  background: url(/share/jr-tower/img/t38/cmn_icon_02.png) no-repeat left center;
	text-decoration:none;
}

.icon02 {
  padding-left: 20px;
  background: url(/common/img/icon/icon03.gif) no-repeat left top;
}

.icon03 {
  padding-left: 20px;
  background: url(/common/img/icon/icon04.gif) no-repeat  4px 6px;
}

/*各種見出し
----------------------------------*/

h3.topicCommon {
  margin-bottom: 20px;
  padding: 7px;
  color: #4D4D4D;
	font-size: 130%;
  background: #EFEAD9;
	clear: both;
}

h3.topicText {
  margin-bottom: 5px;
  color: #472f18;
	font-size: 115%;
	clear: both;
}

h3.lineTopic {
  width: 660px;
	height: 27px;
  margin-bottom: 15px;
	padding: 4px 0 0 15px;
  background: url(/share/jr-tower/img/t38/main/title_bg02.gif) no-repeat left top;
	clear: both;
}
/********************************************************
    line style
********************************************************/
.line01{
	background: url(/share/jr-tower/img/t38/cmn_line01.png) left bottom repeat-x;
}
.topLine{
	margin-top:20px!important;
	padding-top:20px;
	border-top:#CCCCCC solid 1px;
}

/********************************************************
    list style
********************************************************/




/********************************************************
    table style
********************************************************/

table.tableStyle{
	border-collapse:separate;
	border-spacing:1px;
	background:#FFF;
}
table.tableStyle th{
	background:#ECE9D8;
	font-weight:normal;
	text-align:center;
}
table.tableStyle td{
	background:url(/share/jr-tower/img/t38/cmn_line01.png) left bottom repeat-x;
}