@charset "Shift_JIS";

/* /////////////////////////////////////////////////////////////////////////// commonを上書き */

html{
	background-color:#f2f2f2;
}

/* ==========================================================================
   アクセシビリティ
   ========================================================================== */

#blockskip {
/*  background-color: #999;*/
  font-size: 123.07692%;
  height: 1px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: -1px;
  width: 100%;
  z-index: 5;
}

#blockskip a {
/*  color: #999;*/
  overflow: hidden;
}

.show {
  background-color: #f2f3f5 !important;
  border-bottom: solid 1px #999 !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

.show a {
  background-color: #f2f3f5;
  color: #000 !important;
  font-size: 100% !important;
}


/* /////////////////////////////////////////////////////////////////////////// layoutから移動 */

/* グレーのグラデーション */

div#side div.sideStyle01{
	margin:20px 0 0 0;
	padding:5px 10px 0;
	width:200px;
	background:#FFF url(/common/css/shift/img/side_gradation.jpg) repeat-x left top;
}

	div#side div.sideStyle01 p,
	div#side div.sideStyle01 ul li{
		margin-top:5px;
		text-align:center;
	}

/* topicpath */

div#topicpath{
	padding-top:7px;
	padding-bottom:6px;
	width:620px;
	margin:0 auto 30px;
}

	div#topicpath ul{
		padding-left:10px;
		padding-right:10px;
	}
		div#topicpath ul li{
			display:inline;
			font-size: 93% !important;
		}
		div#topicpath ul li img{
			/*vertical-align:middle !important;*/
			padding-right:4px;
		}

div#contents a{
	color:#333333;
	text-decoration:underline;
}

div#contents a:visited{
	color:#333333;
	text-decoration:underline;
}

div#contents a:hover{
	color:#333333;
	text-decoration:none;
}

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

div#header{
	width:100%;
	background:#cfd3d9 url(img/header.gif) repeat-x left top;
}

	div#headerIn{
		margin:0 auto;
		width:960px;
	}
	
	div#header #siteTtl{
		padding-bottom:22px;
		/*padding-top:21px;*/
		float:left;
	}
	
		div#header #siteTtl img{
			margin-top:21px;
		}

	div#header #f_ci{
		padding-top:38px;
		float:right;
	}


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

div#contents{
	margin:0 auto;
	padding:0 40px 50px 30px;
	width:890px;/*960px*/
	background-color:#FFFFFF;
}

div#main{
	float:left;
	width:620px;
}

div#side{
	padding-top:29px;
	float:right;
	width:220px;
}

/* /////////////////////////////////////////////////////////////////////////// side */

div#side ul#f_nav{
	margin-bottom:23px;
}
div#side ul#f_nav li{
	font-size:93%;
	zoom:1;
}

	div#side ul#f_nav ul.f_snavIn{
		padding-top:7px;
		padding-bottom:13px;
		background:url(img/snavin_bg.gif) repeat-x left top;
	}
		div#side ul#f_nav ul.f_snavIn li{
			padding-left:35px;
			padding-right:15px;
			background:transparent url(/common/css/shift/img/snavin_line.gif) no-repeat 20px 1.5em;
			font-size:100%;
			zoom:1;
			line-height:1.5;
		}
		
			div#side ul#f_nav ul.f_snavIn li a,
			div#side ul#f_nav ul.f_snavIn li.active span{
				padding-bottom:10px;
				padding-top:10px;
				display:block;
				zoom:1;
			}
		

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

div#footer{
	margin:0 auto;
	padding-bottom:30px;
	width:960px;
}

p#copyright{
	margin-top:28px;
	text-align:center;
}

/* =================================================================================

 parts

================================================================================= */

div.text p,
p.text{
	text-indent: 1em;
	text-align: justify;
	text-justify: distribute;
}

#f_title{
	margin-bottom:21px;
}

/* 左右に10px */

.section{
	padding-left:10px !important;
	padding-right:10px !important;
}

/* 行間 */

div#sectionWrap p.lh17{
	line-height:1.75;
}

/* グレーラインボックス */

div#sectionWrap .gline{
	margin-top:25px;/*30px*/
	padding:17px 20px 18px;/*20px*/
	border:2px solid #d9d9d9;
	background-color:#fcfcfc;
	text-align:center;
}

div#sectionWrap p.gline{
	font-size:93%;
}



/* ライン付きタイトル */

div#sectionWrap .lineTtl {
	font-size:123.1%;
	font-weight:bold;
	padding-bottom:10px;
	background:transparent url(/common/css/shift/img/title_line.gif) repeat-x scroll left bottom;
	margin-bottom:20px;
}


/* =================================================================================

 top

================================================================================= */

div#messageArea{
	padding-top:51px;
}

	div#messageArea p{
		margin-bottom:15px;
		font-family:'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','細明朝体';
		line-height:2;
	}
	
	div#sectionWrap div#messageArea p a{
		color:#4D4D4D;
		text-decoration:none;
	}


/* =================================================================================

 outline

================================================================================= */

div#mainIn h1.olttl{
	margin-bottom:27px;
}

