/* 諸行無常 是生滅法 生滅滅已 寂滅爲樂 */
a:link {color:#025BA7;text-decoration:none;}
a:visited {color:#025BA7;text-decoration:none;}
a:hover {color:#025BA7;text-decoration:underline;}

a.usev:link {color:#025BA7;text-decoration:none;}
a.usev:visited {color:#BB007B;text-decoration:none;}
a.usev:hover {color:#025BA7;text-decoration:underline;}
.ausev a:link {color:#025BA7;text-decoration:none;}
.ausev a:visited {color:#BB007B;text-decoration:none;}
.ausev a:hover {color:#025BA7;text-decoration:underline;}


* {
outline-color:rgba(2,91,167,0.4);
}
body {
color:#000;
font-size:13px;
width:100%;
margin:0;
padding:0;
line-height:1;
}
img {
vertical-align:text-bottom;
}


table {
font-size:13px;
}
textarea {
overflow:auto;
resize:none;
vertical-align:top;
}
input[type="text"],input[type="password"],textarea {
padding:2px;
border:1px solid #CCC;
font-size:13px;
}
blockquote {
margin:20px;
}
h1,h2,h3,h4,h5,h6,form {
padding:0;
margin:0;
}
p {
margin-top:3px;
margin-bottom:3px;
}

ul {
margin:0;
padding:7px 0 7px 20px;
}
ol {
margin:0;
padding:7px 0 7px 20px;
}

li {
margin-top:0.2em;
margin-bottom:0.2em;
}
h1,h2,h3,h4,h5,h6 {
font-size:13px;
font-weight:normal;
}

th {
font-weight:normal;
}

i {
font-style:normal;
font-weight:normal;
}
em {
font-style:normal;
font-weight:bold;
}
strong {
color:#C33;
font-style:normal;
font-weight:normal;
}

label {
border-bottom:1px dotted #CCC;
}


/* 文字類の装飾　汎用 */


.system {
font-style:italic;
}
.em {
font-style:normal;
font-weight:bold;
}
.pointer {
cursor:pointer;
}
.weak {
color:#666;
}

.xweak {
color:#999;
}

.noauth {
color:#666;
}

.notfound {
color:#666;
}
.unavailable {
color:#666;
}

.sysmsg {
color:#008000;
}
.require {
color:#F30;
}

input.ascii {
ime-mode:disabled;
}

input.lrg {
font-size:14pt;
letter-spacing:1px;
}
input.num{
font-size:12pt;
padding:1px 3px;
}

strong.num {
color:#FFF;
margin-left:10px;
padding:2px 5px;
}


/* 回り込み解除 */
.break {
clear:both;
}







a.block {
display:block;
padding:1px 0;
}
span.block {
display:block;
padding:1px 0;
}



.tb {
line-height:1.5;
}


/* 汎用テキスト */
.xxxlrg-text {
font-size:30px;
}
.xxlrg-text {
font-size:26px;
}
.xlrg-text {
font-size:22px;
}
.lrg-text {
font-size:18px;
}
.mid-text {
font-size:15px;
}
.sml-text {
font-size:13px;
}
.xsml-text {
font-size:11px;
}
.xxsml-text {
font-size:10px;
}



/* スペーサー */
p.s3 {
margin:0;
padding-top:3px;
}
p.s5 {
margin:0;
padding-top:5px;
}
p.s7 {
margin:0;
padding-top:7px;
}
p.s10 {
margin:0;
padding-top:10px;
}
p.s12 {
margin:0;
padding-top:12px;
}
p.s15 {
margin:0;
padding-top:15px;
}
p.s20 {
margin:0;
padding-top:20px;
}
p.s25 {
margin:0;
padding-top:25px;
}
p.s30 {
margin:0;
padding-top:30px;
}
p.s40 {
margin:0;
padding-top:40px;
}


p.solidline {
margin:7px 0;
border-top:1px solid #CCC;
}
p.line {
margin:7px 0;
border-top:1px dotted #CCC;
}
p.line-d {
margin:7px 0;
border-top:1px dotted #666;
}

/* スラッシュ */
.slash {
background-image:url(../../i/slash.gif);
}

/* メッシュ */
.mesh {
background-image:url(../../i/mesh.gif);
}

/* タイル */
.tile {
background-image:url(../../i/tile.gif);
}

/* 罫線背景 */
.borderbg {
background-image:url(../../i/borderbg.gif);
}





a.pointer {
padding:0 0 0 14px;
background:url(../../i/pointerbg2.png) no-repeat left center;
}



/* ページナビ */
div.pagenavi {
padding:5px 3px;
color:#333;
margin-top:15px;
}
div.pagenavi .page {
padding:3px 1px;
margin:0;
font-size:13px;
border-radius:2px;
}
div.pagenavi .page .this {
padding:3px 1px;
color:#FFF;
background:#444;
border:solid 1px #444;
font-weight:bold;
border-radius:2px;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
div.pagenavi .page a {
padding:3px 2px;
color:#666;
background:#DDD;
border:solid 1px #CCC;
text-decoration:none;
border-radius:2px;
}
div.pagenavi .page a:hover {
padding:3px 2px;
color:#000;
background:#F4F4F4;
border:solid 1px #CCC;
border-radius:2px;
}






.emnote {
border:solid 1px #C66;
padding:5px;
background:#FEE;
}


img.d {
width:12px;
height:12px;
border:0;
}
img.s {
width:15px;
height:15px;
border:0;
}
img.a {
width:14px;
height:15px;
border:0;
}
img.refresh {
width:12px;
height:12px;
border:0;
margin-right:2px;
vertical-align:middle;
}
img.pt {
width:8px;
height:10px;
border:0;
margin-left:2px;
vertical-align:middle;
}
img.rt {
width:18px;
height:14px;
border:0;
margin-right:3px;
vertical-align:middle;
}
img.verified {
width:15px;
height:15px;
border:0;
margin-left:2px;
vertical-align:middle;
}
img.follow {
width:16px;
height:16px;
border:0;
vertical-align:middle;
margin-left:3px;
}
img.heart {
width:16px;
height:16px;
border:0;
vertical-align:middle;
margin-right:3px;
}
img.icon {
width:48px;
height:48px;
border:0;
}
img.pd {
width:7px;
height:4px;
border:0;
}
img.clabel {
width:9px;
height:9px;
border:0;
}
img.pmenu {
width:26px;
height:15px;
border:0;
margin-left:4px;
vertical-align:middle;
}
img.smenu {
width:11px;
height:11px;
border:0;
margin:2px 4px 0 0;
}
img.reply {
width:14px;
height:12px;
border:0;
margin:0 3px;
vertical-align:middle;
}
img.fatcow {
width:16px;
height:16px;
border:0;
vertical-align:middle;
}


img.i {
width:16px;
height:16px;
border:0;
margin:0 2px 0 0;
vertical-align:middle;
}
i.i {
background-image:url(../../i/icons13.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 2px 0 0;
width:16px;
height:16px;
vertical-align:middle;
}
i.i1 {background-position:0 0;}
i.i2 {background-position:-16px 0;}
i.i3 {background-position:-32px 0;}
i.i4 {background-position:-48px 0;}
i.i5 {background-position:-64px 0;}
i.i6 {background-position:-80px 0;}
i.i7 {background-position:-96px 0;}
i.i8 {background-position:-112px 0;}
i.i9 {background-position:-128px 0;}
i.i10 {background-position:-144px 0;}

i.i11 {background-position:-160px 0;}
i.i12 {background-position:-176px 0;}
i.i13 {background-position:-192px 0;}
i.i14 {background-position:-208px 0;}
i.i15 {background-position:-224px 0;}
i.i16 {background-position:-240px 0;}
i.i17 {background-position:-256px 0;}
i.i18 {background-position:-272px 0;}
i.i19 {background-position:-288px 0;}
i.i20 {background-position:-304px 0;}

i.i21 {background-position:-320px 0;}
i.i22 {background-position:-336px 0;}
i.i23 {background-position:-352px 0;}
i.i24 {background-position:-368px 0;}
i.i25 {background-position:-384px 0;}
i.i26 {background-position:-400px 0;}
i.i27 {background-position:-416px 0;}
i.i28 {background-position:-432px 0;}
i.i29 {background-position:-448px 0;}
i.i30 {background-position:-464px 0;}

i.i31 {background-position:-480px 0;}
i.i32 {background-position:-496px 0;}
i.i33 {background-position:-512px 0;}
i.i34 {background-position:-528px 0;}
i.i35 {background-position:-544px 0;}
i.i36 {background-position:-560px 0;}
i.i37 {background-position:-576px 0;}
i.i38 {background-position:-592px 0;}
i.i39 {background-position:-608px 0;}
i.i40 {background-position:-624px 0;}

i.i41 {background-position:0 -16px;}
i.i42 {background-position:-16px -16px;}
i.i43 {background-position:-32px -16px;}
i.i44 {background-position:-48px -16px;}
i.i45 {background-position:-64px -16px;}
i.i46 {background-position:-80px -16px;}
i.i47 {background-position:-96px -16px;}
i.i48 {background-position:-112px -16px;}
i.i49 {background-position:-128px -16px;}
i.i50 {background-position:-144px -16px;}

i.i51 {background-position:-160px -16px;}
i.i52 {background-position:-176px -16px;}
i.i53 {background-position:-192px -16px;}
i.i54 {background-position:-208px -16px;}
i.i55 {background-position:-224px -16px;}
i.i56 {background-position:-240px -16px;}
i.i57 {background-position:-256px -16px;}
i.i58 {background-position:-272px -16px;}
i.i59 {background-position:-288px -16px;}
i.i60 {background-position:-304px -16px;}

i.i61 {background-position:-320px -16px;}
i.i62 {background-position:-336px -16px;}
i.i63 {background-position:-352px -16px;}
i.i64 {background-position:-368px -16px;}
i.i65 {background-position:-384px -16px;}
i.i66 {background-position:-400px -16px;}
i.i67 {background-position:-416px -16px;}
i.i68 {background-position:-432px -16px;}
i.i69 {background-position:-448px -16px;}
i.i70 {background-position:-464px -16px;}

i.i71 {background-position:-480px -16px;}
i.i72 {background-position:-496px -16px;}
i.i73 {background-position:-512px -16px;}
i.i74 {background-position:-528px -16px;}
i.i75 {background-position:-544px -16px;}
i.i76 {background-position:-560px -16px;}
i.i77 {background-position:-576px -16px;}
i.i78 {background-position:-592px -16px;}
i.i79 {background-position:-608px -16px;}
i.i80 {background-position:-624px -16px;}

i.i81 {background-position:0 -32px;}
i.i82 {background-position:-16px -32px;}
i.i83 {background-position:-32px -32px;}
i.i84 {background-position:-48px -32px;}
i.i85 {background-position:-64px -32px;}
i.i86 {background-position:-80px -32px;}
i.i87 {background-position:-96px -32px;}
i.i88 {background-position:-112px -32px;}
i.i89 {background-position:-128px -32px;}
i.i90 {background-position:-144px -32px;}

i.i91 {background-position:-160px -32px;}
i.i92 {background-position:-176px -32px;}
i.i93 {background-position:-192px -32px;}
i.i94 {background-position:-208px -32px;}
i.i95 {background-position:-224px -32px;}
i.i96 {background-position:-240px -32px;}
i.i97 {background-position:-256px -32px;}
i.i98 {background-position:-272px -32px;}
i.i99 {background-position:-288px -32px;}
i.i100 {background-position:-304px -32px;}

i.i101 {background-position:-320px -32px;}
i.i102 {background-position:-336px -32px;}
i.i103 {background-position:-352px -32px;}
i.i104 {background-position:-368px -32px;}
i.i105 {background-position:-384px -32px;}
i.i106 {background-position:-400px -32px;}
i.i107 {background-position:-416px -32px;}
i.i108 {background-position:-432px -32px;}
i.i109 {background-position:-448px -32px;}
i.i110 {background-position:-464px -32px;}

i.i111 {background-position:-480px -32px;}
i.i112 {background-position:-496px -32px;}
i.i113 {background-position:-512px -32px;}
i.i114 {background-position:-528px -32px;}
i.i115 {background-position:-544px -32px;}
i.i116 {background-position:-560px -32px;}
i.i117 {background-position:-576px -32px;}
i.i118 {background-position:-592px -32px;}
i.i119 {background-position:-608px -32px;}
i.i120 {background-position:-624px -32px;}

/* 共通 */

h1#TITLE {
font-weight:bold;
font-size:20px;
}

h2.title {
font-weight:bold;
padding:4px 5px;
border-left:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #BBB;
border-bottom:1px solid #BBB;
border-radius:2px;
background:#EEE;
background:linear-gradient(to bottom,#FFF,#DDD);
}

h2.title2 {
background-color:#EEE;
font-weight:bold;
padding:0 5px;
height:22px;
line-height:22px;
border-bottom:1px solid #CCC;
}
h2.title3 {
font-size:16px;
font-weight:bold;
}
h3.title {
font-weight:bold;
font-size:14px;
padding:0 0 0 5px;
border-left:5px solid #666;
margin-bottom:5px;
}




#HEAD2 {
padding:10px 15px 5px 15px;
}

#HEAD3 {
background-color:#025BA7;
height:36px;
}

#HEAD3 span.hvlinel {
background-image:url(../../i/hvlinebg.png);
background-repeat:no-repeat;
margin:3px 0;
height:32px;
width:2px;
float:left;
display:block;
}
#HEAD3 span.hvliner {
background-image:url(../../i/hvlinebg.png);
background-repeat:no-repeat;
margin:3px 0;
height:32px;
width:2px;
float:right;
display:block;
}

#HEAD3 .ic {
width:auto;
padding:0 7px;
height:36px;
line-height:36px;
color:#E5EAF3;
float:left;
display:block;
cursor:pointer;
}
#HEAD3 .ic:hover,#HEAD3 .ic:focus {
background:#347CB9;
color:#FFF;
text-decoration:none;
}
#chlogo {
display:inline-block;
width:auto;
padding:0 9px;
height:36px;
line-height:36px;
color:#FFF;
}
#chlogo:visited {
color:#FFF;
}
#chlogo:hover,#chlogo:focus {
background:#347CB9;
color:#FFF;
text-decoration:none;
}
div.toolbarmenubox {
line-height:32px;
text-align:left;
background-color:#025BA7;
z-index:100;
position:absolute;
top:36px;
left:0;
width:200px;
}
div.toolbarmenubox a {
text-decoration:none;
color:#E5EAF3;
padding:0 10px;
display:block;
}
div.toolbarmenubox a:hover,div.toolbarmenubox a:focus {
background:#347CB9;
color:#FFF;
display:block;
}
div.toolbarmenubox a.nonim {
text-decoration:none;
color:#8096A9;
padding:0 10px;
display:block;
cursor:defaulte;
}
div.toolbarmenubox a.nonim:hover {
text-decoration:none;
}
div.toolbarmenubox div.line {
background-color:#7DABD2;
padding-top:1px;
}
div.toolbarmenubox2 {
line-height:40px;
text-align:left;
background-color:#FFF;
z-index:100;
position:absolute;
top:40px;
left:0;
width:200px;
border:1px solid #CCC;
}
div.toolbarmenubox2 a {
text-decoration:none;
color:#444;
padding:0 10px;
display:block;
}
div.toolbarmenubox2 a:hover {
background:#EEE;
color:#00;
display:block;
}
div.toolbarmenubox2 div.line {
background-color:#CCC;
padding-top:1px;
}


#LOGO {
margin:9px 6px;
width:80px;
height:18px;
border:0;
}

#NAVI {
padding:12px;
background:url(http://tabtter.jp/i/navibg.gif) repeat-x left bottom;
color:#666;
}
#NAVI h1 {
font-weight:bold;
display:inline;
color:#000;
margin:0 4px;
}
#NAVI a {
margin:0 4px;
}
#NAVI em {
margin:0 4px;
color:#000;
}


