@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body { margin:0; padding:0; background-color:#F2F2F2;}
#wrap { width:978px; margin:0 auto;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {margin-left:8px;height:215px;background:url(../../common_images/img_back_head.png) left bottom no-repeat;}
#headerArea h1{ float:left; line-height:0em; padding-left:14px; margin-top:9px; margin-bottom:4px;}
#headerAreaInner{}

#headerAreaInner ul#back{ float:right; width:233px; margin-top:9px; margin-right:6px;}
#headerAreaInner ul#back li{ float:left; padding-left:8px; font-size:12px;}
#headerAreaInner ul#back li.fstli{ border-right:1px solid #999; padding-right:10px;}
#headerAreaInner ul#back li.lastli{ padding-right:0; margin-top:-2px; padding-left:7px;}
#headerAreaInner ul#back li a:link{ outline:none; color:#666;}


/*----------------------------------------------------------------------------
 ***                                                       Header - breadcrumb
----------------------------------------------------------------------------*/
#breadcrumb{ border-top:1px solid #999; color:#808080; font-size:10px; padding-top:5px; padding-left:8px; margin-left:6px; width:943px;}
#breadcrumb ul{}
#breadcrumb li,
#breadcrumb li a:link{ outline:none; color:#808080;}
#breadcrumb li{ float:left; margin-bottom:31px;}


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
.contentsArea { padding:0 38px 15px 30px; background:url(../../common_images/img_back_body.png) left top repeat-y; margin-left:8px;}
.contentsAreaInner { padding:5px 22px 0 22px;}


.contentsArea h4{}
.contentsAreaInner p{ color:#333;}

#jumpSec{ background-color:#E6E6E6; padding:20px 0 10px 0; border:none;}
#jumpSec p{ font-size:18px; font-weight:bold; text-align:center; margin-left:5px;}


/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                     gnavi
----------------------------------------------------------------------------*/
#gnavi{ margin:0; padding:0; padding-left:28px; border:none;}
#gnavi h2{ font-size:36px; line-height:1.0em; font-weight:normal; margin-bottom:18px; padding-left:1px;}
#gnavi h2 img{ margin-right:13px;}
#gnavi h2 span{ letter-spacing:-0.3em;}
#gnavi p{ display:none;}



/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ background:url(../../common_images/img_back_foot.png) left top no-repeat; margin-left:13px;}
#footerAreaInner{ padding-top:40px;}
#footerAreaInner p{ text-align:center;}

/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop{ font-size:12px; text-align:right;}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}


@media screen and (max-width:480px){

#gnavi h2{ font-size:40px; line-height:1.0em; font-weight:normal; margin-bottom:18px; padding-left:1px;}


}


