@charset "utf-8";

/*///////////////////////////////////////////////////////

Description: CLASS用CSS
  File name: module.css (/common/css/module.css)

///////////////////////////////////////////////////////*/

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

.clearFix:after,
.section:after,
.topicArea:after,
.wakuInner01:after,
.inner:after,
#contents:after,
#newsArea:after,
#main:after,
#side:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 1%;
	font-size: 0;
	line-height: 0;
	clear: both;
}

.clearFix,
.section,
.topicArea,
.wakuInner01,
.inner,
#contents,
#newsArea,
#main,
#side { zoom: 1; }

* html .clearFix,
* html .section,
* html .topicArea,
* html .wakuInner01,
* html .inner,
* html #contents,
* html #newsArea,
* html #main,
* html #side { height: 1%; }

.br_clear { clear: both; }

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

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

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

a:hover img.alpha {
	filter : alpha(opacity=70);
	-moz-opacity : 0.7;
	opacity : 0.7;
}

/*Linkbox
========================================== */

.box_hover{
	cursor:pointer;
	}
.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

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

.right { text-align: right !important; }

.left { text-align: left !important; }

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

.mBottom40 { margin-bottom: 40px !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; }

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

.pointer { cursor: pointer; }

/********************************************************
    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; }

.cold85f2a { color: #d85f2a; }

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

.ico01 {
	padding-left: 10px;
	background: url(/common/images/side/loaclnavi/navi_img_02.gif) no-repeat 0 5px;
	display: block;
}

.ico01in {
	padding-left: 20px;
	line-height: 1.5em;
	background: url(/common/images/side/loaclnavi/navi_img_02.gif) no-repeat 10px 5px;
}

/* Font Size
========================================== */

.fontSmall { font-size: 83.4%; }

.fontMedium { font-size: 100%; }

.fontLarge { font-size: 116.7%; }

.caution {
	color:#cc3300;
	font-size: 83.4%;
}

/********************************************************
    table
********************************************************/

div.tableArea01 { margin-bottom: 15px; }

div.tableArea01 table {
	width: 100%;
	margin-bottom: 15px;
	line-height: 1.5em;
}

div.tableArea01 table caption {
	margin-bottom: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
	border-bottom: 1px dotted #d9d9d9;
	background: url(/common/images/com_ico05.gif) no-repeat 2px 7px;
}

div.tableArea01 table th,
 div.tableArea01 table td {
	padding: 5px;
	vertical-align: top;
	border-collapse: collapse;
	border: 1px solid #d9d9d9;
}

div.tableArea01 table th {
	background: #f3f3f3;
	white-space: nowrap;
}