@charset "shift_jis";
body {
	background: #FFFFFF url(../img/wrap-gray-bg.gif) repeat;
}

#wrapper {
	width: 1035px;
	background:url(../img/main-shade-bg2.gif) repeat-y center;
	margin: 0 auto;
}


#wrapper #main {
	width: 1024px;
	background: none #FFFFFF;
	margin: 0 auto;
}


#wrapper #main #head-logo{
	text-align: center;
	/*width: 964px;
	margin: auto;**080424*/
	padding-top: 5px;
	padding-bottom: 13px;
}
#wrapper #main #head-logo #com-name{
	margin-left: 600px;
	padding-top: 20px;
}



/* ---------- a wide use [for table] ---------- */
.wdt10 {
	width: 10%;
}
.wdt20 {
	width: 20%;
}
.wdt25 {
	width: 25%;
}
.wdt30 {
	width: 30%;
}
.wdt35 {
	width: 35%;
}
.wdt40 {
	width: 40%;
}
.wdt50 {
	width: 50%;
}
/* ---------- a wide use [for div..etc...] ---------- */
.wdt60 {
	width: 60%;
	display: block;
}
/* ---------- a wide use [for text decoration] ---------- */
.fcorg {
	color: #ec8b0e;
	font-weight: bold;
}
.fcomg {
	color:#666666;/*080519*/
}
.fcpur {
	color: #7e83e5;
	font-weight: bold;
}



/* ---------- for No-Flash ---------- */
#wrapper #main #htmlcontent #head-navi {
	text-align: right;
	background: url(../img/head-gray-bg.gif) repeat-x;
}
#wrapper #main #htmlcontent #head-navi li {
	font-size: 70%;
	line-height: 27px;
	vertical-align: middle;
	color: #CCCCCC;
	list-style: none;
	display: inline;
	padding: 0 10px 0 20px;
	background: url(../img/head-gray-triangle.gif) no-repeat left;
}
#wrapper #main #htmlcontent #head-navi a {
	color:#cccccc;
	text-decoration:none;
}
#wrapper #main #htmlcontent #head-navi a:visited {
	color:#cccccc;
}
#wrapper #main #htmlcontent #head-navi a:hover {
	color:#ffffff;
}


#wrapper #main #htmlcontent #head-category ul{
	background: url(../img/head-vis-bg.gif) no-repeat right;
	height: 66px;
	padding-left: 53px;
}
#wrapper #main #htmlcontent #head-category li{
	list-style: none;
	display: inline;
}
#wrapper #main #htmlcontent #head-category li img{
	margin-top: 22px;
}
#wrapper #main #htmlcontent #head-category li#head-cate02{
	padding-left: 47px;
	margin-right: 33px;
}
/*�@for No-Flash�@*/



/* ---------- contents ---------- */
#wrapper #main #contents {
	background: url(../img/side-gray-bg.gif) repeat-y top left;
	width: 100%;
}
#wrapper #main #contents p,li,dt,dd {
	font-size: 80%;/*080519*/
}



/* ---------- left-navi ---------- */
#wrapper #main #contents #left-navi {
	width: 200px;
	float:left;
}
#wrapper #main #contents #left-navi ul{
	background: #FFFFFF url(../img/side-shade-bg.gif) repeat-y top right;
	padding: 18px 0 0 25px;
}
#wrapper #main #contents #left-navi li {
	list-style: none;
	margin-bottom: 20px;
}
#wrapper #main #contents #left-navi li ul {
	padding: 0;
	padding-top: 12px;
}
#wrapper #main #contents #left-navi li ul li{
	margin-left: 18px;
	margin-bottom: 14px;
}



/* ---------- right-main ---------- */
#wrapper #main #contents #right-main {
	width: 824px;
	float: right;
	background: #FFFFFF url(../img/head-below-bg.gif) repeat-x top;
	padding-bottom: 30px;/*080616*50px*/
}

/* ---------- right-main description ---------- */
#wrapper #main #contents #right-main #description {
	width: 754px;
	margin: 0px auto;
}
#wrapper #main #contents #right-main #description a {
	color: #4954a1;
}
#wrapper #main #contents #right-main #description h3 {
	margin-top: 40px;/*080616*/
	padding-bottom: 13px;
	background: url(../img/cont-border.gif) repeat-x bottom;
}
#wrapper #main #contents #right-main .guidance-list{
	vertical-align: top;
	height: 120px;
	margin-left: 41px;
}
#wrapper #main #contents #right-main .guidance-list li{
	list-style: none;
	display: inline;
}
#wrapper #main #contents #right-main #description .guidance-list img {
	margin-right: 23px;
}

