MARGINとPADDING
上下左右（mt_,mb_,ml_,mr_)（pt_,pb_,pl_,mr_)の単独と上下・左右(mtb_,mrl_)(ptb_,prl_)連携・上下左右(m_)(p_)一括で設定。
それぞれ、5px間隔で 05/10/20/30。EX:m_20→上下左右一括mマージン20px
width
【w_15】width:15%
【w_20】width:20%
【w_25】width:23.9%
【w_30】width:32.3%
【w_30W】width:32.7%
【w_43】width:43%
【w_50】width:49%
【w_65】width:65%
【w_76】width:75%
【w_100】width:100%
【w_120】width:115px
【w_sp1】PCは1/2 SPは100%
【w_sp1】PCは1/2 SPは100%
【w_sp2】PC/SPとも1/2
【w_sp2】PC/SPとも1/2
【w_sp3】PC/SPは1/3
【w_sp3】PPC/SPは1/3
【w_sp3】PC/SPは1/3
【w_sp31】PCは1/3 SPは100%
【w_sp31】PCは1/3 SPは100%
【w_sp31】PCは1/3 SPは100%
【w_sp32】PCは1/3 SPは1/2
【w_sp32】PCは1/3 SPは1/2
【w_sp32】PCは1/3 SPは1/2
【w_sp31】PCは1/3 SPは100%
【w_sp321】PCは2/3 SPは100%
【w_sp3】PC/SPは1/3
【w_sp3232】PC/SPとも2/3
【w_sp42】PCは1/4 SPは1/2
【w_sp42】PCは1/4 SPは1/2
【w_sp42】PCは1/4 SPは1/2
【w_sp42】PCは1/4 SPは1/2
【w_sp43】PCは1/4 SPは1/3
【w_sp43】PCは1/4 SPは1/3
【w_sp43】PCは1/4 SPは1/3
【w_sp43】PCは1/4 SPは1/3
【w_sp4】PC/SPとも1/4
【w_sp4】PPC/SPとも1/4
【w_sp4】PC/SPとも1/4
【w_sp4】PC/SPとも1/4
【w_sp4343】PC/SPとも3/4
【w_sp4】PC/SPとも1/4
【w_sp5】PC/SPは1/5 文字0.5em
【w_sp5】PC/SPは1/5 文字0.5em
【w_sp5】PC/SPは1/5 文字0.5em
【w_sp5】PC/SPは1/5 文字0.5em
【w_sp5】PC/SPは1/5 文字0.5em
【w_sp53】PC/SPは3/5 文字0.5em
【w_sp5】PC/SPは1/5 文字0.5em
【w_sp5】PC/SPは1/5 文字0.5em
【w_sp52】PC/SPは3/5 文字0.5em
【w_sp5】PC/SPは1/5 文字0.5em
【w_sp52】PC/SPは1/5 文字0.5em
height
【h_20】
height:20px
【h_30】
height:30px
【h_40】
height:40px
【h_50】
height:50px
【h_60】
height:60px
【h_70】
height:70px
【h_80】
height:80px
【h_90】
height:90px
【h_100】
height:100px
【h_165】
height:165px
SP:80px
【h_200】
height:200px
【h_300】
height:300px
【h_360】
height:360px
【h_380】
height:380px
text-align
左寄せ【tal_】
中間揃え【tac_】
右寄せ【tar_】
indent
文字始まり・段落
- 【tidt_1】
- 文字の始まりが1文字余白。文字の始まりが1文字余白。文字の始まりが1文字余白。文字の始まりが1文字余白。文字の始まりが1文字余白。文字の始まりが1文字余白。
- 【tidt_2】
- ２行目から1段下がる。２行目から1段下がる。２行目から1段下がる。２行目から1段下がる。２行目から1段下がる。
text-shadow
【tsdw_】文字に左1、下1、の影でぼかし2px
font-size
【fs_1】12px
【fs_2】14px
【fs_3】16px
【fs_5】18px
【fs_6】20px
【fs_index】16px(スマホ13px)
font-weight
【fwb_】文字が太字（bold)
font-color
【fc_RED】文字が赤（#ff0000)
【fc_ROS】文字がROSE（#dc3460)
【fc_a9】文字がダークグレイ（#a9a9a9)
【fc_69】文字がディムグレイ（#696969)
【fc_28】文字が鉄黒（#282828)
【fc_WH】文字が白（#ffffff)
【fc_ORG】文字がオレンジ（#ffa500)
【fc_BLU】文字がブルー（#0068c0)
【fc_INTERRA】文字がINTERRAのH1色（#6a3b00)
【fc_paid1】文字がpaidの濃（#0a9b00)
【fc_paid2】文字がpaidの淡（#e0f8d9)
サブタイルを入れる
SPANでサブタイトル#a9a9a9(darkgray)タイトルのフォントサイズは指定なし。【fsub_ttl】
HOVERでアンダーライン
headline
【hdl_】文字色#696969
【hdl_udl】文字色指定なし
【hdl_b2g】文字色#696969
【hdl_2BG】border:2px。前20%が青(#0068c0)で#d3d3d3
【hdl_269G】border:2px。前20%が#696969で#d3d3d3
【hdl_2ORGG】border:2px。前20%が#ffa500で#d3d3d3
【hdl_fkd】文字色#696969
【hdl_fe_ORG】
【hdl_fe_TMT】
【hdl_fe_LPNK】
【hdl_fe_SOLA】
【hdl_sello】セロテープ風？
【hdl_cut】紙を切り取ったような･･･
【hdl_index】
background-color
【bgc_WH】背景色が白（#ffffff）
【bgc_BLK】背景色が黒（#000000）
【bgc_GLD】背景色がGOLD（#ffd700）
【bgc_WSMK】背景色がホワイトスモーク（#f5f5f5）
【bgc_WSMKt】背景色がホワイトスモーク→白（#f5f5f5→#ffffff）
【bgc_WSMKb】背景色が白→ホワイトスモーク（#ffffff→#f5f5f5）
【bgc_DKGRY】背景色がダークグレイ（#a9a9a9）
【bgc_ABLU】背景色がアリスブルー#f0f8ff(aliceblue）
【bgc_BKGN】背景色が白群#7cb8c0
【bgc_OBLU】背景色がオリエンタルブルー#348890(orientalblue）
【bgc_MROSE】背景色がミスティーローズ#ffe4e1(mistyrose）
【bgc_paid1】背景色がpaidの濃（#0a9b00）
【bgc_paid2】背景色がpaidの淡（#e0f8d9)
table
*共通 margin:5px 2px 10px 2px font:12px
【tbl_0】THは中央・中間でTDは指定なしなので左右に振り分け必要
【tbl_BL】下線のみ TDは指定なしなので左右に振り分け必要
inline-block
【ilb_】ブロックようそをINLINE-BLOCKに
box_shadow
【bsdw_】box_0に
box_ box_0と見た目同じになるが・・・
border
【bdr_1】BOXや文字に 下線1px 内外余白なし
【bdr_1BLU】BOXや文字に 下線1px#0068c0 内外余白なし
【bdr_1BKGN】BOXや文字に 下線1px#7cb8c0(白群) 内外余白なし
【bdr_1DDI】BOXや文字に 下線1px#ec8810(橙色) 内外余白なし
【bdr_630】TOPページの「商品検索窓」に使用（青 #6a3b00）HOVER時に下影
【bdr_R6】BORDERに6pxの角丸、中に入るIMGは、左右上部のみ角丸(6 6 0 0 )
boxバリエーション
【box_】常にWIDTH=100%
【box_0】BOX_のWIDTH指定なし
【box_00】BOX_00の影なし
【box_000】BOX_00のPADDINGなし
MARGINは上下5px
【box_SP】見た目はBOX_00。PCで1/2、SPで100%表示
【notes_0】注意事項記載時に共通で使用
【fkd_R】吹き出し矢印右
【fkd_L】吹き出し矢印左
【box_tape】
タイトルは、【box_tape_ttl】で指定
PADDING,width設定ありません。w_100は設定不可です。
【box_tab】
タイトルは、【box_tab_ttl】で指定
ボーダー、タブの背景色の指定はないので
ボーダーは【box_tab】に、
背景色は【box_tab_ttl】に指示してください。
【ribbon-wrapper】
BOXは【ribbon-wrapper】で指定。widthは設定なし。
背景色の設定なし。
タイトルは、【ribbon】で指定。折り返し出来ません。
【box_grid】
大枠を【box_grid】で囲む。
個別BOXは【grid_item】
画像の下はmargin:5pxあり。
INTERRAJAPAN INTERRAJAPAN
INTERRAJAPAN
INTERRAJAPAN
INTERRAJAPAN
INTERRAJAPAN
INTERRAJAPAN
INTERRAJAPAN
INTERRAJAPAN
