﻿@charset "UTF-8";

/* ～～～　全体の設定　～～～ */

html {   overflow-y:scroll;}
body {    margin:0;   padding:0;   line-height:1.6;  font-family:Meiryo UI, sans-serif;    font-size:15px;
	 color:#333;	}
br {   letter-spacing:normal;}
a {   color:#000080;   text-decoration:none;}
a:hover {   text-decoration:underline;}
img {   border:0;   vertical-align:bottom;}
h1,h2,h3,h4,h5,h6 {   margin:0;}


/*～～～　ＴＯＰ　レイアウト　～～～ */
#box {   width:100%;  	 margin:0;   padding:0; 	 background :#fff;	}
#pr	{text-align:center;	font-size: 12px;}

/* ヘッダーとフォントサイズ変更ボタンのエリア */
#fsbox {width:895px;	margin:0 auto;}

/* フォントサイズ変更ボタン */
#fsboxsp	{display:none;}/*スマホ用*/
#fsbox span {margin: 0px 1px 0px;	background: #E3E4FF;	border: 1px #999999 solid;
		font-size: 14px;	list-style:none;	width:20px;	cursor:pointer;}
.header	{width:930px;		margin: 0 auto;	  }
.header h1 {height: 65px;	background:url(./img/logo500-65.png) no-repeat;	text-align:right;	font-size:16px;	margin-right:50px;}
.header h1 span	{color:#ff0000;	font-size:20px;}
.header01 	{height: 65px;	background:url(./img/logo500-65.png) no-repeat;	font-size:16px;	margin-right:50px;	text-align: right;}
.header02		{text-align: right;	color:#ff0000;	font-size:20px;}
.header h2	{width: 100%;	height:15px;	background: #000052;}	
.banner01	{margin: -65px auto 0;}/*透明ボタンをバナーに重ねる*/
.banner01sp	{display: none;}

.head	{width:930px;	height:420px; margin:0 auto;		padding: 0;}/*ギャラリー背景色はこちら*/
.head ul {border:solid 1px #333333;}
.headsp	{display:none;}




#headid	{width:930px;		margin: 0 auto;	}
#headid h1 	{height: 65px;	background:url(./img/logo290-65.png) no-repeat;		text-align:right;
		font-size:16px;	margin-right:50px;}
#headid h1 span	{color:#ff0000;	font-size:20px;}
#headidsp	{display:none;}





.photo {position:relative;
   overflow:hidden;
   width:688px;
   height:400px;	text-align:left;
   	list-style:none;

	padding-left:0;			margin:0;}


.photo li {
   position:absolute;	float:left;
	}


.ad	{width:100%;	text-align:center;	background:#E3E4FF;	border:solid 1px #ccc;		}

/* ～～～　　パンくずリスト　　～～～ */
.bread	{width :980px;	margin: 10px auto;	}
.bread p	{margin:0 20px;	font-size: 12px;}	



/* ～～～　メニュー　レイアウト 　～～～ */

#menu {    width:100%;   margin-bottom:10px;	height:40px;	background-image:url(./img/button-bl01.png);
		background-color:#005087;		background-position:left bottom;}
#menu ul {   width:930px;	margin:0 auto;   padding:0;	}
#menu li {   margin:0;   padding:0;   float:left;   font-size:13px;   color:#333;   text-align:center;   list-style-type:none;	}
#menu li a {   display:block;   width:150px;   padding:10px 0;   color:#ffffff;  line-height:20px;
		 background:url(./img/bg_menu01.png) 0 100% repeat-x;	border-right:solid 1px #ffffff;
		background-position:left bottom;}
#menu li a:hover {   text-decoration:none;   background:url(./img/bg_menu01.png) 100% 100% repeat-x;}
.menuli1	{border-left:solid 1px #fff;	} /* 左端のボタンの左側の線を書かせる　*/

.sp_menu	{display:none;}/*スマホメニュー*/
.sp_menu1	{display:none;}/*スマホメニュー*/
.sp_menu1 a	{display:none;}/*スマホメニュー*/

/* ～～～　コンテンツ　レイアウト 　～～～ */

#contentsBox	{width:930px; 	margin:0 auto;	}
#wrapper	{width:100%}

#contents	{width:100%;	float:left;	margin: -30px -260px 0 auto;	padding: 10px 0;}

#contents h1	{background-image:url(./img/menubar01.png);	background-repeat:repeat-x;	color:#ffffff;	font-size:14px;	
		padding-left:20px;	line-height:30px;	margin-top:30px;	margin-right:260px;}
#contents h2 {padding-left:5px; 		font-size:14px;		color:#000090;		line-height:1.2;
		background:url(./img/pin001.gif) no-repeat;	margin: 20px 260px 20px 10px;	}
#contents h3	{margin:-2px 262px 0 0; }	/*　トップページ内フレーム用　*/
#contents p	{margin-left: 30px;	margin-right:260px;}
#contents p span	{text-decoration: underline;}



/*　　---　沿革　－－－　*/
table.history	{	margin-left: 50px;	margin-right: 260px;	}
table.history tr	{border: solid 1px #dddddd;	line-height:28px;	}
table.history th	{text-align:left;	border: solid 1px #dddddd;	background: #b4b4ff;
			width: 150px;}
table.history td 	{text-align:left;	padding-left:30px;	border-bottom: solid 2px #b4b4ff;
			margin-right: 260px;}
	
/*　　---　組織図(p)　－－－　*/

#orglist	{width:100%;	margin:-2px -260px 0 auto;	font-weight: bold;	float:left;}
#orglist h1	{background-image:url(./img/menubar01.png);	background-repeat:repeat-x;	color:#ffffff;	font-size:12px;	
		padding-left:20px;	line-height:30px;	margin-top:30px;	margin-right:260px;}
#orglist h2	{padding-left:5px; 		font-size:14px;		color:#000090;		line-height:1.2;
		border-left:8px solid #000090;	margin: 20px 260px 20px 10px;	}
#orglist h3	{margin:10px 260px 0 400px;	width:150px;	height:20px;	padding: 5px 10px;	text-align: center;
		border: 2px solid #ddd;		color: #666;	font-size:12px;	}
#orglist h4	{margin:10px 260px 0 31px;	width:500px;	height:20px;	padding:5px 10px;	text-align:center;
		color: #666;	font-size:12px;		}
#orglist h4 span	{width:200px;	height:20px;	padding:5px 10px;	text-align:center;
			border: 2px solid #ddd;		color: #666;	font-size:12px;	}
#orglist h5	{margin:10px 260px 0 225px;		height:20px;	padding:5px 10px;	
		color: #666;	font-size:12px;		margin-top:0;			}
#orglist h5 span	{	height:20px;	padding:5px 10px;	text-align:center;	margin-top:0px;
			border: 2px solid #ddd;		color: #666;	font-size:12px;	}
#orglist h6	{margin:-40px 260px 0 255px;		padding:5px 10px;		}
#orglist h6 li	{width:200px;		padding:5px 10px;	text-align:left;	margin-top:-10px;
			color: #666;	font-size:12px;		list-style: none;}
#orglist h6 li	span	{width:200px;	height:20px;	padding:5px 10px;	text-align:center;	margin-top:0;
		border: 2px solid #ddd;		color: #666;	font-size:12px;		}

/*　　---　関連会社　－－－　*/
#affilicom	{width:100%;	margin:-2px -260px 0 auto;	font-weight: bold;	float:left;}
#affilicom h1	{background-image:url(./img/menubar01.png);	background-repeat:repeat-x;	color:#ffffff;	font-size:12px;	
		padding-left:20px;	line-height:30px;	margin-top:30px;	margin-right:260px;}
#affilicom h2	{padding-left:5px; 		font-size:14px;		color:#000090;		line-height:1.2;
		border-left:8px solid #000090;	margin: 20px 260px 20px 10px;	}
table.relation		{margin-left: 50px;}
table.relation tr	{line-height:28px;	}
table.relation th	{text-align:left;	border: solid 1px #dddddd;	background: #b4b4ff;	width: 230px;
			padding-left:20px;}
table.relation td 	{text-align:left;	padding-left:10px;	border-bottom: solid 1px #b4b4ff; width:300px;	}



.map	{text-align:center;	padding:10px 10px;	border:solid 1px #ddd;	}

/*　　---　申し込みボタン　－－－　*/
p.button a	{width:300px;	line-height:50px;	display:block;	background: url(./img/button.png);}
p.button img	{border:none;}
p.button a:hover	{background-position:left bottom;}



/* ～～～　右サイドバー　レイアウト 　～～～ */

#sidebar-right	{width:242px;		float: right;	padding-top: 9px;			}
#sidebar-right ul	{text-align:left;	}
#sidebar-right p	{list-style: none;	margin: 1px 0 0;	border: solid #666666 1px;	text-align: center;}
#sidebar-right p img {border:none;}

#right-side	{width: 100%;			text-align: center;
		margin: 0;}
#right-side h1	{background-color: #92c9ff;	line-height: 30px;	font-size: 14px;	
		border-bottom: solid #999999 1px;}
#right-side p	{	margin: 0;	font-size: 12px;}


/* ～～～　「ページの先頭」、「前のページに戻る」　～～～ */

.pageTop {   padding:0px 5px 0;  		}
.PB	{padding:0px 5px 0;   text-align:left;	margin: 0px 0 0;	 text-align:left;	 float: left;	clear: both;}
.PB a	{padding:0 0 0 12px;  background:url(./img/bg_list.gif) 0 60% no-repeat;	font-size: 12px;}
.PT	{padding:0px 5px 0;   text-align:right;	margin: 0px 0 0;	 text-align:right;			clear: both;}
.PT a	{padding:0 0 0 12px;   background:url(./img/bg_pagetop.gif) 0 60% no-repeat;	font-size: 12px;}

/* ～～～　フッターの設定　～～～ */

#footer {width: 100%;	background-image: url(./img/footer01.jpg);		margin: 0px auto;		
		background-repeat: repeat-x;	background-color :#000052;	text-align:center;	clear:both;   padding:30px 0; }
#footer a	{color: #fff;}
.copyright {   font-size:14px;	font-family:cataneo BT;	margin: 30px auto 10px;	color: #fff;}
