@charset "utf-8";

/* common
--------------------------------------------------------------------------------*/

#wrapper {
	width: 840px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background: url(../images/bg02.gif) repeat-y;
	margin: 0 auto;
}

#container {
	background: url(../images/bg03.jpg) no-repeat;
	padding-top: 12px;
}

#contentsBg {
	background: url(../images/bg04.gif) repeat-y;
	padding: 0 2px 16px 8px;
}

#contents {
	width: 616px;
}

#contents h2 {
	margin: 0 0 16px 8px;
}
#contents .lead01 {
	margin: 0 0 10px 8px;
}
#contents .lead02 {
	margin: 0 0 40px 8px;
}

#contents .section01 {
	margin-right: 8px;
	margin-left: 8px;
}

#contents .pageTop {
	text-align: right;
	margin-top: 24px;
	padding-right: 8px;
}
#contents .pageTop02 {
	text-align: right;
	padding-right: 8px;
}



	

/* float hack -------------------------------- */
.clearFix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
* html .clearFix {	display: inline-block;	}
*:first-child+html .clearFix {	display: inline-block;	}
/* no mac IE \*/
* html .clearFix {	height: 1%;	}
.clearFix {	display: block;	}
/* */

.fltL {	float: left;	}
.fltR {	float: right;	}


/* text / font -------------------------------- */
.txB {	font-weight: bold;	}

.txClr01 /* red */ {	color: #FF0000;	}
.txClr02 /* gray */ {	color: #666;	}
.txClr03 /* green */ {	color: 349999;	}
.txClr04 /* lightgray */ {	color: #949494;	}

.alnC {	text-align: center !important;	}
.alnL {	text-align: left !important;	}
.alnR {	text-align: right !important;	}

.t125b {font-size: 125%;	font-weight: bold;}
.t16b {font-size: 16px;	font-weight: bold;}



/* ul link -------------------------------- */
ul.link01,
ul.link02,
ul.link03,
ul.link04,
ul.linkPdf {
	list-style-type: none;
}
ul.link01 li {
	background: url(../images/link01.gif) no-repeat 0 0.5em;
	padding-left: 10px;
}
ul.link02 li {
	background: url(../images/link02.gif) no-repeat 0 0.8em;
	padding-left: 15px;
}
ul.link03 li {
	background: url(../images/link03.gif) no-repeat 0 0.4em;
	padding-left: 15px;
}

ul.link04 li {
	background: url(../images/link03.gif) no-repeat 0 0.4em;
	padding-left: 15px;
	padding-bottom: 4px;
}
ul.link05 li {
	background: url(../images/link05.gif) no-repeat 0 0.4em;
	padding-left: 15px;
	padding-bottom: 4px;
}

ul.linkPdf {
	background: url(../images/ico_pdf.gif) no-repeat 0 0.1em;
	padding-left: 22px;
}

ul.contentsNav {
	list-style-type: none;
	margin: 0 0 16px 6px;
}
ul.contentsNav li {
	float: left;
}
ul.idxLink03 {
	list-style-type: disk;
	margin-left: 16px;
}


/* margin -------------------------------- */
.mgnB01 {	margin-bottom: 8px !important;	}
.mgnB02 {	margin-bottom: 12px !important;	}
.mgnB03 {	margin-bottom: 16px !important;	}
.mgnB04 {	margin-bottom: 20px !important;	}
.mgnB05 {	margin-bottom: 24px !important;	}
.mgnB06 {	margin-bottom: 28px !important;	}
.mgnB07 {	margin-bottom: 32px !important;	}
.mgnB08 {	margin-bottom: 36px !important;	}

.mgnR01 {	margin-right: 8px !important;	}
.mgnR02 {	margin-right: 12px !important;	}
.mgnR03 {	margin-right: 16px !important;	}
.mgnR04 {	margin-right: 20px !important;	}
.mgnR05 {	margin-right: 24px !important;	}
.mgnR06 {	margin-right: 28px !important;	}
.mgnR07 {	margin-right: 32px !important;	}


.mgnL01 {	margin-left: 8px !important;	}
.mgnL02 {	margin-left: 12px !important;	}
.mgnL03 {	margin-left: 16px !important;	}
.mgnL04 {	margin-left: 20px !important;	}
.mgnL05 {	margin-left: 24px !important;	}
.mgnL06 {	margin-left: 28px !important;	}
.mgnL07 {	margin-left: 32px !important;	}

.mgnT01 {	margin-top: 8px !important;	}
.mgnT02 {	margin-top: 12px !important;	}
.mgnT03 {	margin-top: 16px !important;	}
.mgnT04 {	margin-top: 20px !important;	}
.mgnT05 {	margin-top: 24px !important;	}
.mgnT06 {	margin-top: 28px !important;	}
.mgnT07 {	margin-top: 32px !important;	}
.mgnT08 {	margin-top: 36px !important;	}

/* box -------------------------------- */
.boxGray01 {
	background: #EEE;
	padding: 12px 16px;
}

/* line -------------------------------- */
.line01B {
	background: url(../images/line01.gif) repeat-x left bottom;
}
.line02B {
	background: url(../images/line02.gif) repeat-x left bottom;
}


/* table -------------------------------- */
table.tbl01 {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}
table.tbl01 th,
table.tbl01 td {
	background: #FFF;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 2px 4px;
}

table.tbl02 {
	border-top: 1px solid #3399cc;
	border-right: 1px solid #3399cc;
}
table.tbl02 th,
table.tbl02 td {
	border-bottom: 1px solid #3399cc;
	border-left: 1px solid #3399cc;
	padding: 8px;
}
table.tbl02 thead th {
	color: #2A2A2A;
	font-weight: bold;
	text-align: center;
	background: url(images/tbl_bg02.gif);
}
table.tbl02 tbody th {
	background: url(images/tbl_bg01.gif);
}


table.tbl03 {
	border-top: 1px solid #3399cc;
	border-right: 1px solid #3399cc;
}
table.tbl03 th,
table.tbl03 td {
	border-bottom: 1px solid #3399cc;
	border-left: 1px solid #3399cc;
	padding: 4px;
}
table.tbl03 thead th {
	color: #2A2A2A;
	font-weight: bold;
	text-align: center;
	background: url(images/tbl_bg02.gif);
}
table.tbl03 tbody th {
	background: url(images/tbl_bg01.gif);
}


/* header -------------------------------- */
#header {
	background: url(../images/h_bg01.jpg) no-repeat;
	padding-left: 16px;
}
#header table td {
	vertical-align: top;
	padding-top: 12px;
}
#header table h1 {
	padding: 6px 164px 0 22px;
}
#header table h2 {
	padding: 6px 77px 0 22px;
}

