/*---------------------------------------------------
common style
---------------------------------------------------*/
* { margin: 0; padding: 0; }

body { font-family: 'Hiragino Kaku Gothic ProN', Meiryo, 'MS PGothic', sans-serif; letter-spacing: -0.3px; }

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

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

ul li, ol li { list-style: none; }

table { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 100%; }

caption { text-align: left; }

table, pre, code, select, input, textarea, kbd, var, ins, del, samp { font-size: 100%; }

address, cite, dfn, em, strong, var, th, ins, del, samp { font-weight: normal; font-style: normal; }

a img { border: 0; }

hr.yjSeparation { display: none; }

fieldset { border: none; }

input { border: none; background: none; border-radius: 0; }

#ULM input.yjulmWidgetSrchTxt { background-color: #fff !important; }

a { text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }

/* spacing helpers
p,m = padding,margin
a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical
s,m,l,n = small(5px),medium(10px),large(20px),none(0px)
*/
.ptn, .pvn, .pan { padding-top: 0px !important; }

.pts, .pvs, .pas { padding-top: 5px !important; }

.ptm, .pvm, .pam { padding-top: 10px !important; }

.ptl, .pvl, .pal { padding-top: 20px !important; }

.prn, .phn, .pan { padding-right: 0px !important; }

.prs, .phs, .pas { padding-right: 5px !important; }

.prm, .phm, .pam { padding-right: 10px !important; }

.prl, .phl, .pal { padding-right: 20px !important; }

.pbn, .pvn, .pan { padding-bottom: 0px !important; }

.pbs, .pvs, .pas { padding-bottom: 5px !important; }

.pbm, .pvm, .pam { padding-bottom: 10px !important; }

.pbl, .pvl, .pal { padding-bottom: 20px !important; }

.pln, .phn, .pan { padding-left: 0px !important; }

.pls, .phs, .pas { padding-left: 5px !important; }

.plm, .phm, .pam { padding-left: 10px !important; }

.pll, .phl, .pal { padding-left: 20px; }

.mtn, .mvn, .man { margin-top: 0px !important; }

.mts, .mvs, .mas { margin-top: 5px !important; }

.mtm, .mvm, .mam { margin-top: 10px !important; }

.mtl, .mvl, .mal { margin-top: 20px !important; }

.mrn, .mhn, .man { margin-right: 0px !important; }

.mrs, .mhs, .mas { margin-right: 5px !important; }

.mrm, .mhm, .mam { margin-right: 10px !important; }

.mrl, .mhl, .mal { margin-right: 20px !important; }

.mbn, .mvn, .man { margin-bottom: 0px !important; }

.mbs, .mvs, .mas { margin-bottom: 5px !important; }

.mbm, .mvm, .mam { margin-bottom: 10px !important; }

.mbl, .mvl, .mal { margin-bottom: 20px !important; }

.mln, .mhn, .man { margin-left: 0px !important; }

.mls, .mhs, .mas { margin-left: 5px !important; }

.mlm, .mhm, .mam { margin-left: 10px !important; }

.mll, .mhl, .mal { margin-left: 20px !important; }

.clear { clear: both !important; }

.bold { font-weight: bold !important; }

.normal { font-weight: normal !important; }

.taL { text-align: left !important; }

.taC { text-align: center !important; }

.taR { text-align: right !important; }

.flL { float: left !important; }

.flR { float: right !important; }

.mgAuto { margin: 0 auto !important; }

.ovh { overflow: hidden !important; }

.none { display: none !important; }

.noneNormal { display: none; }

.block { display: block !important; }

.inline { display: inline !important; }

.inlineBlock { display: inline-block !important; }

.ti- { text-indent: -9999px !important; }

.vaT { vertical-align: top !important; }

.vaM { vertical-align: middle !important; }

.vaB { vertical-align: bottom !important; }

.noDeco { text-decoration: none !important; }

.underline { text-decoration: underline !important; }

.cursorPointer { cursor: pointer !important; }

.cursorDefault { cursor: default !important; }

.cursorMove { cursor: move !important; }

.cursorText { cursor: text !important; }

.borderNone { border: none !important; }

.bgNone { background: none !important; }

.relative { position: relative !important; }

.absolute { position: absolute !important; }

.fz62 { font-size: 62%; }

.fz70 { font-size: 70%; }

