@charset "UTF-8";

/*######################################
 # 
 # 共和ガス用　CSS
 # Theme Name: Remar Pro(リマープロ)
 #
 ######################################*/


/************************************
 * レイアウト構成
 */
html {
	min-height: 100%;
}
body {
	font-family: "游ゴシック", Yu Gothic, "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Osaka－等幅", "Osaka-Mono","メイリオ", Meiryo, sans-serif;
	background: url("../img/bg_body.png") repeat scroll 0 0 transparent;
	min-height: 100%;
	
}
#container {
	
}
#header {
	
}
#nav {
	
}
#banner {
	
}
#menu {
	
}
#contents {
	
}
#sidebar {
	
}
#content {
	
}
#footer {
	
}

body {
	
}
#container {
	
}
#header {
	
}

#nav {
	
}
#banner {
	
}
#menu {
	
}
#contents {
	
}
#contents.sub {
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0.5em;
}
#sidebar {
	text-align: center;
}
#content {
	
}
#contents.sub #content {
}
#footer {
	
}
.color_r {
	color: red;
}
.color_b {
	color: blue;
}
.color_g {
	color: green;
}


/************************************
 * ページエレメンツ設定
 */

/*========== ヘッダー ==========*/
#header.main {

}
#header.main .header_block {
	padding: 10px 0;
	position: relative;
	margin-bottom: 10px;
}
#header.main .header_block img {
	vertical-align: bottom;
}
#header.main .header_block .contact_link {
	display: block;
	text-align: center;
	font-size: 13px;
}
#header.main .header_block .contact_link a {
	
}
#header.main .header_block .header_box {
	text-align: center;
	margin-bottom: 20px;
}
#header.main .header_block .header_box h1 {
	margin-bottom: 10px;
}
#header.main .header_block .nav1 {
	display: none;
}
#header.main .header_block .nav1 li {
	
}
#header.main .header_block .nav2 {
	display: none;
}
#header.main .header_block .nav2 li {

}

/* スマホ用メニュー */
#header.main .spnav,
#header.sub .spnav {
	position: relative;
}
#header.main .spnav .spnav_btn,
#header.sub .spnav .spnav_btn {
	
}
#header.main .spnav ul,
#header.sub .spnav ul {
	display: none;
	position: absolute;
	z-index: 999;
	width: 100%;
}
#header.main .spnav ul li,
#header.sub .spnav ul li {
	display: block;
	text-align: center;
	padding: 3px;
	border: 1px solid #3fa9f5;
	background: #fff;
}
#header.main .spnav ul li a,
#header.sub .spnav ul li a {
	background: #3fa9f5;
    border: 1px solid #ccc;
    display: block;
    padding: 5px;
    text-decoration: none;
    color: #fff;
}



/* 第2階層用 */
#header.sub {

}
#header.sub .header_block {
	padding: 5px 0;
	position: relative;
	margin-bottom: 10px;
	text-align: center;
}
#header.sub .header_block img {
	vertical-align: bottom;
}
#header.sub .header_block h1 {
	margin-bottom: 10px;
	text-align: center;
	padding: 0 5px;
}
#header.sub .header_block h1 img {
	width: auto;
	height: auto;
	max-width: 100%;
}
#header.sub .header_block .tel {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}
#header.sub .header_block .contact_link {
	display: block;
	font-size: 13px;
}
#header.sub .header_block .contact_link a {
	
}

/*========== ナビゲーション ==========*/


/* 第2階層用 */
#subnav {
	text-align: center;
}
#subnav ul {
	display: inline;
}
#subnav ul li {
	display: inline-block;
}
#subnav ul li img {
	vertical-align: bottom;
}


/*========== ナビゲーション ==========*/
#menu {

}


/*========== サイドバー ==========*/
#sidebar {
	padding-top: 10px;
}
#sidebar ul {

}
#sidebar ul li {
	margin-bottom: 10px;
	text-align: center;
}
#sidebar ul li img {
}


/*========== フッター ==========*/
#footer {
	padding-bottom: 20px;
}
#footer #footer_block {
	text-align: center;
}
#footer #footer_block .address {
	color: #4d4d4d;
}
#footer #footer_block .address .title {
	font-size: 14px;
}
#footer #footer_block .address .text {
	font-size: 9px;
}



/*========== メインページ ==========*/
.main {
	
}



/*========== サブページ ==========*/
.sub {

}



/************************************
 * ページ個別設定
 */

