@charset "UTF-8";
body {
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: url(img/bg.png) repeat-x top ;
	margin: 0;
	padding: 0;
	color: #000;
	color:#333;
}

ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 15px;
}

a img { 
	border: none;
}

a.opacity{
   background-color:#FFF;
   display:inline-block;
}

a.opacity:hover img,
a.opacity:active img{
    -moz-opacity:0.7;
   opacity:0.7;
   filter:alpha(opacity=70);
}

a:link {
	color:#369;
}
a:visited {
	color:#369;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

hr {
	border:none;
	clear:both;
	padding:20px 0;
}

.container {
	width: 90%;
	max-width: 1000px;
	min-width: 700px;
	margin: 0 auto;
}
#catch {
	width: 100%;
	max-width:1000px;
	min-width: 700px;
	line-height:24px;
	font-size:0.9em;
	color:#369;
	height:24px;
}
#catch li  {
	display: inline;
	float:right;
	margin:0 5px;
}
#catch a {
	text-decoration:none;
	padding: 0 0 0 12px; 
	list-style-type: none;
	background:url(img/arrow.png) left no-repeat;
}

#header {
	height:128px;
}
#header h1.siteTitle {
margin: 0px;
}

/* --- メニュー --- */
#header ul.Gnavi {
width:100%;
max-width:1000px;
min-width: 700px;
height:41px;
position: absolute;
top: 97px;
margin: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.Gnavi li {
display: inline;
float:right;
line-height:41px;
margin:0 0 0 20px;
padding:0 15 0 15px;
}

#header ul.Gnavi li a{
	display:block;
	color:#333;
	text-decoration:none;
}

#header ul.Gnavi li a:hover,.select {
	border-bottom:#99d1e4 solid 5px;
}

#header ul.Gnavi li.select {
background: none;
}

.content {
	padding: 10px 0;
}

/* --- ページタイトル（下層ページ） --- */
h1.pageTitle {
margin: 0px 0 15px 0; 
padding: 8px 14px;
background-color: #fff; 
font-size: 1.5em;
font-weight:normal;
border-bottom:#9C9C9C solid 1px;
}

/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
#main {
float: left;
width: 660px;
margin-top:10px;
}



/* --- セクション（共通設定） --- */
#main div.section {
margin: 0 0 2em 0; 
}

/* --- 標準セクション --- */
/* 見出し */
#main div.normal h2 {
padding: 5px 8px;
background-color: #e0e0e0; 
font-size: 1.2em;
line-height:38px;
background:#f1f1f1;
border-left: #0499cc solid 7px;
font-weight:normal;
}


#p_main {
float: left;
width: 1000px;
margin-top:10px;
}



/* --- セクション（共通設定） --- */
#p_main div.section {
margin: 0 0 2em 0; 
}

/* --- 標準セクション --- */
/* 見出し */
#p_main div.normal h2 {
padding: 5px 8px;
background-color: #e0e0e0; 
font-size: 1.2em;
line-height:38px;
background:#f1f1f1;
border-left: #0499cc solid 7px;
font-weight:normal;
}



h2 a:link {
	float:right;
	font-size:0.8em;
	line-height:38px;
	text-decoration:none;
	padding-right:12px;
	color:#369;
	background-image:url(img/arrow.png);
	background-repeat:no-repeat;
	background-position:right;
}

h3 {
	margin:10px 0 10px 5px;
	background-image:url(img/maru.png);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 28px;
	line-height:26px;
	color:#006A8E;
	font-size:1.1em;
}
/* 段落 */
#main div.normal p {
margin: 0 5px 1em; 
line-height: 160%; /* 行の高さ */
}
/*  */
.hyo dl {
width: 630px;
padding:0px 15px;
}
.hyo dt {
margin: 15px 0;
width: 100px;
float: left;
padding: 7px 0 6px 10px;
line-height: 160%;
font-weight:bold;
border-left: 5px #90cae4 solid;
color:#369;
}
.hyo dd {
margin: 15px 0;
width:600px;
float: left;
padding: 7px 3px 6px 10px;
border-left: 2px #c0c0c0 solid;
line-height: 160%;
}

.p_hyo dl {
width: 930px;
padding:0px 15px;
}
.p_hyo dt {
margin: 15px 0;
width: 100px;
float: left;
padding: 7px 0 6px 10px;
line-height: 160%;
font-weight:bold;
border-left: 5px #90cae4 solid;
color:#369;
}
.p_hyo dd {
margin: 15px 0;
width:900px;
float: left;
padding: 7px 3px 6px 10px;
border-left: 2px #c0c0c0 solid;
line-height: 160%;
}



/* --- 新着情報（トップページ） --- */
#main div.update dl {
width: 630px;
padding:0px 15px;
}

#main div.update dt {
width: 6.7em;
float: left;
padding: 7px 0 6px 3px;
line-height: 160%;
font-weight:bold;
color:#666;
}

#main div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em;
border-bottom: 1px #c0c0c0 dotted;
line-height: 160%;
}

.imgR{
	float:right;
	padding:5px;
	border:#999 solid 1px;
}

.linkR a {
	font-weight:bold;
	color:#369;
	padding:5px 12px 0 0;;
	background:url(img/arrow.png) right no-repeat;
	text-decoration:none;
}

