@charset "utf-8";

/*
 *
 * Usage: Information page layout
 *
 * Name: infopage.css
 *
 */


/*---------------------------------------------------------------------
Common layout
---------------------------------------------------------------------*/
#mainHgroup  {padding:77px 0 55px 66px;}
    #mainHgroup #pankuzu  {top:130px;}



/*---------------------------------------------------------------------
Sitemap layout
---------------------------------------------------------------------*/
#sitemap  {margin-bottom:50px;}
    #sitemap #sitemapList  {border-top:1px solid #dfdacd; margin-bottom:30px;}
        #sitemap #sitemapList li       {border-bottom:1px solid #dfdacd; line-height:60px; background:url(../images/common/ic_arrow-d_x2.gif) no-repeat 5px 2.4em; padding-left:15px;}
        #sitemap #sitemapList .no_ic   {background:none;}
        #sitemap #sitemapList a        {border-color:#232323;}
        #sitemap #sitemapList a:hover  {border-color:#fcf9ed;}
        
            #sitemap #sitemapList li p  {width:220px;}
            #sitemap #sitemapList .child_list     {margin:-43px 0 0 220px; padding-bottom:20px;}
            #sitemap #sitemapList .child_list li  {line-height:25px; border:none; background:url(../images/common/ic_arrow-d_x2.gif) no-repeat 0 50%;}
            


/*---------------------------------------------------------------------
Social layout
---------------------------------------------------------------------*/
#social  {margin-bottom:200px;}
    #social .read  {margin-bottom:60px;}
    #social dl     {margin-bottom:55px;}
    #social dl dt  {font-weight:bold; margin-bottom:15px;}
    #social dl dd  {padding-left:20px; margin-bottom:40px;}



/*---------------------------------------------------------------------
Privacy layout
---------------------------------------------------------------------*/
#privacy  {margin-bottom:50px;}
    #privacy h3     {margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #797979;}
    #privacy .read  {margin-bottom:50px;}
    #privacy .unit  {margin-bottom:45px; clear:both;}
        #privacy .unit h4      {font-weight:bold; margin-bottom:15px;}
        #privacy .unit .inner  {padding-left:20px;}
        #privacy .unit p       {margin-bottom:20px;}
        #privacy .unit ol      {margin-bottom:20px;}
        #privacy .unit ol li   {list-style:decimal; margin-left:20px;}



/*---------------------------------------------------------------------
FAQ layout
---------------------------------------------------------------------*/
#faq  {margin-bottom:50px;}
    #faq .read a,
    #faq .faq_box a  {background:url(../images/common/ic_arrow-d_x2.gif) no-repeat 0 50%; padding-left:8px; margin:0 2px;}

    #faq .read  {margin-bottom:55px;}
    
    #faq #fqaNav  {margin-bottom:55px;}
        #faq #fqaNav li  {float:left; margin-right:14px;}
        #faq #fqaNav a   {display:block; overflow:hidden; height:0; padding-top:16px;}
        
        #faq #fqaNav .faqnav01  {background:url(../images/infopage/nav_faq1_on.gif) no-repeat 0 0; width:171px;}
        #faq #fqaNav .faqnav02  {background:url(../images/infopage/nav_faq2_on.gif) no-repeat 0 0; width:103px;}
        #faq #fqaNav .faqnav03  {background:url(../images/infopage/nav_faq3_on.gif) no-repeat 0 0; width:167px;}
        #faq #fqaNav .faqnav04  {background:url(../images/infopage/nav_faq4_on.gif) no-repeat 0 0; width:110px;}
        
        #faq #fqaNav .faqnav01 a  {background:url(../images/infopage/nav_faq1.gif) no-repeat 0 0;}
        #faq #fqaNav .faqnav02 a  {background:url(../images/infopage/nav_faq2.gif) no-repeat 0 0;}
        #faq #fqaNav .faqnav03 a  {background:url(../images/infopage/nav_faq3.gif) no-repeat 0 0;}
        #faq #fqaNav .faqnav04 a  {background:url(../images/infopage/nav_faq4.gif) no-repeat 0 0;}

    #faq .faq_section  {clear:both;}
        #faq .faq_section h3        {padding-bottom:12px; margin-bottom:30px; border-bottom:1px solid #797979;}
        #faq .faq_section .faq_box  {margin-bottom:45px; padding-left:15px;}
        #faq .faq_section h4        {background:url(../images/infopage/ic_q.gif) no-repeat 0 0; padding-left:35px; line-height:23px; font-size:117%; margin-bottom:15px;}
        #faq .faq_section .answer   {background:url(../images/infopage/ic_a.gif) no-repeat 0 0; padding-left:35px; line-height:180%;}
        #faq .faq_section #pdfBtn   {margin-top:10px;}
            #faq .faq_section #pdfBtn a  {background:none; padding-left:0; border:none;}



