/* CSS Document */


*{ margin:0; padding:0;}
img{ border:0;}

body{
     font-size:13px;/* モダンブラウザ向け */
	 *font-size: small;/* IE 7向け */
	 *font-size: x-small;/* IE 6以下 */	
	 font-family:Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
	 }

body{ text-align:center;}


a{ color:#0000FF; text-decoration:underline;}
a.hover{ color:#00CCFF;}

p,th,td,li{ font-size:100%; line-height:160%; letter-spacing:0.1em; color:#333333;}

table{ margin:auto;}
div{ margin: auto;}

/***▼テキスト関連▼***/
span.t10{ font-size:10px;}
.t11{ font-size:11px;}
.t12n{ font-size:12px; font-weight:normal;}
.t12{ font-size:12px;}
.t13{ font-size:13px;}
.t14{ font-size:14px;}
.t15{ font-size:15px;}
.t16{ font-size:16px;}
.t18{ font-size:18px;}
.t20{ font-size:20px;}

.t_red{ color:#FF0000;}
.t_red_b{ color:#FF0000; font-weight:bold;}
.t_red11{ color:#FF0000; font-size:11px;}
.t_blu{ color:#4B5B87;}
.t_blu2{ color:#0000FF;}
.t_or{ color:#F4B553;}
.t_gly{ color:#999999;}
.t_gly11{ color:#999999; font-size:11px;}
.t_g11{ color:#666666; font-size:11px;} 
.t_no{ color:#333333;}
.t_ul{ text-decoration:underline;}

.essential{ color:#CC0000; font-size:10px;}
.rei{ color:#999999; font-size:10px;}

.t_b{ font-weight:bold;}
.t_ul{ text-decoration:underline;}

.clr_sps{ clear:left; height:1px;}
/*.b_h{ border:1px dotted #FFCC00;}*/

.CNT{ text-align:center;}
.R{ text-align:right;}
.L{ text-align:left;}
/***▲テキスト関連▲***/

/*-------------------------------------------------------------------------

  共通
  
-------------------------------------------------------------------------*/

#t_bg {
  text-align:center;
  background:url(../images/top_bg.jpg) repeat-x scroll top center;
  margin:0 auto;
  padding:0;
  width:100%;
}

#b_bg {
	text-align: center;
	background:url(../images/common/bottom_bg.jpg) repeat-x scroll bottom center;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	}
	
#container {
	width: 950px;
	margin: 0 auto;
	}
	
#container .header {
	height: 105px;
	padding-top: 5px;
	}
	
#container .header .logo_top {
	float: left;
	display: inline;
	}
	
#container .header .info {
	float: right;
	display: inline;
	}
	
#container .header .info .nl_bg {
	width: 274px;
	height: 100px;
	float: left;
	display: inline;
	background: url(../images/top/newsletter_bg.jpg) no-repeat scroll center center;		
	}
	
#container .header .info .nl_bg .mypage {
	width: 120px;
	float: left;
	display: inline;
	margin: 0 10px 0 auto;
	padding-top: 32px;
	}
	
#container .header .info .nl_bg #newsletter {
	width: 95px;
	height: 78px;
	margin-left: 166px;	
	}
	
#container .header .info #newsletter div {
	padding: 8px 0 0 0px;
	}
	
#container .header .info .tel {
	width: 260px;
	float: left;
	display: inline;
	margin-top: 6px;
	}
	
#container .header .info .tel p {
	letter-spacing: 0;
	text-align: right;
	line-height: 120%;
	}
	
#container .header .info .tel p.ad {
	font-size: 13px;
	}
	
#container .header .info .tel p.tel01 {
	font-size: 20px;
	background: url(../images/common/icon_tel01.jpg) no-repeat scroll 74px 4px;
	display: block;
	}
	
#container .header .info .tel p.tel01_t {
	display: none;	
	}
	
#container .header .info .tel p.tel02 {
	font-size: 20px;
	background: url(../images/common/icon_tel02.jpg) no-repeat scroll 74px 4px;
	color: #FF9900;
	}
	
#container .header .info .tel p.mail {
	font-size: 14px;
	color: #FF9900;
	}
	
