﻿body{
	color: #333;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
}

/* IE7 を除くモダンブラウザにのみ適用 */
html>/**/body {
	background-color: #fff;
}

#seoHeader {
	background-color: #003594;
	width: 100%;
	text-align: center;
}

#seoHeader h1 {
	width: 845px;
	margin: 0 auto;
	padding: 3px 0;
	color: #fff;
	text-align: left;
	font-size: 0.7em;
}

#seoHeader a:link {
	color: #fff;
	text-decoration: none;
}

#seoHeader a:visited {
	color: #fff;
	text-decoration: none;
}

#seoHeader a:hover {
	color: #fff;
	text-decoration: none;
}

#seoHeader a:active {
	color: #fff;
	text-decoration: none;
}



#wrapper {
	background-image: url(../images/body_bg2.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	width: 100%;
}

#container {
	/*width: 865px;
	margin-left: auto;
	margin-right: auto;*/
	text-align: center;
	/*border: solid 1px #f00;*/
}

a:link {
	color: #c60;
	text-decoration: none;
}

a:visited {
	color: #c60;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #c60;
	text-decoration: none;
}

/*************************************/
/********** header elements **********/
/*************************************/

#header {
	position: relative;
	background-image: url(../images/header_bg2.gif);
	background-repeat: no-repeat;
	width: 865px;
	height: 142px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	/*border: solid 1px #f00;*/
}

h1 {

}

/*************** head ***************/

/*
#header h2 {
	position: absolute;
	top: 13px;
	left: 26px;
	z-index: 105;
}
*/
.headerNavi img {
	vertical-align: top;
}

.headerNavi li.headerNaviWeb {
	position: absolute;
	top: 68px;
	left: 411px;
	z-index: 103;
}

.headerNavi li.headerNaviDtp {
	position: absolute;
	top: 68px;
	left: 524px;
	z-index: 102;
}
/*
.headerInfo {
	position: absolute;
	top: 11px;
	left: 408px;
	z-index: 101;
}

.headerInq {
	position: absolute;
	top: 0px;
	left: 640px;
	z-index: 100;
}
*/
.headerAcs {
	position: absolute;
	top: 53px;
	left: 640px;
	z-index: 110;
}

/* snsBtn */
#header .snsBtn2 {
	position: absolute;
	top: 0;
	left:305px;
	z-index: 1000;
}
#header .snsBtn2 ul {}
#header .snsBtn2 ul li {
	float: left;
	padding-left: 5px;
	height: 44px;
}


/*************** global navi ***************/

#globalNavi {
	position: absolute;
	top: 96px;
	left: 10px;
	width: 845px;
	height: 46px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#globalNavi li {
	float: left;
}


/*************************************/
/********** footer elements **********/
/*************************************/

#footer {
	clear: both;
	background-image: url(../images/footer_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}

#footerBody {
	position: relative;
	background-image: url(../images/footer_body_bg.gif);
	background-repeat: no-repeat;
	width: 865px;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

/*************** footer navi ***************/

.footerNavi {
	position: absolute;
	top: 16px;
	left: 25px;
}

.footerNavi img {
	vertical-align: top;
}

.footerNavi li {
	float: left;
	margin-right: 12px;
}

.copy {
	position: absolute;
	top: 16px;
	left: 540px;
}

.copy img {
	vertical-align: top;
}

.footerInfo {
	position: absolute;
	top: 63px;
	left: 25px;
	color: #fff;
	text-align: left;
}

.flead {
	width: 820px;
	padding-bottom: 2px;
	font-size: 0.7em;
}

.flogo {
	padding-bottom: 7px;
}

.faccess {
	margin-bottom: 15px;
	color: #fff;
	font-size: 0.7em;
}

.faccess td {
	_padding-bottom: 2px;
}

.faccess img {
	vertical-align: top;
}

.finqiry td {
	padding-right: 15px;
}

/***********************************************/
/********** top content body elements **********/
/***********************************************/

#topContentBody {
	/*background-image: url(../images/);
	background-repeat: repeat-x;*/
	text-align: center;
}

