@charset "utf-8";
/*
Theme Name: ニセコプロモーションボード中国語ページ
Theme URI: http://www.nisekotourism.com/hk/
Description: ニセコプロモーションボード中国語ページ用テーマ
Version: 1.0
Author: atstyleworks
Author URI: http://atstyleworks.co.jp
Tags:

*/
/* http://www.nisekotourism.com/のスタイルシート読み込み */
@import url("http://www.nisekotourism.com/en/wp-content/themes/npb_en/style.css");
@import url("http://www.nisekotourism.com/include/include.css");

/*
*{
	font-family: "Arial Unicode MS" !important;
}
*/

div#visual{
	width:960px;
	height:240px;
}

ul{
	padding:0px ;
}

.title-main {
    padding-bottom:6px;
    margin-bottom:2px;
    border-bottom:#3399CC 2px solid;
    overflow:auto;
    zoom:100%;
}
.title-main h2 {
    font-size:131%;
    font-weight:bold;
    margin:0px;
    padding:0px;
}

div#container{ margin-top:15px; }

*html body div#container{
	width:960px !important;
	text-align:left !important;
}

div#leftContent{
	float:left;
	width:240px;
	height:870px;
    background:#E8E4E1 url("img/side_bg.jpg") left top repeat-x;
}

div#leftContent div#top-weather-area{
	margin-left:30px;
}

div#leftContent div#top-weather-area p{
	margin:0px;
	padding:0px;
}

div#centerContent{
	float:left;
	width:490px;
	padding:0px 15px;
	background:url("img/contents_bg.jpg") left top no-repeat;
	overflow:hidden;
}

div#mainContent{

}

div#mainBottomContent{

}

div#rightContent{
	float:left;
	width:170px;
	height:800px;
    background:url("img/contents_bg.jpg") left top no-repeat;
    padding:15px;
    padding-right:3px;
    padding-bottom:0px;
}

div#affiliateContent{
	margin:10px;
	width:940px;
	position:relative;
}

div#affiliateContent img{ display:inline; }

div#footer{
	position:relative;
}

p#footerComment{
	position:absolute;
	top:10px;
	right:10px;
	text-align:right;
	color:#ffffff;
}

/**
 * 上メニュー
 */
ul li a.menulink{
    /font-size:100% !important;
    font-weight:normal !important;
}

ul.menu ul li a {
    font-size:108% !important;
}

ul.menu ul li a:visited {
   color:#ffffff !important;
}


ul#menu{
	margin-top:0px;
}

h1{
	margin-bottom:0px;
}

/**
 * 左メニュー
 */
ul.leftMenu{
	margin-top:5px;
	margin-left:15px;
}

ul.leftMenu li{
	display:block;
}

ul.leftMenu li a{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	width:210px;
	height:30px;
	line-height:30px;
	/* 夏 */
	/*
	background:url("img/menu_middle.jpg") no-repeat;
	*/
	/* 冬 */
	background:url("img/menu_middle_winter.jpg") no-repeat;
	font-weight:normal;
}

ul.leftMenu li a:hover{
	background-position:-210px 0px;
	text-decoration:none;
}

ul.leftMenu li a:visited{ color:#ffffff; }

ul.leftMenu li a.menuTop{
	/* 夏 */
	/*
	background-image:url("img/menu_top.jpg");
	*/
	background-image:url("img/menu_top_winter.jpg");

}

ul.leftMenu li a.menuBottom{
	/* 夏 */
	/*
	background-image:url("img/menu_bottom.jpg");
	*/
	/* 冬 */
	background-image:url("img/menu_bottom_winter.jpg");
	height:35px;
}

ul.leftMenu li a.menuAlone{
	height:35px;
	/* 夏 */
	/*
	background-image:url("img/menu_alone.jpg");
	*/
	/* 冬 */
	background-image:url("img/menu_alone_winter.jpg");
}

/**
 * 真ん中
 */

div.top-event {
    background:url(./img/top_bg_event.jpg) left top no-repeat;
    min-height:0px;
	padding:0px;
	padding-top:10px;
	padding-left:10px;
}

div.top-event img{ display:inline; }

.top-event table {
    width:490px;
}

.top-event table th{
	text-align:left;
	width:70px;
}

div#blogDiv{
	margin-top:10px;
}

div#blogRss{
	background:url("img/blog_bg.jpg") no-repeat;
	margin-bottom:10px;
}

div#blogRss img{ float:right; }

div#blogDiv ul{
	clear:both;
	padding:0px 0px;
}

div#blogDiv li{
	background:url('img/blog_bg_middle.jpg') repeat-y;
	padding:0px 10px;
}

div#blogDiv ul li a{
	padding-left:7px;
}


div#subTopic div{
	float:left;
	margin-right:10px;
	padding-left:10px;
	width:220px;
	border-left:1px solid #cccccc;
}

div#subTopic div img{
	float:left;
	padding-right:10px;
}

div#subTopic div a{
	font-size:13px;
	color:#3399FF;
	font-weight:bold;
}

div#mainContent div div{
	width:105px;
	height:180px;
	background:url("img/main_content_box.jpg") no-repeat;
	float:left;
	margin-right:10px;
	padding:5px;
	text-align:center;
}

div#mainContent div div p{
	display:block;
	width:103px;
	/* 夏 */
	/*
	background:#548B23;
	*/
	/* 冬 */
	background:#0073B0;
	margin-top:1px;
	height:18px;
	line-height:18px;
	color:#ffffff;
	margin-bottom:0px;
}

