@charset "utf-8";

/******************** base of the browser style ********************/

body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif,'ＭＳ Ｐゴシック';
	color: #333333;
	text-align: center;
	font-size: 0.8em;
	line-height: 1.6em;
}

a:link {
	color: #002f9d;
	text-decoration: none;
}
a:visited {
	color: #002f9d;
	text-decoration: none;
}
a:hover {
	color: #002f9d;
	text-decoration: underline;
}
a:active {
	color: #002f9d;
	text-decoration: underline;
}


/*************************************/
/********** body **********/
/*************************************/

#bodyTop {
	background: url(../images/common/bgBodyTop.jpg) repeat-x left top;	
}

#bodyPage {
	background: url(../images/common/bgBodyPage.jpg) repeat-x left top;	
}


/*************************************/
/********** header **********/
/*************************************/

header {
	height: 129px;
	text-align: left;
	vertical-align: top;
}

#top {
	width: 960px;
	height: 70px;
	margin: 0 auto;
}

#top h1 {
	float: left;
	padding-top: 8px;
}

#top nav {
	width: 350px;
	float: right;
	padding-top: 25px;
}

#top nav ul li {
	float: left;
}

#top nav .japanese {
	float: right;
}



/*************************************/
/********** globalNavigation **********/
/*************************************/

#globalNavigation {
	width: 960px;
	height: 59px;
	margin: 0 auto;
	text-align: left;
	vertical-align: top;
}

#globalNavigation ul li {
	float: left;
}


/*************************************/
/********** main **********/
/*************************************/




/*************************************/
/********** contents **********/
/*************************************/

#contents {
	clear: both;
	width: 960px;
	margin: 0px auto;
	text-align: left;
	vertical-align: top;
	padding-bottom: 30px;
}

#mainImage {
	padding-top: 20px;
	height: 340px;
	padding-bottom: 35px;
	margin-bottom: 25px;
	background: url(../images/common/bgMainImage.jpg) no-repeat left top;
	position: relative;
}
#slidePrevBtn {
	position: absolute;
	top: 170px;
	left: -23px;
	z-index: 100;
}
#slideNextBtn {
	text-align: right;
	position: absolute;
	top: 170px;
	right: -23px;
	z-index: 100;
}


#slideMenu {
	position: absolute;
	top: 30px;
	left: 775px;
	z-index: 100;
}
#slideMenu li {
	float: left;
	width: 10px;
	height: 10px;
	padding-left: 12px;
}
#slideMenu li a {
	display: block;
	width: 10px;
	height: 10px;
	text-indent: -9999px;
}

#slideMenu li#slideMenuNav a {
	background: url(../images/common/slideNavi_off.png) no-repeat left top;
}
#slideMenu li#slideMenuNav.activeSlide a {
	background: url(../images/common/slideNavi_on.png) no-repeat left top;
}

#mainSlideImages a.nolink {
	cursor: default;
}


#pageTitle {
	margin-top: 20px;
	width: 960px;
	height: 140px;
	margin-bottom: 20px;
}


/* leftContent */
#leftContent {
	float: left;
	width: 700px;
	text-align: left;
	vertical-align: top;
}




/* rightContent */
#rightContent {
	float: right;
	width: 230px;
	text-align: left;
	vertical-align: top;
}


#rightContent .topNavi ul li {
	padding-bottom: 10px;
}


#rightContent .contactNavi {
	border: 1px solid #dce9f8;
	padding: 12px 10px 10px;
	background-color: #e7f2ff;
	margin-bottom: 30px;
}
#rightContent .contactNavi h1 {
	margin-bottom: 9px;
}
#rightContent .contactNavi ul li {
	background: url(../images/common/arrowGrayBlockR.gif) no-repeat 10px 7px #5c9fd4;
	padding: 3px 0px 3px 28px;	
	border-left: 1px solid #e7f2ff;
	border-right: 1px solid #e7f2ff;
	border-bottom: 3px solid #e7f2ff;
}
#rightContent .contactNavi ul li a {
	color: #FFFFFF;
}


#rightContent .subNavi {
}
#rightContent .subNavi h1 {
	background: url(../images/common/bgStitle.gif) repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 3px solid #9ac7ff;
	padding: 8px 12px;
}
#rightContent .subNavi ul li {
	background: url(../images/common/arrowBlueBlockR.gif) no-repeat 15px 14px #f3f9ff;
	padding: 10px 10px 10px 33px;	
	border-bottom: 1px solid #c8c8c8;
}
#rightContent .subNavi ul li a {
	color: #333333;
}




/*************************************/
/********** footer **********/
/*************************************/

#pagetop {
	clear: both;
	width: 960px;
	margin: 0px auto;
	text-align: right;
	position: relative;
	top: -12px;
}

footer {
}

#endContent {
	background: url(../images/common/bgFooter.jpg) repeat left top;	
}


