@charset "UTF-8";

/*//////////////////////////////////////////////////////////////////////////////

base.css

--------------------------------------------------------------------------------
Base styles
	0. common
	1. stage
	2. headerContainer
	3. globalNavigationContainer
	4. contentsContainer
	5. location
	6. footerContainer
	7. copyrightsContainer
	8. returnToSiteTop
	
//////////////////////////////////////////////////////////////////////////////*/

/* -----------------------------------------------------------------------------
	0. common
----------------------------------------------------------------------------- */
/**
 * text link style
 */
a {
	color   : #0098c4;
	outline : none;
	}
a:link {
	color   : #0098c4;
	}
a:visited {
	color   : #0098c4;
	}
a:hover {
	color           : #0098c4;
	text-decoration : underline;
	}
a:active {
	color   : #0098c4;
	}
/**
 * body
 */
body {
	color      : #444444;
	font       : 13px/1.231 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	*font-size : small; /* for IE */
	*font      : x-small; /* for IE in quirks mode */
	background : #ffffff;
	}
/* for IE6 */
* html body {
	font       : 13px/1.231 'ＭＳ Ｐゴシック','MS P Gothic',arial,helvetica,clean,sans-serif;
	}
/* for IE7 */
*:first-child+html body {
	font       : 13px/1.231 'ＭＳ Ｐゴシック','MS P Gothic',arial,helvetica,clean,sans-serif;
	}

/* -----------------------------------------------------------------------------
	1. stage
	
	body > #stage
----------------------------------------------------------------------------- */
#stage {
	position   : relative;
	}

/* -----------------------------------------------------------------------------
	2. headerContainer
	
	body > #stage > #headerContainer
----------------------------------------------------------------------------- */
#headerContainer {
	position   : relative;
	background : url(../img/header/headerContainer_background.gif) repeat-x 0 0;
	}
	#headerContainer h1 {
		position    : relative;
		width       : 950px;
		height      : 20px;
		margin      : 0 auto;
		padding     : 0;
		color       : #ffffff;
		font-size   : 85%;
		line-height : 20px;
		background  : #333333;
		}
	#header {
		position   : relative;
		width      : 950px;
		height     : 110px;
		margin     : 0 auto;
		}
		#siteID {
			display : block;
			float   : left;
			width   : 376px;
			height  : 99px;
			margin  : 0 0 0 2px;
			}
		#headerSubContents {
			float   : right;
			width   : 330px;
			margin  : 12px 0 0 0;
			}
			#quickInquiry {
				position   : relative;
				float      : left;
				width      : 250px;
				height     : 90px;
				background : url(../img/header/quickInquiry_background.gif) no-repeat 0 0;
				}
				#quickInquiry h2 {
					margin-left : 10px;
					padding-left: 18px;
					font-size   : 85%;
					font-weight : bold;
					line-height : 25px;
					text-shadow : rgba(255,255,255,1) 0 1px 0;
					background  : url(../img/icon_boxArrow.gif) no-repeat 0 45%;
					}
				#quickInquiry h3 {	
					margin : 7px 0 0 10px;
					}
				#quickInquiry p {
					margin    : 5px 0 0 10px;
					color     : #666666;
					font-size : 77%;
					}
			#logo_SRA {
				position   : relative;
				float      : right;
				width      : 70px;
				height     : 62px;
				margin     : 9px 0 0 0;
				}

