/* ---base-------------------------------------------------------------- */ 

body{ 
	background-color:#ffffff;
	background-image: url("../images/backkiwahikari.jpg"); 
	color : #333333;
	margin-right: auto;//ここで中央寄せを指定する。
	margin-left : auto;
	width:100%;
	margin: 0px;
}

/* ヘッダー全幅*/ 

#headerwm { 
	background-color:#ffe8e8;
	background-image: url("../images/kiwahikari_tile.jpg"); 
	width:100%; 
	height=40px
	min-width:1000px;
	border-top: 1px solid #ff6600;
	border-bottom: 1px solid #ff0000;
} 

/* ヘッダー部*/ 

#header       { 
	width: 940px; 
	margin-right: auto; 
	margin-left: auto; 

} 


/* メインボックス*/ 


#container { 
	width: 940px; 
	margin-right: auto; 
	margin-left: auto; 

	background-color:#ffffff;
	text-align: center;
	border-left: 8px solid #c33;
	border-right: 2px dotted #aaa;

}

}


#boxc { 
	overflow:auto;
	text-align: center;
	margin-left: 20px;

} 


/* メニュー部*/ 

#navigation {
	float: left;
	height: 22px;

	width: 906px;
	margin-top: 12px;

	margin-bottom: 12px;

vertical-align: middle;
text-align: center;
	padding-top : 3px;/*余白*/
	padding-bottom : 3px;/*余白*/
	padding-left : 20px;/*余白*/
	background: #DADADA;

}

/* フッター全幅*/ 

#footerwm {
	background-color:#dfdfdf;
	background-image: url("../images/footer.png"); 
	width:100%;
	height:180px;
	min-width:1000px; 
	border-top: 2px solid #000060;
	border-bottom: 10px solid #303030;
} 


/* フッター部*/

	#footer        {
     /* background-image: url("../images/kiwahikari_tile90.jpg"); */
	width: 940px;
	margin-right: auto; 
	margin-left: auto; 

} 

/* -----table------------------------------------------------------------- */
#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #666;
}

#tbl-bdrb table,#tbl-bdr td,#tbl-bdr th {
    border-collapse: collapse;
    border:1px solid #99f;
}

.table940{
border-collapse: collapse;
width: 940px;
padding: 20px 20px 0px 20px;
text-align: left;
}


.table-b{
border-collapse: collapse;
width: 800px;
margin: 20px;
text-align: left;
}

.table-b th{
width: 100px;
color: #cfcfcf;
background-color: #000046;
font-size: 16px;
padding: 10px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
text-align: left;
}

.table-b td{
padding: 10px;
font-size: 16px;
color: #cfcfcf;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;

}

#tbl-bdr table,#tbl-bdr td,#tbl-bdr th {
border-collapse: collapse;
border:1px solid #666;
text-align: left;
margin-bottom: 20px;
    }

/* -----title------------------------------------------------------------ */

.title {
	line-height: 12pt;
	color:#0000ff;
	text-align: left;
}

.titlea {
	line-height: 18pt;
	color:#ffffff;
	font:normal 12px/15px Verdana;
	text-align: center;

}

.titleb {
 line-height: 8pt;
 color:#0000ff;
}

.titlew {
 line-height: 8pt;
 color:#ffffff;
}

.titlep {
 line-height: 8pt;
 color:#FF6699;
}

/* -----box------------------------------------------------------------- */

#infobox{
	overflow:auto;
	width:902px;
	padding:18px;
	margin-bottom: 0px;

	border:0px dashed #f00;
	color:#333333;
	background-color:#ffffff;
	font:normal 16px/18px Verdana;

}

#leftbox{
	overflow:auto;
	width:860px;
	padding:18px;
	margin-bottom: 12px;

	border:1px dashed #faa;
	color:#333333;
	background-color:#ffffff;
	font:normal 16px/18px Verdana;
	text-align: left;
}

.boxcontainer {
	width: 860px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	border:2px dashed #af6060;
	background: #ccf;
	margin-right: auto; 
	margin-left: auto; 

}

.boxnav {
	width: 860px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが480pxになる。*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	border:2px dashed #af6060;
	background: #ccf;
	margin-right: auto; 
	margin-left: auto; 

}

.boxa {
	width: 400px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#ffffff;
	font:normal 14px/16px Verdana;
	margin-right: 16px;
	margin-bottom: 0px;
}

.boxb {
	width: 400px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#ffffff;
	font:normal 14px/16px Verdana;
	margin-bottom: 0px;
}


.bxnav {
	width: 840px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが480pxになる。*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	border:1px dashed #af6060;
	background: #fff;
	margin-right: auto; 
	margin-left: auto; 

}
.bxnava {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#f6f6ff;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 880px;
}

.bxnav_o {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#f6f6ff;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 120px;
}

.bxnav_k {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#f6f6ff;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 320px;
}

.bxnav_knk {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#f6f6ff;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 200px;
}

.bxnav_kis {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#f6f6ff;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 600px;
}
.bxnavka {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#f6f6ff;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 1380px;
}


.bxnavak {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#fff6f6;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 300px;
}

.bxnavp {
	width: 164px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#f6f6ff;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 850px;
}