#container .header .info .tel p a {
	text-decoration: none;
	color: #333;
	}
	
#container .header .info .tel p.mail a {
	color: #FF9900;
	}
	
#container .header .info .tel p a:hover {
	text-decoration: none;
	}
	
#container .header .info .tel p.mail a:hover {
	text-decoration: underline;	
	}
	
#container .globalnavi {
	margin-top: 0;
	z-index: 1;
	}

/* メインメニュー */	
#container .globalnavi ul {
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
/* サブメニュー1段目 */
#container .globalnavi ul ul {
	display: none;
	position: absolute;
	top: 42px;
	left: 0;
	}
	
/* サブメニュー2段目以降 */
#container .globalnavi ul u ul {
   top:0;
   left:100%;
   }
   
/* リスト */	
#container .globalnavi li {
	float: left;
	display: inline;
	}
	
#container .globalnavi li li {
	width: 228px;
	clear: both;
	background-color: #ccc;
	border: solid #999;
	border-width: 0 1px 1px 1px;
	padding: 0.2em 0;
	text-align: left;
	}
	
#container .globalnavi li li a {
	text-decoration: none;
	color: #666;
	padding-left: 0.5em;
	display: block;
	z-index: 200;
	}
	
#container .globalnavi li:hover {
   position:relative;
   background-color: #f2f2f2;
}

#container .globalnavi li:hover > ul {
   display: block;
   z-index: 200;
}
	
/** 20120705変更
	
#container .globalnavi .navi {
	float: left;
	display: inline;	
	}
	
**/
	
#container .main_image {
	width: 950px;
	height: 333px;
	clear: both;
	margin: 0 auto;
	background: url(../images/top/main_image.jpg) no-repeat scroll top center;
	text-align: left;
	}
	
#container #slide #banner ul li a {
	z-index: 0;
	}
	
#container .main_image .logo {
	width: 343px;
	margin: 0 auto 0 16px;
	padding-top: 32px;
	}
	
#container #slide2 {
	width: 950px;
	margin: 0 auto;
	}
	
#container #slide2 .voice_title {
	width: 200px;
	float: left;
	display: inline;
	}
	
#container #slide2 #mov2 {
	width: 730px;
	float: left;
	display: inline;
	margin: 0 auto 0 6px;
	}
	
#container .c_menu {
	}
	
#container .c_menu .row {
	}
	
#container .c_menu .row .sub {
	float: left;
	display: inline;
	margin: 0 2px 0 auto;
	} 
	
#container .left {
	width: 474px;
	height: 280px;
	float: left;
	display: inline;
	background: url(../images/top/bg01.jpg) no-repeat scroll top center;
	margin: 24px auto 0 auto;
	position: relative;
	}
	
#container .left .l_box {
	width: 200px;
	float: left;
	margin: 40px auto 0 20px;
	}
	
#container .left .l_box div#cal_pic {
	width: 200px;
	height: 151px;		
	}
	
#container .left .l_box p {
	text-align: left;
	/** padding: 0 0 0.4em 1.8em; **/
	padding: 0 0 0.4em 0.2em;
	}
	
#container .left .l_box p img.cal_bg {
	vertical-align: middle;
	}
	
/** 
#container .left .btn {
	width: 440px;
	text-align: left;
	margin: 30px auto 0 auto;
	}
 **/
	
#container .left .f_btn {
	text-align: center;
	margin: 20px auto 0 auto;
	}
	
#container .left .f_btn img {
	vertical-align: middle;
	}
	
#container .left .r_box {
	width: 230px;
	float: left;
	display: inline;
	margin: 20px auto 0 15px;
	text-align: left;
	}
	
.mac #container .left .r_box {
	width: 230px;
	float: left;
	display: inline;
	margin: 40px auto 0 13px;
	text-align: left;
	}
	
#container .left .r_box p {
	text-align: left;
	color: #767676;
	font-size: 14px;
	letter-spacing: 0;
	}
	
#container .left .r_box p.txt01 {
	letter-spacing: 0;
	font-size: 18px;
	line-height: 160%;
	/** background: url(../images/top/icon_map.jpg) no-repeat scroll right 50px; **/
	}
	
