@charset "UTF-8";/*
 CSSを自由に記入できます。
 入力が終了したら右下の「更新」ボタンをクリックして内容を更新してください。
*/


/*●リンク（文書アイコン）*/
.link-page{
	clear: both;
	margin-top: 1.2em;
	font-size: 120%;
	font-weight: 500;
}

.link-page{ text-align: right; }

.link-page a{
	padding-top: 10px;
	padding-left: 38px;
	background: url(https://office-takashima.com/wp-content/uploads/2025/10/page_white_go.png) 0 0 no-repeat;
}



/*チェックマークアイコン*/
.chk{
	padding: 0px 0 0px 28px!important;
	background: url(https://office-takashima.com/wp-content/uploads/2025/10/icon-check-list.png) left top no-repeat;
}

/*フリーダイヤルアイコン*/
.tel{
	padding: 0px 0 0px 48px!important;
	background: url(https://office-takashima.com/wp-content/uploads/2025/10/free01.gif) left top no-repeat;
}

/*メールアイコン*/
.mail{
	padding: 0px 0 0px 24px!important;
	background: url(https://office-takashima.com/wp-content/uploads/2025/10/icon-mail.png) left top no-repeat;
}

/*LINEアイコン*/
.line{
	padding: 0px 0 0px 48px!important;
	background: url(https://office-takashima.com/wp-content/uploads/2025/10/icons8-line-48.png) left top no-repeat;
}





/* --- テーブル --- */
.table-content td, .table-content th {
    border: 1px solid #cfcfcf;
}
.table-content {
    border: 1px solid #cfcfcf;
}
.content-body p.table-title {
    margin: 10px 0 5px;
    font-size: 16px;
}
.table-content.tr-left th {
    width: 200px;
}

table.table-style th, table.table-style td {
    border: 1px solid #aaa;
    vertical-align: top;
}
.table-style{
    border-bottom: 1px solid #aaa;
}

.box-bunsyo{
	margin: 20px;
	font-size: 1.0em;
	padding:10px;
	border: solid 1px #000000;
}

.box-chk{
	margin: 10px;
	font-size: 1.0em;
	padding:5px;
	border: solid 1px #000000;
    background-color: #fffff0;
}



.sage {
	margin-left: 1em!important; /* ブロック全体を 1em 右に */
	text-indent: -1em!important; /* 先頭の1文字のみ 1em 左に */
}

.sage2 {
	margin-left: 2em!important; /* ブロック全体を 1em 右に */
	text-indent: -1em!importantm; /* 先頭の1文字のみ 1em 左に */
}


/*------------------------------------------------------------
1、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/

/*------------------------------------------------------------
4、margin・・・周りのブロックからの距離
-------------------------------------------------------------*/

.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }/*周りからのmarginを5pxに*/
.m5-t{ margin-top: 5px!important; }/*周りからのmarginを10pxに*/
.m5-r{ margin-right: 5px!important; }/*周りからのmarginを10pxに*/
.m5-b{ margin-bottom: 5px!important; }/*周りからのmarginを10pxに*/
.m5-l{ margin-left: 5px!important; }/*周りからのmarginを10pxに*/

.m10{ margin: 10px!important; }/*周りからのmarginを10pxに*/
.m10-t{ margin-top: 10px!important; }/*周りからのmarginを10pxに*/
.m10-r{ margin-right: 10px!important; }/*周りからのmarginを10pxに*/
.m10-b{ margin-bottom: 10px!important; }/*周りからのmarginを10pxに*/
.m10-l{ margin-left: 10px!important; }/*周りからのmarginを10pxに*/
.m10-lr{ margin-left: 10px; margin-right: 10px}/*周りからのmarginを10pxに*/

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }


/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

.b{ font-weight: bold!important; }/*太字*/
.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }

/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #CC3300!important; }/*茶*/

/*------------------------------------------------------------
9、下線や取消線の設定
-------------------------------------------------------------*/

.underline{ text-decoration: underline!important; }
.del{ text-decoration:line-through;}
.noborder{ border: 0!important; }/*枠線を無くす*/

