@charset "UTF-8";

@import url("contents.css?202406261358");

/************************************************
 共通設定
************************************************ */

*{ 
	margin: 0; 
	padding: 0; 
	border: 0;
	list-style: none; 
}

body {
    color: #333;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #fff;
    font-size: 72.5%;
    line-height: 150%;
    letter-spacing: 0.1em;
}

html,body{
	height:100%;
	padding:0;
	margin:0;
}

br {
	letter-spacing:normal;
}

a{
	text-decoration:none;	
}

a.news_listhref{
	color:#4a4948;
	text-decoration:none;
}

a.news_listhref:hover {
	color:#4a4948;
	text-decoration:none;
}

a.news_listtext{
	color:#666563;
	text-decoration:none;
	font-weight:600;
}

a.news_listtext:hover {
	color:#134b95;
	text-decoration:none;
	font-weight:600;
}

img {
	border:0;
	vertical-align:bottom;
}

iframe{
	margin-left:37px;
	margin-top:10px;	
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
}

div.clear {
	clear:both;
	float:none;
}

p{
	padding:0;
	margin:0;
}

/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */

.frame_outer {
	width:100%;
	margin:0 auto;
	position:relative;
	min-height:100%;
}

/* コンテンツ */
#container {
    margin: 0 auto;
    padding: 10px 0 0 0;
    width: 960px;
    background: #fff;
    text-align: left;
	padding-bottom:236px;
		
}

/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */

div#header_wrap {
    min-height: 649px;
    background: url("../img/header/bg_header.jpg") repeat-x top #fff;
}

div#header_wrap1 {
    min-height: 380px;
    background: url("../img/header/bg_header.jpg") repeat-x top #fff;
}

#header{
    margin: auto;
    width: 960px;
    min-height:164px;
}

#header #area_box{
	position: relative;
	top:0;
	left:0;
	text-align:left;
}

#header #logo_area{
	position:absolute;
	top:66px;
	left:21px;
}

#header #logo_area2{
	position:absolute;
	top:54px;
	right:5px;
	text-align:right;
	color:#666;
}

#header #logo_area2 p{
	line-height:24px;
}

#header #logo_area3{
	position:absolute;
	top:30px;
	left: 400px;
	width: 200px;
}

#header #logo_area3:hover{
	opacity: 0.6;
	filter: brightness(110%); 
}

#header #logo_area3 img{
	width: 100%;
}


div#header_com{
	position:absolute;
	top:11px;
	left:0px;
	width:960px;
}

#header div#h1_01{
	float:left;
	padding-left:43px;
	color:#6699cc;
	width:225px;
}

#header div#h1_01 h1{
	font-size:12px;
	font-weight:normal;
}

#header div#h2_01{
	float:right;
	text-align:right;
	padding-right:35px;
	color:#666;
}
#header div#h2_01 h2{
	font-size:11px;
	font-style:normal;
	font-weight:normal;
}

#header div.line01{
	position:absolute;
	top:31px;
	left:0px;
}
#header div#topimg{
	position:absolute;
	padding:0;
	margin:0;
	top:217px; 
	left:0px;
}

#header div#topimage{
	position:absolute;
	padding:0;
	margin:0;
	top:217px; 
	left:0px;
}

a.pan{
	color:#595858;

}

div#pankuzu{
	margin-left:10px;
	margin-bottom:10px;
	color:#595858;
	height:20px;
	width:500px;
}

/*--------   ナビゲーション  ----------*/

#header ul#topnav{
	position:absolute;
	padding:0;
	margin:0;
	top:149px; 
	width: 961px;
}

#header ul#topnav li{
	float:left;
	list-style:none;
}

#header ul#topnav a{
	float:left;
	margin:0px;
}

/*-- アコーディオン用`*/

#header ul#topnav ul.nav{
    height:48px; overflow:
    hidden; background: #666;
    color:#eee; width: 192px;
    font-size:14px;
    text-align: center;
    float: left;
}

#header ul#topnav ul.nav li{
    height:48px;
    line-height:48px;
    width:192px;
}

#header ul#topnav ul.nav li a{
    height:48px;
    line-height:48px;
    color:#ffcc66;
    text-align:left;
    padding-left:20px;
}

