/* ### reset.scss ### */
/*
YUI 3.14.1 (build 63049cb)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html { color: #000; background: #FFF; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; *font-size: 100%; }

legend { color: #000; }

#yui3-css-stamp.cssreset { display: none; }

/* ### setting.scss ### */
#layout .cf, #socialin, .logo, .latestColumns .column, .latestColumns .column .head, .latestColumns .twitterColumn .foot, .tagColumns .column .head, .tagColumns .twitterColumn .foot, .outlineBoxWrap { *zoom: 1; }
#layout .cf:after, #socialin:after, .logo:after, .latestColumns .column:after, .latestColumns .column .head:after, .latestColumns .twitterColumn .foot:after, .tagColumns .column .head:after, .tagColumns .twitterColumn .foot:after, .outlineBoxWrap:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

#header, #socialin, #footerSpl div { width: 960px; margin: 0 auto; }

/* ### mixin.scss ### */
/* ### adjust.scss ### */
/* font-size 8 - 20 */
#layout .size8 { font-size: 8px; }

#layout .size9 { font-size: 9px; }

#layout .size10 { font-size: 10px; }

#layout .size11 { font-size: 11px; }

#layout .size12 { font-size: 12px; }

#layout .size13 { font-size: 13px; }

#layout .size14 { font-size: 14px; }

#layout .size15 { font-size: 15px; }

#layout .size16 { font-size: 16px; }

#layout .size17 { font-size: 17px; }

#layout .size18 { font-size: 18px; }

#layout .size19 { font-size: 19px; }

#layout .size20 { font-size: 20px; }

/* color */
#layout .linkColor { color: #0000cc; }

/* weight */
#layout .bold { font-weight: bold; }

#layout .normal { font-weight: normal; }

/* line-height */
#layout .lh120 { line-height: 1.2; }

/* margin padding 0 - 10 */
#layout .m0 { margin: 0px; }

#layout .mt0 { margin-top: 0px; }

#layout .mr0 { margin-right: 0px; }

#layout .mb0 { margin-bottom: 0px; }

#layout .ml0 { margin-left: 0px; }

#layout .p0 { padding: 0px; }

#layout .pt0 { padding-top: 0px; }

#layout .pr0 { padding-right: 0px; }

#layout .pb0 { padding-bottom: 0px; }

#layout .pl0 { padding-left: 0px; }

#layout .m1 { margin: 1px; }

#layout .mt1 { margin-top: 1px; }

#layout .mr1 { margin-right: 1px; }

#layout .mb1 { margin-bottom: 1px; }

#layout .ml1 { margin-left: 1px; }

#layout .p1 { padding: 1px; }

#layout .pt1 { padding-top: 1px; }

#layout .pr1 { padding-right: 1px; }

#layout .pb1 { padding-bottom: 1px; }

#layout .pl1 { padding-left: 1px; }

#layout .m2 { margin: 2px; }

#layout .mt2 { margin-top: 2px; }

#layout .mr2 { margin-right: 2px; }

#layout .mb2 { margin-bottom: 2px; }

#layout .ml2 { margin-left: 2px; }

#layout .p2 { padding: 2px; }

#layout .pt2 { padding-top: 2px; }

#layout .pr2 { padding-right: 2px; }

#layout .pb2 { padding-bottom: 2px; }

#layout .pl2 { padding-left: 2px; }

#layout .m3 { margin: 3px; }

#layout .mt3 { margin-top: 3px; }

#layout .mr3 { margin-right: 3px; }

#layout .mb3 { margin-bottom: 3px; }

#layout .ml3 { margin-left: 3px; }

#layout .p3 { padding: 3px; }

#layout .pt3 { padding-top: 3px; }

#layout .pr3 { padding-right: 3px; }

#layout .pb3 { padding-bottom: 3px; }

#layout .pl3 { padding-left: 3px; }

#layout .m4 { margin: 4px; }

#layout .mt4 { margin-top: 4px; }

#layout .mr4 { margin-right: 4px; }

#layout .mb4 { margin-bottom: 4px; }

#layout .ml4 { margin-left: 4px; }

#layout .p4 { padding: 4px; }

#layout .pt4 { padding-top: 4px; }

#layout .pr4 { padding-right: 4px; }

#layout .pb4 { padding-bottom: 4px; }

#layout .pl4 { padding-left: 4px; }

#layout .m5 { margin: 5px; }

#layout .mt5 { margin-top: 5px; }

#layout .mr5 { margin-right: 5px; }

#layout .mb5 { margin-bottom: 5px; }

#layout .ml5 { margin-left: 5px; }

#layout .p5 { padding: 5px; }

#layout .pt5 { padding-top: 5px; }

#layout .pr5 { padding-right: 5px; }

#layout .pb5 { padding-bottom: 5px; }

#layout .pl5 { padding-left: 5px; }

#layout .m6 { margin: 6px; }

#layout .mt6 { margin-top: 6px; }

#layout .mr6 { margin-right: 6px; }

#layout .mb6 { margin-bottom: 6px; }

