@charset "utf-8";

/* ------------------------------------------------------
 ブロック定義ファイル用 block.css

   目　次
	 1.位置
	 2.テーブル※本体のほうに定義がなければコメントアウトを外す
	 3.画像
	 4.フォント
	 5.リスト
	 6.目次用リスト※本体のほうに定義がなければコメントアウトを外す
	 7.新着情報アイコン
	 8.署名
	 9.ページトップへ
	10.閉じるボタン
	11.自動リンクに写真を掲載する
	12.FAQページを作りたい
	13.ブログのようなページを作りたい
	ETC.ページ編集画面用

------------------------------------------------------ */
/* -------- 1.位置 -------- */
/*左寄せ*/
#contentArea .wcvleft {
	text-align: left;
}
/*右寄せ*/
#contentArea .wcvright {
	text-align: right;
}
/*中央揃え*/
#contentArea .wcvcenter {
	text-align: center;
}
/*右寄せ・テーブル用*/
#contentArea div.wcvright table {
	margin: 0 0 10px auto !important;
}
/*中央揃え・テーブル用*/
#contentArea div.wcvcenter table,
#contentArea div.wcvcenter form.form {
	margin: 0 auto 10px !important;
}
/* -------- 2.テーブル -------- */

#contentArea table.table_normal2 tr.even{
	background-color: #F4F4F4;
	color: #000;
}

#contentArea table.table_normal2 tr.odd{
	background-color: #FFF;
	color: #000;
}

#contentArea table.table_green {
	border: 2px solid #269426;
	text-align: center;
	padding: 5px;
}
#contentArea table.table_green th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #003300;
	background: #269426;
}
#contentArea table.table_green td {
	font-size: 90%;
	border: solid 1px #269426;
}

/*---色交互---*/
#contentArea table.table_green2 {
	border: 2px solid #269426;
	text-align: center;
	padding: 5px;
}
#contentArea table.table_green2 th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #003300;
	background: #269426;
}
#contentArea table.table_green2 td {
	font-size: 90%;
	border: solid 1px #269426;
}

#contentArea table.table_green2 tr.even{
	background-color: #E1F5E3;
	color: #000;
}

#contentArea table.table_green2 tr.odd{
	background-color: #FFF;
	color: #000;
}


#contentArea table.table_wood {
	border: 2px solid #7F5048;
	text-align: center;
	padding: 5px;
}
#contentArea table.table_wood th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #330000;
	background: #7F5048;
}
#contentArea table.table_wood td {
	font-size: 90%;
	border: solid 1px #7F5048;
}


#contentArea table.table_brick {
	border: 2px solid #B83030;
	text-align: center;
	padding: 5px;
}
#contentArea table.table_brick th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #800000;
	background: #B83030;
}
#contentArea table.table_brick td {
	font-size: 90%;
	border: solid 1px #B83030;
}


#contentArea table.table_navy {
	border: 2px solid #2B537E;
	text-align: center;
	padding: 5px;
}
#contentArea table.table_navy th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #000080;
	background: #2B537E;
}
#contentArea table.table_navy td {
	font-size: 90%;
	border: solid 1px #2B537E;
}

#contentArea table.table_navy2 {
	border: 2px solid #2B537E;
	text-align: center;
	padding: 5px;
}
#contentArea table.table_navy2 th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #000080;
	background: #2B537E;
}
#contentArea table.table_navy2 td {
	font-size: 90%;
	border: solid 1px #2B537E;
}

#contentArea table.table_navy2 tr.even{
	background-color: #EBF5FF;
	color: #000;
}

#contentArea table.table_navy2 tr.odd{
	background-color: #FFF;
	color: #000;
}


#contentArea table.table_orange {
	border: 2px solid #FF6600;
	text-align: center;
	padding: 5px;
}
#contentArea table.table_orange th {
	color: #FFFFFF;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #FF3300;
	background: #FF6600;
}
#contentArea table.table_orange td {
	font-size: 90%;
	border: solid 1px #FF3300;
}


#contentArea table.table_none {
	border: 0px;
	text-align: center;
	padding: 5px;
}
#contentArea table.table_none th {
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 0px;
}
#contentArea table.table_none td {
	font-size: 90%;
	border: 0px;
}


#contentArea table.table1 {
	clear: both;
	margin: 10px 0px;
	border-collapse: collapse;
	border: 1px solid #CCC;
	border-spacing: 0;
	empty-cells: show;
}

#contentArea table.table1 caption {
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

#contentArea table.table1 th {
	color: #000;
	text-align: center;
	padding: 2px;
	font-weight: bold;
	border: 1px solid #999;
	background: #EEEEFF;
}
#contentArea table.table1 td {
	text-align: left;
	padding: 2px;
	border: 1px solid #999;
}


.table1 input {
	width: 98%;
}