#CONT {
margin:30px;
}
#DOCCONT {
background:url(../../i/contbg.png) repeat-x left top;
padding:30px 30px 30px 30px;
margin-top:5px;
}


#FOOT {
border-top:1px solid #CCC;
padding:12px 0 30px 0;
text-align:center;
color:#999;
}
#FOOT a {
margin:0 8px;
color:#666;
}
#FOOT em {
color:#333;
}
#copyrights {
color:#AAA;
}
#copyrights a {
margin:0 3px;
color:#888;
}
#copyrights a:hover {
color:#666;
}
#copyrights a:visited {
color:#666;
}

#FOOT3 {
padding:60px 0;
text-align:center;
background:#8096A9;
color:#414D56;
}
#FOOT3 a {
margin:0 12px;
color:#D6DDE3;
}
#FOOT3 a:hover {
color:#FFF;
}
#FOOT3 a:visited {
color:#D6DDE3;
}
#copyrights3 {
color:#52606C;
}
#copyrights3 a {
margin:0 3px;
color:#52606C;
}
#FOOT2 {
padding:15px 0;
text-align:center;
background-color:#ACDEF8;
}
#FOOT2 a {
margin:0 8px;
color:#333;
}
#FOOT2 em {
color:#333;
}
#copyrights2 {
color:#DEF2FD;
text-align:center;
padding:10px 0;
background:url(../../i/footbg.png);
}
#copyrights2 a {
margin:0 3px;
color:#FFF;
}