/*========== トップページ ==========*/
#top {
	
}
#top .top_text{
	text-align: center;
	background: url("../img/bg_cloud.png") no-repeat scroll top center transparent;
	margin-bottom: 30px;
}
#top #menu {
	text-align: center;
	margin-bottom: 30px;
}
#top #menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top #menu ul li {
	width: 50%;
	margin: 0 0 1em;
}
#top #menu ul li a {
	color: #333;
	display: block;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	text-align: center;
}
#top #menu ul li a span {
	display: inline-block;
	height: 3em;
	line-height: 115%;
	vertical-align: top;
	width: 100%;
}



/* 施工実績 */
#result {
	
}
#result h2 {
	background: rgba(0, 0, 0, 0) url("../img/bg_titlebar.png") no-repeat scroll 0 0;
    font-size: 20px;
    height: 73px;
    line-height: 73px;
    padding-left: 80px;
    margin-bottom: 20px;
}


/* ガスについて */
#gas {
	font-size: 14px;
	line-height: 24px;
}
#gas h2 {
	background: rgba(0, 0, 0, 0) url("../img/bg_titlebar.png") no-repeat scroll 0 0;
    font-size: 20px;
    height: 73px;
    line-height: 73px;
    padding-left: 80px;
    margin-bottom: 20px;
}
#gas h3 {
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    color: #0066A2;
}
#gas h4 {
	margin-bottom: 20px;
	border-left: 10px solid #0066A2;
	border-bottom: 1px solid #0066A2;
	padding-left: 10px;
	font-size: 16px;
}
#gas .text_box {
	margin-bottom: 50px;
}
#gas .text_box p {
	
}
#gas dl.example {
	margin-bottom: 30px;
}
#gas dl.example > dt {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
#gas dl.example > dd {
	margin-bottom: 50px;
}
#gas dl.example > dd dl {

}
#gas dl.example > dd dl dt {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 16px;
}
#gas dl.example > dd dl dd {
	margin-bottom: 40px;
}
#gas dl.faq {
	margin-bottom: 30px;
}
#gas dl.faq dt {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	color: red;
}
#gas dl.faq dd {
	margin-bottom: 30px;
}
#gas dl.faq dd .answer {
	color: blue;
	font-weight: bold;
}
#gas .process_box {
	margin-bottom: 50px;
}
#gas .process_box p {
	margin-bottom: 20px;
}
#gas .process_box ul.process_list {
	margin-bottom: 50px;
}
#gas .process_box ul.process_list li {
	
}
#gas ul.contact_list {
	margin-bottom: 50px;
}
#gas ul.contact_list li {
	margin-bottom: 20px;
}
#gas ul.contact_list li span {
	display: block;
}
#gas ul.contact_list li span.title {
	font-weight: bold;
}


/* 施工実績 */
#result {
	
}
#result h2 {
	background: rgba(0, 0, 0, 0) url("../img/bg_titlebar.png") no-repeat scroll 0 0;
    font-size: 20px;
    height: 73px;
    line-height: 73px;
    padding-left: 80px;
    margin-bottom: 20px;
}
#result dl {
	padding: 0 5px;
}
#result dl dt {
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: blue;
}
#result dl dd {
	margin-bottom: 50px;
	font-size: 14px;
}
#result dl dd ul {
	
}
#result dl dd ul li {
	line-height: 26px;
	display: inline-block;
	margin-left: 10px;
}


