@charset "utf-8";

/*
 * This file is part of EC-CUBE
 *
 * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
 */

/*
 * 2016.02.19 説明記事用定義追加
 * 2016.03.22 非表示テキストが、スマホだと、表示されてました件修正
 * 2016.03.28 フッターロゴスタイル追加
 * 2016.04.29 「テストサイト」の表示
 * 2016.08.26 糸をかし。HP　デザイン変更
 * 2016.11.01 ご当地検定スタイル追加
 * 2017.03.31 ボタンの縦位置調整
 * 2018.03.03 Tableタグ拡張追加 toco_common1
 * 2018.08.17 マップスタイル追加
 * 2019.02.21 システムメッセージ行スタイル追加
 * 2019.09.24 融資管理のスタイル追加
 * 2019.12.20 会員限定用CSS追加
 * 2020.03.20 プログラム構造拡張（公開画面）
 */

input,select,option,textarea {
    font-family:"ＭＳ Ｐゴシック","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Osaka,sans-serif;
    font-size: 13px;
}

/* clearfix */
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after,.clear{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}

/*LINK*/
a:link { color: #006699; text-decoration: none; }
a:visited { color: #006699; text-decoration: none; }
a:hover { color: #f9a406; text-decoration: underline; }


/*FORM*/
.box3 { width: 33px; }	/*W3*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box20 { width: 152px; }	/*W20*/
.box25 { width: 187px; }	/*W25*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W33*/
.box35 { width: 257px; }	/*W35*/
.box40 { width: 292px; }	/*W40*/
.box45 { width: 341px; }	/*W45*/
.box50 { width: 362px; }	/*W50*/
.box52 { width: 376px; }	/*W52*/
.box54 { width: 390px; }	/*W54*/
.box60 { width: 432px; }	/*W60*/
.box65 { width: 467px; }	/*W65*/
.box68 { width: 488px; }	/*W68*/
.box76 { width: 544px; }	/*W76*/

.area40 { width: 302px; height: 134px; }	/*W40×H8*/
.area45 { width: 337px; height: 290px; }	/*W40×H20*/
.area46 { width: 337px; height: 134px; }	/*W40×H8*/
.area50 { width: 372px; height: 82px; }	/*W50?H4*/
.area55 { width: 407px; height: 82px; }	/*W50?H4*/
.area59 { width: 432px; height: 134px; }	/*W59×H8*/
.area60 { width: 433px; height: 134px; }	/*W60?H8*/
.area61 { width: 433px; height: 82px; }	/*W60?H4*/
.area65 { width: 444px; height: 290px; }	/*W65×H20*/
.area70 { width: 512px; height: 186px; }	/*W70?H12*/
.area75 { width: 547px; height: 186px; }	/*W75?H12*/
.area80 { width: 572px; height: 134px; }	/*W80×H8*/
.area90 { width: 650px; height: 420px; }
.area96 { width: 694px; height: 420px; }	/*W80×H30*/
.area96_2 { width: 694px; height: 160px; }	/*W80×H10*/
.area99 { width: 715px; height: 523px; }	/*W99?H40*/

/*COLOR*/
.ast { color: #cc0000; font-size: 90%; }
.darkred { color: #cc0000; }
.gray { color: #b6b7ba; }
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.white10 { color: #ffffff; font-size: 62.5%;}
.red { color: #ff0000; }
.red10 { color:#ff0000; font-size: 10px; }
.red12 { color:#cc0000; font-size: 12px; }
.reselt { color: #ffcc00; font-size: 120%; font-weight: bold; }


.infodate {
    color: #cccccc; font-size: 62.5%; font-weight: bold;
    padding: 0 0 0 8px;
}

.infottl {
    color: #ffffff;
    font-size: 62.5%;
    line-height: 150%;
}

.info {
    padding: 0 4px;
    display: block;
}

.title {
    padding: 0px 0px 20px 25px;
    color: #ffffff;
    font-weight: bold;
    line-height: 120%;
}



/*navi*/
#menu_navi {
    table-layout: fixed;
}

table.navi {
    margin: 5px 0px 0px 5px;
    text-align: left;
}

td.navi {
    padding: 0px;
}
/*navi-on 追加 2012.01.30*/
td.navi-on {
    padding: 0px;
}

.navi a{
	background-color: #636469;
	width:140px;
	padding: 10px 0px 10px 10px;
	color:#ffffff;
	text-decoration:none;
	display:block ;
}

.navi-on a{
	background-color: #a5a5a5;
	width:140px;
	padding: 10px 0px 10px 10px;
	color:#000000;
	text-decoration:none;
	display:block;
}

.navi a:visited {
    color:#ffffff;
    text-decoration:none;
}

.navi a:hover {
    background-color: #a5a5a5;
    color:#000000;
    text-decoration:none;
}

.navi_text {
    font-size: 120%;
    padding: 0 0 0 8px;
}


.navi-on a:visited {
    color:#000000;
    text-decoration:none;
}

.navi-on a:hover {
    background-color: #a5a5a5;
    color:#000000;
    text-decoration:none;
}


/*subnavi*/
.subnavi a{
    background-color: #818287;
    width:140px;
    padding: 6px 5px 4px 5px;
    color:#ffffff;
    text-decoration:none;
    display:block;
}

.subnavi a:visited {
    color:#ffffff;
    text-decoration:none;
}

.subnavi a:hover {
    background-color: #b7b7b7;
    color:#000000;
    text-decoration:none;
}

.subnavi_text {
    font-size: 71%;
    padding: 0 0 0 8px;
}

.subnavi-on a{
    background-color: #b7b7b7;
    width:140px;
    padding: 6px 5px 4px 5px;
    color:#000000;
    text-decoration:none;
    display:block;
}

.subnavi-on a:visited {
    color:#000000;
    text-decoration:none;
}

.subnavi-on a:hover {
    background-color: #b7b7b7;
    color:#000000;
    text-decoration:none;
}

.number-on a:visited {
    color:#ffffff;
    text-decoration:none;
}

.number a:visited {
    color:#ffffff;
    text-decoration:none;
}

/*IMG*/
img {
   border: 0 none;
   vertical-align:middle;
}

/* サイドバナー */
.sidenavi_banner a,
.sidenavi_banner a:hover{
	text-decoration:none;
}
.sidenavi_banner a:hover img{
	opacity: 0.7;
	filter: alpha(opacity = 70);
	-ms-filter: "alpha( opacity=70 )";
}

/* テキスト非表示 */
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;height:0;margin:0;padding:0;overflow:hidden;visibility: hidden;display:none;}

/* 説明記事 */
.event_exp_top{
	border-bottom:1px dashed #cccccc;
	padding:5px 0;
	margin-bottom:15px;
}
.event_exp_bottom{
	border-top:1px dashed #cccccc;
	padding:10px 0 5px;
	margin-top:15px;
}
.event_exp_top .main_image,
.event_exp_bottom .main_image{
	margin-left:10px;
	margin-bottom:5px;
}
.event_exp_top .main_image img,
.event_exp_bottom .main_image img{
	width:182px;
}
.event_exp_top h4,
.event_exp_bottom h4{
	margin-bottom:15px;
	float:none;
	width:auto;
}

/* フッターロゴ */
#footer_logo{
	margin-right:15px;
}

/* 「テストサイト」の表示 */
#site_label{
	position:fixed;
	background-color:#c82623;
	color:#fff;
	padding:5px 10px;
	border:2px solid #ccc;
	border-top:0 none;
	font-weight:bold;
	left:0;
	top:0;
	z-index:9999;
}

/* 各種一覧表の件数部分 */
.pagenumberarea,
.pagecondarea{
	margin-bottom:5px;
	background-color:#eeeed5;
	color:#666;
}
.pagenumberarea .pagenumber{
	color:#cc3300;
}

/* タイトルだけの新着情報リスト */
div.listarea{
	border-bottom:1px solid #666;
}
div.listarea.simplelist{
	padding:5px 0 5px 10px;
	margin-bottom:0;
	border-bottom:0 none;
}
div.listarea.simplelist a{
	background-image:url("../img/common/mark.gif");
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:15px;
	display:block;
	color:#666;
	text-decoration:none;
}
div.listarea.simplelist a:hover{
	text-decoration:underline;
}

/* ３列指定のTABLEタグ */
.threecolumn_top,
.threecolumn_top table,
.threecolumn_top th,
.threecolumn_top td{
	border:0 none;
	padding:0;
	margin:0 auto;
}
.threecolumn_top th,
.threecolumn_top td{
	padding:0;
	padding-left:25px;
	padding-bottom:25px;
	text-align:center;
	max-width:182px;
	width:182px;
	vertical-align:top;
}
.threecolumn_top th.first_item,
.threecolumn_top th:first-child,
.threecolumn_top td.first_item,
.threecolumn_top td:first-child{
	padding-left:0;
}
.threecolumn_top .threecolumn-thumbnail{
	margin-bottom:10px;
}
.threecolumn_top img{
	max-width:100%;
	margin-bottom:5px;
}
.threecolumn_top .threecolumn-thumbnail img{
	max-width:100%;
	margin-bottom:0;
}
.threecolumn_top .threecolumn-title{
	font-weight:bold;
	text-align:left;
}
.threecolumn_top .threecolumn-comment{
	text-align:left;
}

/* ご当地検定 */
#qa #qa-question-number{
	color:#99cc33;
	font-weight:bold;
	margin-bottom:10px;
}
#qa h5{
	margin-bottom:10px;
}
#qa .qa-image{
	text-align:left;
	margin-top:5px;
}
#qa .qa-content{
	margin-bottom:30px;
	padding:15px;
	border: 1px solid #ccc;
}
#qa #qa-question-content .qa-image{
	text-align:center;
}
#qa #qa-answer-sentences{
	padding: 5px 15px;
}
#qa #qa-answer-sentences li{
	line-height:1.5em;
	margin:10px 0;
}
#qa #qa-answer-sentences li input[type=radio]{
	margin-top:4px;
	float:left;
}
#qa #qa-answer-sentences li div{
	padding-left:25px;
}
#qa .right-answer{
	color: #336600;
	font-weight: bold;
	font-size:20px;
}
#qa .wrong-answer{
	color:#ec0000;
	font-weight: bold;
	font-size:20px;
}
#qa #qa-result-title{
    padding: 0;
    font-weight: bold;
}
#qa #qa-result-sumary{
	margin-top:15px;
	text-align: center;
}
#qa #qa-result-sumary span{
	margin:0 10px;
}
#qa #qa-navigation{
	margin-top: 30px;
}
#qa #qa-navigation .qa-left-button{
	float:left;
}
#qa #qa-navigation .qa-right-button{
	float:right;
}


