@charset "utf-8";
/* CSS Document */

/*=============================================================
■
■■【共通部分】
■■【レイアウト部分】
■■【メニュー】
■■【トップページ】
■■
■■
■■
■■
■
=============================================================*/


/*===========================================================
【共通部分】
===========================================================*/

* {margin: 0px;	padding: 0px; outline: none; font-style: normal;} 

hr {display: none;}

img {border: none;}

.clear {clear: both;}

li {list-style: none;}

.btn_for_top{
	padding: 10px 0px 15px;
	height: auto;
	width: 110px;
	margin: 0px 0px 0px auto;
}


body {
	font: 13px/22px "メイリオ";
	background: url(img/background.jpg) repeat-x center top;
}



.com_for_top{
	margin: 10px 0px 15px auto;
	height: 15px;
	width: 111px;
}


#warpper{

	background: url(img/background.jpg) no-repeat center 110px;
	height: auto;
	width: 100%;
}

#warpper_in{
	background: url(img/background_in.gif) no-repeat center top;
	height: auto;
	width: 100%;
}


#header{
	background: url(img/com_head_bg.gif) repeat-x;
	height: auto;
	overflow: visible;
	width: 100%;
}


#header_boxin{
	height: 121px;
	width: 950px;
	margin: 0px auto;
}

#header_boxin .left_box{
	float: left;
	height: auto;
	width: 557px;
	padding-top: 9px;
}

#header_boxin .right_box{
	float: right;
	height: auto;
	width: 357px;
	text-align: right;
	padding-top: 9px;
}




#contents{
	background: #FFFFFF;
	margin: 0px auto;
	height: auto;
	width: 950px;
	border-bottom: 3px solid #ff9933;
}


#contents_in{
	margin: 0px auto;
	height: auto;
	width: 912px;
}



/*--------------------------------------------------------------
	●トップメニューボックス
----------------------------------------------------------------*/



.top_menu_box{
	height: 158px;
	width: 166px;
	margin: 0px auto;
}

#top_menu_box a{
	text-indent: -9999px;
	display: block;
	height: 158px;
	width: 166px;
}

#top_menu_box .guide a{
	background: url(img/top_btn_guide.gif) no-repeat;
}

#top_menu_box .guide a:hover{
	background: url(img/top_btn_guide_on.gif) no-repeat;
}


#top_menu_box .about a{
	background: url(img/top_btn_about.gif) no-repeat;
}

#top_menu_box .about a:hover{
	background: url(img/top_btn_about_on.gif) no-repeat;
}


#top_menu_box .consultation a{
	background: url(img/top_btn_consultation.gif) no-repeat;
}

#top_menu_box .consultation a:hover{
	background: url(img/top_btn_consultation_on.gif) no-repeat;
}



#top_menu_box .faq a{
	background: url(img/top_btn_faq.gif) no-repeat;
}

#top_menu_box .faq a:hover{
	background: url(img/top_btn_faq_on.gif) no-repeat;
}


#top_menu_box .outline a{
	background: url(img/top_btn_outline.gif) no-repeat;
}

#top_menu_box .outline a:hover{
	background: url(img/top_btn_outline_on.gif) no-repeat;
}


#contents_box_left{
	float: left;
	height: auto;
	width: 648px;
}

#contents_box_right{
	float: right;
	height: auto;
	width: 238px;
	background: #f3f3f3;
	margin-bottom: 20px;
}



#com_right_box{
	background: url(img/com_right_bg.jpg) no-repeat center bottom;
	height: auto;
	width: 238px;
	border-top: 1px solid #4b9878;
}

#com_right_box .com_right_box_in{
	margin: 0px auto;
	padding: 10px 0px;
	height: auto;
	width: 222px;
}


.com_right_box_in .title{
	padding: 0px 0px 10px;
}

#com_right_map{

}





/*--------------------------------------------------------------
	●グローバルメニュー
----------------------------------------------------------------*/

#globalnav_container{
	margin: 0px auto 25px;
	height: auto;
	width: 912px;
}

#globalnav_container #globalnav {
	clear: both;
	width: 912px;
	height: 59px;
	margin: 0 auto 25;
	background: url(img/com_menu_box.gif) no-repeat 0% 0%;
	font-size: 0;
}


#globalnav_container #globalnav li {
	display: inline;
	float: left;
}
#globalnav_container #globalnav li a {
	display: block;
	height: 59px;
	text-indent: -9999px;
	background: url(img/com_menu_box.gif) 0% 0% no-repeat;
}