#layout .ml6 { margin-left: 6px; }

#layout .p6 { padding: 6px; }

#layout .pt6 { padding-top: 6px; }

#layout .pr6 { padding-right: 6px; }

#layout .pb6 { padding-bottom: 6px; }

#layout .pl6 { padding-left: 6px; }

#layout .m7 { margin: 7px; }

#layout .mt7 { margin-top: 7px; }

#layout .mr7 { margin-right: 7px; }

#layout .mb7 { margin-bottom: 7px; }

#layout .ml7 { margin-left: 7px; }

#layout .p7 { padding: 7px; }

#layout .pt7 { padding-top: 7px; }

#layout .pr7 { padding-right: 7px; }

#layout .pb7 { padding-bottom: 7px; }

#layout .pl7 { padding-left: 7px; }

#layout .m8 { margin: 8px; }

#layout .mt8 { margin-top: 8px; }

#layout .mr8 { margin-right: 8px; }

#layout .mb8 { margin-bottom: 8px; }

#layout .ml8 { margin-left: 8px; }

#layout .p8 { padding: 8px; }

#layout .pt8 { padding-top: 8px; }

#layout .pr8 { padding-right: 8px; }

#layout .pb8 { padding-bottom: 8px; }

#layout .pl8 { padding-left: 8px; }

#layout .m9 { margin: 9px; }

#layout .mt9 { margin-top: 9px; }

#layout .mr9 { margin-right: 9px; }

#layout .mb9 { margin-bottom: 9px; }

#layout .ml9 { margin-left: 9px; }

#layout .p9 { padding: 9px; }

#layout .pt9 { padding-top: 9px; }

#layout .pr9 { padding-right: 9px; }

#layout .pb9 { padding-bottom: 9px; }

#layout .pl9 { padding-left: 9px; }

#layout .m10 { margin: 10px; }

#layout .mt10 { margin-top: 10px; }

#layout .mr10 { margin-right: 10px; }

#layout .mb10 { margin-bottom: 10px; }

#layout .ml10 { margin-left: 10px; }

#layout .p10 { padding: 10px; }

#layout .pt10 { padding-top: 10px; }

#layout .pr10 { padding-right: 10px; }

#layout .pb10 { padding-bottom: 10px; }

#layout .pl10 { padding-left: 10px; }

/* margin-bottom 15 - 50 */
#layout .mb15 { margin-bottom: 15px; }

#layout .mb20 { margin-bottom: 20px; }

#layout .mb25 { margin-bottom: 25px; }

#layout .mb30 { margin-bottom: 30px; }

#layout .mb35 { margin-bottom: 35px; }

#layout .mb40 { margin-bottom: 40px; }

#layout .mb45 { margin-bottom: 45px; }

#layout .mb50 { margin-bottom: 50px; }

/* margin 0 auto */
#layout .m0Auto { margin: 0px auto; }

/* float clear */
#layout .fl { float: left; }

#layout .fr { float: right; }

#layout .cb { clear: both; }

/* align */
#layout .tl { text-align: left; }

#layout .tr { text-align: right; }

#layout .tc { text-align: center; }

#layout .vt { vertical-align: top; }

#layout .vm { vertical-align: middle; }

#layout .vb { vertical-align: bottom; }

/* clearfix */
/* display */
#layout .db { display: block; }

#layout .dn { display: none; }