.table1 textarea {
	width: 98%;
}

#contentArea table.table2 {
	clear: both;
	margin: 10px 25px;
	border-collapse: collapse;
	border: 1px solid #000;
	border-spacing: 0;
	empty-cells: show;
}

#contentArea table.table2 caption {
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

#contentArea table.table2 th {
	color: #fff;
	text-align: center;
	padding: 2px;
	font-weight: bold;
	border: 1px solid #000;
	background: #000 !important;
}
#contentArea table.table2 td {
	text-align: left;
	padding: 2px;
	border: 1px solid #000;
}


#contentArea table.table3 {
	clear: both;
	margin: 10px 25px;
	border-collapse: separate;
	border: 0 solid #000;
	border-spacing: 5px;
	empty-cells: show;
}

#contentArea table.table3 caption {
	text-align: center;
	padding: 5px;
	font-weight: bold;
}

#contentArea table.table3 th {
	color: #000;
	text-align: center;
	padding: 2px;
	font-weight: bold;
	border: 0 solid #000;
	background: #ccc;
}
#contentArea table.table3 td {
	text-align: left;
	padding: 2px;
	border: 0 solid #000;
}

/* -------- 3.画像 -------- */
/*画像同士などが上下でくっ付く場合に利用する*/
#contentArea .wcvmargin-bottom {
	margin-bottom: 10px;
}
/*画像同士などが左右でくっ付く場合に利用する・中央*/
#contentArea .wcvmargin-rl-m {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
}
/*画像同士などが左右でくっ付く場合に利用する・上付き*/
#contentArea .wcvmargin-rl-t {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: top;
}
/*中央揃え画像テキスト用ボックス*/
#contentArea div.wcv-centerbox {
	text-align: center;
	margin-bottom: 1em;
	overflow: hidden;
}
/*中央揃え画像テキスト用ボックス内・左側*/
#contentArea div.wcv-centerbox div.wcv-centerimg-l,
#contentArea div.wcv-leftbox div.wcv-centerimg-l {
	width: 49%;
	float: left;
	margin-right: 5px;
}
/*中央揃え画像テキスト用ボックス内・右側*/
#contentArea div.wcv-centerbox div.wcv-centerimg-r,
#contentArea div.wcv-leftbox div.wcv-centerimg-r {
	width: 49%;
	float: right;
}
/*中央揃え画像テキスト用ボックス内・3つ並び*/
#contentArea div.wcv-centerbox div.wcv-centerimg-3-top {
	width: 242px;
	float: left;
}
#contentArea div.wcv-centerbox div.wcv-centerimg-3 {
	width: 242px;
	float: left;
	margin-left: 5px;
}

/*中央揃え画像テキスト用ボックス内・4つ並び*/
#contentArea div.wcv-centerbox div.wcv-centerimg-4-top {
	width: 181px;
	float: left;
}
#contentArea div.wcv-centerbox div.wcv-centerimg-4 {
	width: 181px;
	float: left;
	margin-left: 5px;
}

/*画像の下に表示させるテキスト*/
/*左寄せ*/
#contentArea .wcvimg-left {
	text-align: left;
	margin: 5px;
}
/*中央揃え*/
#contentArea .wcvimg-center {
	text-align: center;
	margin: 5px;
}

/*中央揃え画像の下に表示させるテキスト*/
#contentArea .wcvimg-center {
	text-align: center;
	margin-top: 5px;
	font-size: 90%;
}
/*画像と回り込みテキスト用ボックス*/
#contentArea div.wcv-floatbox-left,
#contentArea div.wcv-floatbox-right {
	margin: 5px 10px 1em;
	line-height: 1.3;
}
/*左寄せ画像と回り込みテキストで使用*/
#contentArea .wcvimg-floatleft {
	float: none
	margin-right: 7px;
}

/*右寄せ画像と回り込みテキストで使用*/
#contentArea .wcvimg-floatright {
	float: none
	margin-left: 7px;
}

/*回り込み解除・フロートクリア 17/04/11コメントアウト
#contentArea .clearfix:after,
#contentArea .BoxPageTop:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}*/
#contentArea .clearfix,#contentArea .BoxPageTop { display: inline-block; }
#contentArea .clearfix,#contentArea .BoxPageTop { display: block; }
/* Mac版IEのみに適用 \*//*/
#contentArea .clearfix,#contentArea .BoxPageTop { overflow: hidden; }
/* */


/* -------- 5.リスト -------- */
/* ベーシック */
#contentArea ul.blockUlList { 
	margin: 0;
	padding: 0;
}
#contentArea ul.blockUlList li { 
	height: auto;
	width: auto;
	list-style: none;
	margin: 0 0 0.5em 5px;
	padding: 0.1em 0 0.1em 33px;
	/* 20170202
	background: url("../images/base/imgSquare01.gif") no-repeat 5px 0.45em; */
	
	background: #FFFFFF url("../images/base/imgSquare01.gif") no-repeat 5px 0.45em;
	color: #000000;
}
#contentArea ul.blockUlList li ul{ 
	margin: 0;
	padding: 0;
}