/* 会社概要 */
#summary {
	
}
#summary h2 {
	background: rgba(0, 0, 0, 0) url("../img/bg_titlebar.png") no-repeat scroll 0 0;
    font-size: 20px;
    height: 73px;
    line-height: 73px;
    padding-left: 80px;
    margin-bottom: 20px;
}
#summary .summary_block {
	overflow: hidden;
	margin-bottom: 30px;
	text-align: center;
	padding: 0 5px;
}
#summary .summary_block dl {
	
}
#summary .summary_block dl dt {
	text-align: left;
}
#summary .summary_block dl dd {
	text-align: left;
}
#summary .summary_block dl.summary1 {
	
}
#summary .summary_block dl.summary1 dt {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
#summary .summary_block dl.summary1 dd {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 26px;
}
#summary .summary_block dl.summary1 dd .jisyousyasho_img {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}
#summary .summary_block dl.summary1 dd .jisyousyasho_img .img {
	width: 100%;
}
#summary .summary_block dl.summary1 dd .jisyousyasho_img .img img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: top;
}
#summary .summary_block dl.summary2 {
	
}
#summary .summary_block dl.summary2 dt {
	margin-bottom: 10px;
	font-weight: bold;
}
#summary .summary_block dl.summary2 dd {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 26px;
}
#summary .summary_block dl.summary3 {
	
}
#summary .summary_block dl.summary3 dt {
	font-weight: bold;
}
#summary .summary_block dl.summary3 dd {
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 26px;
}
#summary .summary_block dl.summary3 > dd > span {
	display: block;
}
#summary .summary_block dl.summary3 dd dl {

}
#summary .summary_block dl.summary3 dd dl dt {
}
#summary .summary_block dl.summary3 dd dl dd {
}
#summary .summary_block dl.summary3 dd dl dd span {
	display: inline-block;
    margin-right: 10px;
    width: 225px;
}
#summary .summary_block .access_block {
	margin-bottom: 5em;
}
#summary .summary_block .address_text {
	margin-bottom: 20px;
	text-align: left;
	font-size: 14px;
	line-height: 26px;
}
#summary .summary_block .address_text span {
	display: inline-block;
    overflow: hidden;
    vertical-align: top;
}
#summary .summary_block .map_box {
	
}
#summary .summary_block .map_box .map1 {
	text-align: center;
	margin-bottom: 20px;
}
#summary .summary_block .map_box .map1 img {
	width: 100%;
}
#summary .summary_block .map_box .map2 {
	display: inline-block;
	width: 100%;
}
#summary .summary_block .map_box .map2 iframe {
	width: 100% !important;
}
#summary .summary_block ul {
	
}
#summary .summary_block ul li {
	text-align: left;
}
#summary .summary_block ul.time li {
	font-size: 14px;
	line-height: 26px;
}





/* 環境への取り組み */
#eco {
	
}
#eco h2 {
	background: rgba(0, 0, 0, 0) url("../img/bg_titlebar.png") no-repeat scroll 0 0;
    font-size: 20px;
    height: 73px;
    line-height: 73px;
    padding-left: 80px;
    margin-bottom: 20px;
}
#eco .pdf_link {
	margin-bottom: 4em;
	text-align: center;
}
#eco .pdf_link a {
	color: #FFFFFF;
	text-decoration: none;
	display: inline-block;
	padding: 0.5em 3em 0.5em 2em;
	background: #009FE8;
	border-radius: 1em;
	position: relative;
}
#eco .pdf_link a:after {
	content: "";
	position: absolute;
	right: 1em;
	height: 1em;
	width: 1em;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22M12%208l4%204-4%204M8%2012h7%22%2F%3E%3C%2Fsvg%3E');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	top: 0.8em;
}
#eco .pdf_link a:hover {
	background: #2cb1ea;
}
#eco .pdf_link a .inner {
	font-size: 14px;	
}



/* アクセス */
#access {
	
}
#access h2 {
	background: rgba(0, 0, 0, 0) url("../img/bg_titlebar.png") no-repeat scroll 0 0;
    font-size: 20px;
    height: 73px;
    line-height: 73px;
    padding-left: 80px;
    margin-bottom: 20px;
}
#access .access_block {
	margin-bottom: 50px;
}
#access .access_block .access_text {
	margin-bottom: 20px;
	padding: 0 5px;
	font-size: 14px;
}
#access .access_block .access_text span {
	display: inline-block;
    overflow: hidden;
    vertical-align: top;
}
#access .access_block .map_box {
	
}
#access .access_block .map_box .map1 {
	margin-bottom: 20px;
	padding: 0 5px;
}
#access .access_block .map_box .map1 img {
	width: 100%;
	margin-right: 10px;
}
#access .access_block .map_box .map2 {
	padding: 0 5px;
}
#access .access_block .map_box .map2 iframe {
	width: 100% !important;
}