.fz77 { font-size: 77%; }

.fz85 { font-size: 85%; }

.fz93 { font-size: 93%; }

.fz100 { font-size: 100%; }

.fz108 { font-size: 108%; }

.fz116 { font-size: 116%; }

.fz124 { font-size: 124%; }

.fz131 { font-size: 131%; }

.fz139 { font-size: 139%; }

.fz147 { font-size: 147%; }

.fz154 { font-size: 154%; }

.fz162 { font-size: 162%; }

.fz170 { font-size: 170%; }

.fz177 { font-size: 177%; }

.fz185 { font-size: 185%; }

.fz193 { font-size: 193%; }

.fz200 { font-size: 200%; }

.LFont { font-size: 130%; }

.SFont { font-size: 75%; }

.cl { *zoom: 1; }

.cl:after { content: ''; display: block; clear: both; height: 0; }

/*---------------------------------------------------
layout
---------------------------------------------------*/
#contents #layoutBox { position: relative; padding: 0 9px; margin: 0 auto; min-width: 950px; *z-index: 1; }
#contents #layoutBox.layout4 { min-width: 1270px; }
#contents #main { width: 100%; float: left; margin-right: -300px; }
#contents #colsInner { position: relative; margin: 0 299px 0 0; }
#contents #sub { float: right; width: 300px; }
#contents #lrec { margin-bottom: 10px; }
#contents #lrec .pr { margin: 0; padding: 4px 0; font-size: 12px; line-height: 12px; text-align: center; vertical-align: middle; font-weight: normal; *line-height: 18px; *padding: 0 0 4px 0; }
#contents .mod { height: 100px; margin-bottom: 20px; background: #92e3ad; }
#contents .col3 { float: left; width: 50%; *width: 49.9%; }
#contents .col4 { float: left; width: 33.3%; }
#contents .modules { min-height: 300px; margin-right: 8px; }
#contents #col2-2.modules, #contents #col3-3.modules, #contents #col4-4.modules { margin-right: 0; }
#contents.ytopStyle { width: 950px; margin: 0 auto; }
#contents.ytopStyle .col3 { width: auto; }
#contents.ytopStyle #col3-1 { width: 170px; }
#contents.ytopStyle #col3-2 { width: 465px; }

/*---------------------------------------------------
.pc
---------------------------------------------------*/
.ads { min-width: 950px; margin: 0 auto 30px auto; padding: 10px 10px 0 10px; }
.ads .sqb { float: left; width: 635px; }
.ads .sqb * { padding: 1px; }
.ads .sqb img { margin: 2px 2px 0 2px; }
.ads .sqb small { font-size: 13px; }
.ads .sqb small b { display: inline; }
.ads .sqb b { display: block; }
.ads .sqb br { display: none; }
.ads .feedback { float: right; width: 100%; margin-left: -635px; }
.ads .feedbackInner { margin: 0 0 0 650px; }
.ads .feedbackInner .labelL { margin-bottom: 20px; padding: 10px; }
.ads .feedbackInner .read { padding: 0 30px; margin-bottom: 10px; font-size: 85%; }
.ads .feedbackInner .whisper { padding: 0 30px; margin-bottom: 15px; font-size: 70%; }
.ads .feedbackInner .formBox { padding: 0 30px; }
.ads .feedbackInner .select { margin-bottom: 5px; font-size: 85%; }
.ads .feedbackInner .select .pulldown { min-width: 100px; }
.ads .feedbackInner .count { text-align: right; font-size: 70%; }
.ads .feedbackInner .txtBox { width: 100%; height: 100px; }
.ads .feedbackInner .cmnSubBtn { padding: 10px 60px; margin: 0 auto; font-size: 85%; -webkit-appearance: none; appearance: none; }
.ads .feedbackInner .cmnCancelBtn { padding: 10px 60px; margin: 0 auto; font-size: 85%; }

.ads.ytopStyle { width: 950px; margin: 0 auto; padding-top: 16px; }

/*---------------------------------------------------
common parts
---------------------------------------------------*/
.wordBreak, .cmnPopup-inner .sortBox .item .itemName, .cmnPopup-contents, .cmnTxt, .settingPopup a, .settingPopup span { overflow: hidden; word-break: break-all; word-wrap: break-word; }