#header table td.hLink {
	width: 231px;
	height: 63px;
	background: url(../images/h_bg02.jpg) no-repeat;
	padding-top: 19px;
}
#header table td.tLink {
	width: 231px;
	height: 63px;
	background: url(../images/h_bg22.jpg) no-repeat;
	padding-top: 19px;
}

#header table td.hLink ul {
	list-style-type: none;
}
#header table td.hLink ul li {
	font-size: 1%;
	line-height: 1%;
	float: left;
}
#header table td.hLink ul.hLink01 {
	margin: 0 0 18px 118px;
}
#header table td.hLink ul.hLink02 {
	margin-left: 24px;
}
#header table td.hLink ul.hLink01 li,
#header table td.hLink ul.hLink02 li {
	padding-left: 8px;
}

/* gnav -------------------------------- */
ul#gnav {
	list-style-type: none;
	padding-bottom: 8px;
}
ul#gnav li {
	font-size: 1%;
	line-height: 1%;
	float: left;
}
#container ul#gnav {
	padding: 0 0 16px 16px;
}


/* pankz -------------------------------- */
#pankz {
	color: #333;
	padding: 0 8px 6px 16px;
}
#pankz a:link, #pankz a:visited {
	color: #666;
	text-decoration: underline;
}
#pankz a:hover, #pankz a:active {
	color: #666;
	text-decoration: none;
}


/* sideMenu -------------------------------- */
#sideMenu {
	width: 194px;
	background: url(../images/side_bg03.jpg) no-repeat;
	padding: 8px 0 0 12px;
}
*html #sideMenu {	width: 206px;	}
*:first-child+html #sideMenu {	width: 206px;	}

#topContents #topSideMenu {
	width: 196px;
	background: url(../images/side_bg01.jpg) no-repeat;
	padding: 12px 0 0 0;
}