/* お知らせ */
#topic,
#cm,
#job {
	margin-bottom: 30px;
}
#topic h2,
#job h2,
#cm h2 {
	background: url("../img/bg_titlebar.png") no-repeat scroll 0 0 transparent;
    font-size: 20px;
    height: 73px;
    line-height: 73px;
    padding-left: 80px;
    margin-bottom: 20px;
}
#topic .detail,
#cm .detail,
#job .detail {
	margin-bottom: 30px;
	padding: 0 5px;
}
#topic .date {
	padding: 0 5px;
}
#topic .back_link,
#cm .back_link,
#job .back_link {
	text-align: center;
	padding: 0 5px;
}
#topic .back_link a,
#cm .back_link a,
#job .back_link a {
	text-decoration: none;
	color: #000;
}
#topic .back_link a:hover,
#cm .back_link a:hover,
#job .back_link a:hover {
	color: #999;
}
#topic .list_box,
#cm .list_box,
#job .list_box {
	padding: 0 5px;
	margin-bottom: 50px;
}
#topic .list_box p,
#cm .list_box p,
#job .list_box p {
	font-size: 14px;
}
#topic .list_box ul,
#cm .list_box ul,
#job .list_box ul {
	margin-bottom: 20px;
}
#topic .list_box ul li,
#cm .list_box ul li,
#job .list_box ul li {
	border-bottom: 1px dashed #999;
	margin-bottom: 10px;
}
#topic .list_box ul li a,
#cm .list_box ul li a,
#job .list_box ul li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 14px;
}
#topic .list_box ul li a:hover,
#cm .list_box ul li a:hover,
#job .list_box ul li a:hover {
	color: #999;
}
#cm .list_box ul.movielist {

}
#cm .list_box ul.movielist li {
	margin-bottom: 20px;
}
#cm .list_box ul.movielist li iframe {
	width: 100% !important;
	height: 245px !important;
}
#topic .list_box .list_link,
#cm .list_box .list_link,
#job .list_box .list_link {
	
}
#topic .list_box .list_link a,
#cm .list_box .list_link a,
#job .list_box .list_link a {
	text-decoration: none;
	color: #333;
	font-size: 14px;
}
#topic .list_box .list_link a:hover,
#cm .list_box .list_link a:hover,
#job .list_box .list_link a:hover {
	color: #999;
}


#topic .topic_menu,
#cm .topic_menu,
#job .topic_menu {
	text-align: center;
	margin-bottom: 20px;
}
#topic .topic_menu ul,
#cm .topic_menu ul,
#job .topic_menu ul {
	display: inline;
}
#topic .topic_menu ul li,
#cm .topic_menu ul li,
#job .topic_menu ul li {
	display: inline-block;
	margin: 0 10px;
}
#topic .topic_menu ul li a,
#cm .topic_menu ul li a,
#job .topic_menu ul li a {
	text-decoration: none;
	color: #333;
	font-size: 12px;
}
#topic .topic_menu ul li a:hover,
#cm .topic_menu ul li a:hover,
#job .topic_menu ul li a:hover {
	
}

/* CMギャラリー　一時変更仕様 16/01/18 */
.cmmovie_block {
	overflow: hidden;
}
.cmmovie_block .movie_box {
	padding: 10px;
}
.cmmovie_block .movie_box iframe {
	width: 100%;
	height: 270px;
}
.cmmovie_block .text_box {
}
.cmmovie_block .text_box dl {
	margin-bottom: 20px;
}
.cmmovie_block .text_box dl dt {
	
}
.cmmovie_block .text_box dl dd {
	margin-bottom: 20px;
}
.cmmovie_block .text_box p {

}

/*========== ページ ==========*/
.line_img {
	background: url("../img/bg_line.png") no-repeat scroll top center transparent;
	text-align: center;
	margin-bottom: 20px;
	height: 5px;
}
.line_img img {
	width: 100%;
}
.town_img {
	background: url("../img/footer_img.png") no-repeat scroll top center transparent;
	text-align: center;
	margin-bottom: 20px;
	height: 86px;
}
.town_img img {
	width: 100%;
}


/* LPガス料金について */
#charges {
	
}
#charges h2 {
	background: rgba(0, 0, 0, 0) url("../img/bg_titlebar.png") no-repeat scroll 0 0;
    font-size: 20px;
    height: 73px;
    line-height: 73px;
    padding-left: 80px;
    margin-bottom: 20px;
}
#charges h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #0066A2;
}
#charges h4 {
	margin-bottom: 20px;
	border-left: 10px solid #0066A2;
	border-bottom: 1px solid #0066A2;
	padding-left: 10px;
	font-size: 16px;
}
#charges .charges_block {
	margin-bottom: 30px;
}
#charges .charges_block .charges_table {
	width: 100%;
}
#charges .charges_block .charges_table th,
#charges .charges_block .charges_table td {
	background: #ffffff;
	border: 1px solid #333;
	font-size: 14px;
}
#charges .charges_block .charges_table caption {
	text-align: right;
	font-size: 12px;
}
#charges .charges_block .charges_table th {
	padding: 10px;
}
#charges .charges_block .charges_table th.title {
	text-align: center;
}
#charges .charges_block .charges_table td {
	padding: 10px;
	text-align: right;
}
#charges .charges_block .example {
	margin-bottom: 30px;
}
#charges .charges_block .example p {
	margin-bottom: 30px;
}
#charges .charges_block .example p b {
	font-size: 20px;
}
#charges .charges_block .example .example_table,
#charges .charges_block .example .example_table tbody,
#charges .charges_block .example .example_table tbody tr,
#charges .charges_block .example .example_table tbody tr th,
#charges .charges_block .example .example_table tbody tr td {
	display: block;
}