/*---------------------------------------------------
common module
---------------------------------------------------*/
.toast { position: absolute; padding: 80px 50px 0 50px; min-width: 300px; min-height: 90px; text-align: center; }
.toast.loading { text-indent: -9999px; }

.blank { width: 20px; height: 13px; margin-right: 0; overflow: hidden; }
.blank img { width: 15px; vertical-align: bottom; }

.clip, .cliped { width: 20px; height: 13px; margin-right: 0; overflow: hidden; }
.clip img, .cliped img { width: 15px; vertical-align: bottom; }

#control { position: fixed; bottom: 0; height: 50px; width: 100%; z-index: 9998; }
#control .leftBtnBox { display: block; float: left; width: 20%; }
#control .centerBtnBox { display: block; float: left; width: 60%; }
#control .rightBtnBox { display: block; float: right; width: 20%; text-align: right; }
#control .btnL, #control .btnR { width: 50px; height: 50px; border: none; background: none; text-indent: -9999px; }
#control .dots { width: 180px; margin: 0 auto; text-align: center; }
#control .dots li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 40px; height: 50px; text-indent: -9999px; opacity: 0.5; }
#control .dots .crnt { opacity: 1; }
#control .btnR { margin-right: 0; }

.cmnMdlBox { position: relative; margin-bottom: 8px; }

.cmnMdlBox, x:-moz-any-link, x:default { overflow: hidden; }