/* -----------------------------------------------------------------------------
	3. globalNavigationContainer
	
	body > #stage > #globalNavigationContainer
----------------------------------------------------------------------------- */
#globalNavigationContainer {
	position   : relative;
	background : #ffffff url(../img/globalNavigation/globalNavigationContainer_background.gif) repeat-x 0 0;
	}
	#globalNavigation {
		position   : relative;
		width      : 950px;
		height     : 55px;
		margin     : 0 auto;
		background : url(../img/globalNavigation/globalNavigation_background.gif) no-repeat 0 0;
		}
		#globalNavigation ul {
			padding : 0 1px;
			}
			#globalNavigation ul li {
				display             : block;
				float               : left;
				width               : 135px;
				height              : 55px;
				text-indent         : -9999px;
				overflow            : hidden;
				background-image    : url(../img/globalNavigation/img_globalNavigations.gif);
				background-repeat   : no-repeat;
				background-position : -1px -110px;
				}
			/* current */
			#globalNavigation ul li#gnav1 {
				background-position : -1px -110px;
				}
			#globalNavigation ul li#gnav2 {
				background-position : -137px -110px;
				}
			#globalNavigation ul li#gnav3 {
				background-position : -273px -110px;
				}
			#globalNavigation ul li#gnav4 {
				background-position : -409px -110px;
				}
			#globalNavigation ul li#gnav5 {
				background-position : -544px -110px;
				}
			#globalNavigation ul li#gnav6 {
				background-position : -679px -110px;
				}
			#globalNavigation ul li#gnav7 {
				background-position : -814px -110px;
				}
				#globalNavigation ul li a {
					display             : block;
					width               : 135px;
					height              : 55px;
					text-indent         : -9999px;
					overflow            : hidden;
					background-image    : url(../img/globalNavigation/img_globalNavigations.gif);
					background-repeat   : no-repeat;
					background-position : -1px 0px;
					}
				/* default */
				#globalNavigation ul li#gnav1 a {
					background-position : -1px 0px;
					}
				#globalNavigation ul li#gnav2 a {
					background-position : -137px 0px;
					}
				#globalNavigation ul li#gnav3 a {
					background-position : -273px 0px;
					}
				#globalNavigation ul li#gnav4 a {
					background-position : -409px 0px;
					}
				#globalNavigation ul li#gnav5 a {
					background-position : -544px 0px;
					}
				#globalNavigation ul li#gnav6 a {
					background-position : -679px 0px;
					}
				#globalNavigation ul li#gnav7 a {
					background-position : -814px 0px;
					}
				/* hover */
				#globalNavigation ul li#gnav1 a:hover {
					background-position : -1px -55px;
					}
				#globalNavigation ul li#gnav2 a:hover {
					background-position : -137px -55px;
					}
				#globalNavigation ul li#gnav3 a:hover {
					background-position : -273px -55px;
					}
				#globalNavigation ul li#gnav4 a:hover {
					background-position : -409px -55px;
					}
				#globalNavigation ul li#gnav5 a:hover {
					background-position : -544px -55px;
					}
				#globalNavigation ul li#gnav6 a:hover {
					background-position : -679px -55px;
					}
				#globalNavigation ul li#gnav7 a:hover {
					background-position : -814px -55px;
					}
			#globalNavigation ul #gnav1,
			#globalNavigation ul #gnav2,
			#globalNavigation ul #gnav3 {
				width   : 136px;
				}
				#globalNavigation ul #gnav1 a,
				#globalNavigation ul #gnav2 a,
				#globalNavigation ul #gnav3 a {
					width   : 136px;
					}