#wrapper #main #contents #right-main #description h4 {
	background: url(../img/cont-caption-bg.gif) no-repeat;
	height: 37px;
	margin-top: 40px;/*080616*69px*//*50px*080424**/
}
#wrapper #main #contents #right-main #description h4 img {
	padding-top: 5px/*11px*080424**/;
	padding-left: 34px;
}

/* ---------- for link ---------- *080519*/
#wrapper #main #contents #right-main #description h4.gray-title{
	background: none #f2f0f0;
	height: 30px;
	padding-left: 1em;
	line-height: 2em;
	vertical-align: middle;
	color: #666666;
	margin-top: 45px;/*080611*/
}


/* ---------- for duties link ---------- *080610*/
/*
#wrapper #main #contents #right-main #description .outside-link {
	margin: 0px 40px;
}
#wrapper #main #contents #right-main #description .outside-link dt{
	background: url(../img/txt-circle.gif) no-repeat left 80%;
  float: left;
  width: 20em;
	padding: 1em 2em 0 2em;
}
#wrapper #main #contents #right-main #description .outside-link dd{
	padding-top: 1em;
}
*/
/* ---------- for duties link ---------- *080610*/
#wrapper #main #contents #right-main #description p.outside-link {
	margin: 0px 40px;
	background: url(../img/txt-circle.gif) no-repeat left 70%;
	padding-top: 1em;
	padding-left: 1.5em;
}
#wrapper #main #contents #right-main #description p.outside-link img {
	vertical-align: middle;
}


/* ---------- for topics ---------- *080613*/
#wrapper #main #contents #right-main #description .news {
	margin: 0px 40px;
}
#wrapper #main #contents #right-main #description .news dt{
	padding-left: 2em;
  clear: left;
  float: left;
  width: 6em;
}
#wrapper #main #contents #right-main #description .news dd{
	margin-left: 1em;
}


/* ---------- right-main description [pattern] ---------- */
/* ---------- [pattern anchor]�@pagetop,notice... ---------- */
#wrapper #main #contents #right-main #description .notice {
	color: #7d7d7e;
	text-align: right;
	display: block;
	margin-left: 20px;
	width: 716px;
	font-size: 70%;
}
#wrapper #main #contents #right-main #description .notice span {
	font-size: 95%;
	color: #7d7d7e;
	text-align: left;
	display: block;
	width: 50%;
	float: right;
}
#wrapper #main #contents #right-main #description .notice p {
	font-size: 75%;
	color: #7d7d7e;
	text-align: left;
	display: block;
	width: 40%;
}
#wrapper #main #contents #right-main #description .pagetop{
	font-size: 75%;
	text-align: right;
	display: block;
	margin-left: 20px;
	margin-top: 10px;/*080616*20px*/
	width: 723px;
}
#wrapper #main #contents #right-main #description .pagetop a{
	color: #4954a1;
	background: #FFFFFF url(/common/img/icon-pagetop.gif) no-repeat 0%;
	padding-left: 15px;
}


/* ---------- [pattern BtnArray] ---------- btnarray +080516put */
#wrapper #main #contents #right-main #description .btnarray {
	margin-left: 5px;
}
#wrapper #main #contents #right-main #description .btnarray li {
	margin: 0;
	list-style: none;
	float: left;
}
#wrapper #main #contents #right-main #description .btnarray li img {
	margin-left: 40px;
	margin-bottom: 30px;
}
#wrapper #main #contents #right-main #description .btnarray li.triple img {
	margin-left: 30px;
	margin-bottom: 30px;
}
/* ---------- [BtnArray for /article/index] ---------- +080610put */
.mt145 {
	margin-top: 145px;
}