/* nav_01 */
#globalnav_container #globalnav .nav_01 {
	width: 182px;
}
#globalnav_container #globalnav .nav_01 a {
	width: 182px;
	background-position: -0px 0%;
}
#globalnav_container #globalnav .nav_01 a:hover{
	background-position: -0px -59px;
}

/* nav_02 */
#globalnav_container #globalnav li.nav_02 {
	width: 182px;
}
#globalnav_container #globalnav li.nav_02 a {
	width: 182px;
	background-position: -182px 0%;
}
#globalnav_container #globalnav li.nav_02 a:hover{
	background-position: -182px -59px;
}



/* nav_03 */
#globalnav_container #globalnav li.nav_03 {
	width: 183px;
}
#globalnav_container #globalnav li.nav_03 a {
	width: 183px;
	background-position: -365px 0%;
}
#globalnav_container #globalnav li.nav_03 a:hover{
	background-position: -365px -59px;
}




/* nav_04 */
#globalnav_container #globalnav li.nav_04 {
	width: 182px;
}
#globalnav_container #globalnav li.nav_04 a {
	width: 182px;
	background-position: -548px 0%;
}
#globalnav_container #globalnav li.nav_04 a:hover{
	background-position: -548px -59px;
}



/* nav_05 */
#globalnav_container #globalnav li.nav_05 {
	width: 182px;
}
#globalnav_container #globalnav li.nav_05 a {
	width: 182px;
	background-position: -730px 0%;
}
#globalnav_container #globalnav li.nav_05 a:hover{
	background-position: -730px -59px;
}



/*--------------------------------------------------------------
	●中ページ
----------------------------------------------------------------*/

.acontents_main_box{
	padding: 0px 0px 40px;
	height: auto;
	width: 648px;
}

.acontents_main_box .main_bar{
	padding: 0px 0px 25px;
}

.acontents_main_box .contents_box{
	margin: 0px 0px 0px auto;
	height: auto;
	width: 580px;
}

.guide_shinryou_pic{
	background: url(img/guide_shinryou_pic.jpg) no-repeat right top;
}

.guide_nyuuin_pic{
	background: url(img/guide_nyuuin_pic.jpg) no-repeat right top;
}


.about_shinryou_arrow{
	height: auto;
	width: 580px;
	background: url(img/about_shinryou_line.gif) repeat-y;
}

.about_shinryou_box{
	background: url(img/about_shinryou_bg.gif) no-repeat center bottom;
	border-top: 1px solid #CCCCCC;
	height: auto;
	width: 580px;
	margin: 0px 0px 25px;
}


.about_shinryou_box_in{
	margin: 0px auto;
	height: auto;
	width: 578px;
	background: url(img/about_shinryou_bar_bg.gif) no-repeat left bottom;
}

.about_shinryou_box_in .left_box{
	float: left;
	height: auto;
	width: 44px;
}

.about_shinryou_box_in .right_box{
	padding: 9px 15px 5px 0px;
	float: right;
	height: auto;
	width: 500px;
}



#consultation_info_box{
	background: url(img/consultation_info_bg.gif) no-repeat center bottom;
	height: auto;
	width: 590px;
	border-top: 1px solid #CCCCCC;
	margin: 15px auto 0px;
}

#consultation_info_box_in{
	height: auto;
	width: 560px;
	margin: 0px auto;
	padding: 15px 0px;
}



.acontents_main_box{
	padding: 20px 0px;
}


.acontents_main_box .table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}


.acontents_main_box .table th{
	background: #339966;
	color: #FFFFFF;
}

.acontents_main_box .table th,
.acontents_main_box .table td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 5px 8px 8px;
}

.acontents_main_box .sub_bg{
	background: #dffff4;
}


/* ■お問合わせ追加分START■■■■■■■■■■■■■■■■■■ */

.acontents_main_box_1{
	padding: 20px 0px;
}


.acontents_main_box_1 .table{
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}


.acontents_main_box_1 .table th{
	background-color:ffd649;
	color:#333333;
	text-align: left;
	width: 30%;
}

.acontents_main_box_1 .table th,
.acontents_main_box_1 .table td{
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 8px 5px 8px 8px;
	text-align: left;
}

.acontents_main_box_1 .sub_bg{

}

.hitsu {
	color:#FF0000;
}


/* ■お問合わせ追加分END■■■■■■■■■■■■■■■■■■ */

#faq_list_bg{
	background: url(img/faq_list_bg.gif) no-repeat center bottom;
	height: auto;
	width: 648px;
	border-top: 1px solid #ede5c5;
	padding: 15px 0px;
}

