@charset "utf-8";
/*

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

Description: スタイルシート概要(例えば、ショッピングコンテンツ用スタイル等)
   Site URL: サイトURL
  File name: module.css (/common/css/module.css)
   Authors : kobayashi <kobayashi@c-advan.co.jp>
	
----------------------------------------------------

UpdateHistory
09/0*******

*/

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

#contents:after,
#header:after,
.camBox:after,
.stepBox:after,
.column2Box:after,
.faqBox:after{  
  content: ".";
  display: block;
  visibility: hidden;  
  height: 1%;
  font-size: 0;  
  line-height: 0;  
  clear: both;  
}

#contents,
#header,
.camBox,
.stepBox,
.column2Box,
.faqBox{ zoom: 1; }  

* html #contents,
* html #header,
* html .camBox,
* html .stepBox,
* html .column2Box,
* html .faqBox{ 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;
}

/*フォント装飾
----------------------------------*/
.fontStyle01{
	font-size:1.2em;
	color:#999900;
}
.fontStyle02{
	color:#996633;
}
.fontStyle03{
	color: #CC3333;
}

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

.imgRight {
  padding: 0 0 5px 5px!important;
  float: right;
}
.imgLeft {
  padding: 0 5px 5px 0!important;
  float: left;
}
.imgRight,
.imgLeft {
	font-size: x-small;
}
.imgRight img,
.imgLeft img {
	padding: 0!important;
  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;
}

/*調整用スタイル(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;
}


.pagetop{
	text-align: right;
	margin:10px 0 20px;
	clear:both;
}

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

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

.column2Box{
	width:580px;
}
.column2Left{
	width:50%;
	float:left;
}
.column2Right{
	width:50%;
	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;
}

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

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

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

.icon01 {
  padding-left: 20px;
  background: url(../img/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(../img/main/title_bg02.gif) no-repeat left top;
	clear: both;
}

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

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




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

table.tableStyle{
	border-collapse:separate;
	border-spacing:5px;
	line-height:1.5;
}
table.tableStyle th{
	width:4em;
	text-align: center;
	background-color:#E7DFCC;
}
table.tableStyle td{
	border-left:#999900 solid 3px;
	text-align:left;
	padding-right:20px;
}

table.tableStyle2 td{
	border-left:#999900 solid 3px;
	text-align:left;
}

table.tableStyle th.width8{
	width:11em;
}