#FOOT4 {
margin:0 5px;
border-top:1px solid #DDD;
padding:25px 0 50px 0;
}
#FOOT4 div.fbox {
width:840px;
color:#888;
margin:0 auto;
}
#FOOT4 div.ctg {
width:210px;
line-height:1.8;
float:left;
}
#FOOT4 a {
color:#666;
}
#FOOT4 a:hover {
color:#333;
}
#FOOT4 a:visited {
color:#666;
}
#FOOT4 p.line {
border-top:1px solid #E8E8E8;
}
#copyrights4 {
color:#AAA;
text-align:center;
}
#copyrights4 a {
margin:0 3px;
color:#888;
}
#copyrights4 a:hover {
color:#666;
}
#copyrights4 a:visited {
color:#666;
}


#HEAD4 {
background-color:#FFF;
height:54px;
}

#GNAVI {
float:right;
color:#666;
height:54px;
line-height:54px;
width:700px;
text-align:right;
}
#GNAVI a.gi {
font-weight:bold;
color:#444;
width:auto;
display:inline-block;
height:54px;
line-height:54px;
padding:0 12px;
}
#GNAVI a.gi:visited {
color:#444;
}
#GNAVI a.gi:hover {
color:#111;
text-decoration:underline;
}
#hlogo {
color:#000;
width:auto;
display:inline-block;
height:54px;
line-height:54px;
padding:0 12px;
font-size:20px;
vertical-align:top;
}
#hlogo:visited {
color:#000;
}
#hlogo:hover {
color:#000;
}
#hlogo img {
width:32px;
height:32px;
vertical-align:top;
border:0;
margin:11px 6px 11px 0;
}
.btn {
background:#F8F8F8;
font-family:"MS PGothic";
color:#333;
height:24px;
border:1px solid #BBB;
margin:0;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
.btn:hover {background:#FFF;color:#000;border:1px solid #999;}
.btn:active {background:#DDD;color:#000;border:1px solid #999;box-shadow:none;}
.btn2 {
background:#F8F8F8;
font-family:"MS PGothic";
color:#333;
height:20px;
font-size:12px;
border:1px solid #BBB;
margin:0;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
.btn2:hover {background:#FFF;color:#000;border:1px solid #999;}
.btn2:active {background:#DDD;color:#000;border:1px solid #999;box-shadow:none;}
.btn4 {
background:#F8F8F8;
font-family:"MS PGothic";
color:#666;
height:19px;
font-size:11px;
border:1px solid #BBB;
margin:0;
border-radius:3px;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
.btn4:hover {background:#FFF;color:#000;border:1px solid #999;}
.btn4:active {background:#DDD;color:#000;border:1px solid #999;box-shadow:none;}
.btn5 {
background:#F8F8F8;
font-family:"MS PGothic";
color:#666;
height:19px;
font-size:11px;
border:1px solid #BBB;
margin:0;
border-radius:2px;
box-shadow:0 1px 1px rgba(0,0,0,0.1);
}
.btn5:hover {background:#FFF;color:#000;border:1px solid #999;}
.btn5:active {background:#DDD;color:#000;border:1px solid #999;box-shadow:none;}
.btndel {
background:#C33;
background:linear-gradient(to bottom,#F99,#C33);
border:1px solid #C33;
font-family:"MS PGothic";
color:#FFF;
height:24px;
margin:0;
border-radius:3px;
}
.btndel:active {background:#C33;}


.left-round {
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
.right-round {
border-top-right-radius:3px;
border-bottom-right-radius:3px;
}




div.box {
border:solid 1px #CCC;
padding:9px;
}

a.g {
color:#888;
}
a.g:visited {
color:#888;
}
a.g:hover {
color:#025BA7;
text-decoration:none;
}


a.del {
color:#AAA;
line-height:120%;
padding:0 2px;
border-radius:1px;
}
a.del:visited {
color:#AAA;
}
a.del:hover {
text-decoration:none;
background:#C66;
color:#FFF;
}
a.edit {
color:#AAA;
line-height:120%;
padding:0 2px;
border-radius:1px;
}
a.edit:visited {
color:#AAA;
}
a.edit:hover {
text-decoration:none;
background:#347CB9;
color:#FFF;
}
span.clearbtn {
margin-right:5px;
font-weight:normal;
color:#EEE;
color:rgba(255,255,255,0.9);
font-size:11px;
height:17px;
line-height:17px;
background-color:#BBB;
background-color:rgba(153,153,153,0.6);
border-radius:3px;
display:inline-block;
padding:0 3px;
cursor:pointer;
user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
}
span.clearbtn:hover {
background-color:#C66;
color:#FFF;
}








/* ライトボックス */

#lightboxLoader {
z-index:250;
background:#FFF;
position:absolute;
border-radius:3px;
width:26px;
height:26px;
box-shadow:1px 1px 3px rgba(0,0,0,0.4);
}
#lightboxLoader img {
width:16px;
height:16px;
margin:5px;
}
#lightboxLoader span.loader {
margin:5px;
}
#lightbox {
box-shadow:3px 3px 8px rgba(0,0,0,0.3);
border-radius:4px;
text-align:left;
border:1px solid #999;
background:#FFF;
}
#lightboxOuter {
z-index:200;
position:absolute;
}
#lightboxCont {
padding:9px;
text-align:left;
}
#lightboxSay {
top:-9px;
left:50px;
width:19px;
height:10px;
background-image:url(../../i/lbset2.png);
background-repeat:no-repeat;
background-position:-1px -57px;
position:absolute;
}
#lightboxButton {
top:-8px;
right:-8px;
width:22px;
height:22px;
text-align:right;
position:absolute;
cursor:pointer;
background-image:url(../../i/lbset2.png);
background-repeat:no-repeat;
background-position:0 0;
}
#lightboxButton:hover {
background-position:0 -25px;
}
#lightboxButton img {
width:20px;
height:20px;
}
#overlay {
position:absolute;
top:0;
left:0;
z-index:100;
width:100%;
background:url(../../i/_.gif);
}
#overlay3 {
position:absolute;
top:0;
left:0;
z-index:210;
width:100%;
background:url(../../i/_.gif);
}
#overlay2 {
position:absolute;
top:0;
left:0;
z-index:100;
width:100%;
background-image:url(../../i/overlay.png);
}

* html div#overlay2 {
background-color:#000;
background-image:url(../../i/_.gif);
filter:Alpha(opacity=50);
}