.searchForm { position: relative; }
.searchForm .txtForm { float: left; display: block; width: 440px; height: 40px; line-height: 40px; padding: 0 0 0 10px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.searchForm .cmnSubBtn { float: left; display: block; width: 100px; height: 42px; padding: 0; line-height: 40px; font-weight: bold; box-shadow: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; *height: 42px; *border: none !important; -webkit-appearance: none; appearance: none; }
.searchForm .del { position: absolute; width: 20px; height: 20px; top: 10px; right: 130px; text-indent: -9999px; }

.cmnPopup { position: absolute; z-index: 9990; }

.cmnPopup-labelL { padding: 9px 5px 5px 5px; font-weight: bold; }
.cmnPopup-labelL .backArrow { display: block; float: left; width: 25px; height: 20px; text-indent: -9999px; overflow: hidden; }
.cmnPopup-labelL .ttl { display: block; float: left; width: 230px; }
.cmnPopup-labelL .close { display: block; float: right; width: 35px; height: 20px; text-indent: -9999px; overflow: hidden; }
.cmnPopup-labelL .close:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.cmnPopup-inner { position: absolute; width: 300px; font-size: 80%; }
.cmnPopup-inner .hr { margin: 3px 10px; cursor: pointer; }
.cmnPopup-inner .selectBox { margin-bottom: 15px; }
.cmnPopup-inner .selectBox .is-plus .del { float: right; display: none; }
.cmnPopup-inner .selectBox .item { float: left; padding: 5px 0 5px 25px; }
.cmnPopup-inner .selectBox .item:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.cmnPopup-inner .selectBox .is-open { float: none; }
.cmnPopup-inner .selectBox .is-close { float: none; }
.cmnPopup-inner .cmnSubBtn, .cmnPopup-inner .cmnCancelBtn { *line-height: 3; }
.cmnPopup-inner .twoBtn .cmnCancelBtn { margin: 0 10px 0 0; }
.cmnPopup-inner .del { float: right; width: 30px; height: 30px; text-indent: -9999px; }
.cmnPopup-inner .del:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.cmnPopup-inner .child { margin-left: 20px; }
.cmnPopup-inner .sortBox { margin-bottom: 20px; }
.cmnPopup-inner .sortBox .item { padding: 8px 0; }
.cmnPopup-inner .sortBox .item .sort { float: left; width: 35px; text-indent: -9999px; cursor: move; }
.cmnPopup-inner .sortBox .item .itemName { float: left; width: 250px; }
.cmnPopup-inner .checkBox, .cmnPopup-inner .checkBoxWr { margin-bottom: 20px; }
.cmnPopup-inner .checkBox .item, .cmnPopup-inner .checkBoxWr .item { display: block; float: left; width: 120px; margin: 0 0 0 10px; padding: 5px 5px 5px 0; }
.cmnPopup-inner .checkBox .chk, .cmnPopup-inner .checkBoxWr .chk { vertical-align: middle; }
.cmnPopup-inner .checkBox .txt, .cmnPopup-inner .checkBoxWr .txt { vertical-align: middle; }
.cmnPopup-inner .deliveryBox { text-align: center; }
.cmnPopup-inner .deliveryBox p { margin-bottom: 5px; }
.cmnPopup-inner .deliveryBox .status { margin: 0 5px; font-size: 130%; font-weight: bold; }
.cmnPopup-inner .categoryEdit { padding: 10px 10px 12px 10px; margin-bottom: 0; text-align: left; }
.cmnPopup-inner .categoryEdit .pulldown { width: 280px; margin: 0; *width: 275px; }
.cmnPopup-inner .categoryEdit .pulldown:after { right: 50px; }
.cmnPopup-inner .pulldownList { padding: 0 10px 10px 10px; }
.cmnPopup-inner .pulldownList .pulldownTitle { padding-bottom: 1px; margin: 0 0 3px 0; cursor: default; }

.cmnPopup-inner:before { content: ''; position: absolute; top: -13px; right: 42px; }

.cmnPopup-inner:after { content: ''; position: absolute; top: -12px; right: 42px; width: 0; height: 0; }

.cmnPopup-inner.is-left { right: -450px; }

.is-left:before { right: 177px; }

.is-left:after { right: 177px; }

.SFont .cmnPopup-inner .selectBox .is-plus .item { padding: 8px 0 7px 25px; }
.SFont .cmnPopup-inner .selectBox .item.is-open { padding: 5px 0 8px 25px; }
.SFont .cmnPopup-inner .selectBox .item.is-close { padding: 5px 0 8px 25px; }
.SFont .cmnPopup-inner .sortBox .item .sort { height: 20px; }

.cmnPopup-delBox { padding: 10px 10px 7px 10px; }
.cmnPopup-delBox .cmnTxt { margin-bottom: 15px; font-weight: bold; }

.cmnBtnbox { margin-bottom: 20px; text-align: center; }
.cmnBtnbox.oneBtn { padding-top: 20px; }
.cmnBtnbox.twoBtn { padding-top: 20px; }

.cmnBtn, .cmnControlBtn, .cmnSubBtn, .cmnDisableBtn, .cmnDelBtn, .cmnCancelBtn { padding: 6px 40px; text-decoration: none; cursor: pointer; font-size: 100%; border-radius: 3px; }
.cmnBtn:hover, .cmnControlBtn:hover, .cmnSubBtn:hover, .cmnDisableBtn:hover, .cmnDelBtn:hover, .cmnCancelBtn:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.cmnDisableBtn { cursor: default; display: inline; float: none; }

.cmnForm label { display: block; }

.pulldownBox { display: inline; }

.pulldown { padding: 5px 0; margin-bottom: 3px; }

.txtForm { width: 100%; padding: 5px 0; margin-bottom: 3px; box-sizing: border-box; }

label.on { font-weight: bold; }

.cmnMore { padding: 2px 0; }
.cmnMore .latest { float: left; width: 47%; padding-left: 5px; }
.cmnMore .more { float: right; width: 47%; text-align: right; padding-right: 5px; }
.cmnMore .more a { display: block; }

.cmnPR { margin: 0 10px; }

.labelTtl { float: left; width: 70%; }
.labelTtl .arrow { display: block; float: left; width: 32px; height: 32px; text-indent: -9999px; }
.labelTtl .ttl { display: block; float: left; margin-top: 7px; }

.labelTtl.noControl .ttl { padding-left: 10px; }

.labelTtl.noArrow { padding: 10px 0 5px 5px; background: none; }

.labelIcons { float: right; width: 80px; }
.labelIcons a { display: block; float: right; width: 25px; height: 25px; text-indent: -9999px; cursor: pointer; }
.labelIcons a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }

.labelL { font-size: 80%; line-height: 1.2; cursor: move; }
.labelL .labelLInner { float: left; width: 100%; margin-right: -80px; }
.labelL .labelTtl { float: left; width: 32px; vertical-align: middle; }
.labelL .arrow { width: 26px; height: 26px; }
.labelL .mdlName { float: right; width: 100%; margin-left: -32px; padding-bottom: 3px; }
.labelL .mdlName .ttl { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin: 6px 80px 0 24px; }

.LFont .labelL .ttl, .LFont .labelYtopStyle .ttl { line-height: 1.2; }