.mac #container .left .r_box p.txt01 {
	letter-spacing: 0;
	font-size: 17px;
	line-height: 160%;
	/** background: url(../images/top/icon_map.jpg) no-repeat scroll right 50px; **/
	}
	
#container .left .r_box p.ad {
	font-size: 14px;
	line-height: 130%;
	padding: 0;
	margin-bottom: 5px;
	}
	
#container .left .r_box p.btn {
	margin: 10px auto 15px auto;
	}
	
#container .left .r_box p.btn img.guide {
	}
	
#container .left .r_box p.btn img.request {
	padding-top: 12px;
	}
	
#container .left .r_box p.txt02 {
	line-height: 200%;
	}
	
#container .left .r_box p.txt02 span.txt_s {
	font-size: 13px;
	}
	
.mac #container .left .r_box p.txt02 span.txt_s {
	font-size: 12px;
	}

#container .left span.map_icon {
	position: absolute;
	width: 100px;
	bottom: 20px;
	left: 50px;
	}
#container .left span.map_icon img{
	width: 100%;
}
	
#container .right {
	width: 470px;
	float: left;
	display: inline;	
	}
	
#container .right .news_bg {
	width: 454px;
	height: 236px;
	background: url(../images/top/bg02.jpg) no-repeat scroll top center;
	margin: 24px auto 0 15px;
	}
	
#container .right .news {
	}
	
#container .right .news .row {
	width: 430px;
	margin: 5px auto 0px auto;
	border: dotted #e5e5e5;
	border-width: 0 0 1px 0;
	padding-bottom: 0;
	}
	
#container .right .news .row .date {
	width: 20%;
	float: left;
	text-align: left;
	margin-bottom: 2px;
	color: #767676;
	padding-top: 0.2em;
	}
	
#container .right .news .row .news_txt {
	width: 80%;
	float: left;
	text-align: left;
	padding-top: 0.2em;
	}
	
#container .right .news .row .icon {
	width: 20%;
	float: left;
	display: inline;
	}
	
#container .right .news .row .news_txt a {
	color: #FF6600;
	}
	
#container .right .news .row .clr_sps {
	font-size: 1px;
	line-height: 1;
	margin: 0;
	padding: 0;
	}
	
#container .right .bnr {
	margin: 25px auto 0 15px;
	}
	
#container .left h3 {
	margin: 0 auto 0 auto;
	padding-top: 13px;
	}
	
#container .right h3 {
	margin: 0 auto 15px auto;
	padding-top: 13px;
	}
	
#container .bottom {
	width: 944px;
	height: 144px;
	clear: both;
	background: url(../images/top/bg03.jpg) no-repeat scroll top center;
	text-align: left;
	margin-top: 10px;
	}
	
#container .bottom h3 {
	margin: 0 auto 0 14px;
	padding-top: 17px;
	}
	
#container .bottom .contents_menu {
	width: 880px;
	margin: 8px auto 0 auto;
	}
	
#container .bottom .contents_menu a {
	color: #006699;
	margin: 0 30px 0 auto;
	line-height: 180%;
	background: url(../images/common/list_icon.jpg) no-repeat scroll 0 4px;
	padding-left: 0.8em;
	}
	
#container .bottom .contents_menu a:hover {
	color: #00FFFF;
	}
	
#container .footer {
	margin-top: 40px;
	}
	
#container .footer .foot_menu {
	text-align: left;
	color: #767676;
	margin: 30px auto 0 auto;
	}
	
#container .footer .foot_menu .sub {
	float: left;
	display: inline;
	margin-left: 30px;
	margin-bottom: 10px;
	}
	
#container .footer .foot_menu h4 {
	font-size: 11px;
	color: #666;
	}
	
#container .footer .foot_menu h4.top {
	margin-bottom: 20px;
	}
	
#container .footer .foot_menu p {
	font-size: 11px;
	padding-left: 0.5em;
	}
	
#container .footer .foot_menu a {
	color: #767676;
	line-height: 160%;
	text-decoration: none;
	}

#container .footer .bnr_sps {
	/** 20120727変更前
	margin: 20px auto 0 auto;
	**/
	margin: 0 auto;
	}
	
