@charset "UTF-8";

/*----------------------------------------------------------------------------

GIG 4.0 Renewal 201009

----------------------------------------------------------------------------*/


/*[MARGIN]
-----------------------------------------------------------------------------*/

.m0{margin:0px !important;}
.m00{margin:0px !important;}

.mb0{margin-bottom:0px !important;}
.mb00{margin-bottom:0px !important;}
.mb02{margin-bottom:2px !important;}
.mb03{margin-bottom:3px !important;}
.mb04{margin-bottom:4px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}

.mr0{margin-right:0px !important;}
.mr00{margin-right:0px !important;}
.mr02{margin-right:2px !important;}
.mr03{margin-right:3px !important;}
.mr04{margin-right:4px !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}

.ml0{margin-left:0px !important;}
.ml00{margin-left:0px !important;}
.ml02{margin-left:2px !important;}
.ml03{margin-left:3px !important;}
.ml04{margin-left:4px !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml50{margin-left:50px !important;}
.ml70{margin-left:70px !important;}

.mt0{margin-top:0px !important;}
.mt00{margin-top:0px !important;}
.mt02{margin-top:2px !important;}
.mt03{margin-top:3px !important;}
.mt04{margin-top:4px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}

.ma0{margin:0px !important;}
.ma00{margin:0px !important;}
.ma02{margin:2px !important;}
.ma03{margin:3px !important;}
.ma04{margin:4px !important;}
.ma05{margin:5px !important;}
.ma10{margin:10px !important;}
.ma15{margin:15px !important;}
.ma20{margin:20px !important;}
.ma25{margin:25px !important;}
.ma30{margin:30px !important;}
.ma35{margin:35px !important;}


/*[PADDING]
-----------------------------------------------------------------------------*/

.p0{padding:0px !important;}
.p00{padding:0px !important;}
.p20{padding:2px 0px !important;}

.pb0{padding-bottom:0px !important;}
.pb00{padding-bottom:0px !important;}
.pb02{padding-bottom:2px !important;}
.pb03{padding-bottom:3px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}

.pr0{padding-right:0px !important;}
.pr00{padding-right:0px !important;}
.pr02{padding-right:2px !important;}
.pr03{padding-right:3px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}

.pl0{padding-left:0px !important;}
.pl00{padding-left:0px !important;}
.pl02{padding-left:2px !important;}
.pl03{padding-left:3px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}

.pt0{padding-top:0px !important;}
.pt00{padding-top:0px !important;}
.pt02{padding-top:2px !important;}
.pt03{padding-top:3px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}

.pa0{padding:0px !important;}
.pa00{padding:0px !important;}
.pa02{padding:2px !important;}
.pa03{padding:3px !important;}
.pa05{padding:5px !important;}
.pa10{padding:10px !important;}
.pa15{padding:15px !important;}
.pa20{padding:20px !important;}
.pa25{padding:25px !important;}
.pa30{padding:30px !important;}
.pa35{padding:35px !important;}



/*[TEXT-INDENT]
-----------------------------------------------------------------------------*/

.indent05{padding-left:0.5em;text-indent:-0.5em !important;}
.indent1{padding-left:1em;text-indent:-1em !important;}
.indent2{padding-left:2em;text-indent:-2em !important;}


/*[FONT]
-----------------------------------------------------------------------------*/

.fwn{font-weight:normal !important;}
.fwb{font-weight:bold !important;}
.fs150{font-size:150% !important;}
.fs140{font-size:140% !important;}
.fs130{font-size:130% !important;}
.fs120{font-size:120% !important;}
.fs110{font-size:110% !important;}
.fs100{font-size:100% !important;}
.fs95{font-size:95% !important;}
.fs90{font-size:90% !important;}
.fs85{font-size:85% !important;}
.fs80{font-size:80% !important;}
.fs75{font-size:75% !important;}
.fs70{font-size:70% !important;}

.tdu{text-decoration:underline !important;}
.tdn{text-decoration:none !important;}

.ffm{font-family: "メイリオ", Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;}
.font2016{ font-family: Arial, 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', sans-serif; }


/*[LINE-HEIGHT]
-----------------------------------------------------------------------------*/

.lh200{line-height:200% !important;}
.lh180{line-height:180% !important;}
.lh150{line-height:150% !important;}
.lh140{line-height:140% !important;}
.lh130{line-height:130% !important;}
.lh120{line-height:120% !important;}
.lh110{line-height:110% !important;}
.lh70{line-height:70% !important;}
.lh01{line-height:1% !important;}


/*[LETTER-SPACING]
-----------------------------------------------------------------------------*/

.ls005{letter-spacing:0.05em!important}
.ls01{letter-spacing:0.1em !important;}
.ls02{letter-spacing:0.2em !important;}
.ls-001{letter-spacing:-0.01em !important;}
.ls-002{letter-spacing:-0.02em !important;}
.ls-003{letter-spacing:-0.03em !important;}
.ls-005{letter-spacing:-0.05em !important;}
.ls-01{letter-spacing:-0.1em !important;}
.ls-02{letter-spacing:-0.2em !important;}


/*[ETC]
-----------------------------------------------------------------------------*/

.wsn{white-space:nowrap !important;}
.lsn{list-style:none !important;}
.vat{vertical-align:top !important;}	
.vam{vertical-align:middle !important;}	
.vab{vertical-align:bottom !important;}	
.bs1{border:solid 1px !important;}
.fl{float:left !important;}	
.fr{float:right !important;}
.cb{clear:both !important;}
.cl{clear:left !important;}
.cr{clear:right !important;}
.e6{color:#e60000 !important;}
.ccc{color:#cccccc !important;}
.grn{color:#228b22 !important;}
.bccc{border-color:#cccccc !important;}
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.pr{position:relative !important;}
.pa{position:absolute !important;}
.dn{display:none !important;}
.db{display:block !important;}
.di{display:inline !important;}
.bn{border:none !important;}
.tan{-webkit-text-size-adjust: none;}


/*[color]
-----------------------------------------------------------------------------*/
.red{color:#ee0000 !important;}
.red2{color:#cc3300 !important;}
.red3{color:#740e00 !important;}
.crimson {color:#dc143c !important;}

.blue{color:#006699 !important;}
.yellow{color:#ffff00 !important;}
.green{color:#006600 !important;}
.brown{color:#740e00 !important;}
.gray2{color:#808080 !important;} /* gray は購入完了画面に重複 */
.ppl{color:#8c23f0 !important;}
.noBg{background:none !important;}
.normal{font-weight:normal !important;}


/*[ui016] spec
-----------------------------------------------------------------------------*/

.bdr-y{width:450px; border:1px solid #ffcc66; padding:5px; background-color:#ffffcc; font-size:90%;}
.bdr-r{width:450px; border:1px solid #ff6675; padding:5px; background-color:#ffe5e8; font-size:90%;}


/*[ui073] spec
-----------------------------------------------------------------------------*/

.deliv{background-color:#f1f1f1; border:1px #aaa solid;}

.tdbg_red {
background: #ffeeee !important;
background: -moz-linear-gradient(top, #ffffff 0%, #ffeeee 100%) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#ffeeee 100%) !important;
background: linear-gradient(to bottom, #ffffff 0%,#ffeeee 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffeeee',GradientType=0 ) !important;
}

.tdbg_yellow {
background: #ffffcd !important;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffcd 100%) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffcd 100%) !important;
background: linear-gradient(to bottom, #ffffff 0%,#ffffcd 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffcd',GradientType=0 ) !important;
}

.tdbg_green {
background: #e5ffe5 !important;
background: -moz-linear-gradient(top, #ffffff 0%, #e5ffe5 100%) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#e5ffe5 100%) !important;
background: linear-gradient(to bottom, #ffffff 0%,#e5ffe5 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5ffe5',GradientType=0 ) !important;
}

.tdbg_blue {
background: #e5f4ff !important;
background: -moz-linear-gradient(top, #ffffff 0%, #e5f4ff 100%) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#e5f4ff 100%) !important;
background: linear-gradient(to bottom, #ffffff 0%,#e5f4ff 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5f4ff',GradientType=0 ) !important;
}

.tdbg_grey {
background: #f6f6f6 !important;
/*
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%) !important;
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ) !important;
*/
}


/*[new-window] icon
-----------------------------------------------------------------------------*/

a.nwic {
	padding-right:21px;
	padding-top:2px;
	padding-bottom:2px;
	margin-right:5px;
	border-style:none;
	background:url(/image/common/v4icons/icon-newwindow.gif) no-repeat right center;
}


/*[cclogin]
-----------------------------------------------------------------------------*/

.ccl-bg{background:none repeat scroll 0 0 #FFEEEE; border:1px solid #CC6666;}
.ccl-bg2{background:none repeat scroll 0 0 #FFFFFF; border:none;}
.ccl-title{background-color:#ffcc66;}
.ccl-title2{background-color:#fdaaaa; width:270px;}
.ccl-table{border-collapse:collapse; margin:0; padding:0;}

/*[HOVER] img
-----------------------------------------------------------------------------*/
a.link-img:hover img{opacity: 0.7; filter:alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}

/*[clearfix]
-----------------------------------------------------------------------------*/
.clearfix::after {content: ""; display: block; clear: both;}