@charset "utf-8";

/* HTMLスタイルのリセット
--------------------------------------------------------------------------*/
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, a, em, 
img, strike, strong, sub, sup, 
b, u, i, center, dl, dt, dd, ol, ul, li,
form, label, 
caption {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    list-style: none;
}
body {
	line-height:1.4;
	font-size:13px;
	border-top:3px solid #004DA1;
	color:#333;
}

/* リンク基本色 */
a { color:#4D4D4D; }
a:hover { color:#1094EB; }

hr {
	width:700px;
	margin:0 0 30px 0;
	text-align:left;
}
/* 構造
--------------------------------------------------------------------------*/
#wrapper {
	width:960px;
	margin:0 auto;
}
#header{
	width:100%;
	height:120px;
}
#main {
	width:700px;
	float:left;
}
#sub {
	width:220px;
	float:right;
}
#page-top {
	width:100%;
	clear:both;
	padding:20px 0 10px 0;
}
#pr-wrapper {
	width:100%;
	background:#FAFAFA;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding: 15px 0;
}
#pr {
	width:960px;
	margin:0 auto;
	text-align:center;
}
#footer {
	width:100%;
	height:120px;
}

/* 共通スタイル
--------------------------------------------------------------------------*/

h1 {
	width:700px;
	height:48px;
	font-size:19px;
	background:url(../../img/common/midashi1.jpg) repeat;
	margin:0 0 20px 0;
	color:#333;
}

h1 p { padding:11px 10px 11px 25px; }

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

h2 {
	color:#fff;
	margin:0 0 20px 0;
	line-height:1;
	font-size:15px;
	width:700px;
	background:#014DA1 url(../../img/common/arrow4.jpg) no-repeat 9px center;
}

h2 p {
	padding:10px 10px 10px 20px;
}

h3 {
	color:#336EB6;
	font-size:16px;
	padding:4px 0 4px 0;
	line-height:1.4;
	margin:0 0 10px 0;
	width: 700px;
}

h4 {
	padding:1px 0 1px 8px;
	border-left:4px solid #333;
	margin:0 0 5px 0;
	line-height:1;
	font-size:14px;
}

h5{
	font-size:14px;
	padding:0 0 10px 0;
}

.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }

.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }

.right{ text-align:right; }
.left{ text-align:left; }
.center{ text-align:center; }

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.bdr { padding:9px 0 }

.img-bdr { padding:5px;
border:1px solid #CCC; }

.center-banner {
	text-align:center;
	padding:0 0 15px 0;
}

/* インフォメーション */
ul.info-box {
	margin:0 0 15px 0;
	width:700px;
}

ul.info-box li {
	background:url(../../img/common/border_dot.gif) repeat-x bottom;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
}
.info-date {
	float:left;
	width:120px;
	font-size:14px;
}
.info-date p { padding:0 0 0 15px; }
.info-category {
	float:left;
	width:92px;
}

.info-title {
	float:left;
	width:487px;
}

.info-title a { font-size:14px; }


/* パンクズ */
#topic-pass {
	padding:0 0 6px 0;
	font-size:11px;
	width: 700px;
}

/* ヘッダー
--------------------------------------------------------------------------*/
#site-info{
	font-size:10px;
	background:url(../../img/common/border_dot.gif) repeat-x bottom;
	height:22px;
}

#site-info p{ padding:3px 0 0 3px; }
a#logo {
	display:block;
	float:left;
	width:470px;
	height:68px;
}
a#logo img { margin:12px 0 0 0; }
/* Yahoo検索 */
#search {
	width:250px;
	float:right;
	background:url(../../img/common/search_img.jpg) no-repeat left center;
	margin:20px 0 0 0;
}
input#search-text {
	background:url(../../img/common/yahoo_logo.jpg) no-repeat center;
	border:1px solid #809DB9;
	height:20px;
	margin:0 0 0 25px;
}