/* ナンバー */
#contentArea ol.blockOlList { }

#contentArea ol.blockOlList li {
	list-style:decimal;
	background: none;
	margin: 0;
	padding: 0;
}

/* 項目と項目の説明 */
#contentArea dl.blockDlList {
	margin: 0;
	padding: 0;
}



/* -------- 6.目次用リスト -------- */
#contentArea ul.blocIndexlist01 {
	width: auto; 
	padding: 0;
	margin: 0;
	list-style: none;
}
#contentArea ul.blocIndexlist01 li{
	width: auto; 
	font-size:110%;
	/* 20170202
	background:url("../images/base/bgHeadLineLink.gif") no-repeat 5px 0.5em; */
	
	background:#FFFFFF url("../images/base/bgHeadLineLink.gif") no-repeat 5px 0.5em;
	color: #000000;
	
	padding: 0.2em 0.9em 0.2em 27px;
	margin: 0;
}
#contentArea ul.blocIndexlist01 li a:link{	color: #004DC9;	background:#FFFFFF; font-weight: bold;}
#contentArea ul.blocIndexlist01 li a:visited {	color: #880088; background:#FFFFFF; }
#contentArea ul.blocIndexlist01 li a:hover { color: #60BCEC; background:#FFFFFF;}


/* 説明付きリスト */
#contentArea dl.blocIndexlist02 {
	width: auto; 
	padding: 0;
	margin: 0;
}
#contentArea dl.blocIndexlist02 dt{
	width: auto; 
	font-size:110%;
	background:#FFFFFF url("../images/base/bgHeadLineLink.gif") no-repeat 5px 0.5em;
	color: #000000;
	padding: 0.2em 0.9em 0.2em 27px;
	margin: 0;
	
}
#contentArea dl.blocIndexlist02 dt a:link{	color: #004DC9;	background:#FFFFFF; font-weight: bold;}
#contentArea dl.blocIndexlist02 dt a:visited {	color: #880088;	background:#FFFFFF; }
#contentArea dl.blocIndexlist02 dt a:hover { color: #60BCEC; background:#FFFFFF; }


#contentArea .blocIndexlist02 dd {
	padding: 0.2em 0.2em 0.2em 27px;
	margin: 0;
}



/* -------- 4.フォント -------- */
#contentArea .text_black {	color: #000; background: #FFF;}
#contentArea .text_red {	color: #c00; background: #FFF;}
#contentArea .text_blue {	color: #00c; background: #FFF;}
#contentArea .text_green {	color: #060; background: #FFF;}

#contentArea .text_blackR {	color: #000; background: #FFF; font-size: 125%;}
#contentArea .text_redR {	color: #c00; background: #FFF; font-size: 125%;}
#contentArea .text_blueR {	color: #00c; background: #FFF; font-size: 125%;}
#contentArea .text_greenR {	color: #060; background: #FFF; font-size: 125%;}







/* -------- 5.リスト --------
#contentArea div.wcv-floatbox-left ul li {
	list-style-position: inside;
}

#contentArea div.wcv-floatbox-left ol li {
	list-style-position: inside;
}
*/

/*定義型リスト
#contentArea dl {
	margin: 10px 15px;
	line-height: 1.5;
}
#contentArea dl dt {
	font-weight: bold;
}
#contentArea dl dd {
	margin-bottom: 1em;
	margin-left: 20px;
}
*/
/* -------- 6.目次用リスト --------
#contentArea ul.indexlist {
	font-size: 125%;
	margin: 10px 20px;
}
#contentArea ul.indexlist li {
	margin: 0 0 10px !important;
	padding: 8px 10px 10px 5px !important;
	border-bottom: 1px dotted #989CA0;
	background: none;
}
 */
 
/*START---------------------------------------------------------------AddNoah
#content ul.indexlist li a {
	font-weight: bold;
}
#content ul.indexlist li {
	font-weight: bold;
}
#content ul.indexlist li p {
	display: block;
	margin: 0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 80%;
	font-weight: normal;
}

#contentArea ul.indexlist li p a {
	font-weight: normal;
}
*/
/*END-----------------------------------------------------------------AddNoah*/

/* -------- 8.署名 -------- */
div .signature {
	padding:10px;
	margin-bottom: 1em;
	border: 2px solid #E4E4E4;
}

/* -------- 9.ページトップへ -------- */
#contentArea p.PageTop {
	width: 100%;
	clear: both;
	padding: 22px 0 0;
	/* background: url(../images/base/dotline.gif) repeat-x 0 21px; */
	text-align: right;
}
#contentArea p.PageTop img{
	margin: 0 10px 0 0;
}