/* ### layout.scss ### */
/* Layout */
body { color: #333; text-align: center; line-height: 1.4; }

a { color: #0000cc; }

/* wrapper */
#wrapper { width: inherit; margin: inherit; }

/* header */
#headerWrap { padding-bottom: 20px; border-bottom: 1px solid #fff; }

/* socialin */
#socialinWrap { background: white url(../img/bg.jpg) 50% 0 no-repeat; min-height: 800px; }

#socialin { padding-bottom: 50px; }

/* logo */
.logo { padding: 10px 0; }
.logo h1 { float: left; }

.snsList { float: right; padding-top: 55px; }
.snsList li { float: left; }
.snsList .tw iframe { width: 100px !important; }
.snsList .fb { margin-right: 15px; }
.snsList .plus div { width: 60px !important; }

/* main */
.main { float: right; width: 700px; }

/* side */
.side { float: left; width: 230px; }

.sideNav { border: #404040 4px solid; background: #f0f0ef; }
.sideNav .sideNavWrap { padding-bottom: 10px; }
.sideNav h2 { padding: 10px 40px 0 10px; }
.sideNav h2 span { display: block; padding: 2px 10px; border-bottom: #fff 1px solid; background: #6d6d6d; font-weight: bold; color: #fff; }

.nav li { border-bottom: 1px solid #999; }
.nav li a { display: block; padding: 10px 10px 9px 20px; border-bottom: 1px solid #fff; background: url(../img/arrow.gif) 10px 15px no-repeat; }

/* footer */
#footerSpl { clear: both; padding-bottom: 10px; }

/* ### parts.scss ### */
/* topicHl */
.topicHl { height: 48px; margin-bottom: 15px; padding-left: 45px; background: url(../img/hl.jpg) no-repeat; font-size: 18px; font-weight: bold; color: #FFF; line-height: 48px; }

/* ### contents.scss ### */
/* plane */
.plane { position: fixed; top: 430px; z-index: 10; width: 135px; height: 155px; margin-left: 282px; background: url(../img/plane.png) no-repeat; *display: none; transition: all 1.6s; -webkit-transition: all 1.6s; -moz-transition: all 1.6s; -ms-transition: all 1.6s; }

/* latestCont */
.latestContWrap { margin-bottom: 15px; border: #404040 5px solid; background: rgba(0, 0, 0, 0.4); }
.latestContWrap .latestCont { overflow: hidden; height: 93px; padding: 10px; border: 1px solid #fff; }

/* latestColumns */
.latestColumns { display: none; }
.latestColumns .column { height: 93px; color: #FFF; }
.latestColumns .column .left { float: left; width: 50px; }
.latestColumns .column .right { float: right; width: 610px; }
.latestColumns .column a { color: #ffffcc; }
.latestColumns .column .userData { float: left; margin-bottom: 5px; }
.latestColumns .column .user { margin-right: 5px; font-size: 14px; font-weight: bold; color: #b9d8e0; }
.latestColumns .column .follow { float: right; }
.latestColumns .column .data { font-size: 14px; color: #b9d8e0; }
.latestColumns .column .account a { font-size: 14px; color: #999; }
.latestColumns .column .img { margin-bottom: 10px; }
.latestColumns .column .text { overflow: hidden; height: 42px; margin-bottom: 5px; font-size: 14px; }
.latestColumns .column .more { padding: 15px 0 6px; font-size: 14px; font-weight: bold; text-align: right; }
.latestColumns .twitterColumn .data { float: left; }
.latestColumns .twitterColumn .listButton { float: right; padding-top: 2px; }
.latestColumns .twitterColumn .listButton li { float: left; }
.latestColumns .ad { margin-bottom: 20px; }
.latestColumns .ad a { display: block; }

/* tagCont */
.tagCont { position: relative; background: url(../img/runway.png) 50% 0 repeat-y; }

/* tagColumns */
.tagColumns { display: none; position: relative; }
.tagColumns .column { width: 285px; margin-bottom: 20px; padding: 9px; border: 1px solid #ccc; background: rgba(255, 255, 255, 0.85); background: white \9; }
.tagColumns .column .head { margin-bottom: 10px; }
.tagColumns .column .icon { float: left; margin-right: 10px; }
.tagColumns .column .user { font-size: 14px; font-weight: bold; }
.tagColumns .column .follow { float: right; }
.tagColumns .column .data { font-size: 14px; color: #999; }
.tagColumns .column .account a { font-size: 14px; color: #999; }
.tagColumns .column .img { margin-bottom: 10px; }
.tagColumns .column .text { overflow: hidden; font-size: 14px; }
.tagColumns .column .more { padding: 15px 0 6px; font-size: 14px; font-weight: bold; text-align: right; }
.tagColumns .twitterColumn .middle { margin-bottom: 15px; }
.tagColumns .twitterColumn .foot { padding: 13px 0 0; border-top: #c6c6c6 1px solid; }
.tagColumns .twitterColumn .user { margin-right: 10px; }
.tagColumns .twitterColumn .data { float: left; }
.tagColumns .twitterColumn .listButton { float: right; padding-top: 2px; }
.tagColumns .twitterColumn .listButton li { float: left; }
.tagColumns .ad { margin-bottom: 20px; }
.tagColumns .ad a { display: block; }

/* button */
.button a { display: block; }

/* hide */
.hide { display: none; }

/* camp */
.camp { margin: 1px 1px 21px; padding: 10px 7px 15px; outline: 1px solid #fff; border: 1px solid #bdbdbd; background: white url(../img/bgCamp.jpg) repeat-x; }
.camp h2 { margin-bottom: 10px; text-align: center; }
.camp .text { margin: 0 8px 15px; }
.camp .tw { margin: 0 auto; }

/* lead */
.lead { margin-bottom: 50px; }

/* output */
.outputTw, .outputFb { background: url("../../social/img/black30.png") repeat; margin-bottom: 50px; padding: 20px 0 0 20px; }

/* textBox */
.textBox { margin: -15px 0 20px; padding: 20px; border: 1px solid #000; border-top: none; background: #fff; font-size: 14px; }
.textBox .button { padding-top: 20px; height: 50px; }
.textBox .button a { float: left; }
.textBox .button a:first-child { margin-right: 18px; }

/* outlineBox */
.outlineBox { border: #a9a9a9 5px solid; }

.outlineBoxWrap { overflow: hidden; border: #fff 1px solid; background: #efefef; padding: 20px; font-size: 14px; }
.outlineBoxWrap .floatLeft { float: left; margin-right: 20px; }
.outlineBoxWrap .text { overflow: hidden; }

/* add 170405 */
.m-footer-sitemap { text-align: left; }