/* ナビゲーション */
ul#nav { clear:both; }
#nav li {
	float:left;
	width:137px;
	height:34px;
}
#nav li a{
	display:block;
	text-indent:-9999px;
	width:100%;
	height:34px;
}
#nav-top a{ background:url(../../img/common/nav.jpg) no-repeat 0px 0px; }
#nav-keiei a{ background:url(../../img/common/nav.jpg) no-repeat -137px 0px; }
#nav-hansoku a{ background:url(../../img/common/nav.jpg) no-repeat -274px 0px; }
#nav-ninshou a{ background:url(../../img/common/nav.jpg) no-repeat -411px 0px; }
#nav-kyosai a{ background:url(../../img/common/nav.jpg) no-repeat -548px 0px; }
#nav-kentei a{ background:url(../../img/common/nav.jpg) no-repeat -685px 0px; }
#nav-about a { background:url(../../img/common/nav.jpg) no-repeat -822px 0px; }

#nav-top a:hover { background:url(../../img/common/nav.jpg) no-repeat 0px -34px; }
#nav-keiei a:hover{ background:url(../../img/common/nav.jpg) no-repeat -137px -34px;}
#nav-hansoku a:hover{ background:url(../../img/common/nav.jpg) no-repeat -274px -34px; }
#nav-ninshou a:hover{ background:url(../../img/common/nav.jpg) no-repeat -411px -34px; }
#nav-kyosai a:hover{ background:url(../../img/common/nav.jpg) no-repeat -548px -34px; }
#nav-kentei a:hover{ background:url(../../img/common/nav.jpg) no-repeat -685px -34px; }
#nav-about a:hover { background:url(../../img/common/nav.jpg) no-repeat -822px -34px; }

/* サイドカラム
--------------------------------------------------------------------------*/

/* プロフィール */
#profile{
	border:1px solid #CCC;
	margin:0 0 8px 0;
	width:200px;
	font-size:12px;
}
#profile .inner{ padding:11px; }
#profile p{
	text-align:center;
	padding:0 0 6px 0;
}
#profile strong{
	display:block;
	padding:0 0 6px 0;
}
#profile-link { padding:6px 0 0 0; }

#sub ul{ padding:0 0 10px 0}

#sub li{
	background:url(../../img/common/arrow1.jpg) left center no-repeat;
	padding:3px 0 3px 10px;
	font-size:12px;
}
#sub li a{ color:#666; }

#side-banner img { margin:0 0 5px 0; }

#side-button-box{ padding:0 0 5px 0; }

#side-button-box img{ margin:0 0 4px 0; }

#sub h3 {
	background:#014DA1;
	padding:8px 8px 7px 8px;
	margin:0 0 8px 0;
	border:none;
	font-size:13px;
	width:190px;
	line-height:1;
	color:#fff;
}

ul.side-nav a {
	font-size:13px;
}
ul.side-nav li {
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}


/* PR
--------------------------------------------------------------------------*/
#pr p {
	text-align:left;
	padding:10px 0 5px 0;
}

#pr img { margin:0 18px 0 0; }

/* ページの先頭に戻る
--------------------------------------------------------------------------*/
#page-top .inner { text-align:right; }

#page-top a {
	text-align:right;
	color:#999;
}

/* フッター
--------------------------------------------------------------------------*/
#footer-logo {
	float:left;
	width:300px;
	height:80px;
}

#footer-logo img {
	margin:20px 0 0 10px;
}

#footer-nav {
	width:660px;
	float:right;
	text-align:right;
	padding:22px 0 0 0;
	line-height:1.6;
	font-size:12px;
}

#copyright {
	clear:both;
	text-align:right;
	background:url(../../img/common/border_dot.gif) repeat-x top;
	padding:10px 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}

#home-img {
	padding:0 0 15px 0;
}

/* トップ
--------------------------------------------------------------------------*/
h2#midashi_news {
	background:url(../../img/home/ttl_news.jpg) no-repeat;
	width:700px;
	height:34px;
	margin:0 0 15px 0;
	border:none;
	padding:0;
}

h2#midashi_event {
	background:url(../../img/home/ttl_event.jpg) no-repeat;
	width:700px;
	height:34px;
	margin:0 0 15px 0;
	border:none;
	padding:0;
}

h2 .midashi1 {
	width:500px;
	float:left;
	text-indent:-9999px;
}

