@charset "utf-8";
@import "/Portals/0/Skins/skinAdmin.css";
@import "/Portals/0/css/contents.css";

/* ===========================================================
 default
=========================================================== */
/*--- Android 4.xx problems ---*/
*{background-image:url(/Portals/0/images/common/bg_ad4_problem.gif);}

*,
*:before,
*:after{box-sizing:border-box;}

/* html,body */
html{height:100%;font-size:13px;}
body{min-width:1160px;height:100%;margin:0;padding:0;font-size:100%;line-height:1.6;color:#333;font-family:'Meiryo','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';border:none;}
body.fontSize1{font-size:84%;}
body.fontSize2{font-size:100%;}
body.fontSize3{font-size:115%;}
/* a */
a,
a:link,
a:visited{opacity:1;text-decoration:none;}
a:hover,
a:active{text-decoration:underline;}
a:hover img{opacity:0.8;}
a{color:#30a511;}
a,
a img{transition:all 0.2s;}
/* img */
img{margin:0;padding:0;border:none;}
/* p */
p{margin:0;padding:0 0 15px 0;}
/* ul,ol */
ul,
ol{margin:0 0 0 2em;padding:0 0 15px;}
li{margin:0;padding:0 0 5px;line-height:1.3;}
ul li li,
ol li li{}
/* hr */
hr{margin:10px 0;height:1px;background:#999;border:0;}
/* em */
em{font-family:'Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';}
/* header */
h1{position:relative;margin:0 0 20px;padding:6px 0 16px 10px;font-size:246.2%;line-height:1.3;letter-spacing:0.1em;font-weight:normal;color:#333;clear:both;}
h1:before{content:"";position:absolute;height:115%;border-left:12px solid;top:-8px;left:-30px;}
h1:after{content:"";position:absolute;height:102%;border-left:12px solid;top:-8px;left:-30px;}
#skin1Column h1:before,
#skin1Column h1:after{left:-20px;}
.visitor h1:before{border-color:#b5e632;}
.visitor h1:after {border-color:#30a511;}
.planner h1:before{border-color:#54b1ff;}
.planner h1:after {border-color:#0061b3;}
.pacifico h1:before{border-color:#c8c8c8;}
.pacifico h1:after{border-color:#7e7e7e;}


h2{position:relative;margin:30px 0 20px 0;padding:10px 0 10px 18px;font-size:170%;line-height:1.3;letter-spacing:2px;font-weight:normal;color:#fff;background:#30a511;border-bottom:6px solid #b5e632;}
h2.imgHeader{background:none !important;color:#333;}
h3,
.formTable fieldset legend.txtTitle{position:relative;margin:30px 0 20px 0;padding:10px 0 10px 0;font-size:147%;line-height:1.3;letter-spacing:2px;font-weight:normal;border-bottom:4px solid #eee;}
h3:after,
.formTable fieldset legend.txtTitle:after{content:"";position:absolute;bottom:-4px;left:0;display:block;width:30%;height:4px;background:#30a511;}
h4{margin:25px 0 15px 0;padding:0 0 8px 0;font-size:108%;line-height:1.3;letter-spacing:2px;font-weight:bold;border-bottom:2px solid #ccc;}
h5{margin:20px 0 10px 0;padding:0;font-size:108%;line-height:1.3;letter-spacing:2px;font-weight:bold;}
h6{margin:20px 0 10px 0;padding:0;font-size:100%;line-height:1.3;font-weight:bold;}
/* table */
table{border-collapse:collapse;border-spacing:0;}
table th{padding:0;text-align:left;vertical-align:top;}
table td{padding:0;}


/* ===========================================================
 skin
=========================================================== */
.skinWrapper{color:#333;overflow:hidden;background:#f5fff7/* -variations- */;}

/* for admin */
.ModuleTitle_MenuContainer > tbody > tr > td,
.ModuleTitle_MenuContainer > tbody > tr > td > table{width:auto;}


/* ===========================================================
 headBody
=========================================================== */
#headBody{margin:0 auto;padding:2px 0 0;text-align:left;background:#fff;border-bottom:6px solid #30a511/* -variations- */;}
/* headTopWrap */
.headTopWrap{width:1100px;margin:0 auto;padding:10px 0;}
.headTopWrap:before,
.headTopWrap:after{content:"";display:table;}
.headTopWrap:after{clear:both;}
/* headTopWrapArea */
.headTopWrapArea{float:right;margin:0;padding:0;}
.headTopWrapArea:before,
.headTopWrapArea:after{content:"";display:table;}
.headTopWrapArea:after{clear:both;}
/* HeadTopPane */
.HeadTopPane{float:left;max-width:600px;margin:0;padding:0;}
/* fontSizer */
#fontSizer{float:left;display:block;width:72px;height:22px;margin:0 0 0 20px;padding:0;}
#fontSizer:before,
#fontSizer:after{content:"";display:table;}
#fontSizer:after{clear:both;}
#fontSizer li{float:left;display:block;width:22px;height:22px;margin:0 0 0 3px;padding:0;text-indent:100%;overflow:hidden;white-space:nowrap;list-style-type:none;}
#fontSizer li:hover{cursor:pointer;}
#fontSizer li:first-child{margin:0;}
#fontSizer li.fontsizeS{background:url(/Portals/0/Skins/PAS/images/btn_fontsize.png) no-repeat 0 0/* -variations- */;}
#fontSizer li.fontsizeS:hover,
#fontSizer li.fontsizeS.active{background-position:0px -22px;}
#fontSizer li.fontsizeM{background:url(/Portals/0/Skins/PAS/images/btn_fontsize.png) no-repeat -25px 0/* -variations- */;}
#fontSizer li.fontsizeM:hover,
#fontSizer li.fontsizeM.active{background-position:-25px -22px;}
#fontSizer li.fontsizeL{background:url(/Portals/0/Skins/PAS/images/btn_fontsize.png) no-repeat -50px 0/* -variations- */;}
#fontSizer li.fontsizeL:hover,
#fontSizer li.fontsizeL.active{background-position:-50px -22px;}
/* searchWrap */
.searchWrap{position:relative;float:left;width:170px;height:22px;margin:0 0 0 20px;border:1px solid #30a511/* -variations- */;border-radius:2px;}
.searchWrap span{position:absolute;top:3px;left:5px;color:#999;font-size:92.3076%;}
.searchWrap input{position:absolute;top:0;left:0;width:143px;height:22px;margin:0;padding:0 0 0 3px;font-size:92.3076%;line-height:22px;border:none;background:none;}
.searchWrap input:focus{padding:0 0 0 3px;border:none;outline:none;}
.searchWrap a{position:absolute;top:0;right:0;display:block;width:22px;height:22px;text-indent:100%;white-space:nowrap;overflow:hidden;background:url(/Portals/0/Skins/PAS/images/btn_search.png) no-repeat 3px 3px/* -variations- */;}
.searchWrap a:hover{opacity:0.8;filter:alpha(opacity=80);}
/* headWrap */
.headWrap{width:1100px;margin:0 auto;padding:0;}
.headWrap:before,
.headWrap:after{content:"";display:table;}
.headWrap:after{clear:both;}
/* Logo */
.headLogo{margin:0 auto;width:1100px;position:relative;}
.headLogo .logo{margin:0;padding:0;border:none;background:none;position:absolute;top:52px;left:0;}
.headLogo .logo:before,
.headLogo .logo:after{display:none;}
.headLogo .logo a{margin:0;padding:0;display:block;}
.headLogo .logo a img{vertical-align:bottom;}

/* HeadPane */
.HeadPane{float:right;margin:0 -20px 0 0;padding:0;}


/* ===========================================================
 gNav
=========================================================== */
.cloneLink{display:none;}
.tokenMenu .cloneLink,
.sideMenu .cloneLink{display:block;}
/**/
#gNav{clear:both;height:74px;margin:0 auto;padding:0;text-align:left;background:#f5fff7/* -variations- */;position:relative;z-index:11;}
#gNav:before,
#gNav:after{content:"";display:table;}
#gNav:after{clear:both;}
.tokenMenu{width:1100px;margin:0 auto;z-index:90;}
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu ul:before,
.tokenMenu ul:after{content:"";display:table;}
.tokenMenu ul:after{clear:both;}
.tokenMenu li{margin:0;padding:0;list-style-type:none;}
.tokenMenu > ul > li{display:none;}
.tokenMenu > ul > li{position:relative;float:left;display:none;margin:0;padding:0;list-style-type:none;}
.tokenMenu > ul > li > a{transition:none;}
.tokenMenu > ul > li > a,
.tokenMenu > ul > li > a:hover{display:block;height:74px;margin:0;padding:0;line-height:74px;text-indent:100%;overflow:hidden;white-space:nowrap;background:url(/Portals/0/Skins/PAS/images/btn_gnav.png) 0 0 no-repeat;}
.tokenMenu > ul > li > ul{display:none;position:absolute;top:74px;left:0;width:220px;margin:0;padding:0;background:rgba(255, 255, 255, 0.9);z-index:1;}
.tokenMenu > ul > li.Tab236 > ul,
.tokenMenu > ul > li.Tab308 > ul{right:0;left:inherit;}
.tokenMenu > ul > li:hover > ul{display:block;}
.tokenMenu > ul > li > ul > li{margin:0;padding:0;}
.tokenMenu > ul > li > ul > li > a{display:block;margin:1px 0 0 0;padding:10px 35px 10px 18px;color:#333;text-decoration:none;background:url(/Portals/0/Skins/PAS/images/arw_gnavLev01.png) 195px 15px no-repeat/* -variations- *//* -variations- */;}
.tokenMenu > ul > li > ul > li:first-child > a{margin:0;}
.tokenMenu > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li.currentItem > a,
.tokenMenu > ul > li > ul > li.parentItem > a{color:#fff;background:url(/Portals/0/Skins/PAS/images/arw_gnavLev02.png) 195px 15px no-repeat rgba(48, 165, 17, 0.85)/* -variations- *//* -variations- */;}
.tokenMenu > ul > li > ul > li > ul{display:none;}

.pacifico .tokenMenu > ul > li > ul{width:274px;}
.tokenMenu > ul > li > ul > li > a,
.tokenMenu > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li.currentItem > a,
.tokenMenu > ul > li > ul > li.parentItem > a{background-position:250px 15px;}

.pseudo .sideMenu ul ul li{border-bottom:2px solid #30a511;}
.pseudo .sideMenu ul ul li a{padding:15px 12px 15px 35px;color:#444;font-size:115.4%;text-align:left;background-color:#fff;position:relative;}
.pseudo .sideMenu ul ul li a:hover{background-color:#b5e632;}
.pseudo .sideMenu ul ul li a:before{content:"";position:absolute;top:1.3em;left:12px;width:14px;height:11px;text-align:center;background:url(/Portals/0/Skins/PAS/images/arw_gnavLev02.png) #30a511 no-repeat;background-position:center;}
.pseudo .sideMenu ul ul li a.currentLink,
.pseudo .sideMenu ul ul li a.parentLink{color:#30a511;background-color:#b5e632;}
.pseudo .sideMenu ul ul li.currentItem ul,
.pseudo .sideMenu ul ul li.parentItem ul{display:block;}
.pseudo .sideMenu ul ul ul{padding:10px 10px 10px 35px;background:#eeffc2;display:none;}
.pseudo .sideMenu ul ul ul li{border:none;}
.pseudo .sideMenu ul ul ul li a{padding:8px 0 8px 15px;background:url(/Portals/0/Skins/PAS/images/arw_gnavLev01.png) 0 0.8em no-repeat;}
.pseudo .sideMenu ul ul ul li a:hover,
.pseudo .sideMenu ul ul ul li a.currentLink,
.pseudo .sideMenu ul ul ul li a.parentLink{color:#30a511;background-color:transparent;}
.pseudo .sideMenu ul ul ul li a:before{display:none;}
.pseudo .sideMenu ul ul ul ul{padding:0 0 10px 16px;}
.pseudo .sideMenu ul ul ul ul li a{padding:5px 0 5px 15px;background:url(/Portals/0/Skins/PAS-visitor/images/arw_gnavLev02.png) 0 0.65em no-repeat;font-size:100%;}
.pseudo .sideMenu ul ul ul ul ul{display:none !important;}
.pseudo .sideMenu > ul > li.currentItem,
.pseudo .sideMenu > ul > li.parentItem,
.pseudo .sideMenu > ul > li.currentItem li,
.pseudo .sideMenu > ul > li.parentItem li{display:block;}


/* ===========================================================
 content
=========================================================== */

/* TopPane */
.TopPane{clear:both;margin:0 auto;text-align:left;}
/* main */
main#mainBody,
#mainBody{clear:both;display:block;width:1150px;margin:0 auto;padding:0;text-align:left;}
#mainBody:before,
#mainBody:after{content:"";display:table;}
#mainBody:after{clear:both;}
#mainBody:after{clear:both;}
/* contentWrapArea */
#contentWrapArea{margin:0 0 15px 0;padding:0 20px 20px;background:#fff;border:6px solid rgba(229,229,229,0.2);-moz-background-clip:padding;-webkit-background-clip:padding;background-clip:padding-box;}
#contentBottomWrap:before,
#contentBottomWrap:after{content:"";display:table;}
#contentBottomWrap:after{clear:both;}
.ContentBottomLeftPane{width:70%;float:left;}
.ContentBottomRightPane{width:27%;float:right;}
/* side */
.SideTopPane{padding-bottom:5px;}
.sideMenu{margin-bottom:10px;border:6px solid rgba(229,229,229,0.2);}
/* breadcrumb */
.breadcrumb{width:1150px;margin:0 auto;padding:5px 30px 25px;font-size:95%;line-height:20px;color:#333;text-align:left;}
.breadcrumb a{display:inline-block;color:#333;text-decoration:none;}
.breadcrumb a:hover{color:#999;text-decoration:none;}
.breadcrumb span{display:inline-block;}
.breadcrumb span span{padding:0 0.5em;}
.breadcrumb span span.breadcrumbItem{padding:0;}
/* BottomPane */
.BottomPane{clear:both;}
/* pagetop */
.pagetop a{width:60px;height:60px;white-space:nowrap;text-indent:100%;right:30px;overflow:hidden;z-index:10;background:url(/Portals/0/Skins/PAS/images/btn_pagetop.gif) no-repeat 0 0;/* -variations- */	;transition:none;}
.pagetop a:hover{opacity:0.8;filter:alpha(opacity=80);}


/* ===========================================================
 footBody
=========================================================== */
/* footBody */
#footBody{position:relative;clear:both;margin:0 auto;padding:0;}
#footBody:after{content:"";position:absolute;top:150px;left:0;display:block;width:100%;height:92px;margin:0 auto;z-index:0;background:#30a511;/* -variations- */}
/* footWrap */
#footWrap{position:relative;clear:both;width:1150px;margin:0 auto;padding:150px 0 0 0;z-index:1;background:url(/Portals/0/Skins/PAS/images/bg_foot.png) no-repeat 0 0;/* -variations- */}
#footWrap:before,
#footWrap:after{content:"";display:table;}
#footWrap:after{clear:both;}
/* FootPane */
.FootPane{float:left;width:810px;margin:0 auto;padding:0;}
.FootPane:before,
.FootPane:after{content:"";display:table;}
.FootPane:after{clear:both;}
/* FootRightPane */
.FootRightPane{float:right;width:290px;margin:0 auto;padding:0;}
.FootRightPane:before,
.FootRightPane:after{content:"";display:table;}
.FootRightPane:after{clear:both;}
/* copyright */
.copyright{clear:both;margin:0 auto;padding:10px 0;font-size:84%;color:#fff;text-align:center;background:#30a511;/* -variations- */}


/* ===========================================================
 css for each skin
=========================================================== */
/* skinIndex */
#skinIndex .mainWrap{position:relative;display:inline-block;width:100%;margin:-70px auto 0;}
#skinIndex #sideWrap{float:right;width:294px;}
#skinIndex #contentWrap{float:left;width:840px;}
/* skin2Columns */
#skin2Columns #sideWrap{float:right;width:250px;}
#skin2Columns .ContentTopPane{margin:0 0 30px;padding:20px;background:#fff;border:6px solid rgba(229,229,229,0.2);}
#skin2Columns #contentWrap{padding:20px 25px;float:left;width:870px;background:#fff;border:6px solid rgba(229,229,229,0.2);}
/* skin1Column */
#skin1Column #contentWrap{margin:0 0 15px 0;padding:20px 14px;background:#fff;border:6px solid rgba(229,229,229,0.2);}
/* #skin1Column.mypage */
#skin1Column.mypage .headLogo{z-index:99;}

/* ===========================================================
 css for print
=========================================================== */
@media print{
body{font-family:"ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
}