@charset"Shift_jis";

html{
	height:100%;
}

* {
	margin: 0;
	padding: 0;
}

img{
	border:0px none;
	vertical-align:bottom;
}

body{
	font-size:80%;
	font-family: "ms pgothic", arial, helvetica, hirakakupro-w3, sans-serif;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
	background-position:800px 0;
}

.floatclear{
	clear:both;
}

a:link{
	color:#00F
}
a:visited{
	color:#00F
}
a:hover{
	color:#F00
}

div#wrapper{
	width:800px;
}



/*----------------------------------------
Edit 20120821

div#header{
	width:800px;
	height:200px;
	background-image:url(../images/header-bg.gif);
	background-repeat:repeat-x;

	position:relative;
}

body#ext div#header{
	height:210px;
}

h1{
	position:absolute;
	top:5px;
	left:5px;
	font-size:1px;
}

h2{
	padding:2px;
	border:solid 1px red;
	font-size:130%;
	font-weight: bold;
	line-height:100%;
	color:red;
	position:absolute;
	top:60px;
	left:15px;
}

----------------------------------------*/
div#header{
	width:800px;
	height:230px;
	background:url(../images/header-bg.gif) repeat-x 0 36px;
	position:relative;
	padding-bottom:20px;
}

h1{
	position:absolute;
	top:10px;
	left:10px;
	font-size:1px;
}

h2{
	padding:2px;
	border:solid 1px red;
	font-size:130%;
	font-weight: bold;
	line-height:100%;
	color:red;
	position:absolute;
	top:90px;
	left:15px;
}

body#meister h2{
	padding:2px;
	border:solid 1px red;
	font-size:100%;
	font-weight: bold;
	line-height:100%;
	color:red;
	position:absolute;
	top:85px;
	left:15px;
}

h3{
	position:absolute;
	top:130px;
	left:20px;
	font-size:1px;
}

p#unit-bn{
	position:absolute;
	top:130px;
	right:20px;
	font-size:1px;
}

/*ページナヴィゲーション*/
ul#navi{
	width:790px;
	height:40px;
	padding-left:10px;
	background-image:url(../images/navi-bg.jpg);
	background-repeat:repeat-x;
}

ul#navi li{
	display:inline;
}

/*メイン部分*/
div#main{
	margin:30px 20px 15px 20px;
}

h4{
	padding:4px;
	border:1px solid #23698D;
	background-image:url(../images/h4-bg.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	line-height:100%;
	font-size:130%;
}

@media print{

	h4{
		color:#23698D;
		background-image:none;
	}

}

div#main p{
	line-height:170%;
}

/*トップテーブル*/

table{
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}

table.top-tab{
}

table.top-tab td h5{
	font-size:100%;
	color:#069;
}

table.top-tab td h6{
	font-size:100%;
}

table.top-tab th{
	background-color:Ghostwhite;
	color:#069;
	font-size:110%;
}

table.top-tab th,table.top-tab td{
	padding:5px;
	border:1px solid #CCC;
}

table.top-tab td.topdot{
	border-top:1px dotted #CCC;
}

table.top-tab td.btmnone{
	border-bottom:none;
}

table.top-tab table td.leftnone{
	border-left:none;
}

table.top-tab table td.rightnone{
	border-right:none;
}

table.top-tab table td.h3em{
	height:3em;
}

.bg-blue{
	background-color:Azure;
}


.left-cell{
	width:10%;
}

.sub-cell{
	width:25%;
}

.main-cell{
	width:65%;
}

.kome{
	font-size:70%;
}
h6 .kome { font-weight: normal; }
.kome-l{
	font-size:85%;
}

.waku{
	padding:1px;
	border:1px solid #666;
}

.dan{
	padding-left:1em;
}

.plus{
	text-align:center;
	font-size:200%;
	font-weight:bold;
	line-height:100%;
}

/*表下注釈*/
p.chu-dan{
	text-indent:-2em;
	padding-left:2em;
}

p.chu-dan-sab-p{
	padding-left:2em;
}

p.chu-dan-n{
	text-indent:-2.7em;
	padding-left:2.7em;
}

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

p.chu-dan-1{
	text-indent:-1em;
	padding-left:1em;
}
p.chu-dan-4{
	text-indent:-2.85em;
	padding-left:2.85em;
}

p.chu-dan-sab-p-n{
	padding-left:2.7em;
}
p.chu-dan-sab-p-4{
	padding-left:2.9em;
}


/*表下注釈　たのしみライフ2で使用*/

div.chu-dan2{
	position: relative;
}

div.chu-dan2 p{
	text-indent:-2em;
	padding-left:2em;
}

div.chu-dan-sub{

}

div.chu-dan-sub div.chu-nun {
	float: left;
	width: 3.8em;
}

div.chu-dan-sub div.chu-text {
	float: left;
	width: 700px;
}

div.chu-dan-sub div.chu-text p {
	margin-top: 0;
	padding-top: 0;
	text-indent:-1em;
	padding-left:1em;
	margin-left: -1em;
}


/*特徴としくみ*/
p#shikumi{
	/*height:150px;
	padding-top:150px;
	background-color:Whitesmoke;
	text-align:center;*/
	font-weight: bold;
	margin-top: 10px;
}

/*表*/
table.toku-tab{
	/*width:100%;*/
}

/*文字小の表*/
table.toku-tab#f-s-tab{
	font-size:90%;
}

table.toku-tab#f-s-tab th{
	font-weight:normal;
}

table.toku-tab th{
	padding:5px;
	border:1px solid #CCC;
	background-color:Azure;
	color:#069;
	white-space:nowrap;
	text-align:left;
}