#sideMenu .sideBnrArea,
#topContents #topSideMenu .topBnrArea {
	background: url(../images/side_bg02.jpg) no-repeat;
	padding: 0 8px;
}
#sideMenu .sideBnrArea ul,
#topContents #topSideMenu ul {
	list-style-type: none;
}
#sideMenu .sideBnrArea ul li,
#topContents #topSideMenu ul li {
	padding-bottom: 8px;
}
#sideMenu dl,
#topContents #topSideMenu dl {
	width: 188px;
}
#sideMenu dt,
#topContents #topSideMenu dt {
	padding: 10px 8px 0 8px;
}
#sideMenu dd,
#topContents #topSideMenu dd {
	color: #646767;
	background: url(../images/line01.gif) repeat-x left bottom;
	padding: 0 0 8px 25px;
}
#sideMenu h3,
#topContents #topSideMenu h3 {
	padding: 24px 0 4px 0;
}



/* footer -------------------------------- */
#footer {
	background: url(../images/f_line.gif) repeat-x;
	padding: 14px 16px 12px 16px;
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
	font-size: 1%;
	line-height: 1%;
	float: left;
	padding-right: 24px;
}



/* TOP
--------------------------------------------------------------------------------*/
#topMain {
	background: url(../../images/index_bg01.jpg) no-repeat;
	padding: 12px 16px;
}

#topContents {
	background: url(../../images/index_bg02.jpg) no-repeat;
	padding: 0 4px 40px 10px;
}

#topContents #topMainCont {
	width: 624px;
}
#topContents #topMainCont .topInnr {
	width: 616px;
	margin: 0 4px;
}

#topMainCont #topAbout {
	background: url(../../images/index_about_bg01.gif) no-repeat 0 0;
	margin-bottom: 12px;
}
#topMainCont #topAbout table td,
#topMainCont #topReco table td,
#topMainCont #topNews table td {
	vertical-align: top;
}
#topMainCont #topAbout table td ul {
	margin: 8px 18px 0 32px;
}
#topMainCont #topAbout table td .topAboutLine {
	border-right: 1px solid #CDB99C;
	padding-bottom: 6px;
}
#topMainCont #topAbout table td.topAboutBtn {
	text-align: right;
	padding: 4px 13px 0 0;
}

#topMainCont #topReco {
	margin-top: 8px;
	background: url(../../images/index_reco_bg01.jpg) no-repeat left bottom;
	margin-bottom: 16px;
	padding-bottom: 8px;
}
#topMainCont #topReco table td table,
#topMainCont #topReco table td div {
	margin-left: 8px;
}
#topMainCont #topReco table td table.topRecoTbl01 td.topRecoTd01 {
	padding-bottom: 14px;
}
#topMainCont #topReco table td table.topRecoTbl02 {
	margin: 8px 8px 0 0;
}
#topMainCont #topReco table td table.topRecoTbl02 td {
	padding-left: 8px;
}
#topMainCont #topReco table td ul.link02 {
	float: right;
	padding-right: 8px;
}
#topMainCont #topReco table td ul.link02 li {
	background-position:left center;
}

#topMainCont #topNews ul.link02 li {
	padding-top: 6px;
	padding-bottom: 4px;
}



/* news
--------------------------------------------------------------------------------*/
#news {
	width: 568px;
}
#news h2 {
	color: #389A9A;
	background: url(../images/line01.gif) repeat-x left bottom;
	padding-bottom: 2px;
}
#news h2 a {
	color: #389A9A;
	text-decoration: none;
}

#news h2,
#news h3,
#news p {
	margin-bottom: 14px;
}

#news .newsBox01 {
	border: 1px solid #D2D2D2;
	padding: 12px 16px;
}
#news .newsBox01 p a {
	text-decoration: underline;
}
#news .newsBox01 table th,
#news .newsBox01 table td {
	vertical-align: top;
	padding-bottom: 4px;
}
#news .newsBox01 table th {
	width: 9.2em;
	font-weight: bold;
}



/* POPUP
--------------------------------------------------------------------------------*/
body#popup {
	color: #000;
	text-align: left;
	background: #FFF;
}

body#popup #header {
	background: none;
	border-bottom: 2px solid #249dda;
	padding-bottom: 10px;
}
body#popup #header table h1 {
	padding: 6px 0 0 22px;
}

body#popup #footer {
	background: none;
	text-align: center;
	border-top: 2px solid #249dda;
	padding: 8px 0 0 0;
}

body#popup #popWrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -26px auto;
}

body#popup #popContents {
	padding: 24px 32px;
}
body#popup #popContents2 {
	padding: 24px 0;
}

body#popup #imageArea {
	width: auto;
	text-align:center;
}