.SFont .labelL .ttl, .SFont .labelYtopStyle .ttl { margin-top: 6px; }

.labelM .labelTtl { width: 100%; font-size: 90%; }
.labelM .labelTtl .ttl { margin: 3px 10px 0 0; }
.labelM .labelTtl .arrow { width: 19px; height: 25px; }

.SFont .labelM .ttl { margin-top: 5px; }
.SFont .labelM .labelTtl .arrow { height: 26px; }

.labelS .ttl { float: left; padding-left: 20px; font-size: 75%; font-weight: bold; }

#ULM .yjulmWidget { font-size: 75% !important; }
#ULM #yjulm-input-default { width: auto !important; }

.LFont #ULM { font-size: 90%; }

.emptyBox { width: 100%; }

.loading { height: 96px; text-indent: -9999px; }

.ydn { position: relative; padding: 6px 6px 4px 6px; margin: 4px; line-height: 1; }
.ydn .ydn_AdsBy { position: absolute; top: 4px; right: 4px; font-size: 10px; line-height: 1; }
.ydn a { text-decoration: none; }
.ydn .ydn_titleBox { margin-top: 8px; line-height: 1; *padding-top: 8px; *margin-top: 0; }
.ydn .ydn_titleBox .ydn_TitleTxt { float: left; padding-top: 2px; margin-right: 8px; font-size: 12px; line-height: 1; font-weight: bold; }
.ydn .ydn_titleBox .ydn_url { float: left; font-size: 10px; line-height: 2; }
.ydn .ydn_descriptionBox { clear: both; line-height: 1; }
.ydn .ydn_descriptionBox .ydn_descriptionText { font-size: 12px; line-height: 1.4; }

#emg3, #emg2, #emg { text-align: center; }

#emg2 br { display: none; }

#emg table, #emg2 table, #emg3 table { margin: 0 auto; text-align: left; *border: 1px solid #141452; }

#emg tbody, #emg2 tbody, #emg3 tbody { border: 1px solid #141452; }

/* ie/mac \*/
/*/#emg,#emg2{margin-left:120px;}#emg3{margin-left:235px;}/**/
#header { position: relative; margin-bottom: 15px; min-width: 950px; *z-index: 9900; }
#header .leftBox { float: left; }
#header h1 { float: left; padding: 3px 0 3px 5px; width: 140px; }
#header h1 a { display: block; width: 140px; height: 28px; overflow: hidden; text-indent: -9900px; }
#header .menu { float: right; padding: 5px 10px 3px 0; font-size: 82%; text-align: right; }
#header .menu li { display: inline-block; *display: inline; zoom: 1; }
#header .menu li a { text-decoration: underline; }
#header .menu .homepage { margin-right: 15px; font-weight: bold; }
#header .menu .homepage.icon-homepage:before { font-size: 85%; letter-spacing: -3px; font-weight: normal; }

.search { position: relative; min-width: 950px; text-align: center; *zoom: 1; *z-index: 9900; }