/* ボタンの縦位置調整 */
div.tblareabtn{
	margin:15px 0;
}
div.tblareabtn a,
div.tblareabtn input{
	vertical-align:top;
}
p.contact_bottom{
	padding-top:0.8em;
}

/* テーブルタグ汎用追加 toco_common1 2018.03.03 */
table.toco_common1{width:100%}
table.toco_common1 th,table.toco_common1 td{float:none!important;width:auto!important;}

/* マップ */
iframe.place_map,
#map.map_marker{
	width:100%;
	height:400px;
	margin-bottom:15px;
	float:none;
	border: 1px solid #ccc;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#map.map_marker .marker_detail_pname{
	font-size:14px;
	font-weight:bold;
}
.map_all_markers{
	text-align:center;
	margin-bottom:5px;
}

/* システムメッセージ */
body.has_sys_msg{margin:0}
body.has_sys_msg .sys_msg,
body.has_sys_msg .sys_msg_under{
	color:red;
	border:2px solid red;
	border-left:0 none;
	border-right:0 none;
	background:#fff;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
}
body.has_sys_msg .sys_msg{
	width:100%;
	position:fixed;
	z-index:9998;
}

/* 検索該当0の時 */
.search_zero {
	text-align: center;
	padding: 70px 0;
	border: 1px solid #ccc;
}