#charges .charges_block .example .example_table th,
#charges .charges_block .example .example_table td {
	vertical-align: bottom;
}

#charges .charges_block .example .example_table th {
	text-align: center;
}
#charges .charges_block .example .example_table td {
	text-align: center;
}
#charges .charges_block .example .example_table td img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}
/* クレジットカード支払い */
#payment {

}
#payment h2 {
	background: rgba(0, 0, 0, 0) url("../img/bg_titlebar.png") no-repeat scroll 0 0;
  font-size: 20px;
  height: 73px;
  line-height: 73px;
  padding-left: 80px;
  margin-bottom: 20px;
}
#payment h3 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 35px;
	color: #0066A2;
}
#payment h4 {
	margin-bottom: 20px;
	color: #FF0000;
	font-weight: bold;
	font-size: 25px;
}
#payment .caution_box {
	text-align: center;
	margin-bottom: 3em;
	padding: 2em;
	box-sizing: content-box;
	background: #ffffff;
	border: 2px solid #FF0000;
}
#payment .caution_box p {
	font-size: 13px;
}
#payment .section_block {
	margin-bottom: 3em;
}
#payment .howto_list,
#payment .card_list {
	padding-left: 1.5em;
	margin-bottom: 3em;
}
#payment .howto_list li,
#payment .card_list li {
	list-style: disc;
}
#payment .caution_text {
	color: #E50A0A;
}
#payment .caution_list {
	padding-left: 1.5em;
	margin-bottom: 5em;
}
#payment .caution_list li {
	list-style: disc;
}
#payment .entry_block {
	text-align: center;
	margin-bottom: 3em;
}
#payment .entry_block .text {
	margin-bottom: 1em;
}
#payment .entry_block a {
	padding: 1em;
  display: block;
  background: #009FE8;
  color: #ffffff;
  text-decoration: none;
  border-radius: 3em;
  font-size: 4vw;
}
#payment .img_box {
	margin-bottom: 2em;
	text-align: center;
}
#payment .img_box img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}


/************************************
 * オプション
 */
.pc {
	display: none;
}
.sp {
	display: block;
}
.pankuzu {
	margin-bottom: 10px;
	font-size: 14px;
}


/**************************************
 * 投稿用
 * 基本修正はしないが、必要に応じて追加・変更
 */

.post-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
}
.post-content {
	background-color: #fff;
	padding: 12px 10px 0;
}

.post-content h1:first-child,
.post-content h2:first-child,
.post-content h3:first-child,
.post-content h4:first-child,
.post-content h5:first-child,
.post-content h6:first-child {
	margin-top: 0;
}

.post-content a {
	text-decoration: underline;
}

.post-content a:hover,
.post-content a.button {
	text-decoration: none;
}

.post-content table {
	font-size: 14px;
	line-height: 1.2857142857;
	margin-bottom: 24px;
}

.post-content th {
	font-weight: 700;
	padding: 8px;
	text-transform: uppercase;
}

.post-content td {
	padding: 8px;
}

.post-content .edit-link {
	clear: both;
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.3333333333;
	text-transform: uppercase;
}

.post-content .edit-link a {
	color: #767676;
	text-decoration: none;
}

.post-content .edit-link a:hover {
	color: #41a62a;
}


/************************************
 * 付加クラスタ
 * 必要に応じて追加
 */

.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.w120{width:120px;}
.w200{padding:0px;width:200px;}
.w300{padding:0px;width:300px;}
.w600{ width:600px; }
.w30per{ width:30%; }
.w70per{ width:70%; }
.mb20 { margin-bottom: 20px; }

.pt15{padding-top:15px;}
.pr15{padding-right:15px;}
.pb15{padding-bottom:15px;}
.pl15{padding-left:15px;}

