/* CSS Document */
/*------------------------------------------------------------------------------
px	　　%	　　　pt	　　　FONT size
--------------------------------------------------------------------------------
6px	　　40%		　4.5pt	 
8px	　　50%		　6pt	 
9px	　　55%		　6.75pt	 
10px	65%		　7.5pt	　　　size="1"
11px	69%		　8.25pt	 
12px	75%		　9pt	 
13px	82%		　10pt	　　　size="2"
14px	88%		　10.5pt	 
15px	94%		　11.25pt	 
16px	100%	　12pt	　　　size="3"
17px	107%	　12.75pt	 
18px	113%	　13.5pt	　size="4"
19px	119%	　14.5pt	 
20px	125%	　15pt	 
22px	138%	　16.5pt	 
24px	150%	　18pt	　　　size="5"
26px	163%	　19.5pt	 
28px	175%	　21pt	 
30px	188%	　22.5pt	 
32px	200%	　24pt	　　　size="6"
36px	225%	　27pt	 
48px	300%	　36pt	　　　size="7"
60px	375%	　45pt	 
72px	450%	　54pt	 
100px	620%	　5pt	 
------------------------------------------------------------------------------*/
/*utility*/
.mb01 { margin-bottom:1px;}
.mb02 { margin-bottom:2px;}
.mb03 { margin-bottom:3px;}
.mb04 { margin-bottom:4px;}
.mb05 { margin-bottom:5px;}
.mb06 { margin-bottom:6px;}
.mb07 { margin-bottom:7px;}
.mb08 { margin-bottom:8px;}
.mb09 { margin-bottom:9px;}
.mb10 { margin-bottom:10px;}
.mb12 { margin-bottom:12px;}
.mb13 { margin-bottom:13px;}
.mb14 { margin-bottom:14px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mb60 { margin-bottom:60px;}
.mb70 { margin-bottom:70px;}
.mb80 { margin-bottom:80px;}
.mt01 { margin-top:1px;}
.mt02 { margin-top:2px;}
.mt03 { margin-top:3px;}
.mt04 { margin-top:4px;}
.mt05 { margin-top:5px;}
.mt06 { margin-top:6px;}
.mt07 { margin-top:7px;}
.mt08 { margin-top:8px;}
.mt09 { margin-top:9px;}
.mt10 { margin-top:10px;}
.mt12 { margin-top:12px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.mt50 { margin-top:50px;}
.mt60 { margin-top:60px;}
.ml01 { margin-left:1px;}
.ml02 { margin-left:2px;}
.ml03 { margin-left:3px;}
.ml04 { margin-left:4px;}
.ml05 { margin-left:5px;}
.ml06 { margin-left:6px;}
.ml07 { margin-left:7px;}
.ml08 { margin-left:8px;}
.ml09 { margin-left:9px;}
.ml10 { margin-left:10px;}
.ml12 { margin-left:12px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.ml60 { margin-left:60px;}
.mr01 { margin-right:1px;}
.mr02 { margin-right:2px;}
.mr03 { margin-right:3px;}
.mr04 { margin-right:4px;}
.mr05 { margin-right:5px;}
.mr06 { margin-right:6px;}
.mr07 { margin-right:7px;}
.mr08 { margin-right:8px;}
.mr09 { margin-right:9px;}
.mr10 { margin-right:10px;}
.mr12 { margin-right:12px;}
.mr14 { margin-right:14px;}
.mr15 { margin-right:15px;}
.mr16 { margin-right:16px;}
.mr17 { margin-right:17px;}
.mr20 { margin-right:20px;}
.mr22 { margin-right:22px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr36 { margin-right:36px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.mr60 { margin-right:60px;}
.pt05 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt30 { padding-top:30px;}
.pt40 { padding-top:40px;}
.pt50 { padding-top:50px;}
.pt60 { padding-top:60px;}
.pt70 { padding-top:70px;}
.pt80 { padding-top:80px;}
.pb05 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}
.pb40 { padding-bottom:40px;}
.pb50 { padding-bottom:50px;}
.pb60 { padding-bottom:60px;}
.pb80 { padding-bottom:80px;}
.pl05 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}
.pl50 { padding-left:50px;}
.pr05 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}
.pr50 { padding-right:50px;}
.fll { float:left;}
.flr { float:right;}
.talign-l, td.talign-l, .talign-l td{ text-align:left;}
.talign-r, td.talign-r, .talign-r td{ text-align:right;}
.talign-c, td.talign-c, .talign-c td{ text-align:center;}
.valign-t, td.valign-t, .valign-t td{ vertical-align:top;}
.valign-m, td.valign-m, .valign-m td{ vertical-align:middle;}
.valign-b, td.valign-b, .valign-b td{ vertical-align:bottom;}
input,textarea,select{ margin:0;padding:0; }
.red{ color:#F00;}
.blue{ color:#00F;}
.white{ color: #fff;}
.bold{ font-weight:bold;}
.keycolor{color: #7cc0b4 !important}
/*------------------------------------------------------------------------------*/
.fntn10 { font-size: 10px;font-weight: normal;}
.fntn11 { font-size: 11px;font-weight: normal;}
.fntn12 { font-size: 12px;font-weight: normal;}
.fntn13 { font-size: 13px;font-weight: normal;}
.fntn14 { font-size: 14px;font-weight: normal;}
.fntn16 { font-size: 16px;font-weight: normal;}
.fntn18 { font-size: 18px;font-weight: normal;}
.fntn20 { font-size: 20px;font-weight: normal;}
.fntn22 { font-size: 22px;font-weight: normal;}
.fntn24 { font-size: 24px;font-weight: normal;}
.fntn26 { font-size: 26px;font-weight: normal;}
.fntn28 { font-size: 28px;font-weight: normal;}
.fntn30 { font-size: 30px;font-weight: normal;}
.fntb10 { font-size: 10px;font-weight: bold;}
.fntb11 { font-size: 11px;font-weight: bold;}
.fntb12 { font-size: 12px;font-weight: bold;}
.fntb13 { font-size: 13px;font-weight: bold;}
.fntb14 { font-size: 14px;font-weight: bold;}
.fntb16 { font-size: 16px;font-weight: bold;}
.fntb18 { font-size: 18px;font-weight: bold;}
.fntb20 { font-size: 20px;font-weight: bold;}
.fntb22 { font-size: 22px;font-weight: bold;}
.fntb24 { font-size: 24px;font-weight: bold;}
.fntb26 { font-size: 26px;font-weight: bold;}
.fntb28 { font-size: 28px;font-weight: bold;}
.fntb30 { font-size: 30px;font-weight: bold;}
.box-shadow {
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
}
.box-shadow2 {
	box-shadow: 0 0 5px #BBBBBB;
}
.box-under-shadow {
  box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 10px 10px -10px rgbargba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 10px 10px -10px rgbargba(0, 0, 0, 0.1);
}
.txtshadow {
	text-shadow: 1px 1px 0 #fff;	
}
.txtshadow2 {
text-shadow: 2px 2px 1px white, 2px 1px 1px white, 2px 0 1px white, 2px -1px 1px white, 2px -2px 1px white, 1px -2px 1px white, 0 -2px 1px white, -1px -2px 1px white, -2px -2px 1px white, -2px -1px 1px white, -2px 0 1px white, -2px 1px 1px white, -2px 2px 1px white, -1px 2px 1px white, 0 2px 1px white, 1px 2px 1px white;
}
.txtshadow3 {
text-shadow: 3px 3px 1px white, 3px 1.5px 1px white, 3px 0 1px white, 3px -1.5px 1px white, 3px -3px 1px white, 1.5px -3px 1px white, 0 -3px 1px white, -1.5px -3px 1px white, -3px -3px 1px white, -3px -1.5px 1px white, -3px 0 1px white, -3px 1.5px 1px white, -3px 3px 1px white, -1.5px 3px 1px white, 0 3px 1px white, 1.5px 3px 1px white;
}
a img.alp {
     filter: Alpha(opacity=100);
     opacity:1.0;
	 transition: all 0.3s ease;
}
a:hover img.alp {
     filter: Alpha(opacity=60);
     opacity:0.6;
}
a img.alp2 {
     filter: Alpha(opacity=100);
     opacity:1.0;
	 transition: all 0.3s ease;
}
a:hover img.alp2 {
     filter: Alpha(opacity=60);
     opacity:0.8;
}
a img.alpex {
     filter: Alpha(opacity=100);
     opacity:1.0;
}
a:hover img.alpex {
     filter: Alpha(opacity=60);
     opacity:0.6;
}
a.sort-anc {
    color: #0080C8;
    text-decoration: underline;
}
a.sort-anc:link {
    color: #666;
    text-decoration: underline;
}
a.sort-anc:visited {
    color: #666;
    text-decoration: underline;
}
a.sort-anc:hover, a:active, a:focus {
    color: #000;
    text-decoration: underline;
}
.bgcolor {
	background-color: #F8F8F8;
}

.sp_none {
	display: none;
}
@media ( min-width : 768px) {
.sp_none {
	display: contents;
}
}