/* 融資管理
----------------------------------------------- */
div#undercolumn .column_front table{
	width:100%;
	margin:0 0 15px;
}
div.column_front input.box120,
div.column_front select.box120,
div.column_front textarea.box120 {
	border: solid 1px #ccc;
	padding:5px;
}
div.column_front input.box60 {
	padding: 5px;
	max-width: 50px;
}
div.column_front input.boxfull,
div.column_front select.boxfull,
div.column_front textarea.boxfull{
	border: solid 1px #ccc;
	padding: 5px;
	width: 100%;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
div.column_front .main_image{
	float:right;
	margin-left:10px;
}
div.column_front ul.pagenumberarea{
	padding:5px 10px;
	margin:0 0 15px;
}
div.column_front ul.pagenumberarea li.center{
	float:right;
	width:auto;
}
div.column_front h3 {
	border-bottom: 1px dashed #666;
	background: transparent;
	color: #666;
	font-size: 14px;
	margin-top: 15px;
	width: 100%;
	padding: 5px 0;
}
div.column_front .message {
	margin: 15px 0;
	font-weight: bold;
}

/* 会員限定
----------------------------------------------- */
#loginarea_outer {
	width: 240px;
	margin: 0 auto;
}
#loginarea_outer h2 {
	width: auto;
	margin-bottom: 0;
}
#loginarea_outer #loginarea {
	width: auto;
	margin-bottom: 20px;
	text-align: center;
}
#loginarea_outer input[type="text"],
#loginarea_outer input[type="password"] {
	padding: 5px;
	ime-mode: disabled;
}

/* 記事リストパターン = 2
----------------------------------------------- */
.kiji_list_ptn_2 {
	margin: 30px 0;
	border-bottom: 1px solid #ccc;
}
.kiji_list_ptn_2 h3 {
	background: none;
	border-bottom: 2px solid;
	color: #666;
	font-size: 16px;
	text-indent: 0;
	width: auto;
	min-height: 23px;
}
.kiji_list_ptn_2 h4 {
	margin: 0.8rem 0;
}
.kiji_list_ptn_2 .contents {
	padding-left: 0;
	width: auto;
	margin-bottom: 0;
	border: 0 none;
}
.kiji_list_ptn_2 .subarea_image {
	text-align: center;
}
.kiji_list_ptn_2 .subarea_image img {
	margin-bottom: 0.8rem;
	max-width: 100%;
}