table.toku-tab td{
	padding:5px;
	border:1px solid #CCC;
}

table.toku-tab th.tdnoborder1{
	padding:5px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: none !important;
	border-left: 1px solid #CCC;
}

table.toku-tab th.tdnoborder2{
	padding:0 0 0 15px;
	border-top: none !important;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

table.toku-tab th.tdnoborder2 div.saigaisibouwarimasi {
	margin: 0;
	padding: 5px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}


table td.tdcenter,
table th.tdcenter {
	text-align: center;
}

.tleft{
	margin-left:1.5em;
}

h5.tokuh5{
	font-size:110%;
	color:#069;
}

p.pleft{
	padding-left:1.5em;
}




/*びっくりマーク注釈*/

div.bikkuri-area {
	margin-left: 1.5em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 35px;
	/*background: url(../images/chui-mark.gif) no-repeat left top;*/
	position: relative;
}

div.bikkuri-area img.bikkurimark {
	position:absolute;
	left: 0;
	top: 0;
}

*html div.bikkuri-area img.bikkurimark {
	left: -30px !important;
}

div.bikkuri-area p {
	text-indent: -1em;
	padding-left: 1em;
}

div.bikkuri-area p.chobo{
	text-indent:-0.4em;
	padding-left:0.4em;
}

div.bikkuri-area2 {
	margin-left: 1.5em;
	margin-top: 20px;
	padding-left: 32px;
	/*background: url(../images/chui-mark.gif) no-repeat left top;*/
	position: relative;
}

*html div.bikkuri-area2 img.bikkurimark2 {
	left: -30px !important;
}

div.bikkuri-area2 img.bikkurimark2 {
	position:absolute;
	left: 0;
	top: 0;
}


div.bikkuri-area3 {
	margin-top: 20px;
	padding-left: 28px;
	/*background: url(../images/chui-mark.gif) no-repeat left top;*/
	position: relative;
}

div.bikkuri-area3 img.bikkurimark3 {
	position:absolute;
	left: 0;
	top: 0;
}

*html div.bikkuri-area3 img.bikkurimark3 {
	left: -30px !important;
}


.bikkuri-dan1{
	margin-left:1.5em;
	text-indent:-2em;
	padding-left:2em;
}

.bikkuri-dan2{
	margin-left:1.5em;
	/*text-indent:-2em;*/
	padding-left:2em;
}

.bikkuri-dan3{
	margin-left:1.5em;
	/*text-indent:-2em;*/
	padding-left:3em;
}





/*フッター*/
div#footer{
	margin-top:20px;
}


div#footer:after {
  content: "";
  clear: both;
  display: block;
}

p#pagetop{
	text-align:right;
	margin-right:20px;
	padding-bottom:20px;
	margin-left:20px;
	border-bottom:1px solid #CCC;
}

p#copyright{
	margin-left:20px;
	padding-top:10px;
	padding-bottom:20px;
	text-align:left;
	font-size: 80%;
	float: left;
	width:300px;
}

p#kanri-num{
	font-size:90%;
	text-align:right;
	padding-top:10px;
	margin-right:20px;
	padding-bottom:20px;
	float:right;
	width: 300px;
}

div.r-awase{
	width:19.5em;
	text-align:right;
}


/*----------------------------------------------
汎用
----------------------------------------------*/

.w100{
	width:100%;
}

.mrg-top10{
	margin-top:10px;
}

.mrg-top15{
	margin-top:15px;
}

.mrg-top20{
	margin-top:20px;
}

.mrg-top30{
	margin-top:30px;
}

.mrg-top40{
	margin-top:40px;
}

.mrg-btm5{
	margin-bottom:5px;
}

.mrg-btm10{
	margin-bottom:10px;
}

.mrg-btm15{
	margin-bottom:15px;
}

.mrg-btm20{
	margin-bottom:20px;
}

.mrg-btm30{
	margin-bottom:30px;
}

.mrg-btm40{
	margin-bottom:40px;
}

.mrg-btm150{
	margin-bottom:150px;
}

.mrg-btm200{
	margin-bottom:200px;
}

.pdg-top10{
	padding-top:10px;
}

.pdg-top20{
	padding-top:20px;
}

.pdg-btm10{
	padding-bottom:10px;
}

.mrg-left40{
	margin-left:40px;
}

.mrg-right10{
	margin-right:10px;
}

.mrg-right15{
	margin-right:15px;
}


.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.txt-left{
	text-align:left;
}

.txt-center{
	text-align:center;
}

.l-pink{
	color:#FFC0D5;
}

.pink{
	color: #F69;
}

.d-pink{
	color: #C36;
}

.red {
	color: #FF0000;
}

.font80{
	font-size:80%;
}

.font70{
	font-size:70%;
}

.line170{
	line-height:170%;
}

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

.indent2 { 
	text-indent:-2em;
	padding:0 0 0 2em;
}

.underline {
	text-decoration: underline;
}

.nunstrong {
	color: #FF0000;
	font-size: 130%;
}

.n-w{
	white-space:nowrap;
}

div.tab-s-l{
	width:40%;
	float:left;
}

div.tab-s-r{
	width:60%;
	float:left;
}


/*---------------------------------------------------------------------------------------------------------------
フロートバグ対策
解除したい要素にクラスclearfixを追加
*/


/*clearfixハック*/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-block;}
/*hides from IE-mac ?*/
*html .clearfix{height:1%;}
.clearfix{display:inline-block;}
/*End hide from IE-mac*/