.button  {
	float:right;
	margin:10px 10px 0 0;
	padding:12px 45px 12px 12px;
	text-decoration:none;
	position: relative;
	background-color: #90cae4;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #67a8c5;
	background: #90cae4 url(img/arrowC.png) no-repeat right center;
}
.button:hover {
	background-color: #a1dcf7;
	box-shadow: 0 3px 0 #67a8c5;
}
.button:active {
	top: 3px;
	box-shadow: none;
}


/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */

/* --- サイドバー --- */
#nav {
float: left;
width: 320px; /* サイドバーの幅 */
margin-left:20px;
margin-top:10px;
}

/* --- セクション（共通設定） --- */
#nav div.section {
margin-bottom: 10px; 
}
/* 見出し */
#nav div.section h2 {
padding: 2px 8px;
background-color: #e0e0e0; 
font-size: 1em;
line-height:30px;
border-left: #0499cc solid 7px;
font-weight:normal;
}
/* 段落 */
#nav div.section p {
margin: 0 10px 0.7em; 
line-height: 130%; /* 行の高さ */
}

/* --- 標準セクション（グレー） --- */
#nav div.normal {
border: 1px #c0c0c0 solid;
}
/* 見出し */
#nav div.normal h2 {
background-color: #e0e0e0;
}

/* --- 強調セクション1（水色） --- */
#nav div.emphasis {
border: 1px #92c2dc solid;
}
/* 見出し */
#nav div.emphasis h2 {
background-color: #a7dcfc;
}




/*  TOPサービス */
#service {
  margin: 5px 0 0 0;
  padding: 0;
  list-style-type: none; 

}

#service li {
  width: 333px;
  height:120px;
  margin: 0;
  padding: 0;
  float:left;
}

#service a {
  text-indent: -9999px;
		display: block;
  text-decoration: none;  
		height:120px;
		background-image:url(img/service.png);
  background-repeat: no-repeat;
}

#menu1 a { background-position: 0 0; } /* 表示画像の位置を指定 */
#menu2 a { background-position: -333px 0px;  !important}
#menu3 a { background-position: -666px 0px;  !important}

#service  a:hover {
  text-decoration: none;
   background-image:url(img/service.png);
  background-repeat: no-repeat;
}

#menu1 a:hover { background-position: 0px -120px; } /* 入れ替え画像の位置を指定 */
#menu2 a:hover { background-position: -333px -120px;  !important}
#menu3 a:hover { background-position: -666px -120px;  !important}
/*   */

#main div.normal .Q {
	border-bottom:#369 solid 2px;
	padding:2px;
	font-weight:bold;
	color:#369;
	margin:20px 0 15px 20px;
	line-height:1.6em;
}

#main div.normal .A {
	padding:0 0 0 20px;
	line-height:1.4em;
}
.box {
	margin:20px 0 0 30px;
}
/**/
 table {
	margin:0 0 0 20px;
	width: 640px;
	border-top: 1px solid #cccccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	font-size: 100%;
}
 td {
	border-top: none;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	border-right: none;
	padding: 10px;
}
 th {
	border-top: none;
	border-bottom: 1px solid #cccccc;
	border-left: 6px solid #90cae4;
	border-right: none;
	background-color: #f3f3f3;
	font-weight: normal;
	padding: 10px;
	width:120px;
}
 th em {
	font-style: normal;
	color: #ff0000;
	padding-left: 5px;
}
.text1, .text2, .text3, .text4 {
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
	padding: 2px;
}
.text1 {
	width: 100px;
}
.text2 {
	width: 4em;
}
.text3 {
	width: 98%;
}
.text4 {
	width: 98%;
}
#submit_button {
	margin-top: 30px;
	float:right;
	margin:10px 10px 0 0;
	padding:12px 45px 12px 12px;
	text-decoration:none;
	position: relative;
	background-color: #90cae4;
	border-radius: 4px;
	color: #fff;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #67a8c5;
	background: #90cae4 url(img/arrowC.png) no-repeat right center;
	border-style: none;
	font-size:1.2em;

}
#submit_button:hover {
	background-color: #a1dcf7;
	box-shadow: 0 3px 0 #67a8c5;
}
#submit_button:active {
	top: 3px;
	box-shadow: none;
}

/*　リスト　*/
.katakana {
	list-style:katakana;
	margin:5px 0 5px 50px;
}
.katakana li{
	margin-bottom:5px;
}

.disc {
	list-style:disc;
	margin:5px 0 5px 50px;
}
.disc li{
	margin-bottom:5px;
}

.dotted {
	list-style:none;
	margin:0 0 0 20px;;
}
.dotted li{
	margin-bottom:5px;
	padding:10px 5px;
	border-bottom:dotted 1px;
}

#pageTop {
	clear:both;
	margin:30px 0 0 0;
	background:#999;
	border-radius:5px;
	color:#FFF;
	padding:5px;
	position:fixed;
	bottom:120px;
	right:20px;
	text-decoration:none;
	}
#pageTop:hover{
	background:#EEE;
	}


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footerBg {
	clear:both;
	padding:20px 0 10px 0;
	background-color: #e1e1e1;
}

/* --- フッタメニュー --- */
#footer {
	max-width:1000px;
	height:78px;
    margin: 0 auto;
	font-size:0.9em;
		line-height:36px;
}
#footer a {
	text-decoration:none;
	color:#069;
	padding:0 10px 0 0;
}
/* --- コピーライト --- */
#footer .copyright {
	line-height:36px;
}
#footer .privacy {
	float:right;
}
/* --- ▲フッタ内の設定終了 --- */