div#outlineWrap01 .fl{
	border:2px solid #d9d9d9;
	border-top:1px solid #d9d9d9;
	width:376px;
}

	div#outlineWrap01 .fl h2,
	div#outlineWrap01 .fl p,
	div#outlineWrap01 .fl dl{
		padding-left:20px;
		padding-right:20px;
	}
	
	div#outlineWrap01 .fl p,
	div#outlineWrap01 .fl dl{
		margin-bottom:13px;
		margin-top:12px;
	}
	
	div#outlineWrap01 .fl h2{
		padding-bottom:13px;
		padding-top:12px;
		font-weight:bold;
		font-size:108%;
		background-color:#e6e6e6;
		border-top:1px solid #d9d9d9;
		border-bottom:1px solid #d9d9d9;
	}
	
	div#outlineWrap01 .fl dl dt,
	div#outlineWrap01 .fl dl dd{
		padding-left:9px;
	}
	div#outlineWrap01 .fl dl dt{
		background:url(img/icon/circle.gif) no-repeat left center;
	}

/* =================================================================================

 support

================================================================================= */

div#spfirst{
	margin-top:25px;
}

div.supportWrap01{
	margin-right:-30px;
	margin-top:32px;
	padding-bottom:17px;
	background:url(img/box01_btm.gif) no-repeat left bottom;
	width:650px;
}

div.supportWrap01In{
	background:url(img/box01_mdl.gif) repeat-y left top;
}

div.supportBox{
	margin-right:30px;
	width:295px;
	float:left;
	/display:inline;
}

	div.supportBox p{
		padding:12px 20px 0;
	}

/* /////////////////////////////////////////////////////////////////////////// 02.html */

div.supportWrap02{
}

div.supportWrap02 div.wrap02txt{
	width:420px;
	float:right;
}
	
	div.supportWrap02 div.wrap02txt p.text{
		margin-top:-4px;
		min-height:122px;/*143px*/
		height:auto !important;
		height:122px;
	}

div.supportWrap02 p.wrap02img{
	/*margin-top:4px;*/
	width:150px;
	float:left;
}

/* /////////////////////////////////////////////////////////////////////////// 03.html */

div#supportWrap03{
	margin-top:25px;
	padding-bottom:25px;
	width:620px;
	background:#fcfcfc url(img/box02_btm.gif) no-repeat left bottom;
}

	div#supportWrap03 #wrapTop{
		padding:24px 20px 18px;
		width:580px;
		background:#fcfcfc url(img/box02_top.gif) no-repeat left top;
	}

div#supportWrap03In{
	padding-left:20px;
	padding-right:20px;
	width:580px;
	background:#fcfcfc url(img/box02_mdl.gif) repeat-y left top;
}

	div#sectionWrap div#supportWrap03In h2{
		margin-top:20px;
		margin-bottom:15px;
	}
div.support03box{
	margin-bottom:30px;
}

	p#sp03text{
		float:right;
		width:275px;
	}
	
	p#sp03img{
		float:left;
		width:275px;
	}

/* /////////////////////////////////////////////////////////////////////////// 03.html */

div#supportWrap04a{
	margin-bottom:32px;
}

	p#sp04atext{
		float:right;
		width:420px;
	}
	
	p#sp04aimg{
		float:left;
		width:150px;
	}
	
div#supportWrap04b{
}

	p#sp04btext{
		float:right;
		width:280px;
	}
	
	p#sp04bimg{
		float:left;
		width:285px;
	}

/* =================================================================================

 action

================================================================================= */

p#acread{
	margin-bottom:22px;
}

div.actionWrap01{
	margin-top:30px;
}

	div.actionWrap01 .ac01text{
		float:right;
		width:280px;
	}

	div.actionWrap01 p.ac01img{
		float:left;
		width:285px;
	}
	
	
/* =================================================================================

 inorinomori

================================================================================= */	
	
div.inoriWrap01{
	margin-top:30px;
}

	div.inoriWrap01 .inoritext{
		float:right;
		width:280px;
	}

	div.inoriWrap01 p.inoriimg{
		float:left;
		width:285px;
	}
div.text2 p, p.text2 {
	text-indent: 0em;
	text-align: justify;
	text-justify: distribute;
}
div.text3 p, p.text3 {
	text-indent: -1em;
	text-align: justify;
	text-justify: distribute;
	margin-left: 1em;
}
div.text4 p, p.text4 {
	text-indent: -1em;
	text-align: justify;
	text-justify: distribute;
	margin-left: 2em;
}
.accessMap  {
	height: 500px;
	width: 600px;
	background: #CCC;
}
.accessMap2 {
	height: 600px;
	width: 600px;
	background: #CCC;
}
#accessMap {
	height: 500px;
	width: 600px;
	background: #CCC;
}
#accessMap2 {
	height: 600px;
	width: 600px;
	background: #CCC;
}
.text2 span {
	font-weight: bold;
}
div#sectionWrap .gline2 {
	margin-top: 0px;/*20px*/
	border: 2px solid #d9d9d9;
	background-color: #fcfcfc;
	text-align: center;
	width: 260px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#sectionWrap p.gline2 {
	font-size: 93%;
}
#access dl{
	margin: 0px;
	padding: 0px;
	width: 600px;
}

#access dl dt{
	/*左に寄せる*/
	float: left;
	/*後続の左寄せを解除*/
	clear: left;
	width: 36px;
	margin: 0px 0.5em 0px 0px;
	padding: 0px;
}
#access dl dd{
	float: left;
	width: 550px;
}