/* -------- 10.閉じるボタン -------- */
#container p.close_btn {
	width: 100%;
	clear: both;
	margin: 20px 0 0 10px;
	text-align: center;
}

/* -------- 11.自動リンクに写真を掲載する -------- */
img.news_photo {
	width: 150px;
	vertical-align: top !important;
}

/* -------- 12.FAQページを作りたい -------- */
dl#faq dt {
	padding-left: 45px;
	margin-bottom: 10px;
}
dl#faq dd {
	padding-left: 45px;
	padding-bottom: 10px;
	margin-left: 0;
	margin-bottom: 20px;
	border-bottom: 1px dashed #999;
}
dl#faq dt img.faqicon,
dl#faq dd img.faqicon {
	margin-left: -45px;
	vertical-align: middle;
	margin-right: 10px;
}

/* -------- 13.ブログのようなページを作りたい -------- */
div.blognew {
	border: 1px solid #999;
	background-color: #FAFAFA;
	color: #000;
	margin-bottom: 30px;
	position: relative;
}
div.blog {
	border: 1px solid #999;
	background-color: #FAFAFA;
	color: #000;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 40px
}

p.blogtop {
	background-color: #0088CC;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	margin: 0 !important;
	padding: 5px 10px;
	position: absolute;
	right: -10px;
	top: -10px;
}
p.blogmore {
	border-top: 1px dotted #666;
	text-align: right;
	/* background: url(../images/base/maru_11.gif) no-repeat right center; */
	padding: 5px 20px 5px 0;
}
p.blogbottom {
	border-top: 1px dotted #666;
	/* color: #666; */
	padding: 5px 5px 5px 0;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	margin: 0 !important;
	text-align: right;
}

/* -------- ETC.ページ編集画面用 -------- */
#wcv_sys_wrapper #container{
	width: 978px;
}

#wcv_sys_wrapper #contentArea{
	width: 768px;
}

/* -------------------------------------------------------------------------
 画像見出し
------------------------------------------------------------------------- */

/*  画像左・テキスト右　全幅
---------------------------------------------------------------------- */
#contentArea .concept-imgcap {
	width: 720px;
	clear: both;
	margin: 0 0 20px;
	padding: 0 10px;
	overflow: hidden;
}
#contentArea .concept-imgcap p {
	float: left;
	margin: 0;
	padding: 0 0 10px;
}
#contentArea .concept-imgcap .concept-imgcap-txt {
	min-width: 513px;
	float: left;
	margin: 0 0 0 7px;
}
/* ----------wcv_sys_wrapper------------------------------------------- */
#wcv_sys_wrapper #contentArea .concept-imgcap .concept-imgcap-txt {
	min-width: 500px;
	float: right;
}
#contentArea .concept-imgcap .concept-imgcap-txt h2 {
	margin: 0 0 10px 0;
}
#contentArea .concept-imgcap .concept-imgcap-txt p {
	width: auto;
	float: none;
	margin: 0 10px 10px;
	padding: 0;
}

/*  画像左・テキスト右　半幅
---------------------------------------------------------------------- */
#contentArea .concept-imgcap-half {
	width: 740px;
	clear: both;
	padding: 0px 0 0;
	overflow: hidden;
}
#contentArea .concept-imgcap-half-level {
/*-----	width: 740px;---------*/
	width: 370px;
	margin: 0 0 20px;
	overflow: hidden;
	float: left;
}
#contentArea .concept-imgcap-half-group {
	float: left;
	padding: 20px 10px 20px 20px;
}
#contentArea .concept-imgcap-half p {
	width: 100px;
	float: left;
	margin: 0;
	padding: 0 0 10px;
}
#contentArea .concept-imgcap-half .concept-imgcap-half-txt {
	width: 230px;
	float: right;
	padding: 0 0 0 9px;
}

/* ----------wcv_sys_wrapper------------------------------------------- */

#wcv_sys_wrapper .concept-imgcap-half .concept-imgcap-half-group {
	width: 337px;
}

#wcv_sys_wrapper .concept-imgcap-half .concept-imgcap-half-txt {
	width: 215px;
}

#contentArea .concept-imgcap-half .concept-imgcap-half-txt h2 {
	margin: 5px 0 7px;
	padding: 0 2px 6px 4px;
}
#contentArea .concept-imgcap-half-txt h2 a:link{
	text-decoration: none;
}
#contentArea .concept-imgcap-half .concept-imgcap-half-txt p {
	width: auto;
	float: none;
	margin: 0 5px 10px;
	padding: 0;
}

/* -------------------------------------------------------------------------
　フォーム
------------------------------------------------------------------------- */
#contentArea textarea{
	font-family: Verdana,Arial,sans-serif;
}

#contentArea input{
	font-family: Verdana,Arial,sans-serif;
}