.bxnavs {
	width: 184px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#303030;
	background-color:#f6f6ff;
	font:normal 14px/16px Verdana;
	margin: 10px;
	margin-bottom: 30px;
}

.bxnavb {
	width: 584px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 10px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:0px dashed #a03030;
	color:#303030;
	background-color:#ffffff;
	font:normal 14px/16px Verdana;
	margin-bottom: 10px;

}

.bxnavb2 {
	width: 584px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 0px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:0px dashed #a03030;
	color:#303030;
	background-color:#ffffff;
	font:normal 14px/16px Verdana;
	margin-bottom: 10px;

}

.bxnavc {
	width: 584px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが460pxになる。*/
	padding: 20px 10px 10px 10px;/*上に20pxの余白*/
	float: left;/*横並びにする*/
	border:0px dashed #a03030;
	color:#303030;
	background-color:#ffffff;
	font:normal 14px/16px Verdana;
	margin-bottom: 10px;

}

/* -----4box------------------------------------------------------------- */

.4box {
	width: 944px;/*boxが横に並ぶだけの幅を確保*/
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
	padding: 10px 0px 10px 0px;/*上に20pxの余白*/
	border:0px dashed #a03030;
}

.box41 {
	width: 226px;/*内容領域の幅。下の左右のpadding（これはゼロ）を合わせてボックスが226pxになる。*/
	padding: 0px;/*余白なし*/
	float: left;/*横並びにする*/
	border:1px solid #cfcfcf;
	color:#333333;
	background-color:#000060;
	font:normal 14px/12px Verdana;
	margin-top: 10px; 
	margin-right: 9px;
}

.box42 {
	width: 226px;/*内容領域の幅。下の左右のpadding（これはゼロ）を合わせてボックスが226pxになる。*/
	padding: 0px;/*余白なし*/
	float: left;/*横並びにする*/
	border:1px solid #cfcfcf;
	color:#333333;
	background-color:#000060;
	font:normal 14px/12px Verdana;
	margin-top: 10px; 
	margin-right: 9px;
}

.box43 {
	width: 226px;/*内容領域の幅。下の左右のpadding（これはゼロ）を合わせてボックスが226pxになる。*/
	padding: 0px;/*余白なし*/
	float: left;/*横並びにする*/
	border:1px solid #cfcfcf;
	color:#333333;
	background-color:#000060;
	font:normal 14px/12px Verdana;
	margin-top: 10px; 
	margin-right: 9px;
}

.box44 {
	width: 226px;/*内容領域の幅。下の左右のpadding（これはゼロ）を合わせてボックスが226pxになる。*/
	padding: 0px;/*余白なし*/
	float: left;/*横並びにする*/
	border:1px solid #cfcfcf;
	color:#333333;
	background-color:#000060;
	font:normal 14px/12px Verdana;
	margin-top: 10px; 
}

/* -----4boxb------------------------------------------------------------- */

.4boxb {
	width: 880px;/*boxが横に並ぶだけの幅を確保*/
	text align: center;
	padding: 10px 0px 10px 0px;/*上に20pxの余白*/
	border:10px solid #a03030;
	/* overflow: hidden;wrapperからはみ出る部分を非表示にする*/


}

.box41b {
	width: 190px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが230pxになる。*/
	padding: 8px 8px 8px 8px;/*上に15pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#cfcfcf;
	background-color:#ffffff;
	font:normal 15px/16px Verdana;
	margin-top: 10px; 
	margin-right: 0px;
}

.box42b {
	width: 190px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが230pxになる。*/
	padding: 8px 8px 8px 8px;/*上に15pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#cfcfcf;
	background-color:#ffffff;
	font:normal 15px/16px Verdana;
	margin-top: 10px; 
	margin-right: 0px;
}

.box43b {
	width: 190px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが230pxになる。*/
	padding: 8px 8px 8px 8px;/*上に15pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#cfcfcf;
	background-color:#ffffff;
	font:normal 15px/16px Verdana;
	margin-top: 10px; 
	margin-right: 0px;
}

.box44b {
	width: 190px;/*内容領域の幅。下の左右のpaddingを合わせてボックスが230pxになる。*/
	padding: 8px 8px 8px 8px;/*上に15pxの余白*/
	float: left;/*横並びにする*/
	border:1px dashed #a03030;
	color:#cfcfcf;
	background-color:#ffffff;
	font:normal 15px/16px Verdana;
	margin-top: 10px; 
}


/* -----box_decoration------------------------------------------------------------- */

p.box {
   border-bottom: 1px solid #8f8fff;
}

p.boxdot {
   border-bottom: 1px dotted #8f8fff;
}

p.boxds {
   border-bottom: 1px dashed #a03030;
   padding-top: 0px;
   padding-bottom: 0px;

}

/* ----------------------------------------------------------------------- */ 

.ttl3s{
font-size : 14px;
border-top : 1px solid #cfcfcf ;
border-right : 1px solid #cfcfcf ;
border-bottom : 1px solid #cfcfcf ;
border-left : 4px double #ff0066 ;
width:560px;
padding:8px 8px 10px 10px;
}