.faq_list_bg_in{
	margin: 0px auto 20px;
	height: auto;
	width: 630px;
	background: url(img/faq_list_bg_in.gif) no-repeat center bottom;
	border-top: 1px solid #ede5c5;
	padding: 15px 0px;
}

.faq_list_bg_in_write{
	margin: 0px auto;
	padding: 5px 0px;
	height: auto;
	width: 600px;
}

.faq_list_bg_in_write h3{
	font-size: 14px;
	font-weight: normal;
	color: #006600;
}

.faq_list_bg_in td{
	padding: 8px 0px 10px 10px;
}

.faq_list th{
	height: auto;
	width: 29px;
}

.faq_list_a{
	background: #e0e0e0;
	height: auto;
	width: 29px;
}

.faq_list_q{
	height: auto;
	width: 29px;
	background: #43906e;
}

.faq_list_bg_in .main_bar{

}



/*--------------------------------------------------------------
	●プロフィール
----------------------------------------------------------------*/
#outline_prf_name {
	width:637px;
	height:73px;
	text-indent: -9999em;
	margin-top: 26px;
	margin-left: 10px;
	margin-bottom: 25px;
	background: url(img/outline_prf_name_bg.gif) no-repeat left top;
}
#outline_prf_table_title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 4px;
	padding-top: 6px;
	color: #333;
	background-color: #d8fce3;
}

/*--------------------------------------------------------------
	●フッター
----------------------------------------------------------------*/


#footer{
	margin: 8px auto 20px;
	height: auto;
	width: 950px;
}

#footer .copy{
	text-align: right;
}






#top_copy_img{
	background: url(img/top_copy_img.gif) no-repeat 0px 10px;
	padding: 10px 0px 25px;
}

#top_copy_img .text{
	padding: 10px 0px 0px 200px;
	height: auto;
	width: 445px;
}


#top_info_box{
	height: auto;
	width: 648px;
	padding:0px;
}

#top_info_box h3{
	padding: 30px 0px 0px;
}

#top_info_box .list{
	padding: 20px 0px;
}

#top_info_box .list li{
	background: url(img/con_icon01.jpg) no-repeat 0px 15px;
	padding: 8px 0px 8px 15px;
}



/*--------------------------------------------------------------
	●CLEARFIX
----------------------------------------------------------------*/

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* END OF FOR MAC IE */




/*--------------------------------------------------------------
	●リンク
--------------------------------------------------------------*/

/*

a:link {
color: #000000;
text-decoration:none;
}

a:active {
color: #000000;
text-decoration:none;
}

a:visited {
color: #000000;
text-decoration:none;
}

a:hover {
color: #000000;
text-decoration:underline;
}

*/


/*--------------------------------------------------------------
	●マージン/パディング
--------------------------------------------------------------*/


.pt05 { padding-top: 05px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}

.pb05 { padding-bottom: 05px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.ml05 { margin-left: 05px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}

.mr05 { margin-right: 05px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}


/*--------------------------------------------------------------
	●フォント関連
--------------------------------------------------------------*/

.font10-15 {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 15px;
}
.font12-18 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font13-22 {
	FONT-SIZE: 13px;
	LINE-HEIGHT: 22px;
}

.font14-20 {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 20px;
}

.font16-24 {
	FONT-SIZE: 16px;
	LINE-HEIGHT: 24px;
}

.font20-24 {
	FONT-SIZE: 20px;
	LINE-HEIGHT: 24px;
}

.red{
	color: #CC0000;
}

.indent2{
	padding-left: 2em;
}

/* 取り扱いカテゴリナビ */
.site-cat-nav {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 10px 12px;
  margin: 0 0 8px 0;
  background: #f4f6f8;
  border-top: 1px solid #e0e4ea;
  border-bottom: 1px solid #e0e4ea;
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS ゴシック",sans-serif;
  font-size: 13px;
}
.site-cat-nav a {
  display: inline-block;
  padding: 6px 12px;
  color: #0a156f;
  text-decoration: none;
  background: #fff;
  border: 1px solid #d5dae3;
  border-radius: 4px;
  white-space: nowrap;
}
.site-cat-nav a:hover {
  background: #0a156f;
  color: #fff;
  border-color: #0a156f;
}

.site-cat-nav-label {
	font-weight: bold;
	color: #333;
	margin-right: 6px;
	white-space: nowrap;
}
#header .site-cat-nav {
	margin: 0;
	border-top: 1px solid #e0e4ea;
}
