@charset "utf-8";

@import "/Portals/0/css/contents.css";
@import "/Portals/0/css/navigation.css";


/* ======================================================================= */

/*  itoenhotel ----- skin */

/* ======================================================================= */



/* ===========================================================
 common
=========================================================== */

/* PCで非表示のエリア*/
.pcArea{display:block;}
.spArea{display:none;}

body,img{margin:0;padding:0;border:none;}

/* clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* clearfixEND */

html{height:100%;}
body{height:100%;min-width:950px;font-family:'Meiryo','Verdana','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';color:#333;font-size:14px;}

a,
a:link,
a:visited,
a:active,
a:hover{color:#40591d;text-decoration:underline;}
a:hover{color:#87a064;}


/* ===========================================================
 skin
=========================================================== */
#skinIndex,
#skin2Columns,
#skin1Column{color:#333; background: url(/Portals/0/Skins/CRX-ITH/images/bg_body.jpg); overflow: hidden; }


/* ===========================================================
 header
=========================================================== */
div#header { background:#FFF; padding-bottom:20px;}

#headBody{width:980px;margin:0 auto;padding:15px 0 0 0;text-align:left; background:#FFF;}
/* clearfix */
#headBody:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#headBody{display:inline-block;}
* html #headBody{height:1%;}
#headBody{display:block;}
/* clearfixEND */

/* Logo -----------------------------------------------------------*/
#headBody .headLogo{float:left;width:500px;margin:10px 0 0 0;padding:0;}
#headBody .headLogo h1 { background: none; margin:0; padding:0; height: 40px;}
#headBody p.Logo { padding:0;}


/* headUtility -----------------------------------------------------*/
.headUtility{ width:480px; float:right;padding:0;}
/* clearfix */
.headUtility:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.headUtility {display:inline-block;}
* html .headUtility {height:1%;}
.headUtility {display:block;}
/* clearfixEND */

/* HeadPane -----------------------------------------------------------*/
.HeadPane{padding:0 0 10px 0; width: 180px; float:left;}

/* Fontsizer -----------------------------------------------------------*/
.Fontsizer{float:left;width:116px;height:16px;background:url(/Portals/0/Skins/CRX-ITH/images/bg_font_size.gif) no-repeat 0 2px;}
.Fontsizer ul{margin:0;padding:0 0 0 60px;}
/* clearfix */
.Fontsizer ul:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.Fontsizer ul{display:inline-block;}
* html .Fontsizer ul{height:1%;}
.Fontsizer ul{display:block;margin:2px 0 0 0;padding:0 0 0 60px;}
/* clearfixEND */
.Fontsizer li{float:left;width:18px;height:16px;margin:0 0 0 1px;padding:0;list-style-type:none;}
.Fontsizer li:first-child { margin-left:0;}
.Fontsizer li a,
.Fontsizer li a:link,
.Fontsizer li a:visited,
.Fontsizer li a:active,
.Fontsizer li a:hover{display:block;width:18px;height:16px;text-indent:-9999px;overflow:hidden;background:url(/Portals/0/Skins/CRX-ITH/images/bg_font_size.gif) no-repeat 0 0;overflow:hidden;}
.Fontsizer li.fontsizeS a,
.Fontsizer li.fontsizeS a:link,
.Fontsizer li.fontsizeS a:visited,
.Fontsizer li.fontsizeS a:active,
.Fontsizer li.fontsizeS a:hover{background:url(/Portals/0/Skins/CRX-ITH/images/bg_font_size.gif) no-repeat -98px 0;}
.Fontsizer li.fontsizeS a:hover{background-position:-98px -16px;}
.Fontsizer li.fontsizeM a,
.Fontsizer li.fontsizeM a:link,
.Fontsizer li.fontsizeM a:visited,
.Fontsizer li.fontsizeM a:active,
.Fontsizer li.fontsizeM a:hover{background:url(/Portals/0/Skins/CRX-ITH/images/bg_font_size.gif) no-repeat -79px 0;}
.Fontsizer li.fontsizeM a:hover{background-position:-79px -16px;}
.Fontsizer li.fontsizeL a,
.Fontsizer li.fontsizeL a:link,
.Fontsizer li.fontsizeL a:visited,
.Fontsizer li.fontsizeL a:active,
.Fontsizer li.fontsizeL a:hover{background:url(/Portals/0/Skins/CRX-ITH/images/bg_font_size.gif) no-repeat -60px 0;}
.Fontsizer li.fontsizeL a:hover{background-position:-60px -16px;}

* html .Fontsizer{margin:0 0 0 10px;}

/* searchWrap -----------------------------------------------------------*/
.searchWrap{float:right;position:relative;width:170px;height:30px;}
.searchWrap input{position:absolute;top:0;left:0;margin:0;padding: 1px 5px;width:126px;height:18px;font-size:12px;line-height:22px;border:none; background: url(/Portals/0/Skins/CRX-ITH/images/bg_search_input.jpg) no-repeat top left; }
.searchWrap a,
.searchWrap a:link,
.searchWrap a:visited{position:absolute;top:0;right:0;width:40px;height:20px;display:block;text-indent:-9999px;overflow:hidden;background:url(/Portals/0/Skins/CRX-ITH/images/bg_search_btn.jpg) no-repeat 0 0;}
.searchWrap a:hover,
.searchWrap a:active{background-position:0 -20px;}

/* language -----------------------------------------------------------*/
ul.language { clear: both; float: right;}
ul.language li { margin:0 0 0 14px;}
ul.language li:first-child { margin-left:0;}
ul.language li img:hover {opacity:0.7;filter:alpha(opacity=70); /* For IE8 and earlier */}

/* clearfix */
ul.language:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul.language{display:inline-block;}
* html ul.language{height:1%;}
ul.language{display:block;margin:0 0 0 69px;padding:0;}
/* clearfixEND */

ul.language li { float: left; list-style: none;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{clear:both;width:100%px;margin:0;padding:0;height:60px;text-align:left;background:url(/Portals/0/Skins/CRX-ITH/images/bg_gnav.jpg) repeat-x;}
/* clearfix */
#gNav:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#gNav{display:inline-block;}
* html #gNav{height:1%;}
#gNav{display:block;}
/* clearfixEND */
#gNav div.SEOMenuV2 { width: 980px; margin: 0 auto;}

.globalMenu ul{margin:0;padding:0;}
.globalMenu li{margin:0;padding:0;list-style-type:none;}


/* ===========================================================
 content
=========================================================== */
#skinIndex div#mainWrap { width: 980px; margin:0 auto; padding:20px 0 0; text-align: left;}
#skin2Columns div#mainWrap,
#skin1Column div#mainWrap { width: 980px; margin:0 auto; padding:15px 0 0; text-align: left;}

/* clearfix */
div#mainWrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
div#mainWrap{display:inline-block;}
* html div#mainWrap{height:1%;}
div#mainWrap{display:block;}
/* clearfixEND */


#mainBody{clear:both;width:980px;margin:0 auto;padding:0;text-align:left;}
/* clearfix */
#mainBody:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#mainBody{display:inline-block;}
* html #mainBody{height:1%;}
#mainBody{display:block;}
/* clearfixEND */
.TopPane { width:980px;margin:0 auto;clear:both;text-align:left;}
.TopBottomPane {width:980px;margin:25px auto;} 

.SideTopPane{padding-bottom:5px;}
#skin2Columns .SideTopPane {padding-bottom:0px;}

.breadcrumb{width:975px;margin:12px auto 0;padding:0 0 0 5px;font-size:85%;color:#333;text-align:left;}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active,
.breadcrumb a:hover{color:#666;text-decoration:none;}
.breadcrumb a:hover{color:#333;text-decoration:none;}

.pagetop{clear:both; width:1000px;margin:0 auto ;padding:0 0 0 0;}
.pagetop a,
.pagetop a:link,
.pagetop a:visited{ display: block; background:url(/Portals/0/Skins/CRX-ITH/images/bg_pagetop.png) 0 0 no-repeat; float: right; width:156px; height:46px; text-align: left; text-indent: -9999em; overflow: hidden;}
.pagetop a:hover,
.pagetop a:active{background:url(/Portals/0/Skins/CRX-ITH/images/bg_pagetop_on.png) 0 0 no-repeat;}

/* clearfix */
.pagetop:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.pagetop{display:inline-block;}
* html .pagetop{height:1%;}
.pagetop{display:block;}
/* clearfixEND */



/* ===========================================================
 footBody
=========================================================== */
div#footer { background:url(/Portals/0/Skins/CRX-ITH/images/bg_footer.png) repeat-x;padding: 60px 0 0 0;}

.footerBody{clear:both;margin:0 auto;padding:0; width: 980px;}

/* clearfix */
.footerBody:after{ overflow:hidden;}
.footerBody{display:inline-block;}
* html .footerBody{height:1%;}
.footerBody{display:block;}
/* clearfixEND */

.FootPane{width:620px; float:left;margin:0 auto;padding:0 0 65px;text-align: right;}
.copyright{ float: right;width:300px;margin:0 auto;padding:5px 0 10px 0;font-size:8px;color:#000;text-align:right;}


.FootBottomPane{ clear: both;width:980px;margin:0 auto;}





/* ===========================================================
 css for each skin
=========================================================== */
#skinIndex #contentWrap{ float:left; width:556px;}
#skinIndex #sideWrap{float:right; width:401px;}


#skin2Columns #sideWrap { float:left; width:240px;}
#skin2Columns #contentWrap { float:right; width:640px; background: #FFF; padding: 35px;}

#skin1Column #contentWrap { width: 910px; background: #FFF; padding: 35px;}

/* ===========================================================
 css for admin
=========================================================== */

/* css-for-adminModules */
.FileManager_LeftBox{width:200px !important;}
.FileManager_LeftBox img{height:13px !important;}
#dnn_ctr362_ModuleContent table{width:100% !important;}
#dnn_ctr362_ModuleContent table td{text-align:left !important;}




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