/* ---------- [pattern Table] ---------- a list of charges */
#wrapper #main #contents #right-main #description .list-charges {
	/*margin-top: 36px;**20080424*/
	margin-left: 20px;
	width: 716px;
	table-layout: fixed;
	border-collapse: collapse;
	border: solid 1px #c1cdeb;
}
#wrapper #main #contents #right-main #description .list-charges th,td{
	color: #20304f;
	font-size: 80%;/*080519*/
	border: solid 1px #c1cdeb;
	text-align: center;
	vertical-align: middle;
}
#wrapper #main #contents #right-main #description .list-charges td{
	padding: 0.8em 1em;
}
#wrapper #main #contents #right-main #description .list-charges th{
	font-weight: normal;
	background: #dbe4fb url(/common/img/bg-list-charges.gif) no-repeat top center;/*20080424*/
	line-height: 200%;
}
#wrapper #main #contents #right-main #description .list-charges .two-column {
	background-image: none;/*20080424*/
}
#wrapper #main #contents #right-main #description .list-charges .two-columnr {
	background: #dbe4fb url(/common/img/bg-list-charges.gif) no-repeat bottom right;/*20080424*/
}
#wrapper #main #contents #right-main #description .list-charges .edge-left{
	background: #dbe4fb url(/common/img/bg-list-charges.gif) no-repeat top left;/*20080424*/
	/*border-left: solid 1px #ffffff;20080424*/
}
#wrapper #main #contents #right-main #description .list-charges .edge-right{
	background: #dbe4fb url(/common/img/bg-list-charges.gif) no-repeat top right;/*20080424*/
	/*border-right: solid 1px #ffffff;20080424*/
}
#wrapper #main #contents #right-main #description .list-charges .notes{
	text-align: left;
	font-size: 65%;
}




/* ---------- [patternA] ---------- left:image,right:text */
#wrapper #main #contents #right-main #description .pattern-a {
	width: 714px;
	padding-left: 20px;
	margin-top: 40px;
	/*for FF,Safari
	margin-bottom: 37px;/*35px;20080424*/
}
#wrapper #main #contents #right-main #description .pattern-a dt {
	/*080617*margin-right: 43px;	*/
	padding-bottom: 20px;/*for FF,Safari080424*/
}
#wrapper #main #contents #right-main #description .pattern-a dd {
	/*080617*padding-top: 10px;	*/
	padding-bottom: 34px;/*080617*/
}
/*20080424*/


/* ---------- [patternB] ---------- left:image,right:image */
#wrapper #main #contents #right-main #description .pattern-b {
	width: 714px;
	padding-left: 20px;
	/*margin-bottom: 34px;/*for FF,Safari20080424**/
	margin-top: 40px;
}
#wrapper #main #contents #right-main #description .pattern-b dd{
	margin-top: 22px;/*30px;**20080424*/
	float: left;
	padding-bottom: 34px;/*for FF,Safari20080424*/
}

/* ---------- [patternC] ---------- left:L_image,right:M_image */
/* ---------- ver txttop 20080617 ---------- */
#wrapper #main #contents #right-main #description .pattern-c {
	width: 714px;
	padding-left: 20px;
	margin-top: 40px;
}
#wrapper #main #contents #right-main #description .pattern-c dt {
	padding-bottom: 20px;
}
#wrapper #main #contents #right-main #description .pattern-c dd{
	float: left;
}
#wrapper #main #contents #right-main #description .pattern-c dd.re-c{
	float: left;
	margin-right: 40px;
	padding-bottom: 50px;
}


/* ---------- for company ---------- */
#wrapper #main #contents #right-main #description #company {
	width: 664px;
	padding-left: 45px;
}
#wrapper #main #contents #right-main #description #company #princ {
	background: url(../../company/img/img-pri01.jpg) no-repeat right;
	margin-top: 45px;
	/*height: 275px;**080424*/padding-bottom: 20px;
}
#wrapper #main #contents #right-main #description #company #princ p {
	width: 370px;
}
#wrapper #main #contents #right-main #description #company #princ p span {
	display: block;
	text-align: right;
}
#wrapper #main #contents #right-main #description #company #princ p span.fcorg{
	text-align: left;
}
#wrapper #main #contents #right-main #description #company #birth25 {
	background: url(../../company/img/img-pri02.gif) no-repeat right bottom;
	margin-top: 36px;
}
#wrapper #main #contents #right-main #description #company #birth25 p {
	width: 480px;/*080424*/
}
#wrapper #main #contents #right-main #description #company dl {
	clear: left;
	width: 664px;
	float: left;
	display: block;
	border-bottom: solid 1px #c1cdeb;
	background: url(../../company/img/bg-com01.gif) repeat-y left;
}
#wrapper #main #contents #right-main #description #company dl#com1st {
	border-top: solid 1px #c1cdeb;
}
#wrapper #main #contents #right-main #description #company dt {
	float:left;
	color: #20304f;
	font-weight: normal;
	padding: 10px 20px;
	width: 200px;
	font-size: 80%;/*080519*/
	}