.searchBox { display: inline-block; *display: inline; *zoom: 1; }
.searchBox .dataBox { display: table-cell; vertical-align: bottom; padding-right: 4px; *display: inline; *zoom: 1; }
.searchBox .dataBox .date { display: table-cell; vertical-align: middle; *display: inline; *zoom: 1; font-size: 75%; line-height: 1.2; text-align: right; }
.searchBox .dataBox .dateInner { display: block; padding-right: 8px; }
.searchBox .dataBox .clock { display: table-cell; vertical-align: middle; *display: inline; *zoom: 1; padding-left: 4px; font-size: 30px; line-height: 1.1; }
.searchBox .dataBox .weather { display: table-cell; width: 64px; height: 50px; padding-right: 12px; text-indent: -9999px; vertical-align: middle; *display: inline; *zoom: 1; }
.searchBox .dataBox .weather a { display: block; width: 64px; height: 50px; overflow: hidden; }
.searchBox .dataBox .mail { position: relative; display: table-cell; width: 55px; height: 50px; text-indent: -9999px; vertical-align: middle; *display: inline; *zoom: 1; }
.searchBox .dataBox .mail a { display: block; width: 55px; height: 50px; overflow: hidden; }
.searchBox .dataBox .mail .badge { position: absolute; display: block; top: 0; right: 10px; padding: 2px 4px; border-radius: 3px; line-height: 1.5; font-size: 10px; text-indent: 0; text-align: center; }
.searchBox .Ysearch { display: table-cell; vertical-align: bottom; *display: inline; *zoom: 1; *text-align: left; }
.searchBox .Ysearch .searchType { margin: 0 0 3px 1px; font-size: 75%; }
.searchBox .Ysearch .searchType div { float: left; cursor: pointer; }
.searchBox .Ysearch .searchType .on { cursor: default; font-weight: bold; }
.searchBox .Ysearch .searchType .stab7 { position: relative; }
.searchBox .Ysearch .searchType .stab7 .otherItems { position: absolute; width: 10em; right: 0; z-index: 8000; border-top: 1px solid #a9a9a9; border-left: 1px solid #a9a9a9; border-right: 1px solid #a9a9a9; }
.searchBox .Ysearch .searchType .stab7 .otherItems li { border-bottom: 1px solid #a9a9a9; padding: 5px 10px; text-align: left; }
.searchBox .Ysearch .searchType .stab7 .otherItems li a { display: block; }
.searchBox .Ysearch .searchForm { position: relative; }
.searchBox .Ysearch .searchForm .txtForm { float: left; display: block; width: 400px; padding: 0 30px 0 10px; margin-right: 10px; height: 30px; border: 1px solid #b3b3b3; line-height: 30px; font-size: 80%; }
.searchBox .Ysearch .searchForm .cmnSubBtn { float: left; width: 100px; height: 32px; padding: 0 0 0 16px; line-height: 1; background-image: url(../img/search/glass.png); background-repeat: no-repeat; background-position: 16px 50%; box-shadow: none; font-size: 90%; -webkit-appearance: none; appearance: none; border: none; }
.searchBox .Ysearch .searchForm .del { position: absolute; width: 20px; height: 20px; top: 4px; right: 113px; text-indent: -9999px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .searchBox .Ysearch .searchForm .cmnSubBtn { background-image: url(../img/search/glass@2x.png); background-size: 18px 18px; } }
.topTxt { *margin: 10px 0; font-size: 75%; }
.topTxt .links li { display: inline; }
.topTxt .arrow1 { margin-right: 20px; padding-left: 12px; background: url(../img/search/arrow.png) no-repeat 0 50%; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .topTxt .arrow1 { background-image: url(../img/search/arrow@2x.png); background-size: 6px 10px; } }
.notice { position: relative; *z-index: 9900; }
.notice .alert, .notice .info { position: relative; margin: 10px; padding: 8px 10px; font-size: 85%; text-align: left; }
.notice .alert .txt, .notice .info .txt { padding: 0 30px; }
.notice .alert .txt a, .notice .info .txt a { text-decoration: underline; }
.notice .alert .delete, .notice .info .delete { position: absolute; top: 10px; right: 10px; width: 15px; }
.notice .alert .delete a, .notice .info .delete a { display: block; text-indent: -9999px; }

.SFont .topTxt .tabSelect { width: 27em; }

.pageSwitchWr { position: relative; min-width: 950px; margin: 10px 10px 0 10px; *z-index: 9900; }
.pageSwitchWr .pageSwitch { margin-right: 340px; font-size: 85%; }
.pageSwitchWr .pageSwitch li { display: inline-block; *display: inline; zoom: 1; margin: 0 5px 8px 0; vertical-align: top; }
.pageSwitchWr .pageSwitch li .pageTab .tab, .pageSwitchWr .pageSwitch li .pageTab .tabForm { display: block; min-width: 7em; *width: auto !important; *width: 100px; padding: 6px 10px 5px 10px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.pageSwitchWr .pageSwitch li .pageAdd a { display: block; width: 32px; height: 32px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-indent: -9999px; }
.pageSwitchWr .pageSwitch li.current .pageTab { position: relative; }
.pageSwitchWr .pageSwitch li.current .pageTab .tab, .pageSwitchWr .pageSwitch li.current .pageTab .tabForm { margin-right: 36px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.pageSwitchWr .pageSwitch li.current .pageTab .tabForm { display: none; }
.pageSwitchWr .pageSwitch li.current .pageTab .openPageEdit { position: absolute; top: 0; bottom: 0; right: 0; z-index: 10; display: block; width: 36px; text-indent: -9999px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.pageSwitchWr .pageSwitch li.current .pageEdit, .pageSwitchWr .pageSwitch li.current .pageFix { display: none; position: absolute; top: 100%; right: 0; z-index: 20; background-color: #313131; padding: 10px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
.pageSwitchWr .pageSwitch li.current .pageEdit a, .pageSwitchWr .pageSwitch li.current .pageFix a { display: block; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align: center; text-decoration: none; min-width: 8em; }
.pageSwitchWr .pageSwitch li.current .pageEdit a.name { margin-bottom: 10px; background-color: #d9d9d9; color: #333; }
.pageSwitchWr .pageSwitch li.current .pageEdit a.delete { background-color: #f42a45; color: #fff; }
.pageSwitchWr .pageSwitch li.current .pageFix a.submit { margin-bottom: 10px; background-color: #509de4; color: #fff; }
.pageSwitchWr .pageSwitch li.current .pageFix a.cancel { background-color: #ccc; color: #333; }
.pageSwitchWr .pageSwitch li.current.edit, .pageSwitchWr .pageSwitch li.current.fix { position: relative; }
.pageSwitchWr .pageSwitch li.current.edit .pageTab .openPageEdit, .pageSwitchWr .pageSwitch li.current.fix .pageTab .openPageEdit { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.pageSwitchWr .pageSwitch li.current.edit .pageEdit { display: block; }
.pageSwitchWr .pageSwitch li.current.fix .pageTab .tab { display: none; }
.pageSwitchWr .pageSwitch li.current.fix .pageTab .tabForm { display: block; padding: 5px 5px 4px 5px; }
.pageSwitchWr .pageSwitch li.current.fix .pageTab .tabForm .textForm { padding: 3px; background-color: #fff; }
.pageSwitchWr .pageSwitch li.current.fix .pageFix { display: block; }
.pageSwitchWr .pageSetting { position: absolute; top: 0; right: 0; text-align: right; }
.pageSwitchWr .pageSetting .settingBtn { display: inline-block; *display: inline; zoom: 1; margin-left: 5px; vertical-align: top; }
.pageSwitchWr .pageSetting .settingBtn a { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: block; text-decoration: none; }
.pageSwitchWr .pageSetting .settingBtn a.addContents { padding: 6px 10px 5px 40px; font-size: 85%; text-align: right; }
.pageSwitchWr .pageSetting .settingBtn a.themeChange { padding: 6px 10px 5px 36px; font-size: 85%; text-align: right; }
.pageSwitchWr .pageSetting .settingBtn a.otherSetting { width: 42px; height: 32px; font-size: 0; }

.LFont .pageSwitchWr .pageSwitch { margin-right: 400px; }
.LFont .pageSwitchWr .pageSetting { width: 400px; }
.LFont .pageSwitchWr .otherSetting { font-size: 0; }
.LFont .yidPopup { width: 630px; }

.SFont .pageSwitchWr .pageSwitch { margin-right: 300px; }
.SFont .pageSwitchWr .pageSetting { width: 300px; }

.yidPopup { position: absolute; border-radius: 3px; text-align: left; z-index: 9990; }

.yidPopup:before { content: ""; position: absolute; width: 0; height: 0; bottom: -12px; }

.settingPopup { width: 560px; bottom: 40px; right: 0; padding: 0 15px 0 15px; }
.settingPopup a, .settingPopup span { display: block; margin: 0 -10px; padding: 15px 10px; font-size: 75%; line-height: 1.1; }
.settingPopup .dotted { margin: 0 10px; }
.settingPopup ul { padding: 7px 0; }
.settingPopup .settingItem { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; }
.settingPopup .links { margin-left: 17px; }
.settingPopup .arrow1 { padding-left: 14px; font-size: 85%; line-height: 1.4; font-weight: bold; }
.settingPopup .arrow2 { display: block; float: left; padding: 0 0 0 8px; margin: 0 15px 0 0; line-height: 1.2; min-width: 2em; }
.settingPopup .bold { text-decoration: underline; }
.settingPopup:before { right: 16px; }

.LFont .settingPopup { width: 630px; }

.SFont .settingPopup { width: 450px; }

.themeBalloonPopup { bottom: 40px; right: 0; padding: 0 0 2px 8px; font-size: 85%; *width: 300px; }
.themeBalloonPopup .ttlBox { position: relative; }
.themeBalloonPopup .ttlBox .txt { margin: 8px 0 4px 0; font-weight: bold; line-height: 1; }
.themeBalloonPopup .ttlBox .close { position: absolute; display: block; top: -15px; right: -20px; width: 25px; height: 25px; margin-right: 10px; text-indent: -9999px; }
.themeBalloonPopup .themeList { text-align: center; }
.themeBalloonPopup .themeItem { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: 8px; width: 50px; line-height: 0.9; vertical-align: top; *display: block; *float: left; *line-height: 1.2; }
.themeBalloonPopup .themeIcon { display: block; width: 30px; height: 30px; margin: 0 auto 6px auto; }
.themeBalloonPopup .themeName { font-size: 75%; }
.themeBalloonPopup .otherTheme { clear: both; margin: 4px 12px 0 0; text-align: right; font-size: 85%; }
.themeBalloonPopup .otherTheme .arrow1 { padding-left: 15px; }
.themeBalloonPopup:before { right: 67px; }

.LFont .themeBalloonPopup { width: auto; }
.LFont .themeBalloonPopup .themeItem { width: 60px; font-size: 85%; }
.LFont .themeBalloonPopup .close { *right: -70px; }

.SFont .themeBalloonPopup { *width: 240px; }
.SFont .themeBalloonPopup .themeItem { width: 40px; }

.opml { width: 560px; padding: 15px; }
.opml .opmlTxt { margin-bottom: 10px; }
.opml .opmlTxt a { display: inline; margin: 0 0 0 20px; padding: 0; text-decoration: underline; }
.opml .opmlForm { margin-bottom: 10px; }
.opml .opmlBtn { width: 200px; margin-left: auto; }
.opml .opmlBtn .cmnDisableBtn, .opml .opmlBtn .cmnSubBtn { float: left; width: 80px; border-bottom: none; margin: 0 0 0 10px; padding: 5px; line-height: normal; text-decoration: none; text-align: center; }
.opml .opmlBtn .cmnSubBtn { height: 31px; }
.opml .opmlBtn .cmnDisableBtn { padding: 7px 5px 6px 5px; }
.opml .opmlBtn .close { cursor: pointer; }
.opml .loading { height: 96px; text-indent: -9999px; }
.opml:before { left: 439px; }
.opml:after { left: 439px; }

.is-noSearch { top: -37px; }

.is-noSearch.yidPopup { right: 33px; }

.is-noSearch.settingPopup { right: 2px; }

@media screen { .is-noSearch.yidPopup { right: 63px; }
  .is-noSearch.settingPopup { right: 32px; } }
.changeDevice { margin: 10px; font-size: 14px; text-align: center; }

.changeDevice dl { display: inline-block; padding: 5px 5px 5px 10px; border: 1px solid #e7e7e7; background: #f9f9f9; }

.changeDevice dt { display: inline; }

.changeDevice dt:after { content: ":"; }

.changeDevice dd { display: inline; }

.changeDevice dd:after { content: "|"; }

.changeDevice dd:last-child:after { content: ""; }

.changeDevice p { font-size: 12px; }

.changeDevice a { padding: 0 5px; }

.changeDevice span { padding: 0 5px; font-weight: bold; }

.themeCredit { margin-bottom: 8px; text-align: center; font-size: 75%; }

#footer { padding-top: 4px; text-align: center; font-size: 13px; }
#footer a { text-decoration: underline; }
#footer #pos-s { padding: 10px 0; }
#footer address { display: block; padding: 10px 0 20px; line-height: 1.4em; font-style: normal; }

@font-face { font-family: 'myyahoo'; src: url("http://my.yahoo.co.jp/fonts/myyahoo.eot?54cqrn"); src: url("http://my.yahoo.co.jp/fonts/myyahoo.eot?#iefix54cqrn") format("embedded-opentype"), url("http://my.yahoo.co.jp/fonts/myyahoo.woff?54cqrn") format("woff"), url("http://my.yahoo.co.jp/fonts/myyahoo.ttf?54cqrn") format("truetype"), url("http://my.yahoo.co.jp/fonts/myyahoo.svg?54cqrn#myyahoo") format("svg"); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { font-family: 'myyahoo'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-homepage:before { content: "\e900"; }