h2 .midashi2 {
	width:80px;
	height:34px;
	float:right;
	background:url(../../img/common/arrow2.jpg) no-repeat center left;
}

h2 .midashi2 a {
	display:block;
	font-weight:normal;
	padding:10px 0 10px 12px;
	font-size:12px;
	color:#0D7ABF;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace
}

h2 .midashi3 {
	width:60px;
	float:right;
	padding:9px 0 0 0;
}
h2#midashi_business {
	background:url(../../img/home/ttl_business.jpg) no-repeat;
	width:700px;
	height:34px;
	text-indent:-9999px;
	margin:0 0 15px 0;
	border:none;
}
.sp-box {
	padding:0 0 25px 0;
}
.sp {
	float:left;
	width:220px;
	height:185px;
	background:url(../../img/home/sp_bg.jpg) no-repeat;
	margin:0 7px 10px 0;
}
.sp h3 {
	padding:14px 0 0 9px;
}
.sp p {
	padding:0 8px 2px 8px;
	font-size: 12px;
}

.sp div {
	text-align:right;
	padding:0 12px 0 0;
}

.news-box {
	margin:0 0 15px 0;
	border:2px solid #FFCACA;
	padding:20px;
}

/* リスト１ */
ul.list1 {
	width:700px;
}

ul.list1 li{
	padding:6px 0 0 5px;
	margin:0 0 10px 0;
	font-size:15px;
	color:#336EB6;
	background:url(../../img/common/border_dot2.jpg) repeat-x bottom;
}
ul.list1 li a{
	font-weight:bold;
	background:url(../../img/common/arrow3.jpg) no-repeat left 0px;
	padding:0 0 0 22px;
	font-size:14px;
	color:#336EB6;
	display:block;
	line-height:1;
	text-decoration:none;
}

ul.list1 li a:hover{
	color:#4F88CE;
}

ul.list1 li div{
	padding:8px 0 14px 22px;
	color:#333;
	font-size:13px;
}

.tbox{
	padding:0 0 30px 0;
	width: 690px;
	font-size:14px;
	line-height:150%;
}
/* リスト２ */
.list-box2{
	background:url(../../img/common/list2_bg.jpg) repeat-y left;
	margin-bottom: 15px;

}
.list2 {
	background:url(../../img/common/border_dot2.jpg) repeat-x bottom;
	padding:15px 0;
	width:700px;
}
.list-tit{
	float:left;
	width:200px;
	font-size:14px;
	font-weight:bold;
}
.list-tit strong{
	display:block;
	padding:8px 0 0 32px;
	background:url(../../img/common/arrow3.jpg) no-repeat 10px 12px;
}
.list-body{
	float:right;
	width:490px;
	font-size:14px;
}

/* リスト３ */
ul.list3 {
	padding:0 0 20px 0;
}
ul.list3 li {
	background:url(../../img/common/arrow3.gif) no-repeat left center;
	padding:5px 0 5px 20px;
}
ul.list3 li a {
	color:#4F88CE;
}
/* リスト4 */
ul.list4 li {
	padding:0 0 15px 0;
}
ul.list4 li strong {
	display:block;
}
ul.list4 li p {
	padding:0 0 0 22px;
}
/* リスト5 */
ul.list5 {
	padding:0 0 15px 0;
}

ul.list5 li {
	padding:0 0 2px 0;
	list-style:circle;
	margin:0 0 0 20px;
}
/* エラー */
ul.error {
	background:#FEF8F8;
	margin:0 0 15px 0;
	padding:15px;
}

/* テーブル1 */
table.ta1 {
	margin:0 0 30px 0;
}

table.ta1 td,table.ta1 th {
	margin:0 0 20px 0;
	border-bottom:1px solid #CCC;
	padding:8px 10px;
	text-align:left;
}


table.ta1 th a {
	text-decoration:none;
}
/* テーブル2 */
table.ta2 {
	margin:0 0 30px 0;
}

table.ta2 td,table.ta2 th {
	margin:0 0 20px 0;
	border-bottom:1px solid #CCC;
	padding:12px 10px;
	text-align:left;
}

table.ta2 th {
	width:150px;
	padding-left:25px;
}