/* -----------------------------------------------------------------------------
	4. contentsContainer
	
	body > #stage > #contentsContainer
----------------------------------------------------------------------------- */
#contentsContainer {
	position   : relative;
	background : #ffffff;
	}
	#contents {
		position : relative;
		width    : 950px;
		margin   : 0 auto;
		padding  : 0 0 50px 0;
		}
		#alertJS {
			margin-top : 30px;
			}
		/*
		 * トップページ
		 */
		.contentsBody_index {
			margin-top : 30px;
			}
			.contentsBody_index .lay2col {
				}
				.contentsBody_index .lay2col .col1 {
					width : 680px;
					}
				.contentsBody_index .lay2col .col2 {
					width : 260px;
					}
					#newsHeader {
						position      : relative;
						width         : 250px;
						height        : 17px;
						margin        : 0 0 20px 0;
						padding       : 5px;
						border-top    : 1px #000000 solid;
						border-bottom : 1px #000000 dotted;
						}
						#newsHeader h2 {
							float      : left;
							width      : 87px;
							height     : 13px;
							padding    : 2px 0 0 23px;
							background : url(../img/icon_circle_blue.png) no-repeat 0 45% !important;
							background : url(../img/icon_circle_blue.gif) no-repeat 0 45%;
							}
						#newsHeader a {
							float        : right;
							width        : 2em;
							margin-top   : 4px;
							padding-left : 18px;
							color        : #444444;
							font-size    : 77%;
							line-height  : 10px;
							background   : url(../img/icon_boxArrow.gif) no-repeat 0 44%;
							}
						#newsHeader a:hover {
							background   : url(../img/icon_boxArrow_on.gif) no-repeat 0 44%;
							}
					.contentsBody_index .lay2col .col2 .newsItem {
						clear          : both;
						margin-top     : 10px;
						padding-bottom : 20px;
						border-bottom  : 1px #b5b5b5 dotted;
						}
						.contentsBody_index .lay2col .col2 .newsItem h3 {
							display     : inline;
							color       : #666666;
							font-size   : 93%;
							line-height : 10px;
							}
						.contentsBody_index .lay2col .col2 .newsItem .new {
							padding-right : 35px;
							background    : url(../img/icon_new.gif) no-repeat right 40%;
							}
						.contentsBody_index .lay2col .col2 .newsItem p {
							margin-top : 1em;
							font-size  : 93%;
							}
		/*
		 * 子コンテンツ（左ナビなしの場合）
		 */
		.contentsBody_singleColumn {
			margin-top : 20px;
			}
			.contentsBody_singleColumn .pageTitle {
				padding-bottom : 15px;
				font-size      : 30px;
				background     : url(../img/pageTitle_background.gif) no-repeat 0 bottom;
				zoom           : 1;
				}
			.contentsBody_singleColumn .caseTitles {
				padding-bottom : 15px;
				background     : url(../img/pageTitle_background.gif) no-repeat 0 bottom;
				zoom           : 1;
				}
				.contentsBody_singleColumn .caseTitles h2 {
					margin-top : 0.2em;
					font-size  : 24px;
					}
				.contentsBody_singleColumn .caseTitles p {
					font-size  : 14px;
					}
			
		/*
		 * 子コンテンツ（左ナビありの場合）
		 */
		.contentsBody_doubleColumn {
			margin-top : 20px;
			}
			.contentsBody_doubleColumn .lay2col {
				}
				.contentsBody_doubleColumn .lay2col .col1 {
					z-index    : 900;
					width      : 240px;
					}
					#subNavigation {
						position   : relative;
						width      : 185px;
						padding    : 10px;
						background : url(../img/subNavigation/subNavigation_background.gif) repeat 0 0;
						}
						#subNavigation h2 {
							padding-top  : 10px;
							padding-left : 8px;
							font-size    : 153.9%;
							text-shadow  : rgba(255,255,255,1) 0 1px 0;
							}
							#subNavigation h2 span {
								padding-left : 2px;
								color        : #888888;
								font-size    : 9px;
								line-height  : 1.4;
								}
						#subNavigation dl,
						#subNavigation ul {
							margin-top : 15px;
							}
							#subNavigation dl dt {
								padding     : 12px 10px;
								color       : #333333;
								font-size   : 108%;
								line-height : 1.2;
								font-weight : bold;
								background  : #ffffff;
								zoom        : 1;
								}
							#subNavigation dl dd,
							#subNavigation ul li {
								margin-top : 1px;
								color      : #ffffff;
								font-size  : 93%;
								}
								#subNavigation dl dd span,
								#subNavigation ul li span {
									display    : block;
									padding    : 12px 10px 12px 22px;
									background : #444444 url(../img/listStyle_arrow_tilted_active.gif) no-repeat 10px 16px;
									zoom       : 1;
									}
								#subNavigation dl dd a,
								#subNavigation ul li a {
									display    : block;
									padding    : 12px 10px 12px 22px;
									background : #ffffff url(../img/listStyle_arrow_tilted.gif) no-repeat 10px 16px;
									zoom       : 1;
									}
								#subNavigation dl dd a:hover,
								#subNavigation ul li a:hover {
									background-color : #eaf6ff;
									}
							#subNavigation dl dd.detached {
								margin-top : 10px;
								}
					#icon_current {
						position : absolute;
						top      : 24px;
						right    : 0px;
						width    : 11px;
						height   : 21px;
						}
				.contentsBody_doubleColumn .lay2col .col2 {
					z-index        : 800;
					position       : relative;
					left           : -1px;
					width          : 680px;
					padding-left   : 30px;
					padding-bottom : 30px;
					background     : url(../img/img_dotBorderY.gif) repeat-y 0 0;
					}
					.contentsBody_doubleColumn .lay2col .col2 .pageTitle {
						margin-bottom  : 1em;
						padding-bottom : 15px;
						font-size      : 30px;
						background     : url(../img/pageTitle_background.gif) no-repeat 0 bottom;
						zoom           : 1;
						}