div.curve-01 {
}

div.curve-01 div.curve-head {
font-size:1px;
height:5px;
background:url(../../i/01-curve-left-head.gif) top left no-repeat;
}

div.curve-01 div.curve-head div {
font-size:1px;
height:5px;
background:url(../../i/01-curve-right-head.gif) top right no-repeat;
}

div.curve-01 div.curve-bottom {
font-size:1px;
height:5px;
background:url(../../i/01-curve-left-bottom.gif) bottom left no-repeat;
}

div.curve-01 div.curve-bottom div {
font-size:1px;
height:5px;
background:url(../../i/01-curve-right-bottom.gif) bottom right no-repeat;
}




span.susa {
color:#025BA7;
cursor:pointer;
}
span.susa:hover {
color:#025BA7;
text-decoration:underline;
}
span.susa2 {
cursor:pointer;
}
span.susa2:hover {
text-decoration:underline;
}
span.susa3 {
color:#333;
display:block;
padding:1px 6px;
cursor:pointer;
}
span.susa3:hover {
background-color:#347CB9;
color:#FFF;
}
span.g {
color:#888;
cursor:pointer;
}
span.g:hover {
color:#025BA7;
}
span.del {
color:#AAA;
font-weight:normal;
cursor:pointer;
line-height:120%;
padding:0 2px;
border-radius:1px;
}
span.del:hover {
background:#C66;
color:#FFF;
}

