/*
Theme Name:
Theme URI: http://nagapp.com/
Description:
Version: 0.1
Author URL: si@nagapp.com
*/

@charset "UTF-8";

/***************************************
基本
****************************************/


* {
    margin:0;
    padding:0;
}

body{
    background:#F5F5F3 url(./img/bg.jpg) top repeat-x;
    color: #666666;
	font-family:Helvetica, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴシック Pro W3', osaka;
	font-size:77%;
	line-height:150%;
	text-align:center;
}
strong {
    font-weight:bold;
}

a:link {
    color:#0073AA;
    text-decoration:none;
}
a:visited {
    color:#4B3F94;
    text-decoration:none;
}
a:active {
    color:#0066CC;
    text-decoration:none;
}
a:hover {
    color:#0066CC;
    text-decoration:underline;
}
a:focus {
    outline:none;
}

table, td, th {
    border-collapse:collapse;
    vertical-align:top;
    font-weight:normal;
}

img {
    border:0;
    text-decoration:none;
}

ul, li {
    list-style-type:none;
}

h1, h2, h3{
	font-weight:normal;
}

span {
    font-size:80%;
    line-height:120%;
}

.left, .alignleft {
    float:left;
}
.right, .alignright {
    float:right;
}
.clear {
    clear:both;
}

/***************************************
文字色
****************************************/

.red {
    color:#CB3A69;
}
.gold {
    color:#D78702;
}

.blue {
    color:#0099CC;
}
.green {
    color:#1D98B3;
}
.glay {
    color:#AEAEA6;
}


/************************************************
基本パーツ
************************************************/

#body1 {
    width:100%;
	text-align:center;
}

/*中央寄せ*/
#body2 {
    width:960px;
    background:#fff;
    border-right:#C4ECF0 1px solid;
    border-left:#C4ECF0 1px solid;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

#container {
    width:960px;
}

.side-left-home {
    width:210px;
    background:#E8E4E1 url(./img/side_bg.jpg) left top repeat-x;
}
.side-left {
    width:210px;
    background:#E8E4E1 url(./img/side_bg.jpg) left 240px repeat-x;
}

body:first-of-type .side-left{
    background:#E8E4E1 url(./img/side_bg.jpg) left 225px repeat-x;
}

.side-right {
    width:170px;
    background:url(./img/contents_bg.jpg) left top no-repeat;
    /*background:url(./img/side_linedot.gif) left top repeat-y;*/
    padding:15px;
    padding-right:3px;
}

.contents {
    background:url(./img/contents_bg.jpg) left top no-repeat;
    padding:15px;
}

#header{
    width:960px;
}

#footer{
    width:960px;
}

/************************************************
メインメニュー
************************************************/

/* safari only \*/

body:first-of-type #visual {
/*
    position:relative;
    top:-16px;
*/
}

.menu {
    width:961px;
}


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

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

/* safari only \*/
/*
body:first-of-type ul.menu li {
    position:relavive;
    top:-16px;
    left:-40px;
}
*/


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

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

/*全項目のaリンク*/
ul.menu ul li a {
    display:block;
    padding:3px 3px 5px 2px;
    color:#fff;
    font-size:85%;
    letter-spacing:-0.1em;
/* 冬 */
    background:#0091D2;
    border-bottom:#00A5EC 1px solid;/*明るめ*/
    border-left:#00A5EC 1px solid;/*明るめ*/
    border-right:#007AAE 1px solid;/*暗め*/
    /* font-size:100%; */

    zoom:100%;


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

html>/**/body ul.menu ul li a {
/*
	font-size:85% !important;
*/
	font-size:10px !important;
    letter-spacing:0em;
    padding:3px 3px 5px 6px;
}


/*全項目のロールオーバー*/
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:137px;
    top:1px;
}

/*その下にさらに階層がある項目*/
ul.menu .sub {

/* 冬 */
    background:#0091D2 url(./img/sub_allow.gif) 96% 8px no-repeat;
/* 夏 */
    /* background:#80b244 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;
    /* background:#2c6803 url(./img/sub_allow.gif) 96% 8px no-repeat; */
    text-decoration:none;

}
ul.menu a:visited.sub {
/* 冬 */
    /* color:#A2E3FF; */

/* 夏 */
    /* color:#AAFFA2; */
}

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

/************************************************
09-06-23追加
************************************************/

#menu li{
	display:blcok;
}

#menu li a.menulink{
	display:blcok;
	width:137px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	background:url("img/top_menu137.gif") no-repeat;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

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

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



/********  トップページ用 ***/

div#top-weather-area{
	margin-left:10px;
	display:block;
	position:relative;
	width:180px;
	height:80px;
	background:url("img/weather_bn.jpg") no-repeat;
    z-index:0;
}

div#top-weather-area p{
	position:absolute;
	left:97px;
	bottom:5px;
	font-size:12px;
}

p#go-to-all{
	text-align:left;
	width:100%;
	position:relative;
}

td p#go-to-all a{
	padding-left:2em;
	display:block;
	position:absolute;
	right:0px;
	width:70px;
	height:20px;
	line-height:20px;
	background:url("http://nisekotourism.com/wp-content/themes/npb_jp/img/events_bt.jpg") no-repeat;
	font-size:12px;
	font-weight:bold;
}

td p#go-to-all a:hover{
	background-position:0px -20px;
}

/************************************************
第2メニュー
************************************************/

#menu2 {
    width:961px;
}

#menu2 a{
	float:left;
	display:inline;
	width:137px;
	height:35px;
	line-height:35px;
	color:#ffffff;
	background:url("img/top_menu137.gif") no-repeat;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

#menu2 a#menu2_big{
	width:138px;
	background-image:url("img/top_menu138.gif");
}