#wrapper #main #contents #right-main #description #company dd {
	float:left;
	display:block;
	padding:10px 0 10px 30px;
	font-size: 80%;/*080519*/
	}
#wrapper #main #contents #right-main #description #company span {
	display:block;
}
/* ---------- 080606 site-map---------- */
#wrapper #main #contents #right-main #description .stmp {
	width: 362px;
}
#wrapper #main #contents #right-main #description .sitemap-li {
	margin-bottom: 1em;
	margin-left: 32px;
}
#wrapper #main #contents #right-main #description .sitemap-li a {
	text-decoration: underline;
	color: #455399;
}
#wrapper #main #contents #right-main #description .sitemap-li li {
	list-style: none;
	padding-left: 1em;
	color: #455399;
	margin-bottom: 0.5em;
	background: #ffffff url(../img/triangle-blue.gif) no-repeat left 50%;
}
#wrapper #main #contents #right-main #description .sitemap-li li.grandli {
	background-position: left 5%;
}
#wrapper #main #contents #right-main #description .sitemap-li li ul{
	font-size: 130%;
	width:300px;
	padding-top: 0.3em;
}
#wrapper #main #contents #right-main #description .sitemap-title{
	background: #f2f0f0 url(../img/circle-blue.gif) no-repeat 4% 50%;
	font-size: 90%;
	line-height: 214%;
	padding-left: 30px;
	margin-bottom: 1.4em;
/*	line-height: 2em;*/
	vertical-align: middle;
	color: #455399;
	font-weight: bold;
}
#wrapper #main #contents #right-main #description .sitemap-title a{
	text-decoration: underline;
}
/* ---------- 080620 link style ---------- */
.linkmark {
	background: #ffffff url(../img/triangle-blue.gif) no-repeat left 50%;
	padding-left: 1em;
	color: #455399;
	text-decoration: underline;
}



/* ---------- footer ---------- */
#footer {
	background: #FFFFFF url(../img/foot-border.gif) no-repeat top left;
	padding: 12px 0;
}
#footer p {
	font-size: 75%;
}
#footer img {
	vertical-align: middle;
	margin-right: 10px;
}


@media print{
body{
	background:#ffffff none;
}
#wrapper {
	width: 100%;
}
#wrapper #main {
	width: 100%;
}
/*
.list-charges,.pattern-a,.pattern-b,.pattern-c{
	width: 100%;
}
*/
#wrapper #main #htmlcontent #head-navi {
	display: none;
}
#wrapper #main #htmlcontent{
	display: none !important;
}
#wrapper #main #head-logo{
	display: none;
}
#wrapper,#main,#head-navi,#htmlcontent,#head-category,#contents,#left-navi,#right-main,#footer {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
#wrapper #main #contents #right-main #description {
	width: 100%;
	margin: 0px auto;
}
#wrapper #main #contents #right-main #description .pagetop{
	display: none;
}

#wrapper #main #contents #right-main #description dl.pattern-a {
	page-break-after: avoid;
}
#wrapper #main #contents #right-main #description dl.pattern-b {
	page-break-after: avoid;
}
/* re-write for IE */
*+#wrapper #main #contents #right-main #description dl.pattern-b {
	width: 100%;
}
* #wrapper #main #contents #right-main #description dl.pattern-b {
	width: 100%;
}

#wrapper #main #contents #right-main #description dl.pattern-c {
	page-break-after: avoid;
}
#wrapper #main #contents #right-main #description table.list-charges {
	page-break-after: avoid;
}


#wrapper #main #contents #right-main #description h4 {
	page-break-after: avoid;
}
#wrapper #main #contents #left-navi {
	display: none;
	float: none !important;
}
#wrapper #main #contents #right-main {
	background:#ffffff none;
	float: none !important;
}
.pagetop {
	display: none;
}
#wrapper #main #contents #right-main #description #company dl {
	clear: left;
	width: 664px;
	float: left;
	display: block;
	border-bottom: solid 1px #c1cdeb;
	background: url(../../company/img/bg-com01.gif) repeat-y left;
}
#wrapper #main #contents #right-main #description #company #princ {
	background: url(../../company/img/img-pri01.jpg) no-repeat right;
	margin-top: 45px;
	/*height: 275px;**080424*/padding-bottom: 20px;
}
}




@media print{
	#navicontent{
		display:none;
	}
}