@charset "utf-8";


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

style.css

======================================================================

last update 00/00/00

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


/*=======================================================================
	format
=======================================================================*/

html{height:100%;}

body {
	font: 100% 'メイリオ','ＭＳ Ｐゴシック',Verdana,Arial,sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #553120;
	height:100%;
	font-size:14px;
}
*{
	margin:0;
	padding:0;
}
a ,img{
	border-style:none;
	outline:none;
}
li a img{
	display:block;
	border-style:none;
}
li{
	display:inline;
	list-style-image:none;
}




a:link {color:#553120;} /*未訪問のリンクの色*/
a:visited {color:#4c5c90;} /*訪問済みのリンクの色*/
a:hover {color:#70b21b;} /*カーソルが乗っているリンクの色*/
a:active {color:#70b21b;} /*クリック中のリンクの色*/



/*=======================================================================
	body
=======================================================================*/
.one #container {
	width: 940px;
	background-image:url(../img/bg_wood.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin: 0 auto;
	text-align: left;
}




/*=======================================================================
	header
=======================================================================*/

#header {
	width:100%;
	background: #FFFFFF;
	padding-top: 5px;
}
#header ul{
}

#header ul li{
	display: inline-block;
	vertical-align: middle;
}

#header li h1 {
	margin: 0;
	padding: 0;
}
#header li h2 {margin-left:220px;}




/*=======================================================================
	top_navigation
=======================================================================*/

div#top_navi{
	width: 100%;
	height:70px;
	margin:0;
	background-image:url(../img/bg_menu.gif);
	background-repeat:repeat-x;
}
div#top_navi_inner{
/*	width: 940px;*/
	padding-top:7px;
	margin:0 auto;
}

#top_navi ul{
	display:flex;
	flex-wrap: wrap; /*折り返し*/
	justify-content: center;
	align-content: space-around;
}
#top_navi li a{ 
	line-height: 50px;
	display:block;
	flex-grow:1;
	font-size:14px;
	text-decoration: none;
	font-weight: bold;
	color: #4682b4;
	padding:0 13px;
}
#top_navi li+li{
	border-left: 1px solid #dcdcdc;
}

/*=======================================================================
	mainContent
=======================================================================*/
.one #mainContent {
	padding: 0px;
}



/* mainarea
=======================================================================*/

div#mainarea{
	width:940px;
	height:280px;
	padding-bottom:15px;
	background-image:url(../img/bg_main.jpg);
	background-position:top;
	overflow:hidden;
	}

#maintitle{
	width:692px;
	padding-top:70px;
	margin-left:248px;

	}


/* main image
=======================================================================*/
#frame1{
	margin:0 auto;
	text-align:center;
}
#frame1 span{
	padding:20px 69px 20px 0;
	font-weight:bold;
	font-size:36px;
	color:#70b21b;
	text-align:center;
	line-height:80px;
	/*background:url(../img/cara.jpg) right no-repeat;*/
	/*background:url(../img/enekokoro84.png) right no-repeat;*/
}
#frame2{
	clear:both;
	font-size:25px;
	color:#4c5c90;
	text-align:center;
	margin-top:27px;
}
/*#cusname{
	font-size:25px;
	color:#4c5c90;
	text-align:center;
	vertical-align:middle;
}*/




/* menu
=======================================================================*/
#menu{
	clear:both;
	display:block;
	margin:0 19px;
	width:908px;
	min-height:1089px;
	height:auto!important;
	height:1089px;
}
#menu ul{
	width:932px;
	margin-top:12px;
	height:1000px;
}
#menu ul li{
	float:left;
	margin-right:20px;
	margin-bottom:25px;
	width:290px;
	height:270px;
}

#menu .panel h3{
	margin: 0;
	color:#FFF;
	/*line-height: 60px;*/
	line-height: 0.1em;
	height: 4em;
	padding: 0.2em 0;
	text-align:center;
	/*background:#8c0046;*/
}
#menu .panel-headng{
	display: table;
	width: 100%;
}
#menu .panel-title{
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
#menu_form .panel-title
{
	background:#C75924;
}
#menu_oldform .panel-title
{
	background:#c69d64;
}
#menu_mypage .panel-title
{
	background:#2976B1;
}
#menu_shinsei .panel-title{
	background:#8ED973;
}
#menu_ictshinsei .panel-title{
	background:#4169e1;
}
#menu_stls .panel-title{
	background:#548235;
}
#menu_tel .panel-title{
	background:#f59f9d;
}
#menu_info .panel-title{
	background:#5382a9;
}
#menu_mind .panel-title{
	background:#d28c74;
}
#menu .panel-title img{
	width: 40px;
	height: 40px;
}