#header ul#topnav ul.nav li:hover{
    background: #333;
    cursor: pointer;
}

#header ul#topnav ul.nav li.first a{
    padding-left:0px;
}

/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */

#main_column {
    padding: 0;
}

/* 1カラム時 */

#main_column.colnum1 {
    margin: 0 auto;
    width: 80%;
}

/* 2カラム時 (共通) */

#main_column.colnum2 {
	float:right;
    width: 710px;
}

/* 2カラム時 (メイン部が左) */

#main_column.colnum2.left {
    width: 214px;
    float: left;
}

#main_column.colnum2.left img{
	margin-bottom:10px;
}

#main_column.colnum2.left div.box01 img{
	padding:0;
	margin:0;
}

#main_column.colnum2.left div.box01{
	padding-bottom:20px;
}

/* 2カラム時 (メイン部が右) */

#main_column.colnum2.right {
    width: 210px;
    float: right;
	padding-left:40px;
}

/* ----------------------------  サイドメニュー　 ----------------------------- */

#side {
	
}

#side .section {
	margin-bottom:10px;
}

#side a#img_fix {
	position:fixed;
	float:left;
}

/* ----------------------------  ボックス 　　　　　--------------------------- */
/* --------------  box1　--------------- */

.box1 {
	width:750px;
	padding:15px 0 0 0;
}

/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */

.clearfix:after {
    display: block;
    clear: both;
    height: 0px;
    line-height: 0px;
    visibility: hidden;
    content: ".";
}
.clearfix {
    display: block; /* for IE8 */
}


/* ==============================================
 フッター
=============================================== */

div#pagetop {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

div#pagetop a{
	text-decoration:none;
	color:#CCC;
	line-height:16px;
}

div#pagetop img{
	padding:3px 0;
}

div#pagetop div#pagetop_box {
    margin: 0 auto;
	text-align:center;
	width:961px;
	padding:5px 0;
}

#pagetop {
    width: 210px;
    text-align: center;
}

#footer_wrap {
	position:absolute;
	bottom:0;
	width:100%;
	background:url(../img/footer/bg_footer02.jpg) no-repeat bottom ,url(../img/footer/bg_footer.jpg) repeat-x bottom;
	height:463px;	
}

#footer {
    margin: auto;
    width: 961px;
}

#copyright {
	padding-top:65px;
    width: 910px;
    float: right;
    text-align:center;
    font-size: 100%;
	color:#FFF;	
}

#footer_left{
	margin-top:100px;
	float:right;
	text-align:left;
	color:#ffffff;
}

p.footer_rihgt_title{
	font-size:22px;
	font-weight:600;		
}

p.footer_direct01{
	font-size:11px;
	padding-top:4px;	
}

p.footer_direct02{
	font-size:11px;
}

.footernavi{
	float:left;
	margin:90px 0 0 0;
	text-align:left;
	width:206px;	
	padding:5px 0 0 0;
	margin-right:10px;
}

.footernavi ul{
	margin: 0; 
	padding: 0; 
	list-style: none; 
}
.footernavi li{
	margin-right:0px;
}

li.footer_link01{
	border-bottom:1px solid #e4c0d4;
	font-size:12px;
	padding-bottom:4px;		
}

li.footer_link02{
	font-size:12px;
	padding-top:4px;
	padding-left:8px;		
}

li.footer_link03{
	border-bottom:1px solid #e4c0d4;
	font-size:12px;
	padding-bottom:4px;
	margin-top:21px;
}

.footernavi li a{
	display: block; 
	color:#ffffff;
	text-decoration:none;
}
.footernavi li .arrow{
	margin-top:10px;
	/*background: url("../img/common/arrow02.gif") 0px 5px no-repeat;*/
}

.footernavi a:hover{
	color:#ffffff;
	text-decoration:none;
	/*background: url("../img/icon/arrow05_on.gif") 0px 3px no-repeat;*/
}

.footernavi_title{
	padding:5px 10px 0 0;
	float:left;
	color:#ffffff;
}

div.eigyou_link{
	color:#ffffff;
	margin-top:20px;
	padding-left:25px;
	padding-top:8px;
	padding-bottom:8px;
	border:2px solid #ffffff;
}