span.susa5 {
color:#025BA7;
display:block;
cursor:pointer;
padding:0 3px;
}
span.susa5:hover {
color:#FFF;
background-color:#347CB9;
}
span.susa6 {
font-weight:normal;
border-radius:1px;
margin-left:4px;
color:#999;
cursor:pointer;
padding:1px;
}
span.susa6:hover {
background:#347CB9;
color:#FFF;
}






a.login {
border-radius:3px;
border-bottom:1px solid #014986;
border-right:1px solid #014986;
border-top:1px solid #5D96C7;
border-left:1px solid #5D96C7;
background-color:#025BA7;
color:#FFF;
display:inline-block;
height:42px;
line-height:42px;
text-decoration:none;
width:220px;
text-align:center;
font-weight:bold;
font-size:16px;
}
a.login:hover {
background-color:#347CB9;
}

i.mixi {
background-image:url(../../i/mixi.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 1px 0 0;
width:16px;
height:16px;
vertical-align:middle;
}
i.facebook {
background-image:url(../../i/facebook.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 1px 0 0;
width:16px;
height:16px;
vertical-align:middle;
}
i.twitter {
background-image:url(../../i/twitter.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 1px 0 0;
width:16px;
height:16px;
vertical-align:middle;
}
i.page {
background-image:url(../../i/page.png);
background-repeat:no-repeat;
display:inline-block;
margin:0 1px 0 0;
width:12px;
height:12px;
vertical-align:middle;
}
a.postplanmenu {
background-color:#EEE;
border:solid 1px #CCC;
background:linear-gradient(to bottom,#FFF,#DDD);
float:left;
display:inline-block;
height:24px;
line-height:24px;
width:150px;
text-align:center;
color:#333;
font-size:14px;
}
a.postplanmenu-l {
border-top-left-radius:3px;
border-bottom-left-radius:3px;
border-right:0;
}
a.postplanmenu-r {
border-top-right-radius:3px;
border-bottom-right-radius:3px;
border-left:0;
}
a.postplanmenu-this {
background:#666;
color:#FFF;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
font-weight:bold;
}
img.ss {
border:5px solid #E8E8E8;
border-radius:5px;
}
img.ss2 {
border:3px solid #E8E8E8;
border-radius:3px;
}
table.funcnavi td {
width:195px;
text-align:center;
}
table.funcnavi a {
border-radius:3px;
display:block;
padding:10px;
color:#666;
margin:0 2px;
}
table.funcnavi a:hover {
padding:9px;
border-bottom:1px solid #BBB;
border-right:1px solid #BBB;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
background-color:#EEE;
box-shadow:0 0 2px rgba(0,0,0,0.3);
color:#000;
}
table.funcnavi a:active {
padding:10px;
border:0;
background-color:#DDD;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
}
table.funcnavi a.this {
color:#FFF;
font-weight:bold;
background:#444;
display:block;
padding:9px;
border:1px solid #000;
box-shadow:inset 0 0 12px rgba(0,0,0,0.9);
}
table.funcnavi a.this:hover {
}
table.funcnavi img {
border:0;
}
table.funcnavi a span.i {
display:block;
height:50px;
line-height:50px;
}
table.funcnavi a span.t {
display:block;
height:16px;
line-height:16px;
}
a.funclink {
display:block;
padding:25px;
color:#000;
border-radius:5px;
}
a.funclink:hover {
padding:24px;
border-bottom:1px solid #BBB;
border-right:1px solid #BBB;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
background-color:#EEE;
box-shadow:0 0 2px rgba(0,0,0,0.3);
}
a.funclink:active {
padding:25px;
border:0;
background-color:#DDD;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
}
a.funclink img {
border:0;
margin-right:5px;
vertical-align:middle;
}
a.funclink h2 {
height:26px;
line-height:26px;
}
a.funclink ul {
color:#555;
}
a.paybtn2 {
display:block;
padding:14px;
border:1px solid #E8E8E8;
border-radius:5px;
width:350px;
background-color:#F4F4F4;
}
a.paybtn2:hover {
border-bottom:1px solid #BBB;
border-right:1px solid #BBB;
border-top:1px solid #FFF;
border-left:1px solid #FFF;
background-color:#EEE;
box-shadow:0 0 2px rgba(0,0,0,0.3);
}
a.paybtn2:active {
padding:15px;
border:0;
background-color:#DDD;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.3);
}
a.paybtn2 img {
border:0;
margin-right:10px;
vertical-align:middle;
width:32px;
height:32px;
}
i.expander {
display:inline-block;
border-right:4px solid #FFF;
border-bottom:4px solid #FFF;
border-radius:1px;
margin:0 0 1px 6px;
height:7px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
width:7px;
}
i.expander-bk {
display:inline-block;
border-right:4px solid #000;
border-bottom:4px solid #000;
border-radius:1px;
margin:0 0 1px 6px;
height:7px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
width:7px;
}
img.spinner {
-webkit-animation: spin 1.0s linear infinite;
-moz-animation: spin 1.0s linear infinite;
-ms-animation: spin 1.0s linear infinite;
-o-animation: spin 1.0s linear infinite;
animation: spin 1.0s linear infinite;
}

@-webkit-keyframes spin {
0% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
0% {-moz-transform: rotate(0deg);}
100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
0% {-ms-transform: rotate(0deg);}
100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% {-o-transform: rotate(0deg);}
100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
0% {transform: rotate(0deg);}
100% {transform: rotate(360deg);}
}



span.tooltip,i.tooltip {
cursor:default;
background-color:rgba(2,91,167,0.5);
color:#FFF;
border-radius:7px;
text-align:center;
font-size:11px;
width:13px;
height:13px;
line-height:13px;
display:inline-block;
margin-left:3px;
}
span.tooltip:hover,i.tooltip:hover {
background-color:rgba(2,91,167,0.8);
}
span.tooltip-g,i.tooltip-g {
cursor:default;
background-color:#BBB;
color:#FFF;
border-radius:6px;
text-align:center;
font-size:10px;
width:12px;
height:12px;
line-height:12px;
display:inline-block;
margin-left:2px;
}
span.tooltip-g:hover,i.tooltip-g:hover {
background-color:#999;
}


#tooltip_box {
position:fixed;
color:#fff;
background-color:rgba(0,0,0,0.8);
width:250px;
padding:8px;
border-radius:3px;
z-index:100000;
line-height:1.5;
}
 
.tooltip_box_lt:before{
content:''; 
display:block; 
position:absolute;
height:0; 
width:0; 
top:-12px; 
left:13px;
border:8px transparent solid; 
border-right-width:0; 
border-left-color:rgba(0,0,0,0.8); 
transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
z-index:100;
}
.tooltip_box_lb:before{
content:''; 
display:block; 
position:absolute;
height:0; 
width:0; 
bottom:-12px; 
left:13px;
border:8px transparent solid; 
border-right-width:0; 
border-left-color:rgba(0,0,0,0.8); 
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
z-index:100;
}
.tooltip_box_rt:before{
content:''; 
display:block; 
position:absolute;
height:0; 
width:0; 
top:-12px; 
right:13px;
border:8px transparent solid; 
border-right-width:0; 
border-left-color:rgba(0,0,0,0.8); 
transform:rotate(270deg);
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
z-index:100;
}
.tooltip_box_rb:before{
content:''; 
display:block; 
position:absolute;
height:0; 
width:0; 
bottom:-12px; 
right:13px;
border:8px transparent solid; 
border-right-width:0; 
border-left-color:rgba(0,0,0,0.8); 
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
z-index:100;
}
span.loader {
-webkit-animation:spin 1.0s linear infinite;
-moz-animation:spin 1.0s linear infinite;
-ms-animation:spin 1.0s linear infinite;
-o-animation:spin 1.0s linear infinite;
animation:spin 1.0s linear infinite;
-moz-box-sizing:border-box;
border:3px solid rgba(52,124,185,0.75);
border-right-color:transparent;
box-sizing:border-box;
display:inline-block;
vertical-align:top;
}
span.loader-inline {
vertical-align:middle !important;
margin:0 5px;
}
span.loader12 {
border-width:3px;
border-radius:6px;
width:12px;
height:12px;
}
span.loader16 {
border-width:4px;
border-radius:8px;
width:16px;
height:16px;
}
span.loader24 {
border-width:5px;
border-radius:12px;
width:24px;
height:24px;
}
span.loader32 {
border-width:6px;
border-radius:16px;
width:32px;
height:32px;
}
span.loader48 {
border-width:7px;
border-radius:24px;
width:48px;
height:48px;
}