@charset "utf-8";
/* Error style
----------------------------------------------------------*/
label.error,
.color_error,
.color_success {
	display: inline-block;
	margin-bottom: 20px;
	padding: 3px 8px;
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.color_error,
label.error {
	border: 1px solid #eed3d7;
	background-color: #FEF0F1;
	color: #b94a48;
}

.color_success {
	background-color: #dff0d8;
	border: 1px solid #d6e9c6;
	color: #468847;
}

/* Common background
----------------------------------------------------------*/
.ex_span {
	margin: 2px 2px 0 0;
	padding: 1px 3px;
	background-color: #999;
	border-radius: 3px;
	color: #fff;
	font-size:84%;
}

.bg_caution {
	background-color: #da3a27;
	color: #fff;
}

.bg_white {background-color:#fff;}

.bg_white_opacity,
.top .top_area,
.top .footer_nav {
	background-color: rgba(255,255,255,0.6);
}
/* IE 8 対応透過白 */
.bg_white_opacity,
.top .category_nav,
.top .footer_nav {
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff)";
}
.entryTtlBox:not(:target){
	filter: none;
	-ms-filter: none;
}

.bg_black_opacity {background-color: rgba(0,0,0,0.6);}

.outside {padding: 5px;}

.outside_round {
	padding: 10px;
	border-radius: 5px;
}

.outside_round .co_parts {border-radius: 5px;}

.bg_gray,
.bg_gray_border,
.paging_03 {
	background-color: #e7e7e7;
}

.bg_gray_pale {background: #f5f5f5;}

.bg_bbs,
.bg_news,
.bg_mnews {
	border:1px solid #e0e0e0;
	background:#fff;
	padding-left:5px;
	border-radius:5px;
	color:#7c7c7c;
}
.bg_maipo {
	border-top:solid 1px #fedba3;
	border-right:solid 1px #fedba3;
	border-bottom:solid 1px #fedba3;
	border-left:solid 3px #fedba3;
}
.bg_itapo {
	border-top:solid 1px #aacd03;
	border-right:solid 1px #aacd03;
	border-bottom:solid 1px #aacd03;
	border-left:solid 3px #aacd03;
}
.bg_fopj,
.bg_yuusui,
.bg_ishigaki,
.bg_hirapo {
	border-top:solid 1px #8dcfef;
	border-right:solid 1px #8dcfef;
	border-bottom:solid 1px #8dcfef;
	border-left:solid 3px #8dcfef;
}
.bg_kakoppi {
	border-top:solid 1px #91ad0f;
	border-right:solid 1px #91ad0f;
	border-bottom:solid 1px #91ad0f;
	border-left:solid 3px #91ad0f;
}

.br_5 {border-radius: 5px;}

.border_gray,
.bg_gray_border,
.btn_gradient_gray,
.card_list_article .btn_frame,
.paging_03 li > a {
	border: 1px solid #cac8c8;
}

.bg_gradient_gray,
.btn_gradient_gray,
.ttl_gray,
.co_ttl_gray,
.paging_03 li > a {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0efef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f0efef 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f0efef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f0efef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0efef',GradientType=0 );
}
.btn_gradient_gray:hover {
	background: #f0efef;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0efef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f0efef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #f0efef 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f0efef 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0efef', endColorstr='#ffffff',GradientType=0 );
	text-decoration:none;
}

.clip_box .btn_frame {
	padding: 3px 10px;
}

.bg_stripe,
.ttl_bg_inner {
	background-image: url(/common/base/images/co_bg_stripe.png);
	background-repeat: repeat;
}

.bg_dott_trans {background: repeat url(/common/base/images/co_bg_dott_trans.png);}

.bg_gray_pale,
.table_gray th {
	background: #faf9f9;
}
.table03.table_gray th {
	background: #757575;
}
.co_parts {
	padding: 5px;
	border: 1px solid #cac8c8;
	background: #fff;
}
.co_parts_gray,
.flexslider_box {
	padding: 4px;
	border: 1px solid #cac8c8;
	background: #E7E7E7;
}

.bg_border_service {
	border: 1px solid #e14b47;
	background-color: #f37575;
}
.bg_border_life {
	border: 1px solid #666cc7;
	background-color: #9397cd;
}
.bg_border_join {
	border: 1px solid #519533;
	background-color: #74bb4b;
}
.bg_border_link {
	border: 1px solid #c89610;
	background-color: #e1ae36;
}
.bg_border_other {
	border: 1px solid #e16f00;
	background-color: #ffab34;
}

.border_gray,
.select_box {border: 1px solid #cac8c8;}

.border_top_dott,
.main_ttl {border-top: 1px dotted #ccc;}

.border_bottom_dott{
	border-bottom: 1px dotted #ccc;
}

.border_right_dott {
	border-right:dotted 1px #ccc;
}

.line_dott {
	background-image: url(/common/base/images/co_bg_card.jpg);
	background-repeat: repeat-x;
}
.line_dott_b {
	background-image: url(/common/base/images/co_bg_card.jpg);
	background-position: center bottom;
	background-repeat: repeat-x;
}


/* Common button type
----------------------------------------------------------*/
.btn_small,
.btn_middle,
.btn_large,
.paging_02 li a {
	display: inline-block;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
}

.btn_small {
	padding: 3px 5px 4px 5px;
	font-size: 64%;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.btn_middle {
	padding: 5px;
	font-size: 84%;
}

.btn_large {
	padding: 15px;
	font-size: 94%;
}

.btn_flat {
	display: inline-block;
	padding: 5px;
	border-radius: 5px;
}

.btn_form {
	-moz-user-select: none;
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	font-weight: normal;
	line-height: 1.42857;
	margin-bottom: 0;
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.ca_serch {
	padding: 0 10px;
	text-align: center;
}

.ca_serch a {
	display: inline-block;
	min-width: 50%;
	margin-bottom: 20px;
	padding: 10px;
	font-weight: bold;
	font-size:94%;
	text-align: center;
	color: #333;
	border-radius: 5px;
	border: 1px solid #c2c2c2;
	-webkit-box-shadow:
	/* 0 0 1px rgba(102,102,102,0.5), */
	inset 0px 0px 6px rgba(225,225,225,0.9);
	box-shadow:
	/* 0 0 1px rgba(102,102,102,0.5), */
	inset 0px 0px 6px rgba(225,225,225,0.9);
	text-shadow:
	0px -1px 0px rgba(255,255,255,0.4),
	0px 1px 0px rgba(255,255,255,0.3);
	background: rgb(255,255,255); /* Old browsers */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(243,243,243,1)), color-stop(51%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
}

/* Common button color
----------------------------------------------------------*/
.btn_submit {
	background: #2b8802;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJiODgwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjg4MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b8802), color-stop(100%,#2b8802)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2b8802 0%,#2b8802 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #2b8802 0%,#2b8802 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #2b8802 0%,#2b8802 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b8802', endColorstr='#2b8802',GradientType=0 );
	border-color: #319B00;
	color: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}
.btn_submit:hover {
	background: #007023;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzAyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjg4MDIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007023), color-stop(100%,#2b8802)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #007023 0%,#2b8802 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #007023 0%,#2b8802 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #007023 0%,#2b8802 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007023', endColorstr='#2b8802',GradientType=0 );
}

.btn_fix {
	background: #428bca;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQyOGJjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTczYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#428bca), color-stop(100%,#0a73c9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #428bca 0%,#0a73c9 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #428bca 0%,#0a73c9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #428bca 0%,#0a73c9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428bca', endColorstr='#0a73c9',GradientType=0 );
	border-color: #44ABFF;
	color: #fff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}
.btn_fix:hover {
	background: #0a73c9;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhNzNjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MjhiY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a73c9), color-stop(100%,#428bca)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0a73c9 0%,#428bca 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #0a73c9 0%,#428bca 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0a73c9 0%,#428bca 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a73c9', endColorstr='#428bca',GradientType=0 );
}

.btn_next {
	padding: 10px 30px;
	border-color: #357ebd;
	color: #fff;
	background: #255cb0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NWNiMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ4YWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#255cb0), color-stop(100%,#0048ad)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #255cb0 0%,#0048ad 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #255cb0 0%,#0048ad 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #255cb0 0%,#0048ad 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#255cb0', endColorstr='#0048ad',GradientType=0 );
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.35);
}
.btn_next:hover {
	background: #0048ad;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNDhhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTVjYjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0048ad), color-stop(100%,#255cb0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0048ad 0%,#255cb0 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #0048ad 0%,#255cb0 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0048ad 0%,#255cb0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0048ad', endColorstr='#255cb0',GradientType=0 );
}

.btn_serch01 {
	border-radius: 3px;
	border: 1px solid #e57b09;
}

/* QR */
.qr_box {
	float: right;
	width: 30%;
	padding-bottom:5px;
	border: 1px solid #cac8c8;
	border-radius: 5px;
	background-color: #fff;
	font-size:71%;
	text-align: center;
}

.qr_box > div > div{margin: 5px auto;}

.detail_tell_a {
	display: block;
	width: 100%;
	padding: 7px;
	font-weight: bold;
}

.detail_tel_span {
	font-size: 150%;
	font-weight: bold;
}

/* Common button color
----------------------------------------------------------*/
.btn_color00 {
	background-color: #2e323d;
	color: #fff;
}
a.btn_color00:link,
a.btn_color00:visited,
a.btn_color00:hover,
a.btn_color00:active {
	color: #fff;
	text-decoration: none;
}

input {border: 1px solid #ccc;}

.btn_color00:hover {
	background-color: #000;
	text-decoration:none;
}
.btn_gray {background-color: #e6e6e7;}

/* Category icon styles
----------------------------------------------------------*/
.icon_service01,
.icon_join01,
.icon_link01,
.icon_life01 {
	padding: 0 0 0 25px;
	background-repeat: no-repeat;
	background-position: left center;
}
.icon_service01 {background-image: url(/common/base/images/co_icon_service01.png);}
.icon_join01 {background-image: url(/common/base/images/co_icon_join01.png);}
.icon_link01 {background-image: url(/common/base/images/co_icon_link01.png);}
.icon_life01 {background-image: url(/common/base/images/co_icon_life01.png);}

.service .category_service,
.life .category_life,
.join .category_join,
.link .category_link {
	border-radius: 5px 5px 0 0;
}

/* Common icon styles
----------------------------------------------------------*/
.icon_greets {
	background-image: url(data:image/gif;base64,R0lGODlhDwAPALMPAE9SWzE1QGlsdPz8/KWnq+/w8d7f4T5BS93e4MPEx4eKkD1AS8TFyIiKkS4yPf///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjY5QTc1MUEwMTkyMDY4MTE4MjJBRDdCNjc3N0QxNEIxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1QUE4QjIzRUFENjExRTNCN0UyOENGNkFGREYyQjlEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QUE4QjIyRUFENjExRTNCN0UyOENGNkFGREYyQjlEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OUE3NTFBMDE5MjA2ODExODIyQUQ3QjY3NzdEMTRCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OUE3NTFBMDE5MjA2ODExODIyQUQ3QjY3NzdEMTRCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAA8ALAAAAAAPAA8AAAQn8MlJq7046yyc/8JlBJ8TIFhTKllxeEuhER6xDQAwbA+T8MCgkBcBADs=);
	background-position: 125px center;
	background-repeat: no-repeat;
	color: #555;
	font-size: 75%;
	line-height: 1.2;
}

.icon_map,
.icon_tel {
	display: inline-block;
	min-height: 23px;
	padding: 0 0 0 27px;
	background-position: left center;
	background-repeat: no-repeat;
}
.icon_map {
	padding: 0 0 0 22px;
	background-image: url(/common/base/images/co_icon_map.png);
}

.icon_tel {
	padding: 0 0 0 25px;
	background-image: url(/common/base/images/co_icon_tel.png);
}

/* Icon etc */
.icon_regist,
.icon_login,
.icon_mypage,
.icon_history,
.icon_heart {
	padding: 10px 10px 10px 35px;
	margin-right:5px;
	background-position: 10px center;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 75%;
	line-height: 1.2;
}

.icon_regist {background-image: url(/common/base/images/co_icon_regist.png);}
.icon_login {background-image: url(/common/base/images/co_icon_login.png);}
.icon_history {background-image: url(/common/base/images/co_icon_history.png);}
.icon_heart {background-image: url(/common/base/images/co_icon_heart.png);}

.icon_mypage {
	position: relative;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGNUFBOEIyNkVBRDYxMUUzQjdFMjhDRjZBRkRGMkI5RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGNUFBOEIyN0VBRDYxMUUzQjdFMjhDRjZBRkRGMkI5RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkY1QUE4QjI0RUFENjExRTNCN0UyOENGNkFGREYyQjlEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkY1QUE4QjI1RUFENjExRTNCN0UyOENGNkFGREYyQjlEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+f0GPDAAAAcFJREFUeNrMVDFPwlAQLm3FxorRIGIYGsVB4mJ0MJEYWZmIf8PRxBB2FhbjT6mDDgwQN0cNTCY4mFBsRBPaBiy0tN6Z1wSbPgpOXvKlr/e+fu/u3pcyzH+PSMj+EiAOWCHvGuAT8PWXw9YKhcJpp9O5sW3bQCiKIufz+RPcm7vyVCp1aBjGo+sLyD0lEomDGbr7Fau1Wu3SpUS1Wr1ATtCHLEVQkCRpl3ZaOp3eg4cYVCVN0Or1eu80QU3TuvBw52mbzWazx6Zptv3tYg73SMvcPHNMlsvls8Fg8OKJ4RpzsLcDiAUJTiuZB6yLorhZqVR+5lkqlZ77/b4BS4QOGJLWpwriXJO5XG6rWCweZTKZfRDdQC5U2G21Wk044KFer79C7g3ghLbaaDSuxuOxSbON4zhD4FwjN9TQaFrLsrpuSCCHGJydJhiTZfncnTGQSzO4F5KqqrezCgL3Dr7ZnrwL3ic4BNMqPM/fC4KQjEajcZZlBY7j0CIMzNWA+Zmj0egD/Kjqut7GNBF0g255Aa0CWCZrlnA8njsBvF2b/M50sg60DZpVACz6BGmi6EWTVBooGCFC/uomBRmfqOPlvwUYAHvmeYAC3ai+AAAAAElFTkSuQmCC);
}

.badge {
	display: block;
	position: absolute;
	top: -5px;
	left: -10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 95%;
	text-align: center;
	background: #eb0007;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViMDAwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eb0007), color-stop(100%,#cc0101)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eb0007 0%,#cc0101 100%); /* Chrome10+,Safari5.1+ */
	background: linear-gradient(to bottom,  #eb0007 0%,#cc0101 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb0007', endColorstr='#cc0101',GradientType=0 );
}

.icon_zoom_in {
	padding-left: 17px;
	background: no-repeat url(/common/base/images/co_icon_zoom_in.png);
}

.icon_list_white {
	padding-left: 24px;
	background-image: url(/common/base/images/co_icon_list_white.png);
	background-repeat: no-repeat;
	background-position: 5px center;
}

.icon_plus_white,
.icon_close_white {
	padding-right: 30px;
	background-position: right center;
	background-repeat: no-repeat;
}
.icon_plus_white {background-image: url(/common/base/images/co_icon_open01.png);}
.icon_close_white {background-image: url(/common/base/images/co_icon_close01.png);}

.icon_bbs,
.icon_news,
.icon_mnews,
.icon_other {
	display: inline-block;
	min-height: 17px;
	padding: 0 0 0 20px;
	vertical-align: top;
}

.icon_other {
	display: inline-block;
	min-height: 17px;
	padding-left: 3px !important;
	vertical-align: top;
}

.icon_mnews {padding: 0 0 0 18px;}

.icon_bbs {background:transparent  url(/common/base/images/co_icon_bbs.png) no-repeat left center;}
.icon_news {background:transparent url(/common/base/images/co_icon_news.png) no-repeat left center;}
.icon_mnews {background:transparent url(/common/base/images/co_icon_mnews.png) no-repeat left center;}

.icon_square_close,
.icon_square_minus,
.icon_square_plus {
	display: block;
	min-height: 17px;
	padding: 0 0 0 18px;
}

.icon_square_close{background:url(/common/base/images/co_icon_square_close.png) no-repeat left center;}
.icon_square_plus{background:url(/common/base/images/co_icon_square_plus.png) no-repeat left center;}
.icon_square_minus{background:url(/common/base/images/co_icon_square_minus.png) no-repeat left center;}

.icon_arrow_up {
	min-height: 13px;
	padding: 0 0 0 15px;
	background:url(/common/base/images/co_arrow_up.png) no-repeat left center;
}

.icon_plus_s,
.more_open span,
.icon_close_s,
.more_close span {
	padding-left: 15px;
	background-position: left center;
	background-repeat: no-repeat;
}

.icon_plus_s,
.more_open span {background-image: url(/common/base/images/co_icon_open_s.png);}

.icon_close_s,
.more_close span {background-image: url(/common/base/images/co_icon_close_s.png);}

.more_open {box-shadow: 0 -8px 8px -10px #000;}

.more_open,
.more_close {
	text-align: center;
}

.more_open span,
.more_close span {
	display: inline-block;
	margin: 10px auto 28px;
	padding: 5px 8px 5px 21px;
	border: 1px solid #cac8c8;
	border-radius: 5px;
	background-color: #e7e7e7;
	background-position: 5px center;
	font-size: 84%;
	color: #000;
}

/* Text-size
----------------------------------------------------------*/
.text_size .full_inner {
	padding: 3px 0 10px 0;
	color: #fff;
	font-size: 75%;
	text-align: right;
}

.co_text_span {margin-left: 5px;}

.co_text_btn {
	width: 20px;
	height: 20px;
	margin-left: 5px;
}

.co_text_btn img {vertical-align: middle;}

/* Logo
----------------------------------------------------------*/
.logo_h1 {
	float: left;
	height: 50px;
	margin: 13px 15px 0 0px;
	padding: 0;
}

.logo_img,
.logo_area_img {
	float: left;
}
.logo_img {
	max-width: 190px;
	max-height: 50px;
}
.logo_img_bk_top {
	height: 47px;
	margin-top: 3px;
}
.logo_img_bk {
	height: 50px;
	margin: 0;
}
.sp_ex_logo_img {
	width: auto;
	max-width: 195px;
	height: auto;
	margin: 10px 0 0 0;
}

.logo_area_img {margin: 0 0 0 5px;}

.btn_area_box{float: left;}

.btn_area01 {
	margin: 5px 0 0 5px;
	padding: 5px;
	color: #333;
}

/* エリアを移動 */
.area_info {
	display:none;
	position: absolute;
	width: 210px;
	margin: 5px 0 0;
	z-index:99;
	box-shadow: 0 2px 2px rgba(4, 0, 0, 0.3);
	right: 0;
}

.area_info_close {
	background: no-repeat url(/common/base/images/co_area_info_close.png);
	display: inline-block;
	height: 13px;
	margin-left: 10px;
	width: 13px;
	/**display: inline;
	*zoom: 1;*/
}

.area_info_box {
	padding: 10px;
	background-color: #fff;
}

.area_info_h2 {
	margin: 5px 0 2px;
	padding: 2px;
	font-size: 75%;
	font-weight: normal;
	text-align: center;
}

.area_info_link a {
	padding: 5px 0;
	font-size: 88%;
}

.nearby_li {
	display: inline-block;
}

.area_info_link:first-child a {padding: 0 0 5px;}

.nearby_link {
	padding-left: 10px;
	border-left: #333;
	color: #0e79fd;
	font-size: 75%;
	text-decoration: underline;
}
.nearby_link:first-child {
	border-left: none;
}

/* logged in */
.header_right {
	float: right;
	margin: 0 0 0 10px;
	width: 680px;

}

/* ようこそ */
.btn_greets {
	min-width: 145px;
	margin: 0 10px 0 0;
	padding: 5px 20px 5px 10px;
}

/* サイト内検索 */
.header_search_area {
	position: relative;
	display: inline-block;
	padding: 6px 2px;
	border-radius: 5px;
	color: #000;
	cursor: pointer;
	font-size:71%;
	background: #2e323d;
	width:220px;
}

.header_search_area .search01  {
	width: 160px;
	height: 22px;
	background:#fff;
	border: 1px solid #CCC;
	padding:0;
	margin-left:5px;
}
.header_search_area .submit {
	width:38px;
	height:26px;
	position: absolute;
	top: 5px;
	left: 175px;
	border:0;
}
.header_search_area .submit img {
	height:26px;
	position: absolute;
	top: 0;
	left: 5px;
}
.header_right {
	position:relative;
	border-radius: 5px;
	padding: 0;
}
.header_right .personal {
	position: relative;
	right:5px;
	background:none;
	border:none;
	padding: 0 5px;
	border-radius: 3px;
}
/* user_name 枠あり */
/*
.header_right .personal {
	position: absolute;
	top:-27px;
	right:5px;
	padding: 0 5px;
	border-radius: 0 0 3px 3px;
	background: #efefef;
	border: solid 1px #ccc;
}
*/
.header_right input {
	padding: 0 5px;
	line-height:1.5;
	color:#333;
}

/* Category navigation
----------------------------------------------------------*/
.category_ul {
	width: 960px;
	margin: 0 auto;
	padding:5px 0 0 0;
}

.category_ul li {
	float: left;
	width: 25%;
	-webkit-box-shadow : 0 5px 4px rgba(4,0,0,0.15);
	box-shadow: 0 1px 1px 0 rgba(4, 0, 0, 0.15);
}

.category_a {
	display: block;
	width: 100%;
	padding: 15px 5px;
	color: #333;
	text-align: center;
	cursor: pointer;
}
.category_a:link ,
.category_a:visited,
.category_a:hover,
.category_a:active {
	color: #333;
	text-decoration: none;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(111,111,111,0) 50%, rgba(224,224,224,0.25) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(0,0,0,0)), color-stop(50%,rgba(111,111,111,0)), color-stop(100%,rgba(224,224,224,0.25))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(111,111,111,0) 50%,rgba(224,224,224,0.25) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(111,111,111,0) 50%,rgba(224,224,224,0.25) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(111,111,111,0) 50%,rgba(224,224,224,0.25) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(111,111,111,0) 50%,rgba(224,224,224,0.25) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40e0e0e0',GradientType=0 ); /* IE6-9 */
}

.category_ul .category_a:hover {border-radius: 5px 5px 0 0;}

.category_ul .category_service {border-bottom: 6px solid #e83732;}
.category_ul .category_life {border-bottom: 6px solid #5e66ef;}
.category_ul .category_join {border-bottom: 6px solid #65a648;}
.category_ul .category_link {border-bottom: 6px solid #e9a402;}

.category_ul .category_service:hover {background-color:#ffcdcc;}
.category_ul .category_join:hover {background-color:#dcfdcc;}
.category_ul .category_link:hover {background-color:#fdefc8;}
.category_ul .category_life:hover {background-color:#e8e9ff;}

.service .category_nav .category_service {background-color:#ffcdcc;}
.join .category_nav .category_join {background-color:#dcfdcc;}
.link .category_nav .category_link {background-color:#fdefc8;}
.life .category_nav .category_life {background-color:#e8e9ff;}

/* megamenu
----------------------------------------------------------*/
.top .category_nav_box,
.service .category_nav_box,
.left .category_nav_box,
.join .category_nav_box,
.link .category_nav_box {
	background: url(/common/base/images/co_bg_header.png) center bottom no-repeat;
}
.mega_menu_box {
	background:url("/common/base/images/co_bg_header2.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
	box-shadow: 0 5px 5px -3px rgba(0,0,0,0.15) , 0 5px 5px -3px rgba(0,0,0,0.15) inset;
}
.mega_menu_box .icon_circle_color00 {
    background-position: left center;
    padding-bottom: 0;
}

.mega_menu_box .inner {
	background:#fff;
	padding:10px;
	border-radius:5px;
	margin:20px 0 20px 0;
	box-shadow: 0 2px 2px -3px rgba(0,0,0,0.15) , 0 2px 2px -3px rgba(0,0,0,0.15) ;
}
.mega_menu_ttl .category_img {
	float:left;
	padding:10px 10px 10px 10px;
}
.mega_menu_ul {
	padding:10px 0 20px 0;
	width:710px;
}
#mega_menu_service .pickup,
#mega_menu_life .pickup,
#mega_menu_join .pickup,
#mega_menu_link .pickup {
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	border-radius:5px;
	width:220px;
	box-shadow: 0 2px 2px -3px rgba(0,0,0,0.15) , 0 2px 2px -3px rgba(0,0,0,0.15) ;
}
#mega_menu_service .pickup h3,
#mega_menu_life .pickup h3,
#mega_menu_join .pickup h3,
#mega_menu_link .pickup h3 {
	font-size:94%;
}
.mega_menu_ttl_h2 {
	font-size: 110%;
	padding-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.mega_menu_li {
	float: left;
	font-size: 94%;
	margin-right: 10px;
	padding: 5px 0;
	width: 45%;
	border-bottom:#eee 1px dotted;
}

/* Breadcrumbs
----------------------------------------------------------*/
.crumb_bg {
	width: 100%;
	margin: 0 0 20px;
	padding: 10px 0;
	-webkit-box-shadow : 2px 2px 2px rgba(0, 0, 0, 0.3) inset;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3) inset;
}
.crumb_ul {
	margin: 0;
	padding: 3px  10px;
	background: #fff;
	display: table;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius:5px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(90%,#f0f0f0));
	background: -webkit-linear-gradient(top,  #ffffff 30%,#f0f0f0 90%);
	background: linear-gradient(to bottom,  #ffffff 30%,#f0f0f0 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 );
	line-height:1.2;
}
.crumb_li,
.crumb_active {
	font-size: 75%;
}
.crumb_li a {
	padding-right: 15px;
}
.crumb_li {
	background-image: url(/common/base/images/co_bg_crumb.png);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}
.crumb_li,
.crumb_active {
	display:inline-block;
	margin-right:5px;
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Title
----------------------------------------------------------*/
.main_ttl {
	margin: 10px 0 0;
	padding: 10px 5px 5px;
	font-size: 100%;
	font-weight: bold;
}

.sub_ttl {font-weight: bold;}

.ttl_bg {
	clear: both;
	margin-bottom: 10px;
	padding: 3px;
	border-radius: 8px;
	border: 1px solid #cac8c8;
	background-color: #efeeee;
}

.ttl_bg_inner {
	width: 100%;
	padding: 10px;
	border-radius: 7px;
}
.ttl_bg_inner h1 {color: #fff;}


.service .ttl_bg_inner {
	background-color: #df2a2a;
}
.join .ttl_bg_inner {
	background-color:#3D8513;
}
.link .ttl_bg_inner {
	background-color: #dda31c;
}
.life .ttl_bg_inner {
	background-color: #5159da;
}
.ttl_bg_inner h1 {
	display: inline;
	font-size: 110%;
}

.ttl_bg_inner h1.ttl_clip {
	display: block;
	float: left;
	max-width: 550px;
}

.ttl_bar {
	width: 100%;
	margin-bottom: 10px;
	padding: 0 0 9px 0;
	border-radius: 10px 10px 0 0;
	background-image: url(/common/base/images/co_bg_dot.png);
	background-repeat: repeat;
	font-size: 110%;
}

.ttl_bar > span,
.ttl_bar_inner {
	display: block;
	width: 100%;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #cac8c8;
	border-left: 1px solid #cac8c8;
	border-right: 1px solid #cac8c8;
	border-radius: 3px 3px 0 0;
}

.h3 {
	margin: 0 0 10px 0;
	font-size: 100%;
}

.top_lg .btn_small {margin-left:5px;}

.ttl_bggray_pale,
.ttl_bg01_pale {
	margin: 0 0 5px;
	padding: 5px 10px;
	font-size: 100%;
}
.ttl_bggray_pale {
	border-left: 3px solid #e6e6e6;
	background: #f0f0f0;
}
.ttl_bg01_pale {
	border-left:3px solid #ffab34;
	background:#feead0;
}

.date01 {
	padding-left: 5px;
	font-size: 88%;
	color:#333;
}

.date02 {
	display: inline-block;
	margin-top: 5px;
	font-size: 84%;
	color:#333;
}

/* 角丸付見出し */
.ttl_round  {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0 0 8px 0;
	border-radius: 10px 10px 0 0;
	font-size: 100%;
	font-weight: normal;
}
.ttl_round span  {
	display: block;
	width: 100%;
	padding: 5px;
	border-radius: 5px 5px 0 0;
}

/* グレーグラデーション付き見出し */
.ttl_gray {
	border-color: #cac8c8;
	border-style: solid;
	border-width: 1px 1px 0;
}
.co_ttl_gray {
	padding:10px;
	border-color: #cac8c8;
	border-style: solid;
	border-width: 1px 1px 0;
}

/* Detail page */
.detail_ttl_box {
	float: left;
	width: 70%;
	min-height: 110px;
}

.detail_ttl_sub {
	padding: 0 10px 0;
	border-top: 1px solid #fff;
	font-size:84%;
}
.detail_ttl_sub .detail_genre {
			padding:3px;
			margin-right:5px;
			background:#ededed;
			border-radius: 5px;
			font-size:88%;
}
.detail_ttl_color {
	padding: 5px 10px;
	font-size: 110%;
}

.detail_img_box {
	padding: 10px 0 20px;
	font-size: 88%;
	line-height: 1.7;
}

.detail_img {
	max-width: 100%;
	height: auto;
	padding: 0 0 10px;
	vertical-align: top;
}

.bbs_more {
	padding: 20px 0;
	background-image: url(/common/base/images/bg_bbs_large.png);
	background-repeat: no-repeat;
	background-position: center 5px;
	text-align: center;
}

.bbs_more_text {
	margin: 5px auto 0;
	font-size: 90%;
	font-weight: bold;
	text-shadow: 1px 1px 1px #fff;
}

.list_link_ul {
	margin: 10px 0 0;
	padding: 5px 0 0;
}

.detail_link_ul {padding: 0 5px;}

.list_link_li,
.detail_link_li {
	float: left;
	margin: 5px 5px 5px 0;
	background: #fff;
}

.list_link_ul .bg_maipo {
	padding: 0;
	background: #fef0a3;
}

.list_link_ul .bg_itapo {
	padding: 0;
	background: #f5f8bc;
}
.list_link_ul .bg_fopj,
.list_link_ul .bg_yuusui,
.list_link_ul .bg_ishigaki,
.list_link_ul .bg_hirapo {
	padding: 0;
	background: #d2f0fe;
}

.list_link_ul .bg_favorite {
	padding: 0;
	background: #FFF;
}
.list_link_ul .bg_kakoppi {
	padding: 0;
	background: #bad440;
}


.list_link_a,
.detail_link_a {
	cursor: pointer;
	display: block;
	background-color: #fee7e7;
	border:solid 1px #fcc7c7;
	border-radius: 5px;
}
.detail_link_a:hover,
.list_link_a:hover {
	background-color: #fcc7c7;
}
.link .list_link_a,
.link .detail_link_a {
	cursor: pointer;
	display: block;
	background-color: #feead0;
	border:solid 1px #fedaaa;
	border-radius: 5px;
}
.link .detail_link_a:hover,
.link .list_link_a:hover {
	background-color: #ffd5a5;
}


.list_link_li span,
.detail_link_li span {
	font-size: 72%;
	padding: 5px 3px 5px 25px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	background-position: 5px center;
}

.list_link_li a span,
.detail_link_li a span,
.bg_maipo span,
.bg_itapo span,
.bg_fopj span,
.bg_yuusui span,
.bg_ishigaki span,
.bg_kakoppi span,
.bg_hirapo span {
	border: none;
}

.list_link_a span i,
.detail_link_a span i,
.list_link_li span i,
.detail_link_li span i {
  color:#808080;
}

.list_link_a span.icon-fa {
  padding:5px;
  display: block;
}

.list_link_a span.icon-fa i {
  font-size: 14px;
}

/* List
----------------------------------------------------------*/
.list01 {
	padding-bottom: 10px;
}
.list01 li {
	border-bottom:dotted 1px #ccc;
	padding:5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	font-size:88%;
}

.list_dott_ul {
	border-color:#cac8c8;
	border-style:solid;
	border-width:0 1px 1px;
	background:#f5f5f5;
}
.list_dott_ul li{background-color:#fff;}

.list_dott_ul_half {
	flex-wrap: wrap;
	display: flex;
}

.list_dott_ul_li_half,
.list_dott_ul_li_tri {float:left;}

.list_dott_ul_li_half {
	width:50%;
	min-height:100px;
}

.list_dott_ul_li_tri {
	width:242px;
	height:70px;
}

/* Supplement
----------------------------------------------------------*/
.list_dott_a {cursor: pointer;}

.sup_a {
	display:block;
	padding:10px;
	color:#333;
}

.sup_thum {
	float:left;
	width:80px;
	margin-right: 10px;
}

.sup_ttl {
	overflow: hidden;
	padding-bottom:5px;
	font-size:88%;
	font-weight:bold;
}
.list_dott_ul_li .sup_ttl {padding-top: 5px;}

.sup_exp,
.sup_exp_num {
	display:block;
	color:#6e6d6d;
}

.sup_exp {font-size:75%;}
.sup_exp_num {font-size:71%;}

/* Box
----------------------------------------------------------*/
.top_box {
	float: left;
	width: 50%;
	margin: 0 0 10px;
	padding: 0 0 0 10px;
}
.top_box:first-child {padding: 0;}

.top_sroll {
	width: 100% !important;
	height: 117px;
	padding: 0 0 15px 0;
	border-radius: 0 0 5px 5px;
	border-right: 1px solid #cac8c8;
	border-left: 1px solid #cac8c8;
	border-bottom: 1px solid #cac8c8;
	background: #fff;
	overflow-y: auto;
}
.top_sroll.single {
	height:auto;
	max-height:117px;
}

.top_box_ul {
	width: 100%;
	height: 100%;
	padding: 10px 10px 0;
}

.top_box_li {
	background-position: left 3px;
	font-size: 78%;
	padding: 0;
}

/*.top_box_li a {display: block;}*/

.top_box_date {
	display: inline-block;
	margin-right: 3px;
	border-radius: 3px;
	color: #333;
}
/* 行政情報 yonago */
.lg_short {
	/*height: 110px;*/
	overflow-y: scroll;
}
.lg_short .top_sroll {
	height: 65px;
}

/* Head info
----------------------------------------------------------*/
.head_info {
	display: table;
	width:950px;
	border-radius: 5px;
	border: 1px solid #cac8c8;
	background: #fff;
	padding: 5px;
	margin-bottom:10px;
	font-size: 88%;
}
.head_info dt {
	color: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.head_info dd {
	padding: 3px 0;
	margin-left: 10px;
	line-height:1.7;
}

/* Weather
----------------------------------------------------------*/
.weather_h1 {
	width: 100%;
	max-width: 190px;
	margin: 0 auto 15px;
	padding: 5px;
	border-radius: 3px;
	background: #efeff0;
	font-size: 82%;
	text-align: center;
}

.weather_img {
	display: block;
	float: left;
	padding-left: 15px;
}

.weather_p {
	float: left;
	margin: 0 0 5px 20px;
}

.weather_high,
.weather_low {
	font-weight: bold;
	font-size: 88%;
}
.weather_high {color: #cc0000;}
.weather_low {color: #000099;}
.weather_rain {font-size: 82%;}

/* Left nav
----------------------------------------------------------*/
/* ステートメント */
.left_state {
	margin: 0 0 5px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	background-color: #e7e7e7;
	min-height:100px;
}
/* .left_state:hover {
	-webkit-transition-property: background-color 1s 0s ease;
	transition: background-color 1s 0s linear;
} */

.left_state a {
	color: #333;
	text-decoration: none;
}

/* カテゴリバリエーション */
.service .left_state {
	border-bottom: 7px solid #ed3535;
	background-image: url(/common/base/images/service_state01.jpg) ;
}
.service .left_state:hover {background-color: #fee7e7;}

.life .left_state {
	border-bottom: 7px solid #5e66ef;
	background-image: url(/common/base/images/life_state01.jpg);
}
.life .left_state:hover {background-color: #dcdefa;}

.join .left_state {
	border-bottom: 7px solid #60ac3d;
	background-image: url(/common/base/images/join_state01.jpg) ;
}
.join .left_state:hover {background-color: #e1f6d4;}

.link .left_state {
	border-bottom: 7px solid #e9a402;
	background-image: url(/common/base/images/link_state01.jpg) ;
}
.link .left_state:hover {background-color: #f6d6a8;}

.other .left_state {
	border-bottom: 7px solid #ffab34;
	/*background-image: url(/common/base/images/other_state01.jpg) ;*/
}
.other .left_state:hover {background-color: #ffd6ad;}

.balloon {position: relative;}

.balloon:before {
	content: "";
	position: absolute;
	bottom: -17px;
	right: 50%;
	border: 5px solid transparent;
}
/* カテゴリバリエーション */
.service .balloon:before {border-top: 5px solid #ed3535;}
.join .balloon:before {border-top: 5px solid #60ac3d;}
.link .balloon:before {border-top: 5px solid #ed3535;}
.jimo .balloon:before {border-top: 5px solid #ed3535;}
.life .balloon:before {border-top: 5px solid #ed3535;}

.left_state_h1,
.left_state_p {
	font-size: 82%;
	padding-left:87px;
}
.left_state_h1 {margin: 0 0 5px 0;}

/* ジャンルナビ */
.left_nav {
	margin: 0 0 5px;
	padding: 5px;
	background: repeat url(/common/base/images/co_bg_dot_gray.jpg);
}

.left_nav_ul {background: #fff;}

.left_nav_a {
	display: block;
	padding: 10px 5px;
	border-top: 1px solid #EFEFF0;
	background-position: 10px center;
	font-size: 88%;
	/* 文字数カット */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.left_nav_a:link,
.left_nav_a:visited,
.left_nav_a:hover,
.left_nav_a:active {color: #0e79fd;}

/*
.service .left_nav_a:hover {
	background:#efefef;
	color:#fff;
}
.join .left_nav_a:hover {
	background:#65a648;
	color:#fff;
}
.link .left_nav_a:hover {
	background:#e9a402;
	color:#fff;
}
.life .left_nav_a:hover {
	background:#4b54ee;
	color:#fff;
}
*/
.left_nav_a:hover {
	background:#efefef;
}

.left_nav_a_sub,
.left_nav_a_sub:hover {
	background: #fff url(/common/base/images/co_arrow_blue.gif) no-repeat 10px center;
	border-top: 1px solid #efeff0;
	display: block;
	font-size: 72%;
	padding: 8px 10px 8px 25px;
}
.service .left_nav_a_sub:hover {background:#f6f6f6 url(/common/base/images/co_arrow_blue.gif) no-repeat 10px center;}

/* Left side
----------------------------------------------------------*/
/* 人気の記事 */
.left_gray_box {
	width: 100%;
	border: 1px solid #cac8c8;
}

.left_gray_ttl {
	margin: 0;
	padding: 10px;
	background: #E7E7E7;
	font-size: 82%;
	text-align: center;
}

.left_item_ul {background-color: #fff;}

.left_item_ul li {border-top: 1px solid #cac8c8;}

.left_item_a {
	display: block;
	padding: 10px;
}

.left_item_h2,
.ranking_a {
	font-size: 75%;
	font-weight: bold;
}

.left_item_h2 {margin-bottom: 3px;}

.left_gray_text {
	color: #333;
	font-size:75%;
}

.ranking_li01 a {background: 10px center no-repeat url(/common/base/images/co_icon_rank01.png);}
.ranking_li02 a {background: 10px center no-repeat url(/common/base/images/co_icon_rank02.png);}
.ranking_li03 a {background: 10px center no-repeat url(/common/base/images/co_icon_rank03.png);}
.ranking_li04 a {background: 10px center no-repeat url(/common/base/images/co_icon_rank04.png);}
.ranking_li05 a {background: 10px center no-repeat url(/common/base/images/co_icon_rank05.png);}
.ranking_a {
	display: block;
	padding: 0 10px 0 35px;
}

.ranking_a_service span {background: right center no-repeat url(/common/base/images/co_icon_service01.png);}
.ranking_a_join span {background: right center no-repeat url(/common/base/images/co_icon_join01.png);}
.ranking_a_link span {background: right center no-repeat url(/common/base/images/co_icon_link01.png);}
.ranking_a_life span {background: right center no-repeat url(/common/base/images/co_icon_life01.png);}
.ranking_a span {
	display: block;
	padding: 10px 23px 10px 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.left_news_box {
	padding: 7px;
	border-left: 1px solid #cac8c8;
	border-right: 1px solid #cac8c8;
	border-bottom: 1px solid #cac8c8;
	background: #fff;
}

.left_news_article {
	width: 100%;
	padding: 0;
	margin: 10px 0 20px;
}

.left_news_h1,
.list_float_ttl {
	margin: 0 0 10px;
	padding: 5px;
	border-radius: 3px;
	background-position: 3px 7px;
	font-size: 88%;
	font-weight: normal;
}

.left_news_img {
	display: block;
	margin: 0 auto 10px;
}

.page {
	text-align: center;
	margin: 10px auto 10px;
}

.page_span {
	background: #000;
	color: #fff;
	font-size: 75%;
	text-align: center;
	margin: 0 5px 0 0;
	padding: 2px 5px;
}

/* 場所で探す */
.left_plus {width: 100%;}

.left_plus_a {
	/*color: #fff;*/
	color: #333;
	font-size: 88%;
	font-weight:bold;
	display: block;
	width: 100%;
	padding: 5px 25px 5px 5px;
}

.left_plus_ul {}

.left_plus_ul .left_nav_a_sub {background-color: #fff;}

/* Card
----------------------------------------------------------*/
.card_article,
.card_list_article,
.card_list_article02 {
	border-radius: 5px;
	border: 1px solid #d7d6d6;
	position: relative;
}

.card_list_article_pr {
	border-radius: 0px 0px 5px 5px;
	border: 4px solid #df2a2a;
}

.card_article {
	position: relative;
	float: left;
	width: 240px;
	margin: 0 0 10px 10px;
	padding: 9px;
	background: #fff;
	word-break: break-all;
}

.card_list_article_pr_title {
	background: #df2a2a;
	padding: 5px 10px;
	vertical-align: middle;
	color: #ffffff;
	border-radius: 5px 5px 0 0;
}

.card_corner {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 1;
	width: 47px;
	height: 0;
	padding-top: 47px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.card_service .card_corner {background-image: url(/common/base/images/co_corner_service01.png);}
.card_join .card_corner {background-image: url(/common/base/images/co_corner_join01.png);}
.card_link .card_corner {background-image: url(/common/base/images/co_corner_link01.png);}
.jimo_card .card_corner {background-image: url(/common/base/images/co_corner_jimo01.png);}
.card_life .card_corner {background-image: url(/common/base/images/co_corner_life01.png);}

.card_a {
	display:block;
	clear: both;
}

.card_img_box {
	position: relative;
	width: 220px;
	height: 165px;
	overflow: hidden;
}

.card_img_box img {
	vertical-align: top;
}

.card_article .card_img_box img {
	width: 100%;
	height: auto;
}

.card_article .card_img_box.commuchika img {
	position: absolute;
	top: 50%;
 	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: initial; /* サイズ指定をリセット！ */
	width: auto;
	height: 100%;
}

.post_type {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 2px 3px;
	color: #fff;
	font-size: 75%;
}

.card_service .card_h2 {background: #fee7e7;}
.card_join .card_h2 {background: #e1f6d4;}
.card_link .card_h2 {background: #f6d6a8;}
.card_life .card_h2 {background: #dcdefa;}
.card_h2 {
	margin: 5px 0 10px;
	padding: 5px;
	font-size: 88%;
}

.card_span {
	display: block;
	color: #6e6d6d;
	font-size: 82%;
}

.card_text {
	color: #333;
	font-size: 75%;
}

/* 続きを読む */
.card_more {
	margin: 10px 0;
	text-align: right;
}

.card_more_a,
.map_top_a {
	display: inline-block;
	padding: 3px 7px;
	border: 1px solid #cac8c8;
	border-radius: 3px;
	background: #e7e7e7;
	color: #3d3d3d;
}
.card_more_a {font-size:75%;}
.map_top_a {font-size:84%;}

.card_more_a:hover,
.map_top_a:hover {
	background: #C6C6C6
}

.card_sns {padding: 5px 0 0;}

/* さらに読み込む */
.btn_more {
	clear: both;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	font-weight: bold;
	text-align: center;
}

.btn_more_a {
	display: block;
	padding: 15px;
	color: #000;
}
.btn_more_a:hover{
	text-decoration:none;
}

/* Card list
----------------------------------------------------------*/
.card_list_box {margin-top: 10px;}

.card_list_article {
	margin-bottom: 10px;
	padding: 3px 5px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 65%, #fcfcfc 92%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#ffffff), color-stop(92%,#fcfcfc), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}

.card_list_article02 {
	margin-bottom: 10px;
	padding: 10px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#ffffff), color-stop(92%,#fcfcfc), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}

.card_list_article02 {
	position: relative;
}

.card_list_article02:hover {
	background:#efefef;
}

.card_list_article02 a:hover {
	text-decoration:none;
}

.card_list_h1 {
	padding-top: 2px;
	font-size: 110%;
}

.card_list_span {
	color: #636262;
	font-size: 75%;
}

.card_list_genre {
	padding:2px 5px;
	border-radius:3px;
	background-color: #fff;
}

.card_list_link {display: block;}

.card_list_pr {
	margin-bottom: 5px;
	font-weight: bold;
}

.card_list_inner .detail_link_a {border: 1px solid #e0e0e0;}
.card_list_inner .detail_link_a:hover {background-color: #eee;}

.card_list_thum {
	float: left;
	display: block;
	overflow: hidden;
	/*width: 160px;*/
	max-height: 121px;
	margin-right: 10px;
	text-align: center;
}

.card_list_thum img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: top;
}

.card_list_ttl {
	margin-bottom: 10px;
	padding: 7px 10px;
	border-radius: 5px;
}

.card_list_tel {
	color: #333;
	font-weight: bold;
	margin-top:5px;
}

.card_list_text {
	width: 100%;
	color: #333;
	font-size: 84%;
	margin-top:5px;
	margin-bottom:5px;
}

.card_list_text_gray {
	background:#eee;
	padding:5px 10px 10px 10px;
	overflow:hidden;
}


.card_list_more {text-align: right;}

.card_list_article .card_list_more a {margin-bottom: 5px;}

.card_list_article02 .card_list_more a {margin-top: 5px;}

/* Pale link */
.bg_link_pale {background-color: #feead0;}
a.bg_link_pale:hover {
	text-decoration: none;
	background-color: #ffd5a5;
}


/* Category link box
----------------------------------------------------------*/
.ca_link_box {
	margin-bottom: 30px;
	padding: 10px;
}

.ca_link_li {
	float: left;
	margin: 3px 3px 0 0;
}

.ca_link_li a {
	display: block;
	padding: 3px 13px;
	border: 1px solid #cac8c8;
	border-radius: 5px;
	background-color: #fff;
	font-size: 84%;
}
.ca_link_li a:hover {
	border: 1px solid #fff;
}

.ca_link_li strong {
	display: block;
	padding: 3px 13px;
	font-size: 84%;
}

.detail_serch_open,
.detail_serch_close {
	display: inline-block;
	margin-top: 20px;
	background-color: #fff;
	border-radius: 5px;
	padding: 3px 13px;
	font-weight: bold;
}

.detail_serch_open {
	border: 1px solid #cac8c8;
	border-radius: 5px;
}

.detail_serch_close {
	border-top: 1px solid #cac8c8;
	border-left: 1px solid #cac8c8;
	border-right: 1px solid #cac8c8;
	border-radius: 5px 5px 0 0;
}

.detail_serch_open span,
.detail_serch_close span {
	padding-left: 20px;
	background-repeat: no-repeat;
	font-size: 80%;
}
.detail_serch_open span {background-image: url(/common/base/images/co_icon_square_plus.png);}

.detail_serch_box {
	margin-top: -1px;
	border: 1px solid #cac8c8;
	border-radius: 5px;
	background:#fff;
}

.detail_serch_close span {background-image: url(/common/base/images/co_icon_square_minus.png);}

.detail_serch_inner {
	padding: 10px;
	font-size: 84%;
}

.detail_serch_text {
	margin: 5px 0 3px;
	font-size: 94%;
	font-weight: bold;
}

.multi_select label {
	display: inline-block;
	margin: 0 5px 5px 0;
}

.refine_ditail_ul {
	margin-bottom: 10px;
	padding: 0;
	border-radius: 5px
}

.refine_ditail_li {
	float: left;
	width: 50%;
	padding: 5px 10px;
}

.refine_ditail_ul > li:first-child {border-right: 1px solid #cac8c8;}

.refine_ditail_ttl {
	font-size: 75%;
	font-weight: bold;
}

.refine_ditail_btn {
	margin: 3px 0 0;
	font-size:75%;
}

.refine_ditail_li .detail_serch_inner {padding: 3px 0 0;}

.refine_ditail_li .form_control {
	min-width: 200px;
	margin: 0 3px 0 0;
	padding: 3px;
}

.refine_ditail_ul .btn_frame {
	margin: 0 3px 0 0;
	padding: 5px;
}

.mailnews_qr {
	float: left;
	width: 50%;
	padding: 5px 10px;
	border-left: 1px solid #cac8c8;
}


/* 条件選択
----------------------------------------------------------*/
.select_box {
	margin: 0 0 20px;
	padding: 0;
}

.select_ttl {
	padding: 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
	font-size: 84%;
	font-weight: normal;
}

.select_inner,
.select_table {
	background-color: #fcfcfc;
	font-size: 75%;
}

.select_inner {
	background-color: #fcfcfc;
	padding: 10px;
}

.select_index {
	display: inline-block;
	padding: 3px 5px;
	background-color:#eee;
}

.select_table {padding: 0 5px;}

.select_table .select_index {width:100%;}

.select_table th {width: 170px;}

.select_table th,
.select_table td {
	padding: 5px;
	border-top: 1px dotted #ccc;
}
.select_inner label,
.select_table label {
	display: inline-block;
	line-height: 2;
}

.select_box .btn_frame {padding: 5px 30px;}

.table_event_list {
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.table_event_list th,
.table_event_list td {
	padding: 10px;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.table_event_list th {width: 100px;}

.event_list_sat th,
.event_list_sat td {
	background-color: #f9fbff;
}
.event_list_sat th {color: #0084d9;}

.event_list_sun th,
.event_list_sun td {
	background-color: #fff2f2;
}

.event_list_sun th {color: #d66074;}

.event_list_li {margin: 0 0 5px;}

.event_list_li .select_index {font-size: 75%;}

.event_list_li a {font-size: 84%;}

.evnet_list_m {
	padding-bottom: 5px;
	text-align: left;
	font-size: 84%;
}

.evnet_list_date {font-size: 130%;}

.evnet_list_day {font-size: 94%;}


/***** calendarList LP *****/
.ajax-loader {
	background:#FFF url(/common/base/images/ajax-loader9.gif) no-repeat top center;
	margin-top:50px;
	text-align:center;
	height:32px;
}
#calendarListArea {
	margin:20px 0;
	width:100%;
	height:100%;
	font-size:86%;
/*
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 65%, #fcfcfc 92%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#ffffff), color-stop(92%,#fcfcfc), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%);
	background: linear-gradient(to bottom,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
*/
}
/* calendar */
#calendarAera {
	width:274px;
	/* height:100%; */
}
.calendar_in {
	margin:1px;
	padding:1px 0 0 0;
	/*background:#F8B748;*/
	background:#fff;
	height:100%;
}
.calendar_inin {
	margin:0 -1px;
	padding:8px 6px 6px;
	/*background:#FBDC9C;*/
	/*background:#efefef;*/
	background:#eee;
	border:solid 1px #ccc;
	/*border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;*/
}
.calendar_bar {
	/*background:#FFFFFF url(/common/base/images/line/bg_line_02.gif) repeat-x left top;*/
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#ffffff), color-stop(92%,#fcfcfc), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
}
.calendar_bar_bottom {
	background: #efefef;
}
.calendar_bar div,
.calendar_bar_bottom div {
	padding:8px 0;
	text-align:center;
	font-size:12px;
	color:#808080;
}
.calendar_bar span {font-size:13px;}
.calendar_bar a {text-decoration:none;}
.calendar_bar a:link,.calendar_bar a:visited {color:#808080;}
.calendar_bar a:hover {color:#CC0000;}

#calendarTable {
	background:#FFF;
	border-collapse:separate;
	border-spacing:1px;
	width:260px;
	margin:5px 0;
}
#calendarTable th,
#calendarTable td {
	width:14.255%;
	font-size:12px;
}
#calendarTable th {
	height:25px;
	text-align:center;
	vertical-align: middle;
	background:#EEEEEE;
	color:#656565;
}
#calendarTable td {
	height:48px;
	background:#FFF;
	border-right:1px solid #F0F0F0;
	border-bottom:1px solid #F0F0F0;
}
#calendarTable .today {background:#FAF1C2;}
#calendarTable .sun {background:#fce2d4;}
#calendarTable .sat {background:#e4f2f6;}
#calendarTable a {
	display:block;
	height:48px;
	text-decoration:none;
	color:#808080;
}
#calendarTable a:hover {background:#fffddf;}
#calendarTable a.clicked {background:#F79915;}
#calendarTable a.clicked strong,#calendarTable a.clicked span {color:#fff;}
#calendarTable td strong {
	display:block;
	padding:2px 4px;
	color:#808080;
}
#calendarTable td span {
	display:block;
	font-size:13px;
	text-align:center;
	padding-top:8px;
	color:#000;
}

/* calendar_listArea */
#listArea {
	padding-left:10px;
	vertical-align: top;
}
#listArea h3 {
	padding:6px 0 3px 0;
	background:#F79915;
	text-align:center;
	font-size:84%;
	color:#fff;
}
#dayList {
	height:375px;
	overflow:auto;
	padding:1px;
	border:1px solid #ccc;
}
#dayList.low_height { height:345px; }
#dayList h4 {
	padding:2px 5px;
	background:#e9e9e9;
	/*font-size:84%;*/
	font-weight:normal;
}
#dayList .box {
	padding:8px 5px;
}

/* eventCategory_icon */
#event_icn1 {
	background:transparent url(/common/base/images/event/icon1.gif) no-repeat left center;
	display:block;
	padding:4px 0 6px 36px;
}
#event_icn2 {
	background:transparent url(/common/base/images/event/icon2.gif) no-repeat left center;
	display:block;
	padding:4px 0 3px 36px;
}
#event_icn3 {
	background:transparent url(/common/base/images/event/icon3.gif) no-repeat left center;
	display:block;
	padding:4px 0 3px 36px;
}
#event_icn4 {
	background:transparent url(/common/base/images/event/icon4.gif) no-repeat left center;
	display:block;
	padding:4px 0 3px 36px;
}
#event_icn5 {
	background:transparent url(/common/base/images/event/icon5.gif) no-repeat left center;
	display:block;
	padding:4px 0 3px 36px;
}
#event_icn6 {
	background:transparent url(/common/base/images/event/icon6.gif) no-repeat left center;
	display:block;
	padding:4px 0 3px 36px;
}
#event_icn7 {
	background:transparent url(/common/base/images/event/icon7.gif) no-repeat left center;
	display:block;
	padding:4px 0 3px 36px;
}
#event_icn8 {
	background:transparent url(/common/base/images/event/icon8.gif) no-repeat left center;
	display:block;
	padding:4px 0 3px 36px;
}
#event_icn99 {
	background:transparent url(/common/base/images/event/icon99.gif) no-repeat left top;
	display:block;
	padding:4px 0 3px 36px;
}

/* eventCategory_icon_mini */
#event_micn1 {
	background:transparent url(/common/base/images/event/m_icon1.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}
#event_micn2 {
	background:transparent url(/common/base/images/event/m_icon2.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}
#event_micn3 {
	background:transparent url(/common/base/images/event/m_icon3.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}
#event_micn4 {
	background:transparent url(/common/base/images/event/m_icon4.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}
#event_micn5 {
	background:transparent url(/common/base/images/event/m_icon5.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}
#event_micn6 {
	background:transparent url(/common/base/images/event/m_icon6.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}
#event_micn7 {
	background:transparent url(/common/base/images/event/m_icon7.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}
#event_micn8 {
	background:transparent url(/common/base/images/event/m_icon8.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}
#event_micn99 {
	background:transparent url(/common/base/images/event/m_icon99.gif) no-repeat left center;
	display:block;
	padding:2px 0 2px 20px;
}

.category_link_box p {
	padding-left:20px;
	background:transparent url(/common/base/button/btn_15.gif) no-repeat left center;
}
.category_link_box p.search_img_open {
	background:transparent url(/common/base/common/button/btn_18.gif) no-repeat left center;
}
.search_category {border-bottom: 1px dotted #CCCCCC;}
.search_category span {
	float:left;
	width:110px;
}

/********** / calendarList LP **********/

/********** frdAllList **********/
#frdAllList {
	background: none repeat scroll 0 0 #d1e88a;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
#frdAllListMain {
	background:#e7e7e7;
}
#frdAllListMain table {
	width: 100%;
}
#frdAllListMain table td {
	text-align: center;
	width: 16.65%;
	font-size:71%;
}
#frdAllListMain table td .photo {
	background: none repeat scroll 0 0 #fff;
	height: 80px;
	padding: 12px 0 3px;
}
#frdAllListMain table td .handlename {
	background: none repeat scroll 0 0 #fdf6d7;
	/*border-bottom: 1px solid #ccc;*/
	height: 50px;
	padding: 2px 3px;
	word-break: break-all;
}
/********** / frdAllList **********/

/********** parts_frd_box **********/
.parts_frd_title {
	padding: 8px 5px 7px 10px;
}
.parts_frd_title h2 {
	font-size: 84%;
	letter-spacing: 2px;
}
.parts_frd_title h2 span {
	float: right;
	font-size: 84%;
	letter-spacing: 0;
	padding-top: 2px;
}
.parts_frd_box h2 {
	color: #333;
	text-align:center;
}
.parts_frd_text {
	background: #fff;
	padding: 8px;
}
.parts_frd_box .parts_frd_text {
	padding: 8px 4px;
}
.parts_frd_text li {
	line-height: 1.4;
	overflow: hidden;
}
.parts_frd_box ul {
	padding: 0 0 6px;
}
.parts_frd_box li {
	float: left;
	line-height: 1.2;
	padding: 0 4px;
	text-align: center;
	font-size:76%;
	width: 65px;
}
.parts_frd_box li img {
	vertical-align: bottom;
}
/********** / parts_frd_box **********/


/********** tabs style **********/
.tabs {
	overflow:hidden;
	position: relative;
	z-index: 1;
}
.tabs li {
	background:#efeff0;
	padding:5px 7px;
	float:left;
	margin-right:1px;
	border-radius:4px 4px 0 0;
	border:solid 1px #ccc;
	cursor: pointer;
	font-size:74%;
}
.tabs li.tabs_select {
	background:#fff;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #fff;
	margin-bottom:-1px;
	font-weight:bold;
}
.tabs_content .tabs_inner {
	background:#fff;
	padding:10px;
	border:solid 1px #ccc;
	position: relative;
	top: -1px;
}
.hide {
	display:none;
}
/********** / tabs style **********/

/********** tabs2 style **********/
.tabs2 {
	overflow:hidden;
	position: relative;
	z-index: 1;
}
.tabs2 li {
	background:#efeff0;
	padding:5px 7px;
	float:left;
/*	margin-right:1px; */
	border-radius:0;
	/*border:solid 1px #ccc;*/
	border-right:#fff 1px solid;
	border-bottom:solid 1px #ccc;
	cursor: pointer;
	font-size:82%;
}
.tabs2 li.tabs_select {
	background:#fff;
	/*border-left:solid 1px #ccc;*/
	/*border-right:solid 1px #ccc;*/
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #fff;
	margin-bottom:-1px;
	font-weight:bold;
}
.tabs_content2 .tabs_inner {
	background:#fff;
	padding:10px;
	/*border:solid 1px #ccc;*/
	border:none;
	position: relative;
	top: -1px;
}
/********** / tabs2 style **********/

/********** tabs_area style **********/
.tabs_area {
	overflow:hidden;
	position: relative;
	z-index: 1;
}
.tabs_area li {
	background:#efeff0;
	padding:5px 7px;
	float:left;
	margin-right:1px;
	border-radius:0;
	/*border:solid 1px #ccc;*/
	border-right:#fff 1px solid;
	border-bottom:solid 1px #ccc;
	cursor: pointer;
	font-size:74%;
}
.tabs_area li.tabs_select {
	background:#fff;
	/*border-left:solid 1px #ccc;*/
	/*border-right:solid 1px #ccc;*/
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #fff;
	margin-bottom:-1px;
	font-weight:bold;
}
.tabs_area_content .tabs_inner {
	background:#fff;
	padding:0;
	/*border:solid 1px #ccc;*/
	border:none;
	position: relative;
	top: -1px;
}
/********** / tabs2 style **********/








/* Table
----------------------------------------------------------*/
.table01,
.table03,
.table01 table,
.table03 table {width: 100%;}

.table02 {
	float: left;
	width: 535px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.table01 th,.table01 td,
.table02 th,.table02 td,
.table03 th,.table03 td {
	padding: 10px;
	font-size: 88%;
	word-break: break-all;
}

.table01 th,
.table02 th,
.table03 th {
	font-weight: normal;
	/* text-align: left; */
}

.table01 th,
.table02 th {
	/*width: 20%;*/
	min-width: 100px;
	font-weight: normal;
}


.table03 thead {
	background: #757575;
	color: #fff;
}

.oddline {background: #efeff0;}

/* グレー */
.table_gray table,
table.table_gray{
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.table_gray th,
.table_gray td {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.table_gray td {background:#fff;}

/* Map contents
----------------------------------------------------------*/
.map_top_box {margin-top: 5px;}

.table02_a,
.table02_img {
	float: left;
	width: 200px;
	height: auto;
}

.map_img_w120 {width: 120px;}
.map_img_w180 {width: 180px;}

.table02_a img,
.table02_img {
	display: block;
	margin: 0 auto 5px;
	max-width: 100%;
}

.table02_a img {
	max-width: 100%;
	height: auto;
}

/* 記事をクリップ
----------------------------------------------------------*/
/* カード */
.clip_box {
	z-index: 2;
	padding: 0;
	font-size: 80%;
}

.clip_box button {
	padding: 5px 10px;
	border-radius: 5px;
	border: none;
	-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	-ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.clip_box i {
	color: #333;
}

.clip_box button:hover {
	background: #f35151;
}

.clip_box button:hover i,
.clip_box button:hover .clip_text{
	color: #fff;
}

.card_article .clip_box,
.card_list_article .clip_box {
	float: right;
}

.card_list_article .clip_box {margin: 5px 5px 0 auto;}

.clip_no_bg {
	padding: 0;
	border: none;
	background: #fff;
}

.clip_img {
	float: left;
	margin: 0 2px 0 0;
}

.clip_box.large button {
	width:100%;
	padding: 10px;
}

/* ボタン */
.btn_clip_on {background: #df2a2a;}

a.btn_clip_on:hover {
	color: #fff;
	background-color: #f03f3f;
}

.btn_frame {
	padding: 0 6px 0 4px;
	border-radius: 5px;
	border: 1px solid #cac8c8;
	line-height: 1.2;
	vertical-align: top;
}

.co_count {
	position: relative;
	display: inline-block;
	margin: 2px 0;
	padding: 2px;
	width: auto;
	min-width: 20px;
	line-height: 1.2;
	text-align: center;
	border: 1px solid #b0c1d8;
	border-radius : 3px;
	z-index: 0;
	font-size: 75%;
	font-weight: normal;
	color: #6a7180;
}
.co_count:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -2px;
	margin-top: -2px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 2px 2px 2px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.co_count:after {
	content: "";
	position: absolute;
	top: 50%; left: -4px;
	margin-top: -3px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 3px 3px 3px 0;
	border-color: transparent #b0c1d8 transparent transparent;
	z-index: -1;
}

.clip_text {
	margin: 0;
	font-weight: normal;
	color: #6e6d6d;
}

.btn_clip_on .clip_text,
.btn_clip_on i
{
	color: #FFF;
}




/* Button
----------------------------------------------------------*/
.detail_sns {
	width: 50%;
}
.detail_utility {
	width: 30%;
}

.co_btn_white,
.co_btn_color00 {
	margin-left: 5px;
	padding: 5px;
	border-radius: 5px;
}

ul .l_co_btn_white,
ul .l_co_btn_color00 {
	float: left;
}

.co_btn_white {
	border: 1px solid #eee;
	background: #fff;
}

.co_btn_color00 {background: #000;}
.co_btn_color00 a {color: #fff;}

.co_btn_white a {color: #000;}

.count {
	background-color: #ffffff;
	border: 1px solid #b0c1d8;
	border-radius: 3px;
	height: 18px;
	padding: 0px 4px;
	position: relative;
	width: auto;
	display: inline;
	float: right;
	color: #2d4c86;
	font-family: "Arial";
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	margin-left:3px;
}
.count:after,  .count:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	right: 100%;
	position: absolute;
	width: 0;
}
.count:after {
	border-width: 3px;
	border-right-color: #fff;
	top: 6px;
}
.count:before {
	border-width: 5px;
	border-right-color: #b0c1d8;
	top: 4px;
}
/* カウントなし */
.count_no {display:inline-block;}

.count_no .share-items .count {display:none !important;}

/* socialbutton */
.share-items {display:inline-block;}

.share-items li {
	display:inline-block;
	margin: 0 0 0 5px;
}

.share > img {
	vertical-align: top;
	width: 25px;
	height: 25px;
}

.share-items .count {
	height: 25px;
	margin-left: 6px;
	min-width: 25px;
	padding: 3px;
	text-align: center;
}

.share-items .count:before {top: 6px;}
.share-items .count:after {top: 8px;}

/* Form
----------------------------------------------------------*/
.fieldset01 {
	width: 90%;
	margin: 0 auto;
}

.form_group {
	margin-bottom: 15px;
	padding-top: 15px;
	border-top: 1px dotted #c5c5c5;
	font-size:84%;
}

form div:first-child {border: none;}

.form_label {
	float: left;
	width: 25%;
	padding: 7px 7px 0 5px;
	font-weight: bold;
	text-align: right;
}

#input_confirm .form_label {padding: 0 7px 0 5px;}

.form_entry {
	float: left;
	width: 75%;
	padding: 0 5px 0 7px;
}

.form_group input[type="search"],
.form_group input[type="password"],
.form_group input[type="button"],
.form_group input[type="text"],
.form_group input[type="submit"],
.easy_serch input[type="search"],
.easy_serch input[type="button"],
.easy_serch input[type="text"],
.easy_serch input[type="submit"] {-webkit-appearance: none;}

.easy_serch button[type="submit"] {
	-webkit-appearance: none;
	padding: 0 5px;
}

.form_control,
.sr_serch .search01 {
	max-width: 100%;
	min-height: 20px;
	line-height: 1.42857;
	padding: 6px 12px;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	color: #555;
	font-size: 14px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	vertical-align: middle;
}

.form_entry textarea {width:400px;}
.form_entry textarea.w_full {width:100%;}

.form_span {
	display: block;
	margin: 2px 0 0;
}

#req_pic {max-width:100%;}

span.bg_caution {
	display: inline-block;
	margin-left: 5px;
	padding: 2px 3px;
	font-size: 84%;
	font-weight: normal;
}

.telnum,.email {ime-mode: disabled;}

.error {background-color: #FFE7E7;}

label.error {margin: 5px 0 0 5px;}

/* Contents
----------------------------------------------------------*/
.co_main img {
	max-width:100%;
	height: auto;
}
#map_canvas img,
#gmap img {
	max-width:none;
}
.co_full_box {
	width: 100%;
	margin: 0 0 20px 0;
	line-height: 1.7;
	font-size: 88%;
	word-wrap: break-word;
}

.co_full_img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 600px;
	vertical-align: bottom;
}

.co_half_box_l,
.bnr_half_box_l,
.service_half_box_l {
	float: left;
	padding: 0 20px 0 0;
	text-align: center;
}

.co_half_box_r,
.bnr_half_box_r,
.service_half_box_r {
	float: right;
	padding: 0 0 0 20px;
	text-align: center;
}

.co_half_box_l,.co_half_box_r,
.service_half_box_l,.service_half_box_r {
	max-width: 50%;
}

.bnr_half_box_l,.bnr_half_box_r {
	width: 50%;
}

.bnr_tri_box {
	float: left;
	width: 33%;
	text-align: center;
}

.bnr_tri_box .co_full_img {
	max-width: 96%;
	height: auto;
}

.img_caption {
	width: 100%;
	padding: 2px 5px 0;
	font-size:84%;
}

.bnr_caption {
	width: 100%;
	padding: 5px 5px 0;
	text-align: left;
}

.co_double_box {
	font-size: 88%;
	margin-bottom:20px;
}
.co_double_box span {
	margin:0 10px;
}
.co_double_box img {
	/*width:40%;*/
	max-width:250px;
	vertical-align: top;
}

/* view big size image to click */
.pc_view_full_img{
	cursor:pointer;
}

/* Related article
----------------------------------------------------------*/
.grid_column01,
.grid_column02 {
	width: 100%;
}

.grid_box {padding: 0 0 5px 0;}

.grid_table	{
	display:table;
	border-spacing: 5px 0;
	padding: 5px 0 0;
}

.grid_cell {
	display:table-cell;
	position: relative;
	vertical-align: top;
}

.grid_bg_border {
	border: 1px solid #e6e6e7;
	background: #fff;
}

.grid_clip {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 70px;
	min-height: 70px;
	background-image: url(/common/base/images/bg_clip.png);
	background-repeat: no-repeat;
	background-position: right top;
	color: #fff;
}

.grid_clip_number,
.grid_clip_clip {
	display: block;
	vertical-align: top;
}

.grid_clip_number {padding: 0 30px 0 3px;}

.grid_clip_clip {
	padding: 0 30px 10px 3px;
	font-size:71%;
}

.grid_half {width: 50%;}

.grid_half img {
	float: left;
	width: 40%;
	height: auto;
	margin: 0 10px 10px 10px;
}

.grid_70 {width: 510px;}

.grid_70 img {
	float: left;
	width: 280px;
	height: 280px;
	margin: 0 10px 0 0;
}

.grid_30 {width: 216px;}

.grid_30 img {
	width: 235px;
	height: 160px;
	vertical-align: top;
}

.grid_detail {padding: 5px;}

.grid_genre {
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 2px 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 69%;
	text-align: center;
}

.grid_h1 {
	font-size: 94%;
	margin-bottom: 5px;
}

.grid_h2 {
	font-size: 75%;
	margin-bottom: 5px;
}

.related_category {
	margin: 0 0 10px;
	padding: 2px 5px;
	color: #fff;
	font-size: 75%;
}

.grid_column01 .service .related_category,
.grid_column02 .service .related_category {
	background: #ed3535;
}
.grid_column01 .join .related_category,
.grid_column02 .join .related_category {
	background: #4d9a1f;
}
.grid_column01 .link .related_category,
.grid_column02 .link .related_category {
	background: #ecb82b;
}
.grid_column01 .life .related_category,
.grid_column02 .life .related_category {
	background: #6a6bb3;
}

.grid_left {
	float: left;
	padding: 0 5px 10px 0;
}

.grid_right {
	float: right;
	padding: 0 0 10px 5px;
}

.related_ttl {
	margin: 0 0 10px;
	font-size: 88%;
}

.related_text {
	margin: 0 0 10px;
	font-size: 88%;
	color: #333;
}

.balloon {position: relative;}

.balloon:before {
	content: "";
	position: absolute;
	bottom: -17px;
	right: 50%;
	border: 5px solid transparent;
}
/* カテゴリバリエーション */
.service .balloon:before {border-top: 5px solid #ed3535;}
.life .balloon:before {border-top: 5px solid #5e66ef;}
.join .balloon:before {border-top: 5px solid #60ac3d;}
.link .balloon:before {border-top: 5px solid #e9a402;}
.other .balloon:before {border-top: 5px solid #ffab34;}

.ca_ttl {
	position: relative;
	display: inline-block;
	margin: 0 0 8px;
	color: #999;
	font-size: 88%;
	font-weight: bold;
}
.ca_ttl:before {
	content: "";
	position: absolute;
	bottom: -8px;
	right: 50%;
	border: 7px solid transparent;
	border-bottom: 7px solid #e7e7e7;
}

.ca_tag_box {padding: 5px 5px 2px 0;}

.ca_tag {
	display: inline-block;
	margin: 0 0 3px 5px;
	padding: 2px 7px;
	border: 1px solid #cac8c8;
	background: #fff;
	border-radius: 5px;
	color: #3d3d3d;
	font-size: 75%;
}
.ca_tag:hover {border: 1px solid #fff;}

.ca_tag_text {
	background: #eee;
	border-radius: 15px;
	margin: 0 0 3px 5px;
	padding: 2px 7px;
}

.bbs_question_box {
	margin-bottom: 10px;
	padding: 10px 5px;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5MiUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZjRmNGY0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 65%, #fcfcfc 92%, #f4f4f4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(65%,#ffffff), color-stop(92%,#fcfcfc), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 65%,#fcfcfc 92%,#f4f4f4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );
	border:1px solid #d7d6d6;
	border-radius:5px;
}

.bbs_answer_box,
.community_lp_box,
.post_comment_box {
	margin-top:10px;
	margin-bottom:10px;
	padding: 5px 5px 10px 10px ;
	background-color: #e4e4e4;
	border-radius: 5px;
}

/*.bbs_answer_box:hover,*/
.community_lp_box:hover {
	background:#f3f3f3;
}
/*.bbs_answer_box a:hover,*/
.community_lp_box a:hover {
	text-decoration: none;
	width:100%;
	height:100%;
}
.post_comment_box .post_img {
	float:left;
	margin-right:10px;
}

.data_list {
	font-size:84%;
	margin-top:10px;
}

.data_list span {margin-right:20px;}

/* cms_backnumber
-------------------------------*/
/* マウスオーバーで背景色 */
.bk_num:hover {
	background:#efefef;
}
.bk_num a:hover {
	text-decoration: none ;
}

/* Banner area
----------------------------------------------------------*/
.bnr_top_state {
	float: right;
	width: 200px;
	height: 320px;
	margin: 0 0 0 10px;
	/* border: 1px solid #cac8c8; */
	background: #fff;
	text-align: center;
}

.bnr_top_resp {
	width: 100%;
	max-width: 730px;
	margin: 10px auto 0;
}

.bnr_left_ul {
	width: 100%;
	margin: 0;
	padding: 0;
}

.bnr_left_li {
	width: 200px;
	padding: 0;
	margin: 0 auto;
}

.bnr_left_img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/* floating List
----------------------------------------------------------*/
.list_float_li {
	float: left;
	width: 50%;
	height: 150px;
	padding: 5px;
	overflow: hidden;
}

.list_float_img {
	float: left;
	width: 140px;
}

.list_float_ttl,
.list_float_p {
	margin: 0 0 5px 150px;
}

.list_float_p {
	color: #333;
	font-size: 75%;
}

/* Google map
----------------------------------------------------------*/
.gmap_box {
	padding: 0;
	background-color: #fff;
	border: 1px solid #cac8c8;
}

.gmapspace {overflow: hidden;}

.gmap_textbox {
	float: left;
	overflow-y: scroll;
	width: 30%;
	border-right: 1px solid #cac8c8;
}

.gmap_map {
	float: left;
	width: 70%;
}

.gmap_div {border-bottom: 1px solid #cac8c8;}

.gmap_div .border_top_dott:first-child {border-top: none;}

.gmap_div_ttl {
	padding: 5px;
	background: #efeff0;
	font-size: 95%;
	font-weight: bold;
}

.gmap_a {
	display: block;
	padding: 5px 5px 5px 5px;
	font-size: 88%;
}

.gmap_a img {margin: 0 4px 0 0;}

/* Detail page */
.gmap_detail_box {height: 380px;}

/* form page */
.gmap_form_box {
	width: 100%;
	height: 380px;
	overflow: hidden;
	margin: 0 auto;
}

.gmap_detail_ttl_box{height: 380px;}

.gmap_embed_iframe{
	width: 100%;
	height: 380px;
	border:solid 1px #cac8c8;
}

/* Hr
----------------------------------------------------------*/
hr.line_dott {
	margin: 10px 0;
	padding: 1px 0 0 0;
	border: none;
}

/* Slides
----------------------------------------------------------*/
.top_area {
	margin-bottom: 15px;
	padding: 10px;
}

.flexslider_box {
	margin-bottom: 30px;
}

#imageSlider {
	height: auto;
	width: 730px;
	max-width: 730px;
	margin: 0 auto;;
	overflow: hidden;
}
.top #imageSlider {float: left;}

.flexslider {position: relative;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

#imageSlider .fix_text_area {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 5px 40px 20px;
	background-color: rgba(0,0,0,0.8);
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000";
	color: #fff;
	line-height: 1.4;
}

.slides img {
	width: 100%;
	height: auto;
	vertical-align:top;
}

.slide_ttl {font-size: 100%;}

.slide_text {
	font-size: 75%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.flex-direction-nav a {
	cursor: pointer;
	z-index: 2;
	display: block;
	position: absolute;
	bottom: 25px;
	width: 40px;
	height: 0;
	padding-top: 24px;
	overflow: hidden;
	opacity: 0.8;
	background-position: center center;
	background-repeat: no-repeat;
	color: rgba(0,0,0,0);
}

.flex-direction-nav .flex-prev {
	background-image: url(/common/base/images/slide_prev.png);
	left: 0;
}

.flex-direction-nav .flex-next {
	background-image: url(/common/base/images/slide_next.png);
	right: 0;
}

#imageSlider .slides li a {
	display: block;
	line-height: 1;
	position: relative;
	text-decoration: none;
}

:root * > #imageSlider .fix_text_area {
	background-color: rgba(0, 0, 0, 0.65);
	min-height:65px;
}

.flexslider a:active, .flexslider a:focus {outline: medium none;}

.flexslider .slides > li {display: none;}

.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease 0s;
}
.loading .flex-viewport {max-height: 300px;}

.flexslider:hover .flex-prev:hover, .flexslider:hover .flex-next:hover {opacity: 1;}

/* Control Nav */
.flex-control-nav {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
	width: 100%;
	text-align: right;
}

.flex-control-nav li {
	margin: 5px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

/* Paging Nav */
.flex-control-paging li a {
	display: block;
	overflow: hidden;
	width: 11px;
	height: 0;
	padding-top: 11px;
	background: #777;
	cursor: pointer;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 20px;
}

.flex-control-paging li a:hover {background: #ccc; background: rgba(255,255,255,0.8);}

.flex-control-paging li a.flex-active {background: #eee; cursor: default; box-shadow: inset 0 0 1px rgba(0,0,0,0.9);}

/* Refine bar
----------------------------------------------------------*/
.refine_bar {
	margin: 1px 0 5px;
	padding: 3px;
	text-align: right;
}

.service .refine_on,
.life .refine_on,
.join .refine_on,
.link .refine_on {
	margin-top: 1px;
	border: none;
	color:#fff;
}

.service .refine_on {background: #ed3535;}
.life .refine_on {background: #5e66ef;}
.join .refine_on {background: #60ac3d;}
.link .refine_on {background: #e9a402;}

.refine_bar .btn_frame {
	margin: 0 3px 0 0;
	padding: 5px;
	font-size:75%;
}

.alldata {
	float: left;
	font-size:75%;
}

.prevlink,
.nextlink,
.paging_01_li,
.paging_01_li_on {
	display: inline-block;
}

.paging_01 .prevlink,
.paging_01 .nextlink {
	font-size:75%;
	vertical-align: middle;
}

.paging_01 .prevlink {margin: 0 5px 0 0;}
.paging_01 .nextlink {margin: 0 0 0 5px;}

.paging_01 .paging_01_li,
.paging_01 .paging_01_li_on {
	margin-right: 5px;
	font-size:84%;
	vertical-align: middle;
}

.paging_01 .paging_01_li {	margin-right:5px;}
.paging_01 .paging_01_li_on {
	margin-left: 3px;
	padding: 2px;
}

.paging_01 .paging_01_li a {
	padding: 1px 5px;
	border: 1px solid #cac8c8;
	border-radius: 2px;
	background-color: #f9f9f9;
	color: #737373;
	text-align: center;
}
.paging_01 .paging_01_li a:hover {background: none repeat scroll 0 0 #e7e7e7;}

.paging_02 {
	width: 100%;
	margin: 0 auto 30px;
	padding: 20px 0 0;
	text-align: center;
}

.paging_02 li {
	float: left;
	width: 33%;
}

.paging_02 li a span {display: block;}

.paging_02 .icon_arrow_color01_left,
.paging_03 .icon_arrow_color01_left {background-position: left center;}

.paging_02 .icon_arrow_color01_right,
.paging_03 .icon_arrow_color01_right {background-position: right center;}

.paging_03 {margin-bottom: 30px;}

.paging_03 li {
	margin: 5px;
	font-size: 100%;
}

.paging_03 li > a {
	color: #000;
	cursor: pointer;
}

.paging_01_li_on {padding: 3px 5px;}

.paging_03 .paging_01_li a,
.paging_03 .prevlink a,
.paging_03 .nextlink a {
	padding: 3px 5px;
	border-radius: 5px;
}
/* Posts Paging
----------------------------------------------------------*/
.sns_box_right {
	float:left;
	width:300px;
	padding:10px;
}

.pp_a,
.pp_linktobk {
	border-color:#cac8c8;
	border-style:solid;
	border-width:2px 2px 2px 1px;
}
.pp_a:first-child {border-width:2px 1px 2px 2px;}

.pp_a {height:122px;}

.pp_nav_box {padding-bottom:10px;}

.pp_thum_box {
	float:left;
	width:130px;
	overflow:hidden;
	margin-right:10px;
}
.pp_text_box {
	float:right;
	width:207px;
}
.pp_h4 {padding-top:10px;}

.pp_linktobk {
	border-width:0 2px 2px 2px;
}

.pp_bnr_top_ttlbox {
	z-index:40;
	position:absolute;
	top:50%;
	left:0;
}
/* cms リストの背景を帯に変更 */
/*.pp_bnr_top_ttlbox {
	z-index:40;
	position:absolute;
	bottom:0;
	left:0;
	padding:20px;
    background-color: rgba(0, 0, 0, 0.5);
}*/

.pp_bnr_top_ttl {
	top:50%;
	left:0;
	margin-top:-10px;
}

.pp_bnr_top_imgbox {
	overflow:hidden;
	top:0;
	left:0;
}
.pp_bnr_top_span {
	z-index:10;
	position:absolute;
	bottom:0;
	left:0;
	height:100%;
	background-color:rgba(0, 0, 0, 0.2);
	transition-property:background;
	transition: 0.2s linear;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
}
.pp_bnr_top_span:hover {background-color:rgba(0, 0, 0, 0.4)}

.pp_bnr_link_ttlbox {
	z-index:40;
	position:absolute;
	bottom:0;
	left:0;
	background-color: rgba(0, 0, 0, 0.5);
}

/* 検索結果
----------------------------------------------------------*/
.serch_post_type {
	float: left;
	min-height: 25px;
	padding: 0 10px 0 25px;
	background-repeat: no-repeat;
	color: #6e6d6d;
}

.card_service .serch_post_type {background-image: url("/common/base/images/service_icon01.png");}
.card_life .serch_post_type {background-image: url("/common/base/images/life_icon01.png");}
.card_join .serch_post_type {background-image: url("/common/base/images/join_icon01.png");}
.card_link .serch_post_type {background-image: url("/common/base/images/link_icon01.png");}

.sr_serch .search01 {
	width: 500px;
	max-width: 100%;
	margin-right: 10px;
}

/* Footer
----------------------------------------------------------*/
/* Footer nav */
.footer_ul {
	float: left;
	width: 100%;
}

.footer_other {
	float: left;
	width: 25%;
}

.footer_li {
	float: left;
	width: 25%;
	padding: 0 10px 0 0;
}

.footer_other_li {
	margin-bottom: 3px;
	padding: 5px 2px;
	border: 1px solid #B7B7B9;
	background-color: #fff;
}

.footer_nav_h1,
.footer_info_li a,
.footer_li_li a {
	font-size: 82%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.footer_li_li a {padding: 5px 0 0 10px;}

.footer_info_li a {padding-bottom: 7px;}

.footer_other_li a {font-size: 75%;}

.footer_nav_h1 a,
.footer_li_li a,
.footer_info_li a,
.footer_other_li a {
	display: block;
}

/* Copyright */
.co_copy {
	font-size: 12px;
	text-align: center;
	margin: 0 0 5px;
	font-size: 12px;
	text-align: center;
	line-height: 1.7;
}

/* Public info
----------------------------------------------------------*/
.list_lg li {
	line-height: 2;
	padding-left:16px;
	background-repeat: no-repeat;
	background-position: left 5px;
	background-image: url(/common/base/images/co_arrow_orange.gif);
	list-style: outside none none;
	font-size: 88%;
}

.ttl_bar_inner h2 span {font-size: 75%;}

/* Image capton
----------------------------------------------------------*/
.img_capton {width: 100%;}

/* Responsive display settings
----------------------------------------------------------*/
.sp_item,
.sp_btn,
.sp_btn_gray,
.detail_map_a,
a.detail_tell_a,
.co_header_div .sp_full_inner,
.sp_category_nav,
#build-menu-button {
	display: none !important;
}

/* aside affiliate
----------------------------------------------------------*/
.pr_02 {
	background: #fff;
	border: 1px solid #cac8c8;
	border-radius: 5px;
	font-size: 84%;
	padding: 5px;
}
.pr_02 .area_title {
	border-bottom: 1px dotted #ccc;
	padding: 5px;
}
.pr_02 .title {
	font-size: 100%;
	display: inline-block;
}
.pr_02 .area_title span {float: right;}
.pr_02 .area_title span a {
	color: #999;
	font-size: 88%;
}
.pr_02 li {margin: 5px;word-break: break-all;}
.pr_02 li a {
	background: url(/common/base/images/co_arrow_blue.gif) no-repeat left center transparent;
	padding-left: 15px;
	margin-right: 10px;
}

/* news_ttl_img
----------------------------------------------------------*/
.news_ttl_img {
	text-align:center;
	max-height:100px;
}

.list_osusume {
	float: left;
	width:33%;
}

/* label_list
----------------------------------------------------------*/
.card_list_article_square {padding: 10px;}

.card_list_thum_square {
	width:90px;
	height:90px;
}

.co_main .card_list_thum_square img {
	max-width: auto;
	height: 100%;
	vertical-align: top;
}

.card_list_ttl_square {font-size: 110%;}

.card_list_edit_box {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

/* reaction_card
----------------------------------------------------------*/
.reaction_card_box {
	z-index: 2;
	position: absolute;
	top: 0;
	right: 0;
	min-width: 50px;
	line-height: 1;
	padding: 10px;
	background: #fff;
	border-radius: 0 0 0 5px;
	color: #757575;
}
.card_service .reaction_card_box {color: #ed3535;}
.card_life .reaction_card_box {color: #5e66ef;}
.card_join .reaction_card_box {color: #4d9a1f;}
.card_link .reaction_card_box {color: #ecb82b;}

.reaction_card_box i {margin-right: 5px;}

/* for movie embedded (YouTube etc)
----------------------------------------------------------*/
.movie {
	position: relative;
	text-align: center;
}

/* point header_area
----------------------------------------------------------*/
.btn_point_area {
	background: #2e323d;
	color: #fff;
	padding: 9px 9px 7px 9px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	/*cursor: pointer;*/
	display: inline-block;
}
.btn_point_area .point {
	background: #eee;
	padding: 2px 5px;
	border-radius: 3px;
	color: #333;
}
/* icon point_ishigaki */
.icon_point_ishigaki {
	background-image: url("/common/base/images/co_icon_ishigaki.png");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 18px auto;
	display: inline-block;
	min-height: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	vertical-align: top;
}

/* サブエリア・詳細カテゴリ・こだわり検索
----------------------------------------------------------*/
.link_group_area {
	background:#fcfcfc;
	padding:10px;
	border: 1px dotted #ccc;
}
.link_group_area ul li {
	line-height:1.8;
}
.link_group_area ul li:not(:last-child) a {
	border-right:solid 1px #ccc;
	padding-right:10px;
}

/* ショップメニューバー
----------------------------------------------------------*/
.shop_detail_menu {
	padding: 0;
	margin-bottom: 10px;
	border:solid 1px #ccc;
	border-bottom:solid 2px #f35151;
}
.shop_detail_menu li {
	display: table-cell;
	padding: 14px 0;
	margin: 0;
	border-right: solid 1px #ccc;
	background: linear-gradient(to bottom,  #ffffff 0%,#f0efef 100%);
	width:25%;
	font-size:13px;
	text-align:center;
	font-weight:bold;
	vertical-align: middle;
	width: 184px;
}
.shop_detail_menu li:last-child {
	border-right:none;
}
.shop_detail_menu a {
	color: #333;
	display:block;
}
.shop_detail_menu li.on a {
	color:#f35151;
}
.shop_detail_menu li.off {
	color:#ccc;
	background:#eee;
}

/* ジャンル選択ボタン
----------------------------------------------------------*/
.genre_select_box {
margin-top: 20px;
margin-bottom: 10px;
}
.genre_select_btn_ca {
	padding: 3px 0;
	border-radius: 5px;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
	margin:0 2px;
	font-weight:bold;
}
.genre_select_btn_ca span {padding: 3px 5px;}
.genre_select_box a.genre_service {color:#e83732;}
.genre_select_box a.genre_life {color:#5e66ef;}
.genre_select_box a.genre_join {color:#65a648;}
.genre_select_box a.genre_link {color:#e9a402;}
.genre_select_box .genre_service:hover,
.genre_select_box .genre_service.on {background-color: #e83732;}
.genre_select_box .genre_life:hover,
.genre_select_box .genre_life.on {background-color: #5e66ef;}
.genre_select_box .genre_join:hover,
.genre_select_box .genre_join.on {background-color: #65a648;}
.genre_select_box .genre_link:hover,
.genre_select_box .genre_link.on {background-color: #e9a402;}
.genre_select_box a:hover,
.genre_select_box a.on {
	color:#fff;
	text-decoration: none;
	box-shadow:none;
}


/* 新コミュニティ（コミュチカ ）
----------------------------------------------------------*/
a .bg_link_pale.bg_hover_cc:hover {
	background-color: #ffd5a5;
}
.sup_a.card_list_link_box_cc p {
	display:inline-block;
}
.text-cut_cc {
    max-width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card_list_link_box_cc {
    padding-right: 20px;
    background-image: url(http://static.mypl3.dev2/common/base/images/co_arrow_right.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.card_list_link_box_cc .card_list_genre {
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #cac8c8;
}

.btn1_cc {
    padding: 4px;
    border-radius: 7px;
	background: #fdefc8;
	text-decoration: none;
	box-shadow: none;
	color: #333;
}
.btn1_cc span {
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 6px;
    border-color: #e9a402;
}
.btn1_cc:hover {
	background: #fff !important;
	text-decoration: none;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	color: #333;
}

@media only screen and (max-width: 767px) {
.sp_clrB_cc {
	clear: both;
}
}
