/* base */
body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, dl, li, dt, dd, form, img {margin:0; padding:0;}
body {text-align:center; color:#444;}
img {border:0;}
a, a:link, a:visited {}
a:hover {}

.floatLeft {float:left;}
.floatRight {float:right;}

.clearBoth0 {clear:both; font-size:0; line-height:0;}
.clearLeft0 {clear:left; font-size:0; line-height:0;}
.clearRight0 {clear:right; font-size:0; line-height:0;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.listStyleCancel {list-style-type:none; list-style-image:none;}
ul { list-style-type:none; }
.color-blue { font-weight:lighter; color:#04A5EA; }

/* breadcrumbs */
ul#breadcrumbs { margin-bottom:10px; }
ul#breadcrumbs li { display:inline; }

/* pager */
div.pager {margin:auto; padding-bottom:2px; font-size: 90%; text-align:center;}
div.pager a, div.pager span {margin-right: 5px; padding: 1px 5px; color: #006699;}
div.pager a, div.pager a:visited {background-color: #F9F9F9; border: 1px solid #CCC; text-decoration: none;}
div.pager a:hover {background-color: #F9F9F9; border: 1px solid #006699;}
div.pager span.current {color: #fff; background-color: #006699; border: 1px solid #006699; font-weight: bold;}
div.pager span.nextprev {color: #666; background-color: #fff;}
div.pager a.nextprev, div.pager a.nextprev:visited {background-color: #fff; border:0; }
div.pager a:hover.nextprev {background-color: #fff; border:0; }

/* layout */
#helpWrap {width:960px; margin:0 auto 10px auto; text-align:left;}
#mainContainer { width:670px; text-align:left;}
#sideContainer { margin-bottom:10px; width:275px; text-align:left;}

/* header */
h1 { display:inline; float:left; width:400px; line-height:100%; }
h1 img { margin: 7px 0 5px 13px; }
h2 { padding:5px; font-size:85%; font-weight:normal; color:#CCC; }

/* loginInfo */
#loginInfo { display:inline; float:right; padding-top:22px; width:500px;text-align:right;}
#loginInfo span { font-weight:bold; }

/* main box */
.mainBoxTop { padding:10px 0 0 10px; background:url(/images/help/obj_mainBoxTop.png) no-repeat; border-bottom:1px #8ECEE6 dotted; }
.mainBoxTopList { padding:10px 0 0 10px; background:url(/images/help/obj_mainBoxTop.png) no-repeat; }
.mainBoxMiddle { border-left:1px #8ECEE6 solid; border-right:1px #8ECEE6 solid; }
.mainBoxBottom { margin:0 0 15px 0; height:7px; background:url(/images/help/obj_mainBoxBottom.png) no-repeat left top; }

/* wrap box */
.wrapBoxTop { height:10px; background:url(/images/help/obj_wrapBoxTop.png) no-repeat left bottom; }
.wrapBoxTopTitle { padding:10px 0 0 10px; background:url(/images/help/obj_wrapBoxTopTitle.png) no-repeat; border-bottom:1px #8ECEE6 dotted; }
.wrapBoxMiddle { padding:30px 40px; border-left:1px #8ECEE6 solid; border-right:1px #8ECEE6 solid; }
.wrapBoxBottom { height:10px; background:url(/images/help/obj_wrapBoxBottom.png) no-repeat left top; }

/* serverInfo */
#serverInfoContainer ul {margin:0; }
#serverInfoContainer ul li { padding:7px 0 7px 35px; border-top:1px #8ECEE6 dotted; background:url(/images/help/icon_serverInfo.png) no-repeat 10px 12px; }
#serverInfoMore { padding:7px 15px 0 0; border-top:1px #8ECEE6 dotted; text-align:right; }

/* populousQA */
#populousQAContainer ul { margin:0; }
#populousQAContainer ul li { padding:7px 0 7px 35px; border-top:1px #8ECEE6 dotted; background:url(/images/help/icon_circleGray.png) no-repeat 15px 15px; }

/* categoryQA */
.categoryQAitem {
    float:left;
    padding:15px 0;
    width:333px;
    border-top:1px #8ECEE6 dotted;
}
.categoryQAitem span { margin:0 10px; font-weight:bold;color:#727272; }
.categoryQAitem ul li { padding:0 0 3px 35px; background:url(/images/help/icon_circleGray.png) no-repeat 15px 10px; }
.mainBoxBottomCategoryQA { margin:0 0 15px 0; padding-bottom:20px; background:url(/images/help/obj_mainBoxBottomCategoryQA.png) no-repeat left bottom; }

/* qaBody */
#qaBodyContainer { margin:0 0 0 10px; padding:20px 30px 30px 25px; background:url(/images/help/icon_a.png) no-repeat 0px 22px; }
#qaBodyContainer a {}

/* current category */
#currentCategoryContainer ul li { padding:7px 0 7px 35px; border-top:1px #8ECEE6 dotted; background:url(/images/help/icon_circleGray.png) no-repeat 15px 15px; }

/* categoryList */

.categoryName { border-top:1px #8ECEE6 dotted; }
.categoryName h3 { margin:20px 0 0 10px; font-weight:bold; border:0; color:#727272; }
.categoryItem { margin:0 10px; padding:5px 0 5px 25px; background:url(/images/help/icon_circleGray.png) no-repeat 5px 15px; }

/* side */
.sideBoxTop { padding:10px 0 0 10px; background:url(/images/help/obj_sideBoxTop.png) no-repeat ; border-bottom:1px #8ECEE6 dotted; }
.sideBoxTopList { padding:10px 0 0 10px; background:url(/images/help/obj_sideBoxTop.png) no-repeat; }
.sideBoxMiddle { border-left:1px #8ECEE6 solid; border-right:1px #8ECEE6 solid; }
.sideBoxBottom { margin:0 0 15px 0; height:7px; background:url(/images/help/obj_sideBoxBottom.png) no-repeat left top; }

/* search */

/* usualQA */
#usualQAContainer ul {margin:0;}
#usualQAContainer ul li { padding:7px 0 7px 35px; border-top:1px #8ECEE6 dotted; background:url(/images/help/icon_circleGray.png) no-repeat 15px 15px; }

/* categoryLink */
.categoryLinkName { border-top:1px #8ECEE6 dotted; }
.categoryLinkName h3 { margin:5px 0 0 10px; padding:5px 0; font-weight:bold; border:0; color:#727272; }
.categoryLinkItem { padding:5px 0 5px 35px; background:url(/images/help/icon_circleGray.png) no-repeat 15px 10px; }
.categoryLinkItemActive { background:url(/images/help/icon_circleGray.png) no-repeat #F1F9FC 15px 10px; }


/* inquiry */
#inquiryContainer { margin-bottom:40px; }
#inquiryContainer h3 { font-size:100%; font-weight:bold;color:#727272; }
#inquiryContainer ul { margin:0 0 20px 0; }
#inquiryContainer ul li { padding:10px 0 5px 20px; background:url(/images/help/icon_circleGray.png) no-repeat 3px 18px; }
#inquiryContainer ul li p { margin-top:15px; }
#inquiryForm { margin:0; padding:0; }
table.inquiry {margin:10px 0 30px 0; width:100%; border-collapse:collapse;}
table.inquiry tr th {border:1px solid #A1A5A9; padding:10px; background-color:#F1F1F1; font-weight:normal; width:140px; text-align:left; vertical-align:top;}
table.inquiry tr td {border:1px solid #A1A5A9; padding:10px; width:730px; background-color:#FFFFFF;}
table.inquiry tr td.whiteRow {border-left:0; width:730px; border-right:0;}
div#errorContainer {margin:0 0 20px 0; padding:10px; background:#FEE; border:1px solid #F00; text-align:left;}
.errh {color:#F00;}
.error {color:#F00;}
#privacyContainer {margin:10px 0;padding:10px;border:1px #CCC solid;text-align:left;background: #F9F9F9;}
.privacyItem { margin:0 0 10px 0; padding:0; }
.privacyRule { display:inline; float:left; padding:0; width:700px; }
.privacyInquiry { display:inline; float:right; margin:26px 0 0 0; padding:0; width:230px; }
#privacyAgreeContaimer { padding:15px; border:1px #CCC solid; text-align:center; }
#privacyAgreeContaimer p { margin-bottom:15px; }
.inquiryTermText { margin:30px 0 0 0; text-align:center; }

/* common */

.mainBoxTop h2 { width:600px; height:20px; line-height:100%; font-size:100%; }
.mainBoxTopList h2 { width:600px; height:20px; line-height:100%; font-size:100%; }
.wrapBoxTopTitle h2 { width:500px; height:20px; line-height:100%; font-size:100%; }
.sideBoxTop h2 { width:250px; height:20px; line-height:100%; font-size:100%; }
.sideBoxTopList h2 { width:250px; height:20px; line-height:100%; font-size:100%; }
#serverInfoContainer h2 { background:url(/images/help/h2_serverInfo.png) no-repeat; }

#categoryQAContainer h2 { background:url(/images/help/h2_categoryQA.png) no-repeat; }
#searchContainer h2 { background:url(/images/help/h2_search.png) no-repeat; }


#inquiryContainer h2 { background:url(/images/help/h2_inquiry.png) no-repeat; }
#inquiryForm h4 { font-size:100%; color:#333; }

/* ========================================================================= 20160203 renewal */
.helpItemBox { padding-bottom: 5px; border: 1px #8ECEE6 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.helpItemBox h2 { padding: 10px 0 10px 10px; height: 20px; 
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-top left: 5px;
    -moz-border-radius-top right: 5px;
}
.helpItemBox h2.mainTitle { background: #F1F9FC; border: 1px #FFF solid; border-bottom: 0; }
.helpItemBox h2.sideTitle { 
    background: #f9f9f9; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.helpItemBox h2.mainTitle div { width: 600px; height: 20px; }
.helpItemBox h2.sideTitle div { width: 250px; height: 20px; }

h2 div span, h2 span { display: none; }
#categoryLinkContainer h2 div { background: url(/images/help/h2_category.png) no-repeat; }
#populousQAContainer h2 div { background:url(/images/help/h2_populousQA.png) no-repeat; }
#usualQAContainer h2 div { background:url(/images/help/h2_usualQA.png) no-repeat; }

.categoryLinkName h3 { padding: 10px 0 5px 0; }

.keywordSearchBox { width: 380px; border: 1px #8ECEE6 solid; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.keywordSearchBox h2 { margin: 5px 0 0 10px; padding-bottom: 0; width: 259px; height: 19px; background: url(/images/help/h2_search.png) no-repeat; }
.keywordSearchBox form { padding-top: 0; }
.keywordSearchBox p { padding-top: 5px; }

/* support */
#supportContainer { margin:20px auto; text-align:center; }

#qaContainer h2,
#currentCategoryContainer h2,
#categoryListContainer h2 { padding: 12px 0 8px 35px; background: url(/images/help/icon_hatena.png) no-repeat 10px 10px #F1F9FC; color: #464646; font-weight: bold; font-size: 100%; border: 1px #FFF solid; border-bottom: 0; }
#qaContainer h2 { border-bottom: 1px #8ECEE6 dotted; }