table.ta2 td {
	width:450px;
}
table.ta2 td span {
	font-size:12px;
	color:#666;
	padding:3px 0
}
table.ta2 th span {
	font-weight:normal;
	color:#F63;
	font-size:11px
}
/* テーブル3 */
table.ta3 {
	margin:0 0 15px 0;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}

table.ta3 td,table.ta3 th {
	margin:0 0 20px 0;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:8px 14px 8px 14px;

}
table.ta3 th {
	background:#F8F8F8 url(../../img/common/arrow6.gif) 15px center no-repeat;
	line-height:1;
	text-align:left;
	padding-left:28px;
}



.button-box {
	text-align:center;
	padding:20px 0;
	width:700px;
	background:#F5F5F5;
	border-top:2px solid #999;
}
.button-box input{
	width:150px;
	height:28px;
}

.frm_text1{
	border:1px solid #CCC;
}


/* 戻るボタン */
.prev-btn {
	text-align:right;
	width:700px;
	padding:20px 0 15px 0;
}
/* ボックス1 */
.box1 {
	background:#F6F6F6;
	border:1px solid #D3D3D3;
	width:700px;
}
.box1 .inner {
	padding:13px 22px;
}

.box1 h5 {
	padding:5px 0 10px 0;
	color:#333;
	font-size:15px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.box1 p{
	background:url(../../img/common/arrow3.gif) no-repeat left center;
	padding:10px 0 15px 20px;
}

.box1 a{
	color:#4F88CE;

}

/* ボックス２*/
.box2 {
	width:340px;
	border:1px solid #C8C8C8;
	float:left;
	margin:0 8px 10px 0;
	min-height:170px;
	height: auto !important;
	height: 170px;
}

.box2 h4 {
	background:#ECECEC;
	margin:1px;
	border:none;
	color:#333;
}

.box2 h4 p {
	padding:10px 13px;
	padding:4px;
}

.box2 ul {
	padding:13px; 
}

.la1 {
	float:left;
	width:220px;
	padding: 0 0 20px 0;
}

.la2{
	float:left;
	width:480px;
	padding: 0 0 20px 0;
}
.la1 img {
	margin:0 0 0 10px;
}
.clear { clear:both; }
/* イメージ */

.img-box1{
	text-align:center;
	margin:20px;
}

/* QA */
.q {
	font-size:16px;
	font-weight:bold;
	padding:0 0 10px 0;
	color:#C30;
}
.q span{
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}
.answer {
	font-size:14px;
	padding:0 0 10px 0;
	border-bottom:1px solid #CCC;
	margin:0 0 15px 0;
}
.answer span{
	font-size:22px;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}

/* インデックス */

.ibox1 {
	width:330px;
	float:left;
	background:url(../../img/common/border3.jpg) repeat-y right;
	margin:20px 0 20px 0;
	font-size:14px;
	min-height:130px;
	height: auto !important;
	height: 130px;
}
.ibox2 {
	width:330px;
	float:left;
	margin:20px 0 20px 0;
	font-size:14px;
	min-height:130px;
	height: auto !important;
	height: 130px;
}

.ibox1 p,.ibox2 p{
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:6px 6px 6px 14px;
	background:url(../../img/common/arrow5.jpg) no-repeat left center;
	margin:0 0 10px 0;
	line-height:1;
}

.ibox1 .inner,.ibox2 .inner {
	padding:5px 20px 10px 20px;
}

/* 詳細ボタン */

.detail{
	text-align:right;
	font-size:13px;
	padding:10px 0 0 0;
}
.detail a{ 
	color:#336EB6;
}

.red {
	color:#C00;
}

.sub-nav {
	background:#F3F3F3;
	border:1px solid #CCC;
	margin:0 0 10px 0;
	padding:12px 20px;
	line-height:180%;
	font-size:11px;
}

.jobbox {
	padding:15px;
	border:1px solid #EFEFEF;
	margin:0 0 15px 0;
}

.jobbox a{
	color:#06C;
}

#custom-html table {
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin:0 0 10px 0
}

#custom-html table td,#custom-html table th {
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	padding:5px;
	font-weight:normal;
}