@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*FM COCOLO  [SUPPORT]*/
/*----------------------------------------------*/
/*Created: 2015.10.01*/
/*Last Update:	2015.10.01*/
/*----------------------------------------------*/




/*INDEX*/

/*[SUPPORT]*/
/*[Main Frame Customize]*/
/*[Page Title with Icon Customize]*/

/*-- [Support Page] --*/
/*-- [Support Desk Page] --*/











/*----------------------------------------------*/
/*[SUPPORT]*/
/*----------------------------------------------*/

/*[Main Frame Customize]*/
.main-container.two-columns .main-frame > .inner-frame {
width:auto;
margin:0 auto;
padding:0;
}
.main-container.two-columns .main-side > .inner-frame {
margin:0 auto;
padding:0;
}

/*(Support Desk Page)*/
.main-container.one-column .main-frame > .p-support-desk.inner-frame {
width:auto;
margin:0 auto;
}


@media screen and (max-width:640px) {
.main-container.two-columns .main-frame > .inner-frame {
padding:0 12px;
}
.main-container.two-columns .main-side > .inner-frame {
padding:20px 12px;
}

/*(Support Desk Page)*/
.main-container.one-column .main-frame > .p-support-desk.inner-frame {
padding:0 12px;}


}


@media screen and (min-width:641px) and (max-width:960px) {
.main-container.two-columns .main-frame > .inner-frame {
width:82.03125%;
margin:0 auto;
padding:20px 0;
}
.main-container.two-columns .main-side > .inner-frame {
width:82.03125%;
margin:0 auto;
padding:40px 0 0;
}

/*(Support Desk Page)*/
.main-container.one-column .main-frame > .p-support-desk.inner-frame {
width:90%;
margin:0 auto;
}


}


@media screen and (min-width:961px) and (max-width:1199px) {
.main-container.two-columns .main-frame > .inner-frame {
width:82.03125%;
margin:0 auto;
}
.main-container.two-columns .main-side > .inner-frame {
width:81.6326%;
margin:0;
padding:0;
}

/*(Support Desk Page)*/
.main-container.one-column .main-frame > .p-support-desk.inner-frame {
width:90%;
margin:0 auto;
}


}


@media screen and (min-width:1200px) {
.main-container.two-columns .main-frame > .inner-frame {
width:630px;
margin:0 auto;
}
.main-container.two-columns .main-side > .inner-frame {
margin:0 auto;
padding:0;
}

/*(Support Desk Page)*/
.main-container.one-column .main-frame > .p-support-desk.inner-frame {
width:720px;
margin:0 auto;
}


}
/*----------------------------------------------*/





/*[Page Title with Icon Customize]*/
/*[Pages Title]*/
#pages-header.pages-header .ph-ttl {
padding:12px 0 0 60px;
background:url(../images/icn_page_faq.png) no-repeat left top;
background-size:auto 56px;
-webkit-background-size:auto 56px;
-moz-background-size:auto 56px;
-ms-background-size:auto 56px;
-o-background-size:auto 56px;
}


@media screen and (max-width:899px) {
#pages-header.pages-header .ph-ttl  small {
margin-left:-60px;
}


}


@media screen and (max-width:640px) {
#pages-header.pages-header .ph-ttl {
padding:8px 0 0 46px;
background:url(../images/icn_page_faq.png) no-repeat left top;
background-size:auto 42px;
-webkit-background-size:auto 42px;
-moz-background-size:auto 42px;
-ms-background-size:auto 42px;
-o-background-size:auto 42px;
}

#pages-header.pages-header .ph-ttl  small {
margin-left:-46px;
}


}


@media screen and (max-width:480px) {
#pages-header.pages-header .ph-ttl {
padding:8px 0 0 38px;
background:url(../images/icn_page_faq.png) no-repeat left top;
background-size:auto 34px;
-webkit-background-size:auto 34px;
-moz-background-size:auto 34px;
-ms-background-size:auto 34px;
-o-background-size:auto 34px;
}

#pages-header.pages-header .ph-ttl  small {
margin-left:-38px;
}


}
/*----------------------------------------------*/





/*
[Support Page]
*/

/*[Category Title]*/
.faq-ttl {
 margin-bottom:1em;
 padding-bottom:1em;
 border-bottom:1px solid #603813;
}

/*(FAQ Frame)*/
.faq-box {
width:auto;
height:auto;
margin-bottom:1.8em;
padding:0 .0 1.7em;
border-bottom:1px dotted #603813;
}

/*(Question)*/
.faq-box .faq-q {
 font-size:1.1em;
 line-height:1.5em;
 margin:0 0 .5em;
 padding:0;
}

/*(Answer)*/
.faq-box .faq-a {
 font-size:.9em;
 line-height:1.5em;
 margin:0;
 padding:0;
}

.faq-box ul {
 margin:0 0 1.2em;
 padding:.5em 0 0 1.8em;
 list-style:disc;
}

/*(Buttons Selected)*/
.selected {
	background:#eff7f9;
}


@media screen and (max-width:640px) {
/*[Category Title]*/
.faq-ttl {
 margin-bottom:1.2em;
 padding-bottom:.6em;
}

}





/*
[Support Desk Page]
*/

/*(Desk Frame)*/
.sud-box {
width:auto;
height:auto;
margin-bottom:4.2em;
padding:0;
}

/*(Form Title)*/
.sud-ttl {
margin-bottom:2em;
}



/*entry_form.css / entry_confirm.css*/

/*(Send Form)*/
.send-form {
width:auto;
height:auto;
margin:0;
padding:2em 0;
}

/*(Confirm List)*/
.check-form-list .check-list {
width:auto;
height:auto;
margin:0;
padding:0;
border-top:1px solid #CCC;
}
/*[Heading]*/
.check-form-list .check-list .cl-heading {
width:220px;
font-size:.9em;
line-height:1.6em;
margin:0;
padding:1.2em 0;
float:left;
}
.check-form-list .check-list .cl-txt {
font-size:.9em;
line-height:1.6em;
margin:0;
padding:1.2em 0 1.2em 220px;
border-bottom:1px solid #CCC;
}


@media screen and (max-width:640px) {
/*[Heading]*/
.check-form-list .check-list .cl-heading {
width:auto;
padding:1em 0 0;
float:none;
}
.check-form-list .check-list .cl-txt {
font-size:1em;
padding:.5em 0 1em;
}

}

#errorFrame {
    background-color: #FDECEE;
    border: 2px solid #EE505C;
    text-align: left;
    color: #EE505C;
    font-size: 13px;
    font-weight: bold;
    height: auto;
    line-height: 5px;
    margin: 0 0 30px 30px;
    padding: 15px 0 15px 15px;
    width: 85%;
}