﻿@charset "UTF-8";
/************** メイン コンテンツ **************/

/* テーブル 左右罫線なし */
table.table_white { width:100%; margin-top:5px; margin-bottom:20px; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right: 2px solid #fff; }
table.table_white th, table.table_white td { padding:5px; border-bottom: solid 1px #ccc; border-right:solid 1px #ccc; text-align: left; }

/* テーブル 左右罫線及び色分けあり */
table.table_color { width:100%; margin-top:5px; margin-bottom:20px; border-collapse:collapse; border-top:solid 1px #ccc; border-left:solid 1px #ccc; border-bottom:solid 1px #ccc; background:#fff; }
table.table_color th, table.table_color td { padding:5px; border-bottom: solid 1px #ccc; border-right:solid 1px #ccc; }
table.table_color thead th { background:#f4ffe6; }
table.table_color thead th.bg_gray { background: #eee; }
table.table_color tbody th { text-align: left; font-weight: normal; background: #fff4ff; }

th { white-space : nowrap; }

td.strong { font-weight:bold; }


/************** INDEX **************/
.index .box { width:710px;padding:0 ;margin:0 0 25px 0;background: url(/info/images/box_bg.gif) repeat-y;}
.index .box .inner { padding:10px 20px;}
.index .box02 { width:710px;padding:0 ;margin:0 0 25px 0;}
.index .box02 .inner { padding:10px 20px;}
.index .box .btnarea { text-align:right;margin-top:20px; line-height: 1.8em;}
.index .box .btnarea img { vertical-align: middle;}
.index .box_bottom { width:710px;height:10px;background: url(/info/images/box_bottom.gif) 0 0;}
.index .box .titlebox{border-bottom:1px dotted #999;padding-bottom:5px;margin-bottom:10px;}
.index .box .titlebox .left01{width:670px;font-size:133%;font-weight:bold; overflow: auto;}
.index .box .titlebox .right01{width:670px;text-align:right;color:#fe6081;}
.index .box .titlebox .right01eve{width:670px;text-align:right;color:#FE862F;}
..bold {font-weight:bold;}
.index .box .left02{float:left;width:270px;margin-bottom:20px;}
.index .box .right02{float:right;width:400px;margin-bottom:20px;}
.index .box .left03{float:left;width:260px;}
.index .box .right03{float:right;width:140px;}
.index .box .left04{float:left;width:220px;margin-bottom:20px;}
.index .box .right04{float:right;width:440px;margin-bottom:20px;}



.title01{display:block;padding:2px 0 2px 23px; background: url(/info/images/icon01.gif) 0px 1px no-repeat; line-height: 1.4em;}
.title02{display:block;padding:2px 0 2px 23px; background: url(/info/images/icon02.gif) 0px 1px no-repeat; line-height: 1.4em;}
.title03{display:block;padding:2px 0 2px 23px; background: url(/info/images/icon03.gif) 0px 1px no-repeat; line-height: 1.4em;}
.title04{display:block;padding:2px 0 2px 23px; background: url(/info/images/icon04.gif) 0px 1px no-repeat; line-height: 1.4em;}
.title05{display:block;padding:2px 0 2px 23px; background: url(/info/images/icon05.gif) 0px 1px no-repeat; line-height: 1.4em;}
.title00_report{display:block;padding:2px 0 2px 23px; background: url(/info/images/icon00_report.gif) 0px -2px no-repeat; line-height: 1.4em;}

.index .box table  { margin-top:10px;font-size:90%;}
.index .box table td { padding:2px 8px;}
.index .box table .green_table{color: #FFFFFF; background-color:#4bb870;}
.index .box .img_margin01{margin:10px 0 0 0;}
.index .box .img_margin02{margin:10px 0 0 14px;}



.index .box .titlebox .right01_eve {width:670px;text-align:right;color:#FE862F;}
.index .box .titlebox .right01_report {width:670px;text-align:right;color:#FD5C52;}


/************** サブ コンテンツ **************/

#sub_contents_customer { float:left; width: 200px; }
#sub_contents_customer .category_title { display:block; height: 76px; width: 200px; background: url(/customer/images/left_menu_qa.jpg) no-repeat 0 0; text-indent: -9999px; }
#sub_contents_customer .sub_menu li { width: 200px; text-indent: -9999px; }
#sub_contents_customer .sub_menu li a { display:block; height:40px; }
#sub_contents_customer .sub_menu li h3 { display:block; height:30px; }
#sub_contents_customer .sub_menu li ul li { display:block; height:40px; }

/* リンクデフォルト */
#sub_contents_customer .sub_menu #smenu01 { background: url(/customer/images/left_menu_qa.jpg) 0 -76px; }
#sub_contents_customer .sub_menu #smenu02 { background: url(/customer/images/left_menu_qa.jpg) 0 -116px; }
#sub_contents_customer .sub_menu #smenu02a { background: url(/customer/images/left_menu_qa.jpg) 0 -146px; }
#sub_contents_customer .sub_menu #smenu02b { background: url(/customer/images/left_menu_qa.jpg) 0 -186px; }
#sub_contents_customer .sub_menu #smenu02c { background: url(/customer/images/left_menu_qa.jpg) 0 -226px; }
#sub_contents_customer .sub_menu #smenu02d { background: url(/customer/images/left_menu_qa.jpg) 0 -266px; }
#sub_contents_customer .sub_menu #smenu02e { background: url(/customer/images/left_menu_qa.jpg) 0 -306px; }
#sub_contents_customer .sub_menu #smenu03 { background: url(/customer/images/left_menu_qa.jpg) 0 -346px; }
#sub_contents_customer .sub_menu #smenu04 { background: url(/customer/images/left_menu_qa.jpg) 0 -386px; }
#sub_contents_customer .sub_menu #smenu04a { background: url(/customer/images/left_menu_qa.jpg) 0 -416px; }
#sub_contents_customer .sub_menu #smenu04b { background: url(/customer/images/left_menu_qa.jpg) 0 -456px; }
#sub_contents_customer .sub_menu #smenu04c { background: url(/customer/images/left_menu_qa.jpg) 0 -496px; }
#sub_contents_customer .sub_menu #smenu04d { background: url(/customer/images/left_menu_qa.jpg) 0 -536px; }



/* リンクマウスオーバー */
#sub_contents_customer .sub_menu #smenu01 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -76px; }
#sub_contents_customer .sub_menu #smenu02 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -116px; }
#sub_contents_customer .sub_menu #smenu02a a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -146px; }
#sub_contents_customer .sub_menu #smenu02b a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -186px; }
#sub_contents_customer .sub_menu #smenu02c a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -226px; }
#sub_contents_customer .sub_menu #smenu02d a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -266px; }
#sub_contents_customer .sub_menu #smenu02e a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -306px; }
#sub_contents_customer .sub_menu #smenu03 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -346px; }
#sub_contents_customer .sub_menu #smenu04 a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -386px; }
#sub_contents_customer .sub_menu #smenu04a a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -416px; }
#sub_contents_customer .sub_menu #smenu04b a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -456px; }
#sub_contents_customer .sub_menu #smenu04c a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -496px; }
#sub_contents_customer .sub_menu #smenu04d a:hover { background: url(/customer/images/left_menu_qa_on.jpg) 0 -536px; }

/* リンクオン状態*/
#sub_contents_customer #smenu01 #smenu01 { background: url(/customer/images/left_menu_qa_on.jpg) 0 -76px; }
#sub_contents_customer #smenu02 #smenu02 { background: url(/customer/images/left_menu_qa_on.jpg) 0 -116px; }
#sub_contents_customer #smenu02a #smenu02a { background: url(/customer/images/left_menu_qa_on.jpg) 0 -146px; }
#sub_contents_customer #smenu02b #smenu02b { background: url(/customer/images/left_menu_qa_on.jpg) 0 -186px; }
#sub_contents_customer #smenu02c #smenu02c { background: url(/customer/images/left_menu_qa_on.jpg) 0 -226px; }
#sub_contents_customer #smenu02d #smenu02d { background: url(/customer/images/left_menu_qa_on.jpg) 0 -266px; }
#sub_contents_customer #smenu02e #smenu02e { background: url(/customer/images/left_menu_qa_on.jpg) 0 -306px; }
#sub_contents_customer #smenu03 #smenu03 { background: url(/customer/images/left_menu_qa_on.jpg) 0 -346px; }
#sub_contents_customer #smenu04 #smenu04 { background: url(/customer/images/left_menu_qa_on.jpg) 0 -386px; }
#sub_contents_customer #smenu04a #smenu04a { background: url(/customer/images/left_menu_qa_on.jpg) 0 -416px; }
#sub_contents_customer #smenu04b #smenu04b { background: url(/customer/images/left_menu_qa_on.jpg) 0 -456px; }
#sub_contents_customer #smenu04c #smenu04c { background: url(/customer/images/left_menu_qa_on.jpg) 0 -496px; }
#sub_contents_customer #smenu04d #smenu05d { background: url(/customer/images/left_menu_qa_on.jpg) 0 -536px; }

/**************************************************************************************************************** 
SB 
*****************************************************************************************************************/
.finish {
margin: 0px 0px 0px 8px;
}

/************ apology ************/
#apology #contents_body {
	float: left;
	width: 740px;
	margin: 0px 0px 0px 115px;
	display: inline;
}
#apology .top_info_tit {
	width: 550px;
	margin: 0px auto 10px auto;
	padding: 20px 0px 5px 0px;
	font-weight: bold;
	line-height:18px;
}
#apology .top_info_date {
	width: 550px;
	margin: 0px auto 50px;
	text-align:right;
	margin-bottom:20px;
	font-weight: normal;
}
#apology .top_info_sign {
	width: 550px;
	margin: 0px auto 20px;
	text-align:right;
}
#apology .top_info_comment {
	width: 550px;
	margin: 0px auto 20px;
	line-height: 30px;
	font-weight: normal;
}

/************ list.hml ************/
#info_list #contents_body {
	float: left;
	width: 740px;
	margin-left: 115px;
	display: inline;
}

#info_list #info { margin: 0px 0px 10px 10px;}

#info_list #info a {color: #4cb870; text-decoration: none;}
#info_list #info a:visited {color: #888;}
#info_list #info a:hover {color: #000; text-decoration: underline;}
#info_list #info a:active {color: #888;}

#info_list #info dl {	width: 705px; margin-bottom: 30px; padding:0; font-size:12px;}
#info_list #info dt { float:left;padding: 10px 0px 10px 5px;}
#info_list #info dd { padding: 10px 0px 10px 80px; margin-right:20px; border-bottom: 1px dotted #CCC;}

#info_list h3 {
	width: 675px;
	margin: 10px 0px;
	padding: 5px 0px 3px 10px;
	color: #666;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid #E3E3E3;
	border-color:  #E3E3E3 #CCC #CCC #4cb870;
	border-width: 1px 1px 1px 3px;
	background: url(../info/images/list_title_bg.gif) repeat-x;
}


/************** お知らせ　共通 **************/
#info_list #info a, #info_list #info a:visited,
#info_list #info a:hover, #info_list #info a:active {
	color: #4cb870;
	font-weight: bold;
}

/************** イベント　**************/
.list {
	margin-left:5px;}
.list li{
	margin-bottom:10px;
	}
.list-item {
  position: relative;
  padding-left: 10px;
}
.list-item:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 0;
  height: 0;
  margin-top: 0;
  border-top: 5px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 6px solid #ee4f16;
}

.list-item a:link    { text-decoration:     none; color:#333; }
.list-item a:visited { text-decoration:     none; color:#333; }
.list-item a:active  { text-decoration:     none; color:#333; }
.list-item a:hover   { text-decoration:underline; color:#ee4f16; }

.event-h5{
	margin: 0;
	font-size:1.0em;
	}
