@charset "utf-8";
/*

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

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

UpdateHistory
09/0*******

*/

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

.clearFix:after,
#contents:after,
#topSection:after,
.planBox:after,
#tabSection:after,
.clearFix:after{  
  content: ".";
  display: block;
  visibility: hidden;  
  height: 1%;
  font-size: 0;  
  line-height: 0;  
  clear: both;  
}

#contents,
#topSection,
.planBox,
#tabSection,
.clearFix{ zoom: 1; }  

* html #contents,
* html #topSection,
* html .planBox,
* html #tabSection,
* html .clearFix{ height: 1%; }

.clear {
  clear: both;
}

/********************************************************
    JRH
********************************************************/

.linkStyle{
	position:relative;
}
.linkStyle a{
	position: absolute;
	top:7px;
	right:10px;
}
.attention{
	font-size:0.8em;
}
.attention dt{
	float:left;
	width:2em;
	margin:0!important;
}
.attention dd{
	margin-left:2.5em;
	margin-bottom:0.8em;
}
/********************************************************
    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;
}
.grAlpha a img {
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;
}
.grAlpha a:hover img {
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

/*ぱんくず
----------------------------------*/
#crumbList{
	margin-bottom:15px;
}

/*画像かぶせ（SEO）
----------------------------------*/

.imgReplace{
	position:relative;
}
.imgReplace span{
	position: absolute;
	z-index:-10;
	top:0;
	left:0;
}
/*イメージの左右振り分け
----------------------------------*/

.fRight{ float: right;}
.fLeft { float: left;}
.centerBlock{	margin:0 auto;}

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

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

/*調整用スタイル(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;
}
.mTop60 {
  margin-top: 60px !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:750px;
}
.column2Left{
	width:400px;
	float:left;
}
.column2Right{
	width:340px;
	float: right;
}





/********************************************************
    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;
}
.col925F28 {
	color:#925F28;
}
.col5197CB {
	color:#5197CB;
}
.col45320A {
	color:#45320A;
}

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

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

/*テキストスタイル
----------------------------------*/
.textBold {
	font-weight:bold!important;
}
.textNormal {
	font-weight:normal!important;
}

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

.icon01 {
  padding-left:8px;
	background:url(../img/cmn_icon01.png) no-repeat left 0.5em;
	text-decoration:none;
}

.icon02 {
  padding-left:8px;
	background:url(../img/cmn_icon02.png) no-repeat left 0.5em;
	text-decoration:none;
}

.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(../../../common/img/main/title_bg02.gif) no-repeat left top;
	clear: both;
}

.line01{
	background:url(../../../common/img/cmn_line_03.png) left bottom repeat-x;
}

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

.listStyle li{
	margin-bottom:5px;
}

.listStyle2 li{
	margin-bottom:8px;
}


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

table.tableStyle{
	border-collapse:separate;
	border-spacing:1px;
	background:#D6D6D6;
}
table.tableStyle th{
	background:#F4F4F4;
}
table.tableStyle td{
	background:#FFF;
}