/* -----------------------------------------------------------------------------
	5. location
	
	body > #stage > #contentsContainer > #contents
----------------------------------------------------------------------------- */
#location {
	position : relative;
	clear    : both;
	width    : 950px;
	height   : 30px;
	margin   : 15px auto 0 auto;
	padding  : 0;
	zoom     : 1;
	}
	#location li {
		display     : block;
		float       : left;
		padding     : 0 8px 0 4px;
		font-size   : 93%;
		line-height : 28px;
		background  : url(../img/location/icon_arrow.gif) no-repeat right 48%;
		}
	#location li.lastChild {
		padding     : 0 8px;
		font-weight : bold;
		background  : none;
		}
		#location li a {
			padding : 4px 6px;
			}
		#location li a:hover {
			color                 : #ffffff;
			text-decoration       : none;
			-webkit-border-radius : 3px;
			-moz-border-radius    : 3px;
			border-radius         : 3px;
			background            : #adadad;
			background            : -moz-linear-gradient(top, #828282, #adadad 1px , #adadad);
			background            : -webkit-gradient(linear, center top, center bottom, from(#828282), color-stop(0.05, #adadad), to(#adadad));
			}

/* -----------------------------------------------------------------------------
	6. footerContainer
	
	body > #stage > #footerContainer
----------------------------------------------------------------------------- */
#footerContainer {
	position   : relative;
	background : #e7e7e7 url(../img/footer/footerContainer_background.gif) repeat-x 0 0;
	}
	#footer {
		position : relative;
		width    : 950px;
		margin   : 0 auto;
		padding  : 0 0 20px 0;
		}
		#footer .col1,
		#footer .col2,
		#footer .col3,
		#footer .col4 {
			position   : relative;
			float      : left;
			width      : 230px;
			min-height : 320px;
			height     : auto !important;
			height     : 320px;
			margin     : 2px 7px 0 0;
			background : url(../img/footer/footer_cols_background.gif) no-repeat 0 0;
			}
		#footer .col4 { margin : 2px 0 0 0; }
		#footer dl {
			margin : 20px 0 0 10px;
			}
			#footer dl dt {
				margin-top  : 10px;
				color       : #444444;
				font-size   : 93%;
				line-height : 2;
				font-weight : bold;
				text-shadow : rgba(255,255,255,1) 0 1px 0;
				}
				#footer dl dt span {
					margin-left  : 5px;
					padding-left : 8px;
					background   : url(../img/footer/labelSeparator.gif) no-repeat left 40%;
					}
				#footer dl dt a {
					color : #444444;
					}
				#footer dl dt a:hover {
					color       : #0098c4;
					text-shadow : none;
					}
					#footer dl dt a:hover span {
						background : url(../img/footer/labelSeparator_on.gif) no-repeat left 40%;
						}
			#footer dl dd {
				margin-left  : 10px;
				padding-left : 12px;
				color        : #444444;
				font-size    : 93%;
				line-height  : 1.5;
				background   : url(../img/footer/listStyle_arrow.gif) no-repeat 0 44%;
				zoom         : 1;
				}

/* -----------------------------------------------------------------------------
	7. copyrightsContainer
	
	body > #stage > #copyrightsContainer
----------------------------------------------------------------------------- */
#copyrightsContainer {
	position   : relative;
	border-top : 1px #cdcdcd solid;
	background : #ffffff;
	}
	#copyrights {
		position : relative;
		width    : 950px;
		margin   : 0 auto;
		padding  : 10px 0;
		}
		#getAdobeReader {
			position    : relative;
			float       : left;
			width       : 530px;
			}
			#getAdobeReader a {
				float : left;
				width : 170px;
				}
			#getAdobeReader p {
				float       : left;
				width       : 360px;
				font-size   : 10px;
				line-height : 1.4;
				}
		#copyright {
			position    : relative;
			float       : right;
			width       : 420px;
			font-size   : 85%;
			text-align  : right;
			}

/* -----------------------------------------------------------------------------
	8. returnToSiteTop
	
	body > #stage > #returnToSiteTop
----------------------------------------------------------------------------- */
#returnToSiteTop {
	position   : fixed;
	right      : 0;
	bottom     : 100px;
	width      : 30px;
	height     : 148px;
	z-index    : 1000;
	}
	#returnToSiteTop a {
		display    : block;
		padding    : 2px;
		background : #ffffff;
		}