#topContentWrapper {
	width: 845px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/*******************************************/
/********** content body elements **********/
/*******************************************/

#contentBody {
	background-image: url(../images/content_body_bg.gif);
	background-repeat: repeat-x;
	/*width: 865px;
	margin-left:auto;
	margin-right:auto;*/
	text-align: center;
}

#contentWrapper {
	background-image: url(../images/content_wrapper_bg.jpg);
	background-repeat: no-repeat;
	width: 845px;
	/*height: 92px;*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* IE7 を除くモダンブラウザにのみ適用 */
html>/**/body #contentWrapper {
	height: 92px;
}

/********** left column elements **********/

#leftColumn {
	float: left;
	/*background-color: #dae4f5;*/
	width: 632px;
}

#contents {
	clear: both;
	margin: 14px 0px;
}

#readTxt {
	text-align: left;
	font-size: 0.8em;
	line-height:1.4em;
	margin:22px 0px;
	letter-spacing:1px;
}

#indexBtn {
	float:left;
	width: 625px;
	margin-bottom:14px;
	overflow:hidden;
}

#indexBtn p {
	padding:10px 12px;
	font-size: 0.8em;
	line-height:1.4em;
}

#indexBtn li {
	float:left;
	background-color:#f7f7f7;
	width:307px;
	padding-bottom:99px;
	margin-bottom:-99px;
}

#indexBtn li.leftBtn {
	margin-right:10px;
}

#indexBtn li.btnWide {
	width:625px;
}

#indexBtn li div.iBbtn {
	text-align:right;
	padding:8px 10px;
}


/********** right column elements **********/

#rightColumn {
	float: right;
	/*background-color: #f5dada;*/
	width: 205px;
}

#localNavi {
	padding-top: 20px;
}

#localNavi ul.localNaviList {
	border-bottom: solid 1px #ccc;
}

.optimizer {
	padding: 5px 0px;
	text-align: left;
	font-size: 0.6em;
}

#topicPath {
	padding: 5px 0px;
	text-align: left;
	font-size: 0.7em;
}

#topicPath strong {
	color: #c60;
}


#rightBanner {
	padding-top: 20px;
}

.bannerList li {
	padding-bottom: 3px;
}

/********** page up elements **********/

.pageup {
	clear:both;
	padding: 10px 5px 5px 0;
	text-align: right;
}

.pageup img {
	display: inline;
}

/********** bottom text navigation elements **********/

.textNavi {
	clear: both;
	width: 845px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 0.7em;
}

.textNavi p {
	padding-bottom: 3px;
}


/********** common inquiry banner elements **********/

.commonInqu {
	clear: both;
	width: 625px;
	margin-top: 15px;
	margin-bottom: 25px;
}

/********** block step anchor link elements **********/

.anc {
	clear: both;
	margin-bottom: 20px;
	padding-top: 10px;
	text-align: right;
}



/********** policy elements **********/

.pListDot {
	margin: 0 0 10px 30px;
	text-align: left;
	font-size: 0.8em;
	line-height:1.5em;
	list-style-type: disc;
}

.pListNum {
	margin: 0 0 10px 30px;
	text-align: left;
	font-size: 0.8em;
	line-height:1.5em;
}

/********** page category format blue back (h6) **********/

.pageCategory {
	clear:both;
	background-image: url(../service/images/service_ctg_bg.gif);
	background-repeat: no-repeat;
	width: 625px;
	height: 36px;
	margin-bottom: 18px;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}

.pageCategory p {
	padding: 10px 0px 0px 25px;
}

.pageCategoryOr {
	clear:both;
	background-image: url(../service/images/service_ctg_or_bg.gif);
	background-repeat: no-repeat;
	width: 625px;
	height: 36px;
	margin-bottom: 18px;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}

.pageCategoryOr p {
	padding: 10px 0px 0px 25px;
}


.pageText {
	width: 625px;
	margin: 10px 0px;
	text-align: left;
	font-size: 0.8em;
	line-height:1.4em;
}