#menu ul .panel-body p{
	height:39px;
}

/*
#menu ul li div a{
	margin: 0 0 20px 128px;
	display:block;
	width:145px;
	height:43px;
	background:url(../img/btn01.jpg) no-repeat;
	text-indent:-9999px;
}
#menu ul li div a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
*/

.menu_title .panel-title{
	margin-top:33px;
	padding:0 13px;
	color:#FFF;
	font-size: 24px;
	line-height: 60px;
}

/*=======================================================================
	footer
=======================================================================*/

#footer {
	width:100%;
    height:138px;
	background-image:url(../img/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	font-size:12px;
	}


#footer_list{
	text-align:center;
	width:100%;
	padding-top:21px;
	}

#footer_list ul {
	display:inline;
}

#footer_list ul li{
	border-right: 1px solid #aa988f;
	padding:0 13px;
	display:inline;
	/*background: url(../img/bg_ftlist.gif) left 0 no-repeat;
	padding: 0 13px 0 13px*/
	}



/*.no_bg{
	background-image:none !important;
	}	*/
#footer_list ul li.no_border{border-right:none;}

#footer a{text-decoration:none;}


/*=======================================================================
	Other
=======================================================================*/

.right{float: right;}
.left{float: left;}
.clear{clear: both;}

.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
.clearfix{zoom:1;}

/*size
===========================================================*/
.fs_s{ font-size:80%;line-height:100%; }
.fs_m{ font-size:100%;line-height:120%; }
.fs_l{ font-size:120%;line-height:140%; }

/*color
===========================================================*/
.att1{ color:#e02e2d;}
.att2{ color:#5a86ca;}
.att3{ color:#2d4a79;}
.att4{ color:#136cff;}


/*text
===========================================================*/
.txt_l{ text-align:left;}
.txt_r{ text-align:right;}
.txt_c{ text-align:cente;}










/*************************************************************
   下層ページCSS
*************************************************************/

.two #container {
	width: 940px;
	margin: 0 auto;
	text-align: left;
}

.two #mainContent {
	padding: 0px;

}

#txtbox{
	/*height:100%;*/
	background-image:url(../img/bg_wood.gif);
	background-position:bottom;
	background-repeat:no-repeat;

}



#txtarea{
	width:836px;
	/*height:100%;*/
	padding-bottom:100px;
	padding-top:33px;
	margin: 0 auto;

}
	
#mapbox{
	width:902px;
	padding-bottom:10px;
	margin:33px auto 125px auto;
}

#mapbox h3 img{
	margin-bottom:30px;
}	
	

#imgbox{
	width:500px;
	margin:4px 25px 0 20px;
	float:left;
}

#address{float:left;}

p.mtop10{
	margin-top:10px;
}





/*	各種formのtable
form_table =>comu_mind_t/kokotsu_list_t/mail_old_t/mail_t 
data_table =>kokotsu_list_t/comu_mind_t
================================================================*/
body.two #container #mainContent #txtbox table#data_table,
body.two #container #mainContent #txtbox table#form_table,
body.two #container #mainContent #txtbox table#data_table th,
body.two #container #mainContent #txtbox table#form_table th,
body.two #container #mainContent #txtbox table#data_table td,
body.two #container #mainContent #txtbox table#form_table td{
	border-collapse:collapse;
/*	font-size:12px; */
	text-align:left;
	color:#455051;
}


body.two #container #mainContent #txtbox table#data_table,
body.two #container #mainContent #txtbox table#form_table{
	padding-bottom:100px;
	padding-top:33px;
	margin:0;
	width:836px;
	margin: 0 auto;
	border-top:1px solid #CCC;
	background:#fff;
}

table#data_table th,
table#form_table th,
table#data_table td,
table#form_table td{
	padding:4px 8px;
	border-bottom:1px solid #CCC;
	text-align:left;
}
table#data_table th,
table#form_table th{
	border-right:2px solid #093;
	border-left:1px solid #CCC;
}
table#data_table td,
table#form_table td{
	border-right:1px solid #CCC;
}

