@charset "UTF-8";
/* ============================================================

 * URL       : 
 * common.css
 *
 * copyright : J:COM WEST
 * author    : J:COM WEST
 
============================================================ */

/*
 * init
 */
body { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS-PGothic', sans-serif !important; }
html, body, h1, h2, h3, h4, h5, h6, p, img, ul, ol, dl, dt, dd { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; border: none; }
hr { display: none; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; text-align: left;}
ul, li { list-style-type: none; }
p { text-align: justify; margin: 0; }




/*
 * common
 */
body { color: #575959; background-color: #FFFFFF; }
p { font-size: 75%; line-height: inherit; text-align: justify; margin-bottom: 12px; }
a:link { color: #595757; }
a:visited { color: #898989; }
a:hover { color: #FF4D00 !important; }
a:active { color: #FF7A40; }




/*
 * module
 */
.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix:after { content: ""; display: block; clear: both; }
.float-l { float: left; }
.float-r { float: right; }
.align-l { text-align: left; }
.align-c { text-align: center; }
.align-r { text-align: right; }
.strong { font-weight: bold; }
.em { font-style: italic; }
.no-bg { background: none !important; }
.no-border { border: none !important; }
.no-border-top { border-top: none !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.last { margin-bottom: 0 !important; }
.num { font-family: "Osaka" !important; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }




/*
 * font
 */
*+html body { font-size: 100% !important; }
* html body { font-size: 100% !important; }
html>/**/body { font-size: 16px; }

/*

ベースフォントサイズ 16px

50% =  8px	| 	 56% =  9px	|	
63% = 10px	| 	100% = 16px	|	
69% = 11px	|	113% = 18px	|
75% = 12px	|	125% = 20px	|
81% = 13px	|	138% = 22px	|
88% = 14px	|	150% = 24px	|
94% = 15px	|	

*/

.text-XS { font-size: 63%; line-height: 140%; }
.text-SS { font-size: 69%; line-height: 150%; }
.text-S { font-size: 75%; line-height: 150%; }
.text-S2 { font-size: 75%; line-height: 180%; }
.text-M { font-size: 88%; line-height: 150%; }
.text-L { font-size: 94%; line-height: 150%; }
.text-LL { font-size: 100%; line-height: 150%; }
.text-XL { font-size: 113%; line-height: 150%; }
.notes { margin-top: 7px; font-size: 63%; line-height: 140%; text-align: justify; }
.number { font-family: "Osaka" !important; }

.text-red { color: #FF3333; }
.text-green { color: #669933; }
.text-white { color: #FFFFFF; }
.text-orange { color: #FF4D00; }

.color-tv { color: #e40077; }
.color-net { color: #0081cc; }
.color-phone { color: #8ec31f; }