@charset "utf-8";
/*
Theme Name: [JP] PARC theme
Author: Shizuo Fujino @NetAddict
Author URI: http://www.netaddict.jp/
Version: 1.0
*/

/*===================================================================
  import reset CSS
===================================================================*/
@import url(./css/ress.css);


/*===================================================================
  Common
===================================================================*/
html{ width:100%; height:100%; overflow-y:scroll; }
body{ width:100%; height:100%; min-width:958px; min-height:558px; color:#333333; font-size:16px; font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic',Verdana,Arial,Helvetica,sans-serif; }
a{color:#333333;text-decoration:none;}
a:hover{color:#6793ce;text-decoration:underline;}
a.BtnImg img{opacity:1;}
a.BtnImg:hover img{opacity:0.5;}
div:after{ content:""; clear:both; display:block; }
p{line-height:170%;}
.indent{ padding-left:1em; text-indent:-1em; }

/*===================================================================
  Contents
===================================================================*/
.contentsHeader{ font-size:13px; height:25px; border-bottom:1px #333333 solid; }
.contentsTitle{ font-size:30px; font-weight:bold; line-height:130%; margin-bottom:30px; }
.mainContentsArea p{ margin-top:10px; }

h1{ font-weight:normal; font-size:25px; margin-top:40px; }
h2{ font-weight:normal; font-size:20px; margin-top:40px; }
h3{ font-weight:normal; font-size:16px; margin-top:40px; color:#ffffff; font-weight:bold; padding:5px 10px 3px 10px; background-color:#6793ce; }
h4{ font-weight:normal; font-size:16px; margin-top:40px; padding:5px 10px 3px 10px; border:1px #666666 solid; }

.fBold{ font-weight:Bold; }
.cRed{ color:#d90000; }

/*===================================================================
  Pagination
===================================================================*/
.pagination{ clear:both; padding:20px 0; position:relative; font-size:11px; line-height:13px; }
.pagination span, .pagination a { display:block; float:left; margin: 2px 2px 2px 0; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#fff; background: #555; }
.pagination a:hover{ color:#fff; background: #3279BB; }
.pagination .current{ padding:6px 9px 5px 9px; background: #3279BB; color:#fff; }

/*===================================================================
  Post Category List
===================================================================*/
.catListDefaultBox{ border-top:1px #999999 solid; }
.catListDefault{ padding:10px 0; border-bottom:1px #999999 solid; }
.catListDefault div{ float:left; }
.catListDefault div:nth-of-type(1){ width:90px; }
.catListDefault div:nth-of-type(1) img{ width:80px; height:60px; border:1px #666666 solid; }
.catListDefault div:nth-of-type(2){ width:610px; }
.catListDefault div:nth-of-type(2) p:nth-of-type(1){ line-height:100%; font-size:90%; margin:0;}
.catListDefault div:nth-of-type(2) p:nth-of-type(2){ margin-top:5px; }



/*===================================================================
  Post Archive
===================================================================*/
.postArchivePanel{ float:left; width:230px; height:172px; overflow:hidden; margin-top:5px; margin-left:5px; position:relative; border:1px #000000 solid; }
.postArchivePanel:nth-of-type(3n+1){ margin-left:0; }
.postArchivePanelImg{ width:230px; height:172px; position:absolute; top:0px; left:0px; }
.postArchivePanelImg img{ width:230px; height:172px; }
.postArchivePanelTitle{ width:230px; height:35px; padding:5px 10px; position:absolute; top:0px; left:0px; background-color:rgba(44,44,124,0.7); }
.postArchivePanelTitle p{ line-height:100%; color:#ffffff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.postArchivePanelMemo{ width:230px; height:72px; position:absolute; top:100px; left:0px; background-color:rgba(0,0,0,0.5); }
.postArchivePanelMemo p{ padding:5px; line-height:130%; font-size:12px; color:#ffffff; overflow:hidden; }


/*===================================================================
  Common Layout
===================================================================*/
.wrapper{ }
.mainBodyArea{ width:1000px; margin:0 auto; margin-top:20px; }
.sideBarArea{ float:left; width:250px;}
.mainContentsArea{ float:right; width:700px; }


/*===================================================================
  LeftMenu
===================================================================*/
.sideMenu{ width:250px; margin-bottom:50px;  }
.sideMenuAnc{ font-size:90%; display:block; float:left; width:100%; line-height:110%; padding:8px 10px; margin-bottom:3px; border-radius:5px; background-color:#e5e5e5;  }
.sideMenuNow{ font-size:90%; display:block; float:left; width:100%; line-height:110%; padding:8px 10px; margin-bottom:3px; border-radius:5px; background-color:#d1deef;  }
.sideMenu a:hover{ text-decoration:none; color:#ffffff; background-color:#6793ce; }
.sideMenuBanner{ width:250px; margin-top:10px;  }
.sideMenuBanner img{ max-width:250px; }
.sideMenuBanner img:hover img{opacity:0.5;}
.sideMenuBanner p{ line-height:120%; }
.sideMenuBanner a{ font-size:13px; }
.sideMenuBanner a:hover img{opacity:0.5;}


/*===================================================================
  Header
===================================================================*/
.header{ width:100%; height:190px; }
.headerMainArea{ width:1000px; height:140px; position:relative; margin:0 auto; background-color:#ffffff; }
.headerMenu{ width:100%; height:50px; background-color:#eeeeee; }
.headerMenuArea{ width:1000px; height:50px; position:relative; margin:0 auto; background-color:#ffffff; border-top:1px #eeeeee solid; border-bottom:1px #eeeeee solid; }
.headerMenuArea a{ display:block; width:100px; float:left; height:48px; background-color:#ffffff; border-right:1px #eeeeee solid; }
.headerMenuArea a:hover{ text-decoration:none; color:#ffffff; background-color:#6793ce; }
.headerMenuArea a:nth-of-type(1){ color:#ffffff; background-color:#333333; }
.headerMenuArea a:nth-of-type(1):hover{ text-decoration:none; color:#ffffff; background-color:#6793ce; }
.headerMenuArea a.headerMenuNow{ color:#ffffff; background-color:#6793ce; }
.headerMenuArea p{ font-size:90%; height:48px; width:100px; line-height:140%; padding:0 5px; display:table-cell; text-align:center; vertical-align:middle; }


.headerLogo { width:180px; height:140px; position:absolute; top:  0px; left:  0px; }
.headerTitle{ width:400px; height:140px; position:absolute; top:  0px; left:190px; }
.headerSearchBox{ width:202px; height:27px; position:absolute; top: 10px; left:798px; border:1px #333333 solid; }
.headerSearchInput{ float:left; width:175px; height:25px; line-height:25px; font-size:90%; padding:3px; }
.headerSearchBtn{ float:left; width:25px; height:25px; }
.headerSubMenu{ width:420px; height:30px; line-height:30px; text-align:right; position:absolute; top: 40px; left:580px; }
.headerSubMenu a{ font-size:90%; }
.headerLangChg{ width:100px; height:25px; position:absolute; top:70px; left:900px; }
.headerLangChg a{ display:block; width:100px; height:25px; line-height:25px; font-size:13px; font-weight:bold; color:#ffffff; text-align:center; background-color:#333333; }
.headerLangChg a:hover{ background-color:#6794cf; border-color:#6794cf;color:#ffffff; text-decoration:none; }


/*===================================================================
  Footer
===================================================================*/
.footer{ width:100%; height:320px; }
.footerPgTop{ width:100%; height:180px; padding-top:100px; }
.footerPgTopBtn{ cursor:pointer; width:60px; height:60px; margin:0 auto; }
.footerPgTopBtn:hover{ opacity:0.5;}
.footerArea{ width:100%; height:110px; background-color:#f2f2f2; }
.footerAreaBody{ width:1000px; height:80px; margin:0 auto; padding-top:15px; }
.footerAreaBodyL{ float:left; width:501px; height:80px; position:relative; border-right:1px #000000 solid; }
.footerAreaBodyL div{ width:120px; height:80px; position:absolute; top:  0px; left:118px; }
.footerAreaBodyL p:nth-of-type(1){ width:240px; height:20px; position:absolute; top:20px; left:258px; font-size:16px; }
.footerAreaBodyL p:nth-of-type(2){ width:240px; height:20px; position:absolute; top:45px; left:258px; font-size:13px; }
.footerAreaBodyR{ float:left; width:499px; height:80px; position:relative; }
.footerAreaBodyR p:nth-of-type(1){ width:480px; height:20px; position:absolute; top: 5px; left: 19px; font-size:15px; }
.footerAreaBodyR p:nth-of-type(2){ width:480px; height:20px; position:absolute; top:30px; left: 19px; font-size:14px; }
.footerAreaBodyR p:nth-of-type(3){ width:170px; height:20px; position:absolute; top:55px; left: 19px; font-size:15px; }
.footerAreaBodyR p:nth-of-type(4){ width:250px; height:20px; position:absolute; top:55px; left:180px; font-size:15px; }
.footerAreaBodyR p:nth-of-type(3):before{ content:url(./img/footerIconTel.png);  margin-right:3px; position:relative; top:3px; }
.footerAreaBodyR p:nth-of-type(4):before{ content:url(./img/footerIconMail.png); margin-right:3px; position:relative; top:3px; }
.footerCopyright{ width:100%; height:30px; }
.footerCopyright p{ font-size:90%; height:30px; line-height:30px; text-align:center; }

/*===================================================================
  共用装置 prefix:dev_
===================================================================*/
.dev_anchor{color:#6793ce;text-decoration:none;}
.dev_anchor:hover{color:#d90000;text-decoration:underline;}
.dev_columnHead{ font-size:1.1rem; font-weight:bold; color:#5b9bd5; padding-top:40px; border-bottom:1px #000000 solid; }
.dev_columnHead > span{ display:inline-block; padding-left:20px; font-weight:bold; font-size:0.8em; color:#cc0000; }
.dev_columnMemoHead{ font-size:1rem; font-weight:bold; padding-top:20px; }
.dev_boxT01{ margin-top:10px; }
.dev_boxT01 > div:nth-of-type(1){ float:left; width:230px; padding-top:10px; }
.dev_boxT01 > div:nth-of-type(2){ float:left; width:450px; margin-left:20px; }
.dev_boxT01 > div:nth-of-type(1) > p{ display:block; margin:0; width:230px; height:25px; line-height:25px; color:#ffffff; text-align:center; background-color:#5b9bd5; border-radius:5px; }
.dev_boxT01 > div:nth-of-type(1) > p > span{ display:block; margin:0; width:230px; height:25px; line-height:25px; text-align:center; color:#000000; font-weight:bold; background-color:#ffffff; }

.dev_columnParcInfo{ padding-top:40px; }
.dev_anchorT01{ display:block; width:250px; margin:0 auto; margin-top:30px; height:40px; line-height:40px; color:#5b9bd5; text-align:center; border:1px #5b9bd5 solid; border-radius:5px; }
.dev_anchorT01:hover{ background-color:#5b9bd5; color:#ffffff; text-decoration:none; }

.dev_tableT01{ margin-top:20px; font-size:0.8rem; }
.dev_tableT01 .tHead{ background-color:#ffffcc; }

.dev_tableT02{ margin-top:20px; font-size:0.8rem; }
.dev_tableT02 .tHead{ background-color:#ffffcc; }

.dev_tableT03{ margin-top:20px; font-size:0.8rem; }
.dev_tableT03 .tHead{ background-color:#ffffcc; }