#container .footer .bnr_sps .bnr {
	float: left;
	display: inline;
	margin-right: 5px;
	}	
	
#container .footer .cr_txt {
	text-align: right;
	color: #767676;
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
	
	
/*-------------------------------------------------------------------------

  スマートフォン・タブレット用
  
-------------------------------------------------------------------------*/	
	
.iphone #container .header .info .tel p.tel01 {
	display: none;	
	}
	
.iphone #container .header .info .tel p.tel01_t {
	font-size: 20px;
	background: url(../images/common/icon_tel01.jpg) no-repeat scroll 74px 4px;
	display: block;
	}
	
.iphone #container .header .info .tel p.tel02 {
	font-size: 20px;
	background: url(../images/common/icon_tel02.jpg) no-repeat scroll 74px 4px;
	color: #333;
	}
	
.iphone #container .header .info .tel p.mail {
	font-size: 14px;
	color: #006699;
	}
	
.iphone #container .header .info .tel p a {
	text-decoration: none;
	color: #333;
	}
	
.iphone #container .header .info .tel p.tel01_t a {
	color: #006699;
	text-decoration: underline;
	}
	
.iphone #container .header .info .tel p.mail a {
	color: #006699;
	text-decoration: underline;
	}
	
.iphone #container .header .info .tel p a:hover {
	text-decoration: none;
	}
	
.iphone #container .header .info .tel p.mail a:hover {
	text-decoration: underline;	
	}
	
.iphone #container .left .r_box p.txt01 {
	letter-spacing: 0;
	font-size: 17px;
	line-height: 160%;
	/** background: url(../images/top/icon_map.jpg) no-repeat scroll right 50px; **/
	}
	
.iphone #container .left .r_box p.txt02 span.txt_s {
	font-size: 12px;
	}

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

2018.06.18塩崎追加分
===================*/
#container .bnr_fLeft{
	float: left;
	width: 226px;
}
#container .f_btn{
	margin: 10px 0 10px 0;
}
.clear:after{
	content: "";
	display: block;
	clear: both;
}
#container .header .info .tel{
	width: auto;
}
#container .header .info .tel p.ad{
	font-size: 18px;
}
#container .header .info .tel p.tel01{
	font-size: 28px;
	/*background-size: 66px 7px;*/
	background-position: 100px 7px;
}
#container .header .info .tel p.mail{
	font-size: 20px;
}
#container .bnr_contact{
	margin-top: 10px;
}

/*20200422　塩崎追加*/
.colona-news{
				margin-top: 20px;
			}
			.colona-news #popup{
				display: inline-block;
				padding: 10px 50px;
				background: #d84d4d;
				text-decoration: none;
				color: #fff;
				font-size: 20px;
				font-weight: bold;
			}
			.colona-news #popup:hover{
				opacity: 0.7;
			}
			.colona-news #popup .detail{
				text-decoration: underline;
				margin-top: 10px;
				font-size: 16px;
			}
			.overlay{
    display:none;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    position:fixed;
    z-index:10000;
}
			.btn_area{
    width:80%;
	height: 500px;
	padding: 20px;
    position:absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    background-color:#fff;
    z-index:10001;
}
.btn_area p{
    padding:15px;
}
.btn_area button{
    display: block;
	margin: 0 auto;
	border: none;
  padding: 10px 30px;
  text-decoration: none;
  background: #d45353;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #5f2525;
  border-radius: 3px;
	font-size: 20px;
	font-family: Verdana, "メイリオ", sans-serif;
}
.btn_area button:active{
	/*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
.colona-message{
	overflow-y: scroll;
	font-family: Verdana, "メイリオ", sans-serif;
}
.colona-message h2{
	font-size: 24px;
	color: #3160be;
}
.colona-message h3{
	font-size: 20px;
	margin-top: 20px;
	border-bottom: 1px solid;
	display: inline-block;
	color: #34afac;
}
.colona-message p{
	font-size: 16px;
	text-align: left;
	margin-top: 10px;
}
.colona-message p .attention{
	color: red;
}.colona-message hr{
	border-color: #c2fbf6;
}