@charset "utf-8";

/*===========================================================

共通装飾

===========================================================*/


/*…………………………………………………………………
　section
…………………………………………………………………*/
.section{margin-top:34px}
.sectionNoemp{margin-top:10px}

/*…………………………………………………………………
　clearfix
…………………………………………………………………*/
div.clearfix {zoom: 1;}
div.clearfix:after {
	content				: ".";
	height				: 0;
	clear				: both;
	display				: block;
	visibility			: hidden;
}


/*…………………………………………………………………
　見出し
…………………………………………………………………*/

h2.h2title{
	font-size: 1.5em;
	color: #FFF;
	background: #029cf5 url(../common/images/h2-point.gif) no-repeat 0px center;
	padding: 5px 5px 3px 10px;
	border-bottom: 2px solid #0079d8;
	margin: 0px 0px 10px;
}

h3.h3title,h3.h3titleNoLine{
	font-size: 1.417em;
	color: #0066cc;
	background: url(../common/images/h3-point.png) no-repeat 0px center;
	padding: 3px 3px 1px 25px;
	margin: 0px 0px 8px;
}

h3.h3title{border-bottom: 2px solid #999;padding: 3px 3px 3px 25px !important;}

h4.h4title {
	font-size:1.333em;
	color:#0066cc;
	font-weight:bold;
	background:url(../common/images/line.gif) no-repeat left bottom;
	padding:0 0 2px 0;
	margin-bottom:5px;
}

h5.h5title {
	font-size: 1.167em;
	color: #333333;
	font-weight: bold;
	background: url(../common/images/h5-point.gif) no-repeat left 2px;
	padding: 0 0 2px 7px;
	margin-bottom: 3px;
}

/*…………………………………………………………………
　ページ内リンク
…………………………………………………………………*/
div.pageLink{
	overflow: hidden;
	clear: both;
	padding: 0 0 10px;
}
div.pageLinkUp{
	overflow:hidden;
	clear:both;
	padding:30px 0 0 0;
}
div.pageLink ul:after,div.pageLinkUp ul:after{
	content				:".";
	height				:0;
	clear				:both;
	display				:block;
	visibility				:hidden;
}
div.pageLink ul,div.pageLinkUp ul{
	zoom: 1;
}
div.pageLink li,div.pageLinkUp li{
	float:left;
	background:url(../common/images/ico3.gif) no-repeat left 1px;
	padding:0 18px 0 14px;
	font-size:11px;
}

div.pageLinkUp li{
	background: url(../common/images/ico8.gif) no-repeat 0px 0.2em;
}
div.pageLink a:link,
div.pageLink a:visited,
div.pageLinkUp a:link,
div.pageLinkUp a:visited {
	color: #333;
	text-decoration: none;
	white-space: nowrap;
}
div.pageLink a:hover,
div.pageLink a:active,
div.pageLinkUp a:hover,
div.pageLinkUp a:active{
	text-decoration:underline;
}


/*…………………………………………………………………
　テキスト位置
…………………………………………………………………*/
.textCenter{ text-align:center}
.textRight{ text-align:right}

/*…………………………………………………………………
　余白
…………………………………………………………………*/
/* 下空き */
.layBottom10 {margin-bottom: 10px !important;}
.layBottom20 {margin-bottom: 20px !important;}
.layBottom30 {margin-bottom: 30px !important;}

/* 上空き */
.layTop3 {margin-top: 3px !important;}
.layTop5 {margin-top: 5px !important;}
.layTop7 {margin-top: 7px !important;}
.layTop10 {margin-top: 10px !important;}
.layTop15 {margin-top: 15px !important;}
.layTop20 {margin-top: 20px !important;}	
.layTop30 {margin-top: 30px !important;}

/* 左空き */
.layLeft5 {margin-left:5px !important;}
.layLeft7 {margin-left:7px !important;}
.layLeft15 {margin-left:15px !important;}
.layLeft20 {margin-left:20px !important;}

/* 右空き */
.layRight5 {margin-right:5px !important;}
.layRight7 {margin-right:7px !important;}
.layRight15 {margin-right:15px !important;}
.layRight20 {margin-right:20px !important;}

/*…………………………………………………………………
　余白
…………………………………………………………………*/
/* 左空き */
.lay_pa_left10{
	padding-left: 10px;
}
.lay_pa_left15{
	padding-left: 15px;
}
 .lay_pa_left20{
	padding-left: 20px;
}   

/*…………………………………………………………………
　フォントサイズ
…………………………………………………………………*/
.fontLL2{ font-size:1.500em}
.fontLL{ font-size:1.250em}
.fontL{ font-size:1.167em}
.fontM{ font-size:1.083em}
.fontS{ font-size:0.917em}

/* 注釈 */
p.annotation,
dl dd.annotation,
dl dt.annotation,
ul.annotation li{
	padding-left				: 1em;
	text-indent				: -1em;
	}
	
p.annotationM,
dl dd.annotationM,
dl dt.annotationM,
ul.annotationM li{
	padding-left				: 1.083em;
	text-indent				: -1.083em;
	}
	
p.annotationS,
dl dd.annotationS,
dl dt.annotationS,
ul.annotationS li{
	font-size					: 0.917em;
	text-indent				: -0.917em;
	padding-left				: 0.917em;
	}

p.emphasis,ul.emphasis li,dt.emphasis {
	padding: 0px 0px 2px 18px;
	font-weight: bold;
	background: url(../common/images/mark01.gif) no-repeat 0px 0em;
	}

/*…………………………………………………………………
　フォントカラー
…………………………………………………………………*/
.darkblue{color:#333399;}
.colorBlue {color: #00aeff;}
.colorBlueDeep {color: #0060c3;}	
.colorRed {color: #f00;}
.colorOrange {color: #ff8400;}
.colorBrown {color: #960000;}
.colorGrayLight {color: #D8D8D8;}
.colorGray {color: #6f7460;}
.colorGreen {color: #568b00;}
.colorGreenLight {color: #a9c847;}
.colorGreenDeep {color: #477300;}
.colorPink {color: #ffadad;}
.colorPinkDeep {color: #ff4e4e;}
.colorGray02 {color: #444;}


/*…………………………………………………………………
　テキスト装飾
…………………………………………………………………*/

.point li,p.point{
	padding					: 2px 0 2px 11px;
	background				: url(../common/images/ico5.gif) no-repeat left 0.6em;
}

p.number01,
p.number02,
p.number03,
p.number04,
p.number05,
p.number06,
p.number07,
p.number08,
p.number09,
p.number10,
ul li.number01,
ul li.number02,
ul li.number03,
ul li.number04,
ul li.number05,
ul li.number06,
ul li.number07,
ul li.number08,
ul li.number09,
ul li.number10,
dl dt.number01,
dl dt.number02,
dl dt.number03,
dl dt.number04,
dl dt.number05,
dl dt.number06,
dl dt.number07,
dl dt.number08,
dl dt.number09,
dl dt.number10{
	margin-bottom: 2px;
	margin-left: 0px;
	padding: 0 0 2px 20px;
	_background-position:0 1px;/* IE6 */
	_height: 1%;/* IE6 */
	}

p.number01,
dl dt.number01,
ul li.number01 {
	background: url(../common/images/number01.png) no-repeat 0 0.1em;
	}
p.number02,	
dl dt.number02,
ul li.number02 {
	background: url(../common/images/number02.png) 0 0 no-repeat;
	}
p.number03,
dl dt.number03,
ul li.number03 {
	background: url(../common/images/number03.png) 0 0 no-repeat;
	}
p.number04,
dl dt.number04,	
ul li.number04 {
	background: url(../common/images/number04.png) 0 0 no-repeat;
	}
p.number05,
dl dt.number05,	
ul li.number05 {
	background: url(../common/images/number05.png) 0 0 no-repeat;
	}
p.number06,	
dl dt.number06,	
ul li.number06 {
	background: url(../common/images/number06.png) 0 0 no-repeat;
	}
p.number07,	
dl dt.number07,	
ul li.number07 {
	background: url(../common/images/number07.png) 0 0 no-repeat;
	}
p.number08,	
dl dt.number08,	
ul li.number08 {
	background: url(../common/images/number08.png) 0 0 no-repeat;
	}
p.number09,
dl dt.number09,	
ul li.number09 {
	background: url(../common/images/number09.png) 0 0 no-repeat;
	}
p.number10,
dl dt.number10,	
ul li.number10 {
	background: url(../common/images/number10.png) 0 0 no-repeat;
	}

.markPointQ{
	background				: url(../common/images/mark-q.png) no-repeat 0 0.2em;
	padding					: 0.1em 0px 0.1em 22px;
}
.markPointA{
	background				: url(../common/images/mark-a.png) no-repeat 0 0.2em;
	padding					: 0.1em 0px 0.1em 22px;
}





/*…………………………………………………………………
　テキストリンク
…………………………………………………………………*/
.txtLink a {
	text-decoration:none;
	background:url(../common/images/ico6.gif) no-repeat left 0.2em;
	padding:0 0 0 14px;
}

.txtLink a:hover {text-decoration:underline;}
.txtLink a.blank {
	background: url(../common/images/blank.gif) no-repeat 0 3px;
	}

/* PDFマーク */
.txtLinkPDF {
	padding: 0 5px 0 19px;
	background: url(../common/images/mark-pdf.gif) no-repeat 0 1px;
	_background-position:0 1px;/* IE6 */
	_height: 1%;/* IE6 */
	}

/* ダウンロードマーク */
.txtLinkDL {
	padding: 0 5px 0 19px;
	background: url(../common/images/mark-dl.gif) no-repeat 0 1px;
	_background-position:0 1px;/* IE6 */
	_height: 1%;/* IE6 */
	}


/* EXCELマーク */
.txtLinkExcel {
	padding: 0 5px 0 19px;
	background: url(../common/images/mark-excel.gif) no-repeat 0 1px;
	_background-position:0 1px;/* IE6 */
	_height: 1%;/* IE6 */
	}
	
	
/* WORDマーク */
.txtLinkWord {
	padding: 0 5px 0 19px;
	background: url(../common/images/mark-word.gif) no-repeat 0 1px;
	_background-position:0 1px;/* IE6 */
	_height: 1%;/* IE6 */
	}
	
/* PowerPointマーク */
.txtLinkPower {
	padding: 0 5px 0 19px;
	background: url(../common/images/mark-power.gif) no-repeat 0 1px;
	_background-position: 0 1px;/* IE6 */
	_height: 1%;/* IE6 */
	}			

/*…………………………………………………………………
　準備中
…………………………………………………………………*/

#ready{
	background: url(../common/images/ready.jpg) no-repeat right bottom;
	height: 300px;
	width: 570px;
	margin:10px auto;
}


/*…………………………………………………………………
　角丸フレーム
…………………………………………………………………*/

.frameBlue,
.frameYellow,
.frameGray,
.frameBlueBorder,
.frameOrangeBorder{
	padding:10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;    /* Safari,Chrome */
	-moz-border-radius: 5px;   /* Firefox */
	position:relative; /* IE */
	behavior: url(/js/PIE.htc); /* IE */
	}

/*青*/
.frameBlue {background: #ddf3ff;padding:10px;}

/* yellow */
.frameYellow {background: #ffffdb;padding:10px;}

/* グレー */
.frameGray {background: #ececec;padding:10px;}

/* 青枠 */
.frameBlueBorder {
	border: 1px solid #0069c2;
	background: #fff;
	padding: 8px;
}

/* オレンジ枠 */
.frameOrangeBorder {
	border: 1px solid #ff9c00;
	background: #fff;
	padding: 8px;
}

/*table*/
/* -------------------------------------------------------- */
.List table,.List td,.List th{border: 1px solid #999;}

.List td,.List th{padding: 5px;}

.List th{
	background-color:#C5E6FB;
	font-weight: bold;
	color: #333;
	text-align: left;
}
.List .ListThCenter{text-align: center !important;}

.List th.colorRed{color: #F00 !important;}

.List td{background-color:#FFF;}

.List .ListGlay{background-color:#E4E4E4 !important;}

.List .ListYellow{background-color:#FFC !important;}
.List .ListPink{background: #FFE6E6 !important;}
.List .ListBlue{background: #D0E2FF !important;}
.List .ListGreen{background: #C9EBBE !important;}
.List .ListBold{border-bottom: 2px solid #999 !important;}

.List .Listw{
	background-color: #FFFFFF;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #666;
	border-left-color: #FFF;
}

td.pro{
	background-color:#FFCCCC;
	font-weight: bold;
	color: #333;
	text-align: left;
}

.List .yellow{
	background-color: #FFFFCC;
}

td.gray{
	background-color: #E5E5E5;
}

/*…………………………………………………………………
　テーブル
…………………………………………………………………*/

.tableArea table{
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

.tableArea td,.tableArea th{
	padding: 5px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

.tableArea th{ background-color:#ddf3ff}

/* 背景色指定 */
.tableArea .baseGray{background:#f0f2f3}
.tableArea .baseBlue{background:#ddf3ff}
.tableArea .baseGreen{background:#f2fedf}
.tableArea .basePink{background:#ffebec}
.tableArea .baseYellow{background:#ffffe4}
.tableArea .baseWhite{background:#fff}


/*…………………………………………………………………
　幅指定
…………………………………………………………………*/
.w100per{width:100%;}
.w50per{width:50%;}

.w370{width:370px}