/*---------------------------------------------------------------------
CONTACT layout
---------------------------------------------------------------------*/
#contact  {margin-bottom:50px;}
    #contact #contactNav  {margin-bottom:70px;}
        #contact #contactNav li  {float:left; margin:0 14px 14px 0;}
        #contact #contactNav a   {display:block; overflow:hidden; height:0; padding-top:16px;}
        
        #contact #contactNav .contactnav01  {background:url(../images/infopage/nav_contact1_on.gif) no-repeat 0 0; width:152px;}
        #contact #contactNav .contactnav02  {background:url(../images/infopage/nav_contact2_on.gif) no-repeat 0 0; width:181px;}
        #contact #contactNav .contactnav03  {background:url(../images/infopage/nav_contact3_on.gif) no-repeat 0 0; width:196px;}
        #contact #contactNav .contactnav04  {background:url(../images/infopage/nav_contact4_on.gif) no-repeat 0 0; width:164px;}
        #contact #contactNav .contactnav05  {background:url(../images/infopage/nav_contact5_on.gif) no-repeat 0 0; width:164px;}
        #contact #contactNav .contactnav06  {background:url(../images/infopage/nav_contact6_on.gif) no-repeat 0 0; width:164px;}
        
        #contact #contactNav .contactnav01 a  {background:url(../images/infopage/nav_contact1.gif) no-repeat 0 0;}
        #contact #contactNav .contactnav02 a  {background:url(../images/infopage/nav_contact2.gif) no-repeat 0 0;}
        #contact #contactNav .contactnav03 a  {background:url(../images/infopage/nav_contact3.gif) no-repeat 0 0;}
        #contact #contactNav .contactnav04 a  {background:url(../images/infopage/nav_contact4.gif) no-repeat 0 0;}
        #contact #contactNav .contactnav05 a  {background:url(../images/infopage/nav_contact5.gif) no-repeat 0 0;}
        #contact #contactNav .contactnav06 a  {background:url(../images/infopage/nav_contact6.gif) no-repeat 0 0;}

    #contact .contact_box  {margin-bottom:85px;}
        #contact .contact_box h3              {padding-bottom:12px; margin-bottom:15px; border-bottom:1px solid #797979;}
        #contact .contact_box .contact_inner  {padding-left:20px; position:relative;}
            #contact .contact_box .contact_inner p  {line-height:180%;}
            #contact .contact_box .contact_inner .number  {font-size:26px;}
            #contact .contact_box .contact_inner span,
            #contact .contact_box .contact_inner strong  {margin:0 0 10px 5px; display:inline-block; *display:inline; *zoom:1;}
            #contact .contact_box .contact_inner strong  {font-size:30px;}
            #contact .contact_box .contact_inner .contact_btn  {position:absolute; right:0; bottom:0; color:#786e65;}

    #contact #contactParttime  {margin-bottom:50px;}



/*---------------------------------------------------------------------
GENERAL CONTACT layout
---------------------------------------------------------------------*/
#generalContact  {margin-bottom:50px;}
    #generalContact #generalRead  {margin-bottom:70px;}
    #generalContact #generalTxt   {margin-bottom:95px;}
        #generalContact #generalTxt ol       {margin-left:40px;}
        #generalContact #generalTxt ol li    {list-style:decimal;}
        #generalContact #generalTxt .notice  {margin-bottom:35px; font-size:100%;}
    
    #generalContact #consent  {margin-bottom:55px;}
        #generalContact #consent #consent01   {float:left;}
        #generalContact #consent #consent02   {float:right;}
        #generalContact #consent .consent     {width:350px;}
        #generalContact #consent .consent dt  {margin-bottom:30px;}
        #generalContact #consent .consent dd  {width:195px; margin:0 auto; background:url(../images/infopage/btn_consent_on.gif) no-repeat 0 0;}
        #generalContact #consent .consent a   {display:block; overflow:hidden; height:0; padding-top:24px; background:url(../images/infopage/btn_consent.gif) no-repeat 0 0;}

    #generalContact #demand  {text-align:center; background:#fff; border:1px dotted #c8c6be; padding:22px 0; margin-bottom:55px;}
        #generalContact #demand .number  {font-size:26px;}
        #generalContact #demand .number strong  {font-size:30px;}



#generalContact #generalTxt a.btnBlack {
	background-color:#000;
	color:#fff;
	padding:10px 5px 10px 0;
	width:360px;
	text-align:center;
	display:block;
	border-radius:4px;
}
#generalContact #generalTxt a.btnBlack em {
	background:url(../images/common/ic_list_white.png) no-repeat 0 50%;
	padding-left:10px;
}
#generalContact #generalTxt a.btnBlack:hover {
	opacity:0.7;
	-moz-transition: all 0.2s ease-in;
	-webkit-transition:all 0.2s ease-in;
}

/*---------------------------------------------------------------------
NEWS layout
---------------------------------------------------------------------*/
#news  {padding-bottom:100px;}
    #news h3  {margin-bottom:40px; padding-bottom:15px; border-bottom:1px solid #797979; font-size:200%;}
    
    #news #newsContainer  {}
    
    #news #newsNav  {float:left; width:92px; padding:12px 18px 10px 18px; border:1px dotted #c8c6be; background:#fff; text-align:center;}
        #news #newsNav li        {background:url(../images/news/line_news-x.gif) repeat-x 0 100%; padding:0 0 2px 0; margin-bottom:2px;}
        #news #newsNav .last     {background:none;}
        #news #newsNav a         {display:block; padding:16px 0; font-weight:bold; color:#000;}
        #news #newsNav a:hover   {background:#f4f1e6;}
        #news #newsNav a.active  {background:url(../images/news/bg_hover.gif) repeat 0 0;}
        #news #newsNav span      {background:url(../images/common/ic_arrow-d_x2.gif) no-repeat 0 50%; padding-left:8px;}

    #news #newsArticle  {float:right; width:550px;}
        #news #newsArticle .news_entry  {clear:both; margin-bottom:20px;}
        #news #newsArticle .news_title  {background:#f4f1e6; border-bottom:1px solid #797979; margin-bottom:24px; padding:10px 0 10px 14px; font-size:133%; font-weight:bold;}
        #news #newsArticle .titNews     {background:#f4f1e6; border-bottom:1px solid #797979; margin-bottom:24px; padding:10px 0 10px 14px; font-size:133%; font-weight:bold;}/* add FA */
        #news #newsArticle .news_body   {padding:0 0 40px 12px;}