#fNavi {
	width: 960px;
	margin: 0px auto;
	text-align: left;
	vertical-align: top;
	background: url(../images/common/bgFooter.jpg) repeat left top;	
}
#fNavi a {
	color: #666666;
}
#fNavi nav {
	float: left;
}
#fNavi nav h1 {
	background: url(../images/common/arrowBlueBlockR.gif) no-repeat 0px 4px;
	padding-left: 18px;
	font-weight: bold;
}
#fNavi nav ul {
	margin-left: 20px;
	margin-bottom: 20px;
}
#fNavi nav ul li {
	background: url(../images/common/arrowBlueR.gif) no-repeat 0px 4px;
	padding-left: 14px;
}


#fNavi nav.navi01 {
	width: 230px;
	margin-right: 15px;
}
#fNavi nav.navi02 {
	margin-right: 15px;
}
#fNavi nav.navi03 {
	margin-right: 15px;
}


#bottom {
	width: 960px;
	margin: 0px auto;
	padding: 15px 0 5px;
	text-align: left;
	vertical-align: top;
	background-color: #FFFFFF;
}
#bottom h1 {
	margin-bottom: 3px;
}
#bottom h2 {
	color: #000000;
	float: left;
	font-size: 0.9em;
	line-height: 1.4em;
}
#bottom .copyright {
	padding-top: 16px;
	float: right;
	font-size: 0.8em;
	line-height: 1.4em;
}


/*************************************/
/********** elements **********/
/*************************************/

/* topicPath */
#topicPath {
	margin-bottom: 15px;
}

#topicPath ul li {
	float: left;
}
#topicPath ul li a:link {
	color: #43423d;
	text-decoration: none;
}
#topicPath ul li a:visited {
	color: #43423d;
	text-decoration: none;
}
#topicPath ul li a:hover {
	color: #43423d;
	text-decoration: underline;
}
#topicPath ul li a:active {
	color: #43423d;
	text-decoration: underline;
}

#topicPath ul li.arrow {
	padding-left: 8px;
	padding-right: 2px;
	color: #000000;
}

#topicPath ul li.current {
	font-weight: bold;
	color: #0171bd;
}


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

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/*********************************/
/***** margin_padding *****/
/*********************************/

.mt00 { margin-top: 0;}
.mt05 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt25 { margin-top: 25px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}

.mb00 { margin-bottom: 0;}
.mb05 { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}

.ml00 { margin-left: 0;}
.ml05 { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}

.mr00 { margin-right: 0;}
.mr05 { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}

.pt00 { padding-top: 0;}
.pt05 { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}

.pb00 { padding-bottom: 0;}
.pb05 { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}

.pl00 { padding-left: 0;}
.pl05 { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl25 { padding-left: 25px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}

.pr00 { padding-right: 0;}
.pr05 { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr25 { padding-right: 25px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}


/*********************************/
/***** text-align *****/
/*********************************/

.textL {
	text-align: left;
}

.textC {
	text-align: center;
}

.textR {
	text-align: right;
}


/*********************************/
/***** vertical-align *****/
/*********************************/

.verticalT {
	vertical-align: top;
}

.verticalTT {
	vertical-align: text-top;
}

.verticalM {
	vertical-align:  middle;
}

.verticalB {
	vertical-align: bottom;
}

.verticalBL {
	vertical-align: baseline;
}


/*********************************/
/***** others *****/
/*********************************/

.clr {
	clear:both;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}


/*************************************/
/********** color **********/
/*************************************/





/*************************************/
/********** entryContent **********/
/*************************************/

.entryContent p {
	margin-bottom: 15px;
}

.entryContent h1 {
	clear: both;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
	color: #333333;
	border-left: 6px solid #0068b7;
	background-color: #f2f2f2;
	padding: 8px 8px 8px 15px;
}

.entryContent h2 {
	clear: both;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
	color: #0068b7;
	padding-bottom: 5px;
	border-bottom: 2px solid #88bdff;
}


.entryContent h3 {
	clear: both;
	margin-bottom:10px;
	font-weight:bold;
	font-size: 14px;
	color: #333333;
	padding-left: 10px;
	border-left: 4px solid #0068b7;
}

.entryContent h4 {
	clear: both;
	margin-bottom:10px;
	font-weight:bold;
	font-size: 14px;
	color: #333333;
	padding-bottom: 5px;
	border-bottom: 1px solid #88bdff;
}

.entryContent h5 {
	clear: both;
	margin-bottom:5px;
	font-weight:bold;
	color: #0068b7;
}

.entryContent h6 {
	clear: both;
	margin-bottom:5px;
	font-weight:bold;
	color: #333333;
}


.entryContent ul {
	list-style-type: none;
	margin-bottom:15px;
}

.entryContent ul li {
	background: url(../images/common/triangleBlueR.gif) no-repeat 8px 7px;
	padding-left: 20px;
	padding-bottom: 5px;
}

.entryContent ul li.sup {
	background: url(../images/common/triangleBlueR.gif) no-repeat 8px 10px;
}

.entryContent ol {
	margin-left: 20px;
	margin-bottom:15px;
}
*+html .entryContent ol {
	margin-left: 30px;
}

.entryContent ol li {
	padding-bottom: 5px;
}


.entryContent address {
	margin-bottom: 15px;
}

.entryContent .content {
	padding: 0 20px;
}




/*************************************/
/********** 画像ロールオーバー **********/
/*************************************/

.imgRollover a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}
.imgRollover input:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}