.pageCatch {
	margin: 10px 0px;
	text-align: left;
	color: #003594;
	font-size: 0.8em;
	font-weight: bold;
}

/********** common text format **********/

.freeText {
	margin: 10px 0px;
	text-align: left;
	font-size: 0.8em;
	line-height:1.4em;
}

.f_small {
	text-align: left;
	font-size: 0.7em;
	line-height:1.5em;
}

.f_middle {
	text-align: left;
	font-size: 0.8em;
	line-height:1.6em;
}

.f_large{
	text-align: left;
	font-size: 1em;
	line-height:1.8em;
}

.blue {
	color: #003594;
}

.bold { font-weight: bold;}

.vtop { vertical-align: top;}
.vmiddle { vertical-align: middle;}
.vbottom { vertical-align: bottom;}

.center { text-align: center;}
.left   { text-align: left;}
.right { text-align: right;}

.clear     { clear: both;}

.float_l   { float: left;}
.float_r { float: right;}

.margin_auto  { margin-left: auto; margin-right: auto;}

.margin_0  { margin: 0px;}
.margin_05 { margin: 5px;}
.margin_10 { margin: 10px;}
.margin_15 { margin: 15px;}
.margin_20 { margin: 20px;}
.margin_30 { margin: 30px;}
.margin_40 { margin: 40px;}

.margin_top0  { margin-top: 0;}
.margin_top5  { margin-top: 5px;}
.margin_top10  { margin-top: 10px;}
.margin_top15  { margin-top: 15px;}
.margin_top20  { margin-top: 20px;}
.margin_top25  { margin-top: 25px;}
.margin_top30  { margin-top: 30px;}

.margin_bot0  { margin-bottom: 0;}
.margin_bot5  { margin-bottom: 5px;}
.margin_bot10  { margin-bottom: 10px;}
.margin_bot15  { margin-bottom: 15px;}
.margin_bot20  { margin-bottom: 20px;}
.margin_bot25  { margin-bottom: 25px;}
.margin_bot30  { margin-bottom: 30px;}


.margin_lef10 { margin-left:10px;}
.margin_rig10 { margin-right:10px;}


.padding_0  { padding: 0px;}
.padding_05 { padding: 5px;}
.padding_10 { padding: 10px;}
.padding_15 { padding: 15px;}
.padding_20 { padding: 20px;}
.padding_30 { padding: 30px;}
.padding_40 { padding: 40px;}

.padding_bot5  { padding-bottom: 5px;}
.padding_bot10  { padding-bottom: 10px;}
.padding_bot15  { padding-bottom: 15px;}
.padding_bot20  { padding-bottom: 20px;}
.padding_bot25  { padding-bottom: 25px;}
.padding_bot30  { padding-bottom: 30px;}

.red {
	color: red;
}



/* Service lineup style */

#lineupBox {
	margin-bottom: 5px;
}

/*
.lineupCtg {
	width: 187px;
	margin-left: 9px;
	padding: 10px 0 5px 0;
	border-bottom: solid 1px #ccc;
}
*/

.lineupList {
	
}

.lineupList li {
	font-size: 0.8em;
	font-weight: bold;
}

.lineupList li p {
	padding: 5px 0 0 30px;
}

.lineupList li a {
	display: block;
	background-image: url(../images/lineup_btn.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 205px;
	height: 26px;
	color: #003594;
	text-decoration: none;
}

.lineupList li a:visited {
	background-position: 0 0;
	color: #003594;
}

.lineupList li a:hover {
	background-position: 0 -26px;
	color: #fff;
	text-decoration: none;
}


.numList {
	margin-left: 30px;
	text-align: left;
	font-size: 0.8em;
	line-height:1.4em;
	list-style-type: decimal;
}




.discList {
	margin-left: 30px;
	text-align: left;
	font-size: 0.8em;
	line-height:1.4em;
	list-style-type: disc;
}



.comText {
	text-align: left;
	font-size: 0.8em;
	line-height:1.4em;
}

/*********************************/
/***** clearfix *****/
/*********************************/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}