#menu2 a:hover{
	background-position:0px -35px;
}

/************************************************
トップページ
************************************************/

.title {
    margin-bottom:15px;
}

.side-left-photo {
    width:210px;
    background:url(./img/side_bg_photo.jpg) left bottom no-repeat;
    /*min-height:300px;*/
    padding:15px 15px 80px 15px;
}

* html .top-live {
    height: auto !imporant;
    height:300px;
}

.side-module p {
    margin-top:10px;
    margin-bottom:15px;
}

.top-event {
    background:url(./img/top_bg_event.jpg) left top no-repeat;
    padding:10px 0 10px 70px;
    min-height:80px;
}
.top-event table {
    width:420px;
}
.top-event table th {
    width:60px;
    white-space:no-wrap;
    padding-right:5px;
    /*color:#018DCE;*/
}
.top-event table .eve-icon {
    width:50px;
    padding-bottom:5px;
    line-height:130%;
}
.top-event table .eve-txt {
    padding-bottom:5px;
    line-height:130%;
}

.top-event table a:link {
    color:#666666;
}
.top-event table a:visited {
    color:#999999;
}
.top-event table td img {
    position:relative;
    top:3px;
    margin-right:6px;
}


.top-message {
    background:url(./img/top_bg_about.jpg) left top no-repeat;
    min-height:160px;
    padding-left:10px;
    padding-top:85px;
}
.top-message p {
    line-height:160%;
}

.top-feature p {
    margin-bottom:3px;
}

.icon-new {
    margin-top:-5px;
    margin-left:3px;
}

/************************************************
個別ページ
************************************************/

.menu3 {
    margin-top:2px;
    background:#F4F3F1 url(/~www.nisekotourism.com/images/event/bg.jpg) top repeat-x;
    padding:10px;
    border-bottom:#fff 1px solid;
    overflow:auto;/*FF2.0で背景がずれる*/
    zoom:100%; /*IEで背景がずれる http://css.webcreativepark.net/tips7/ */
}
.menu3 span {
    margin:0 5px;
    color:#ccc;
    font-size:100%;
}

.page-body .content1 {
}
.page-body .content2 {
    background:#F3F1F0 url(../../../images/yellow/list_bg.jpg) left top repeat-x;
    padding:25px 30px 11px 30px;
    line-height:160%;
}
.page-body .content2 h3 {
    color:#3399CC;
    font-size:131%;
    padding:12px 15px;
    margin-bottom:8px;
    border-top:#fff 1px solid;
    border-left:#3399CC 2px solid;
    background:#F4F3F1 url(../../../images/event/bg.jpg) top repeat-x;
    clear:both;
}
.page-body .content2 h3 img {
    margin-right:10px;
}
.page-body .content2 h4 {
    font-weight:bold;
    margin:20px 0 0 0;
    padding-left:20px;
    /*border-left:#3399CC 2px solid;*/
    font-size:108%;
}
.page-body .content2 p {
    padding-left:20px;
    margin:10px 10px 20px 0;
}
.page-body .content2 img {
    vertical-align:bottom;
}

.page-body .content2 table {
    width:95%;
    margin:0 20px 40px 20px;
    background:url(../../../images/yellow/line.gif) left top repeat-x;
}
.page-body .content2 table th {
    width:200px;
    padding:5px 20px 5px 0;

    line-height:140%;
    background:url(../../../images/yellow/line.gif) left bottom repeat-x;
}
.page-body .content2 table td {
    padding:5px 0 5px 0;
    background:url(../../../images/yellow/line.gif) left bottom repeat-x;
    line-height:140%;
}

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


/*WPで投稿した写真*/
.size-thumbnail {
    margin:0 10px 10px 10px;
    border:#E0DBD3 2px solid;
}
/*下部 補足事項*/
.note {
    font-size:85%;
    padding:0;
    margin-top:10px;
    text-align:center;
}

/*フォーム部分*/
.content2 .txt {
    width:450px;
    border:#E0DBD3 1px solid;
}
.content2 .submit {
    padding:5px 10px;
    background:#E3DFD7;
    border-right:#C7C0B1 1px solid;
    border-bottom:#C7C0B1 1px solid;
}

/***************************************
イベントカレンダー
****************************************/

.page-body .content3 {
    background:#F3F1F0 url(../../../images/yellow/list_bg.jpg) left top repeat-x;
    padding:25px 20px 11px 20px;
    line-height:160%;
}

.ifm {
    width:650px;
    overflow:hidden;
}

/***************************************
トップページ　ライブカメラ
****************************************/

.top-live table {
    width:100%;
}
.top-live table th {
    width:125px;
    padding:6px 0 6px 0;
}
.top-live table th img {
    border:#fff 1px solid;
}

.top-live table td {
    padding:6px 0 6px 0;
    line-height:125%;
}
#caption {
    font-size:123.1%;
    line-height:130%;
}
#numberDisplay {
    font-size:108%;
    line-height:130%;
}

/***************************************
下位ページ　左袖天気
****************************************/

.side-module .weather_link {
    font-size:85%;
    text-align:center !important;
    margin-bottom:15px;
}



/***************************************
フォントサイズ統一
****************************************/

body {
    font : 13px/1.231 ;
    *font-size : small;
    *font : x-small;
}
table {
    font-size : inherit;
    font : 100%;
}
pre,
code,
kbd,
samp,
tt {
    font-family : monospace;
    *font-size : 108%;
    line-height : 100%;
}

/*

これを読み込ませて、%で指定

ピクセル    %
10          77
11          85
12          93
13          100
14          108
15          116
16          123.1
17          131
18          138.5
19          146.5
20          153.9
21          161.6
22          167
23          174
24          182
25          189
26          197

*/