@charset "UTF-8";
/* CSS Document */



/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

全ページ共通のCSS設定

・テキスト、フォント
・余白
・非表示
・回り込み解除
・リンク
・テーブル

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* =========================================================================
 text,font：テキスト、フォント
------------------------------------------------------------------------- */
.smallTxt{
	font-size:11px;
}

.basicTxt{
	font-size:12px;
}

.largeTxt{
	font-size:14px;
}

.largeTxt2{
	font-size:16px;
}

.bold{
	font-weight:bold;
}

.normal{
	font-weight:normal;
}

.caution{
	color:#FF6600;
}

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

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

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


.indent{
	padding-left:1em;
	text-indent:-1em;
}

.txtArea{
	line-height:1.4;
}


/* =========================================================================
 margin,padding：余白
------------------------------------------------------------------------- */
/* ----- 上部マージン ----- */
.mt5{
	margin-top:5px !important;
}

.mt15{
	margin-top:15px !important;
}

.mt10{
	margin-top:10px !important;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mt60{
	margin-top:60px;
}

/* ----- 左マージン ----- */
.ml10{
	margin-left:10px;
}

.ml20{
	margin-left:20px;
}

.ml30{
	margin-left:30px;
}

.ml40{
	margin-left:40px;
}

.ml300{
	margin-left:300px;
}

/* ----- 左右マージン ----- */

.mlr0{
	margin-left:0px !important;
	margin-right:0px !important;
}

/* ----- 下部マージン ----- */

.mb10{
	margin-bottom:10px !important;
}

/* =========================================================================
 hide：非表示
------------------------------------------------------------------------- */
.hide{
	display:none;
}


/* =========================================================================
 opacity：半透明
------------------------------------------------------------------------- */
.opacity{
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	filter: alpha(opacity=70); /* IE lt 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
}
.opacity img{
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	filter: alpha(opacity=70); /* IE lt 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
}

.opacityLink a:hover img,
.opacityLink a:active img{
	opacity: .70; /* Standard: FF gt 1.5, Opera, Safari */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	filter: alpha(opacity=70); /* IE lt 8 */
	-khtml-opacity: .70; /* Safari 1.x */
	-moz-opacity: .70; /* FF lt 1.5, Netscape */
}


/* =========================================================================
 float clear：回り込み解除
------------------------------------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* =========================================================================
 link：リンク
------------------------------------------------------------------------- */
/* ----- 基本色 ----- */
a:link,
a:visited{
	color:#CC0000;
	text-decoration:underline;
}

a:hover,
a:active{
	color:#FF8C8C;
	text-decoration:underline;
}


/* =========================================================================
 table：テーブル
------------------------------------------------------------------------- */
/* ----- 基本テーブル ----- */
table.basicTable {
	width:100%;
}

table.basicTable th{
	background-color:#CCCCCC;
	padding:7px 0px 4px;
	font-weight:normal;
	vertical-align:top;
	text-align:center;
}

table.basicTable th.left{
	padding:7px 10px 4px;
}

table.basicTable td{
	padding:7px 5px 4px 5px;
	vertical-align:top;
	border-bottom:1px dotted #999999;
}

.topBorder td{
	border-top:1px dotted #999999;
}

.noBorder td{
	border-bottom:none !important;
}

.smallTable{
	border-spacing:2px !important; /* Non-IE */
}

.smallTable th{
	padding:5px 0px 1px !important;
}

.smallTable td{
	padding:5px 5px 1px 5px !important;
}

table.basicTable2 {
	width:100%;
	border-spacing:3px !important; /* Non-IE */
}

table.basicTable2 th{
	background-color:#666666;
	padding:10px 0px 6px 20px;
	font-weight:normal;
	vertical-align:top;
	font-size:14px;
	color:#FFFFFF;
}

table.basicTable2 td{
	background-color:#CCCCCC;
	padding:10px 5px 6px 20px;
	vertical-align:top;
}

table.basicTable2 td p{
	margin-bottom:3px;
}

table.basicTableList {
	width:100%;
}

table.basicTableList th{
	background-color:#CCCCCC;
	padding:7px 0px 4px;
	font-weight:normal;
	text-align:center;
	border-right:1px solid #FFFFFF;
	line-height:1.4;
}

table.basicTableList th.left{
	padding:7px 10px 4px;
}

table.basicTableList th.bdRight{
	border-right:1px solid #CCCCCC;
}

table.basicTableList .bdTop{
	border-top:1px solid #CCCCCC;
}

table.basicTableList th.bdBottom{
	border-bottom:1px solid #FFFFFF;
}


table.basicTableList td{
	height:20px;
	padding:7px 5px 4px 5px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	text-align:center;
	line-height:1.4;
}

table.basicTableList td.bdLeft{
	border-left:1px solid #CCCCCC;
}

.smallTableList{
	border-spacing:0px !important; /* Non-IE */
}

.smallTableList th{
	padding:5px 0px 1px !important;
}

.smallTableList td{
	padding:5px 5px 1px 5px !important;
}


/* =========================================================================
 その他
------------------------------------------------------------------------- */
.subTitle{
	background:#333399;
	padding:6px 10px 3px;
	color:#FFFFFF;
	font-weight:bold;
}

.subTitle2{
	background:#333399;
	padding:10px 10px 8px;
	color:#FFFFFF;
	font-weight:bold;
}

.boxArea{
	border:1px solid #CCCCCC;
	padding:10px;
}

.blueBox{
	border:1px solid #30308F;
	padding:10px;
}

.blueDotted{
	border-bottom:1px dotted #333399;
	padding-bottom:10px;
}