table#data_table thead th,
table#data_table thead td,
table#form_table thead th,
table#form_table thead td{
/*	border-bottom:2px solid #7cbc56;*/
	border-bottom:2px solid #093;
}
table#data_table thead th,
table#data_table tbody th,
table#form_table thead th,
table#form_table tbody th{
	border-right:2px solid #32b5c8;
	width: 20%;
}

/* 不要？
#bt_box{
	margin-top:10px;
	padding:4px 8px;
	width:100%;
	background:#DEFFD9;
	text-align:center;
}
*/

table.th_l th{ width:200px;}
table.th_m th{ width:150px;}
table.th_s th{ width:120px;}

table td.td_l{ width:200px;}
table td.td_m{ width:150px;}
table td.td_s{ width:120px;}
table td.td_ss{ width:100px;}




/*	form_table=============================================*/
/* 不要？
#form_option{
	margin-bottom:15px;
	overflow:hidden;
}
*/

table#form_table{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	background:#FFFEFB;
	overflow:hidden;
}
table#form_table thead th,
table#form_table thead td{ border-bottom:2px solid #32b5c8;}
table#form_table thead th{ border-right:1px solid #CCC;}
table#form_table tbody th{
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
table#form_table tbody td{ border-bottom:1px solid #CCC;}
table#form_table th,
table#form_table td{
	padding:4px 8px;
	border-bottom:1px solid #CCC;
}
table#form_table th{
	border-left:1px solid #CCC;
	border-right:1px solid #093;
}
table#form_table td{
	border-right:1px solid #CCC;
}


/*	form_table=============================================*/
#submit_box{
	margin-top:20px;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
	border:1px solid #CCC;
	background:#fff;
	text-align:center;
}

/*	pdf_table=============================================*/
/* 不要？
#pdf_table td{
	font-weight:bold;
	width:50px;
}
*/

/* ログイン時見出し */ 
.login_h2 {
	display: block;
	font-size: 1.5em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}

/* head message 囲み枠 */
#msg_head{
	padding: 1.0em; 
	margin: 0 5px;
	line-height: 1.5em;
	font-size: 0.8em;
	background: #BCD7EC; 
	border-radius: 15px;
	width:400px;
	text-align: left;
}

/* mypage box */
#mypage_box {
	width:150px;
}
#mypage_box dt {
	color: #FFF;
	font-size: 0.5em;
	background-color: #000000;
}
#mypage_box dd {
	padding: 2% 1em;
	margin-left: 0;
	border-width: 0 1px 1px;
	border-style: none solid solid;
	border-color: #000000;
}

/* message textarea */
/* account_notes サイト注意事項メッセージ */
#msg_box{
	padding: 0.5em 1em;
	margin: 2em 20px;
	color: #5d627b;
	background: white;
	border-top: solid 5px #5d627b;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	font-size:14px;
}
/* サービス概要 box */
#service_overview_container{
	padding: 0.5em 1em;
	margin: 2em 20px;
	font-weight: bold;
	color: #6091d3;/*文字色*/
	background: #FFF;
	border: solid 3px #6091d3;/*線*/
	border-radius: 10px;/*角の丸み*/
	font-size:14px;

}

/* 詳細はこちらリンクボタン */
#menu ul li div a {
	float: right;
	width:145px;
	height:43px;
	background: #d1d1d1;/*色*/
	background: -moz-linear-gradient(to bottom,#FFF,#f5f5f5 30%,#d1d1d1); 
	background: -webkit-linear-gradient(to bottom,#FFF,#f5f5f5 30%,#d1d1d1); 
	background: linear-gradient(to bottom,#FFF,#f5f5f5 30%,#d1d1d1); 
	border-radius: 4px;/*角の丸み*/
	border: solid 2px #d1d1d1;/*線色*/

	font-size:16px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	color: #495993;
	padding: 0.25em 0.5em;
	font-weight: bold;
	line-height: 1em;
}

/* サービス一覧バー */
#service_menu_bar {
	position: relative;
}
#service_menu_bar p {
	position: absolute;
	color: #696b72;
	font-weight: bold; 
	font-size: 1.3em;
	top: 0.5em;
	/* 画像文字部分を塗りつぶし */
	padding: 0 0.5em;
	margin: 0 0.5em;
	line-height: 1.5em;
	background: #ffffff; 
	width: 50%;
}							

/* 言語切り替え */
#chg_lang {
	font-size: 1em;
}

/* お知らせ部分 */
#oshirase {
	display: inline-block;
	text-align:left; 
	color: #ff0000; 
	font-weight: bold;
}