div#mainContent div div p a{
	color:#ffffff;
}

/*
div#mainContent div div p a:hover{
	color:#3366ff;
}
*/

div#mainContent div div.last{
	margin-right:0px;
}

div#mainContent div div ul{
	padding-top:0px;
	margin-top:0px;
}

div#mainContent div div ul li a{
	color:#666666;
}

div#mainContent div div ul li a:hover{
	color:#3366ff;
}

div#mainContent div div ul li, div#mainContent div div ul li a{
	font-size:11px;
	line-height:1.6;
	font-family: "Arial Unicode MS";
	/font-size:70% !important;
	/line-height:1.8;
}

div#mainBottomContent{ text-align:center; }

div#mainBottomContent img{ display:inline; }


/**
 * 個別ページ用
 */
.contents{
	float:left;
	width:690px;
	overflow:hidden;
}

/**
 * クリアフィックス
 */
/* モダンブラウザ（Firefox Opera Safari）対策 */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    font-size:0;
}

/* Win版IE7とMac版IE5対策 */
.clearfix{
    display:inline-block;
}

/* Win版IE5および6対策 *//* Hides from IE-mac \*/
* html .clearfix{
    height:1px;
}

.clearfix{
    display:block;
}

/**
 * その他
 */
.marginTop0{ margin-top:0px !important; }
.marginTop10{ margin-top:10px !important; }
.marginTop15{ margin-top:15px !important; }
.marginTop20{ margin-top:20px !important; }
.marginTop30{ margin-top:30px !important; }
img{ display:block; }



/**
 * メニュー
 * 最終的には英語のページのスタイルシートに共通で書く
 */

.menu {
    width:961px;
}

ul.menu a {
    display:block;
    text-decoration:none;
}

/*プルダウンメニュー位置*/
ul.menu li {
    display:block;
    position:relative;
    float:left;
    zoom:100%;
    z-index:5;
}

ul.menu ul {
    position:absolute;
    top:30px;/*第一階層メニュー画像の縦幅分*/
    left:0;
    display:none;
    opacity:0;
    zoom:100%;
}

/*第二階層のまとまり*/
ul.menu ul li {
    position:relative;
    width:120px;
    zoom:100%;
}


/*全項目のaリンク*/
ul.menu ul li a {
    display:block;
    padding:3px 3px 5px 9px;
    color:#fff;
    font-family:'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴシック Pro W3', osaka;
    font-size:93%;
    zoom:100%;
/* 冬 */

	background:#0091D2;
    border-bottom:#00A5EC 1px solid;/*明るめ*/
    border-left:#00A5EC 1px solid;/*明るめ*/
    border-right:#007AAE 1px solid;/*暗め*/

/* 夏 */
    /*
	background:#609224;
    border-bottom:#457110 1px solid;
    border-left:#457110 1px solid;
    border-right:#3C640B 1px solid;
    */
}

/* モダンブラウザ用ハック */
html>/**/body ul.menu ul li a{	font-size:12px !important;}


/*全項目のロールオーバー*/
ul.menu ul li a:hover {
    color:#fff;
    display:block;

/* 冬 */
	border-bottom:#005293 1px solid;
    background:#005293;
    text-decoration:none;

/* 夏 */
    /*
    border-bottom:#2c6803 1px solid;
    background:#2c6803;
    */
}

ul.menu ul li a:visited {
/* 冬 */
	/* color:#A2E3FF; */
/* 夏 */
    /* color:#AAFFA2; */
}

/*2階層目のサブメニュー位置*/
ul.menu ul ul {
    left:120px;
    top:1px;
}

/*その下にさらに階層がある項目*/
ul.menu .sub {
/* 冬 */
	background:#0091D2 url(./img/sub_allow.gif) 96% 8px no-repeat;
/* 夏 */
	/*
    background:#609224 url(./img/sub_allow.gif) 96% 8px no-repeat;
    */
}
ul.menu a:hover.sub {
    color:#fff;
 /* 冬 */
 	border-bottom:#005293 1px solid;
    background:#005293 url(./img/sub_allow.gif) 96% 8px no-repeat;
/* 夏 */
    /*
    border-bottom:#2c6803 1px solid;
    background:#2c6803 url(./img/sub_allow.gif) 96% 8px no-repeat;
    */
    text-decoration:none;
}
ul.menu a:visited.sub {
/* 冬 */
	/* color:#A2E3FF; */
/* 夏 */
    /* color:#AAFFA2; */
}


#menu li{
	display:blcok;
}

#menu li a.menulink{
	display:blcok;
	width:120px;
	height:30px;
	line-height:30px;
	color:#ffffff;
	/* 夏 */
	/*
	background:url("img/top_menu120.gif") no-repeat;
	*/
	/* 冬 */
	background:url("img/top_menu120_winter.gif") no-repeat;
	font-size:12px;
	text-align:center;
}

#menu li a.menulink:hover{
	background-position: 0px -30px !important;
}

*:first-child+html #menu li a.menulink{
	font-size:13px;
}

*html body #menu li a.menulink{
	font-size:13px;
}

#menu li a#last_big{
	width:120px;
	background-image:url("img/top_menu120.gif");
}

.contents .page-body .content2 ul {
    margin:0 25px 30px 20px;
    padding:20px 15px;
    border:#E0DBD3 1px solid;
}
.contents .page-body .content2 li {
    padding:0 0 10px 30px;
    background:url(../../../images/event/allow_right.gif) left 5px no-repeat;
}
.contents .page-body .content2 li img {
    margin-right:7px;
}