.float_l{float:left;}
.float_r{float:right;}
.end{clear:both;font-size:1px;height:1px;padding:0px;margin:0px;display:block;}
.relative{position:relative;}
.absolute{position:absolute;}
.clear{display:block;clear:both;height:2px;}
.cleared{display:block;clear:both;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.t_center{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.aligncenter{text-align:center;}
.va_top{vartical-align:top;}
.va_bottom{vartical-align:bottom;}
.va_middle{vartical-align:middle;}

/* display */
.displaynone{display:none;}
.block{display:block;}
.inline{display:inline;}
.dtbl{display:table;}
.dtblc{display:table-cell;}

/* main color */
.black{color:#000000;}
.red{color:#ff0000;}
.blue{color:#0000ff;}
.yellow{color:#ffff00;}
.green{color:#008000;}
.aqua{color:#00ffff;}
.magenta{color#ff00ff;}
.purple{color:#a757a8;}
.black{color:#000000;}
.white{color:#ffffff;}
.mark_green{color: #7abf43;}

/* background color */
.bgGray{background-color:#c0c0c0;}
.bgHighlightGray{background-color:#f1f1f1;}
.bgAqua{background-color:#cff;}
.bgPastelOrange{background-color:#fc9;}
.bgPastelYellow{background-color:#ffc;}

/* font */
.italic{font-style:italic;}
.oblique{font-style:oblique;}
.bold{font-weight:bold;}
.nrml{font-weight:normal;}
.fs10{font-size:10%;}
.fs20{font-size:20%;}
.fs30{font-size:30%;}
.fs40{font-size:40%;}
.fs50{font-size:50%;}
.fs60{font-size:60%;}
.fs70{font-size:70%;}
.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs100{font-size:100%;}
.fs150{font-size:150%;}
.fs200{font-size:200%;}
.fsxxs{font-size:xx-small;}
.fsxs{font-size:x-small;}
.fss{font-size:small;}
.fsm{font-size:medium;}
.fsl{font-size:large;}
.fsxl{font-size:x-large;}
.fsxxl{font-size:xx-large;}

/* text-indent */
.ti1em{padding-left:1em;text-indent:-1em;}
.ti2em{padding-left:1em;text-indent:-2em;}
.ti3em{padding-left:1em;text-indent:-3em;}
.ti4em{padding-left:1em;text-indent:-4em;}
.ti5em{padding-left:1em;text-indent:-5em;}
.ti6em{padding-left:1em;text-indent:-6em;}
.ti7em{padding-left:1em;text-indent:-7em;}
.ti8em{padding-left:1em;text-indent:-8em;}
.ti9em{padding-left:1em;text-indent:-9em;}
.ti10em{padding-left:1em;text-indent:-10em;}
.ti11em{padding-left:1em;text-indent:-11em;}
.ti12em{padding-left:1em;text-indent:-12em;}

/* Sitemap Indent */
.sti1{text-indent:1em;}
.sti2{text-indent:2em;}
.sti3{text-indent:3em;}
.sti4{text-indent:4em;}
.sti5{text-indent:5em;}
.sti6{text-indent:6em;}
.sti7{text-indent:7em;}
.sti8{text-indent:8em;}
.sti9{text-indent:9em;}
.sti10{text-indent:10em;}

/* letter */
.ls {
	
}

/* ReservationButton */
/*.reserv_btn{margin:5px auto;padding:10px 0;width:105px;height:21px;background:url(/wp-content/uploads/2012/10/reservation.png) no-repeat 50% 50%;font-weight:bold;font-size:medium;text-align:center;}*/
.reserv_btn a{width:105px;height:21px;color:#1f4fc0;text-decoration:none;}

/* テキストクラス集 */
.ime_act{ime-mode:active;}
.ime_dis{ime-mode:disabled;}
.ime_inact{ime-mode:inacitve;}
.kaisho{font-family:"HGP正楷書体","HGP行書体","HGS正楷書体","HGS行書体","HGS祥南行書体","HG楷書体","HG行書体",cursive;}
.sans-serif{font-family:arial,helvetica,century gothic,verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",'MS P Gothic','Trebuchet MS',Osaka,clean,sans-serif;}
.serif{font-family:Century,Times,Times New Roman,"ヒラギノ明朝 Pro W3","Hiragino Kaku Mincho","ＭＳ Ｐ明朝","MS P Mincho","Trebuchet MS",Georgia,Cambria,serif;}

/* other
--------------------------------------*/
.hide-title,
.clip {
	clip: rect(1px 1px 1px 1px);
	display: block;
	position: absolute;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
html>/**/body .clearfix { display /*\**/: block\9 } /* clearfix IE8 のみ inline-block から block にするハック */

.release {
	overflow: hidden;
}