/* ************************************************************* */
/* skyport niigata base_sub stylesheet  - update 2008.03.25      */
/* ************************************************************* */

html,body {
	margin: 0;
	padding: 0
;}
body {
	color: #696969; /* dimgray */
	font-size: small; /* xx-small,x-small,small,medium,large,x-large */
	background-color: #FFFFFF; /* white */
	font-family: "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka, Verdana,sans-selif;
}

textarea {
	font-family: "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Verdana, arial, sans-selif;
}

/* ************************************************************* */
/* 画像用囲み　images */
/* ************************************************************* */
.photo {
	float: left;
	margin: 0 5px 5px 0;
}
.photo img {
	/* border: solid 1px black; */
}
.photo_s {
	float: left;
	margin: 0 5px 5px 0;
}
.photo_s img {
	width: 150px;
}
.photo_100 {
	float: left;
	margin: 0 5px 5px 0;
}
.photo_100 img {
	width: 100px;
}
.photo_80 {
	float: left;
	margin: 0 5px 5px 0;
}
.photo_80 img {
	width: 80px;
}
.photo_link {
	clear: both; /* 回りこみを全て解除します */
	margin: 2px 0;
	width: 760px;
	border: none;
}
.photo_33 {
	margin: 0;   /* ３×３のイメージ展示用 */
}

/* ************************************************************* */
/* テーブル　Table Design */
/* ************************************************************* */
table, th, td {
	border: none;
}
th {
	padding: 5px;
	border-top: solid 1px #1E90FF; /* dodgerblue */
	border-right: solid 1px #1E90FF; /* dodgerblue */
	border-bottom: solid 1px #1E90FF; /* dodgerblue */
	background-color: #F5FFFA; /* mintcream */
	color: #000000; /* black */
	white-space: nowrap;
	font-size: 12px;
}
td {
	padding: 5px;
	border-right: solid 1px #1E90FF; /* dodgerblue */
	border-bottom: solid 1px #1E90FF; /* dodgerblue */
	background-color: #FFFFFF; /* white */
	font-size: 12px;
}
.tb_item {
	font-weight: bold;
	background-color: #F5FFFA; /* mintcream */
	white-space: nowrap;	
}
.tb_content {
}
.leftcell {
	border-left: solid 1px #1E90FF; /* dodgerblue */
}
caption {
	margin: 0;
	padding: 0 0 5px 2px;
	border-left: solid 10px #FFFFFF; /* white */
	font-size: 12px;
	font-weight: bold;
	color: seagreen;
	text-align: left;
}

/* ************************************************************* */
/* ID-04 Search Bar  Google, Yohoo!, Goo の検索窓を設置します */
/* ************************************************************* */
#search-bar {
	clear: both; /* 回りこみを全て解除します */
	background-color: #FFFFFF; /* white */
	margin: 0;
	padding: 0;
	/* height: 20px; */
}
.menu-table {
	font-size: small;
}

/* ************************************************************* */
/* ID-10 container */
/* ************************************************************* */
#container {
	margin: 0 auto; /* center */
	width: 760px;
	background-color: #FFFFFF; /* white */
	/* background-image: url(parts/wallppr039.gif); */
	/* background-repeat: repeat; */
}

/* ************************************************************* */
/* ID-00 sitetop */
/* ************************************************************* */
#sitetop {
	background-color: #F5FFFA; /* mintcream */
	margin: 0;
	padding: 0;
	width: 760px;
	height: 410px;
	background-image : url(img/sitetop.jpg);
	background-repeat: no-repeat;
}

.sitetop_text {
	margin: 2px 10px; /* 値１：上下　値２：左右 */
}
.sitetop-p1_top {
	vertical-align: top;
	font-size: large; /* normal */
	font-weight: bold;
	color: #FFD700; /* gold */
}
.sitetop-p2_middle {
	vertical-align: middle;
	font-size: x-large; /*  */
	font-weight: bold;
	color: #ADFF2F; /* greenyellow */
	/* text-shadow: #FFFFFF 2px 2px 1.3px; */
}
.sitetop-p3_bottom {
	vertical-align: bottom;
	font-size: x-large; /* x-small */
	font-weight: bold;
	color: #FFFFFF; /* whlte */
}

/* ************************************************************* */
/* ID-01 header */
/* ************************************************************* */
#head {
	background-color: #F5FFFA; /* mintcream */
	padding: 0;
	width: 760px;
	height: 150px;
	background-image : url(img/header.gif);
	background-repeat: no-repeat;
}

.head_text {
	margin: 2px 10px; /* 値１：上下　値２：左右 */
}
.p1_top {
	vertical-align: top;
	font-size: normal;
	font-weight: bold;
	color: #FFD700; /* gold */
}
.p2_middle {
	vertical-align: middle;
	font-size: x-large;
	font-weight: bold;
	color: #ADFF2F; /* greenyellow */
	/* text-shadow: #FFFFFF 2px 2px 1.3px; */
}
.p3_bottom {
	vertical-align: bottom;
	font-size: x-small;
	font-weight: bold;
	color: #FFFFFF; /* whlte */
}

/* ************************************************************* */
/* ID-02 navi-top */
/* ************************************************************* */
#navi-top {
	background-color: #F5FFFA; /* mintcream */
	padding: 2px 0; /* 2px 0 */
}

/* ************************************************************* */
/* ID-05 navi-bottom */
/* ************************************************************* */
#navi-bottom {
	clear: both; /* 回りこみを全て解除します */
	margin: 2px 0;
	padding: 0;
}

/* ************************************************************* */
/* ID-06 footer */
/* ************************************************************* */
#footer {
	clear: both; /* 回りこみを全て解除します */
	margin: 0;
	padding: 10px 0;
	border-top: solid 1px #CCCCCC;
	color: #696969;
	font-size: x-small;
	text-align: center;
	background-image : url(parts/bg22-orange.gif);
	background-repeat: repeat;
}

/* ************************************************************* */
/* ID-03 main-container */
/* ************************************************************* */
/* main-container */
#main-container {
	padding: 0;
}

/* ************************************************************* */
/* ID-03-01 main-left */
/* ************************************************************* */
#main-left {
	float: left; /* 要素を左側に配置、後続要素を右側に回りこみ */
	margin: 0;
	padding: 0;
	width: 150px;
	background-color: #FF9900; /* オレンジ系 */
}

/* ************************************************************* */
/* ID-03-01 main-left-y */
/* ************************************************************* */
#main-left-y {
	float: left; /* 要素を左側に配置、後続要素を右側に回りこみ */
	margin: 0;
	padding: 0;
	width: 150px;
	background-color: #FFFF99; /* 黄色系 */
}

/* ************************************************************* */
/* ID-03-03 main-right */
/* ************************************************************* */
#main-right {
	/* float: right;  要素を左側に配置、後続要素を右側に回りこみ */
	position : absolute;
	left: 634px;
	top: 182px;
	margin: 0;
	padding: 0;
	width: 126px;
	background-color: #FF9900; /* オレンジ系 */
}

/* ************************************************************* */
/* sidebar */
/* ************************************************************* */
.sidebar {
	margin-top: 1em;
	margin-left: 5px;
	margin-right: 5px;
	height: 100%;
}

/* ************************************************************* */
/* ID-03-02 main */
/* ************************************************************* */
#main {
	float: left; /* 要素を左側に配置、後続要素を右側に回りこみ */
	margin: 0 2px; /* 0 2px */
	padding: 0;
	border: none;
	width: 606px;
	background-color: #FFFFFF; /* white */
	background-image : url(parts/wallppr034.gif);
	background-repeat: repeat;
}
#main-all {
	float: left; /* 要素を左側に配置、後続要素を右側に回りこみ */
	margin: 0 2px;
	padding: 0;
	border: none;
	width: 756px;
	background-color: #FFFFFF; /* white */
	background-image : url(parts/wallppr034.gif);
	background-repeat: repeat;
}
#main-link {
	float: left; /* 要素を左側に配置、後続要素を右側に回りこみ */
	margin: 0;
	padding: 0;
	border: none;
	width: 756px;
	background-color: #FFFFFF; /* white */
}

/* ************************************************************* */
/* Parts */
/* ************************************************************* */

/* ************************************************************* */
/*  MENU bar A   Top & Bottom */
/* ************************************************************* */
.menu-bar {
	border-top: solid 1px #696969;
	border-bottom: solid 1px #696969;
	background-color: #DCDCDC; /* gainsboro */
}
.menu-bar-yellow {
	border-top: solid 1px #696969;
	border-bottom: solid 1px #696969;
	background-color: #FFFFCC; /* yellow */
}
.menu {
	width: 760px;
	margin: 0 auto;
}
.floatclear {
	clear: left;
	overflow: hidden;
}
.menu div {
	float: left;
	margin: 0;
	padding: 5px 10px;
	border-right: solid 1px #696969;
}
.menu div.left {
	border-left: solid 1px #696969;
}
.menu a {
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}
.menu a:link {
	color: #000080; /* navy */
}
.menu a:visited {
	color: #008B8B; /* darkcyan */
}
.menu a:hover {
	color: #00BFFF; /* deepskyblue */
}

/* ************************************************************* */
/*  MENU bar B  Side icon_arrow */
/* ************************************************************* */
.menu-b div {
	width: 150px;
	margin: 0;
	padding: 5px 0;
	border-bottom: solid 2px #6666CC;
}
.menu-b div.top {
	border-top: solid 2px #6666CC;
}
.menu-b a {
	padding-left: 15px;
	background-image : url(parts/icon_arrow1.gif);
	background-repeat: no-repeat;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}
.menu-b a:link {
	color: #FFFFFF; /* white */
}
.menu-b a:visited {
	color: #FFFACD; /* lemonchiffon */
}
.menu-b a:hover {
	background-image : url(parts/icon_arrow2.gif);
}
.hiddenimg {
	display: none;
}
.menu-b div.menu-btitle {
	/* border-top: solid 2px #6666CC; */
	border-bottom: none;
	background-color: #FFFFFF; /* white */
 	font-size: xx-small;
	font-weight: bold;
	color: #FFFFF0; /* ivory */
	text-align: center;
}
.menu-b div.menu-btitle_m {
	/* border-top: solid 2px #6666CC; */
	border-bottom: none;
	background-color: #FFFFFF; /* white */
 	font-size: x-small;
	font-weight: bold;
	color: #696969; /* dimgray */
	text-align: center;
}

/* ************************************************************* */
/*  MENU bar Green - type + icon_arrow */
/* ************************************************************* */

.menu-g div {
	width: 150px;
	margin: 0;
	padding: 5px 0;
	border-bottom: solid 2px #66CC00; /* Sub Color */
}
.menu-g div.top {
	border-top: solid 2px #66CC00; /* Sub Color */
}
.menu-g a {
	padding-left: 15px;
	background-image: url(parts/icon_arrow1.gif);
	background-repeat: no-repeat;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
}
.menu-g a:link {
	color: #000080; /* navy */
}
.menu-g a:visited {
	color: #00BFFF; /* deepskyblue */
}
.menu-g a:hover {
	background-image: url(parts/icon_arrow2.gif);
}
.hiddenimg {
	display: none;
}
.menu-g div.menu-gtitle {
	/* border-top: solid 2px #6666CC; */
	border-bottom: none;
	background-color: #66CC00; /* Sub Color */
 	font-size: xx-small;
	font-weight: bold;
	color: #FFFFF0; /* ivory */
	text-align: center;
}
.menu-g div.menu-gtitle_m {
	/* border-top: solid 2px #6666CC; */
	border-bottom: none;
	background-color: #66CC00; /* Sub Color */
 	font-size: x-small;
	font-weight: bold;
	color: #FFFFF0; /* ivory */
	text-align: center;
}

/* ************************************************************* */
/* 見出し囲み  midashi-kakomi */
/* ************************************************************* */
div.line {
	margin-bottom: 1em; /* 1em*/
	border: solid 1px #6495ED; /* cornflowerblue */
}
.m-line {
	margin: 0;
	padding: 5px 5px;
	background-color: #6495ED; /* cornflowerblue */
	font-size: small;
	color: #FFFFF0; /* ivory */
}
.m-text {
	padding: 5px 5px;
	background-color: #FFFFFF;
}
.m-text p {
	margin: 0;
	font-size: x-small;
}

.m-text p.follow {
	margin-top: 1em;
	font-size: x-small;
}

/* ************************************************************* */
/* 見出し付箋 */
/* ************************************************************* */
.husen-text{
	/* margin-left: 20px; */
}
.husen-text p {
	margin: 5px 2px 5px 10px; /* 上 右 下 左 */
	text-indent: 1em; /* indent */
	font-size: small;  /* テキストの大きさ　x-small */
}
/* ************************************************************* */
/* 見出し付箋  orange */
/* ************************************************************* */
.husen-orange {
	padding: 4px 2px 4px 5px; /* 上 右 下 左 */
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1em solid #FFA500; /* orange */
	background-color: #F5FFFA; /* mintcream */
	font-size: small;
	color: #2F4F4F; /* darkslategray */
/*	
	background-image: url(parts/bg_tag.gif);
	background-repeat: no-repeat;
	background-position: top right;
*/
}
/* ************************************************************* */
/* 見出し付箋  blue */
/* ************************************************************* */
.husen-blue {
	padding: 4px 2px 4px 5px; /* 上 右 下 左 */
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1em solid #1E90FF; /* dodgerblue */
	background-color: #F5FFFA; /* mintcream */
	font-size: small;
	color: #2F4F4F; /* darkslategray */
}
/* ************************************************************* */
/* 見出し付箋  gold */
/* ************************************************************* */
.husen-gold {
	padding: 4px 2px 4px 5px; /* 上 右 下 左 */
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1em solid #FFD700; /* gold */
	background-color: #F5FFFA; /* mintcream */
	font-size: small;
	color: #2F4F4F; /* darkslategray */
}

/* ************************************************************* */
/* 見出し  h2 variation */
/* ************************************************************* */
.bgimg-text{
	margin-left: 10px;
}
.bgimg-text p{
	font-size: x-small;
}
h2.h2-bgimg {
	margin: 0;
	padding: 4px 2px 4px 5px; /* 1em 1em 1em 5px */
	border-top: 1px dashed #808080;
	border-bottom: 1px dashed #808080;
	background-image : url(parts/wallppr023.gif);
	background-color: #F5FFFA; /* mintcream */
	font-size: small;
	color: #2F4F4F; /* darkslategray */
}
h2.h2-bgimg-double {
	margin: 0;
	padding: 4px 2px 4px 5px; /* 1em 1em 1em 5px */
	border-top: 3px double #808080;
	border-bottom: 3px double #808080;
	background-image : url(parts/wallppr023.gif);
	background-color: #F5FFFA; /* mintcream */
	font-size: small;
	color: #2F4F4F; /* darkslategray */
}

/* ************************************************************* */
/* 階層表示  hp-tree  site links */
/* ************************************************************* */
.hptree-text{
	padding: 5px; 
	font-size: x-small;
}
.hptree-text p{
	font-size: x-small;
}
.hptree {
	margin: 0;
	padding: 4px 2px 4px 5px; /* 1em 1em 1em 5px */
	border-top: 1px dashed #808080;
	border-bottom: 1px dashed #808080;
	background-image : url(parts/wallppr023.gif);
	background-color: #F5FFFA; /* mintcream */
	font-size: small;
	color: #2F4F4F; /* darkslategray */
}
.hptree-double {
	margin: 0;
	padding: 4px 2px 4px 5px; /* 1em 1em 1em 5px */
	border-top: 3px double #808080;
	border-bottom: 3px double #808080;
	background-image : url(parts/wallppr023.gif);
	background-repeat: x-repeat;
	background-color: #F5FFFA; /* mintcream */
	font-size: small;
	color: #2F4F4F; /* darkslategray */
}

/* ************************************************************* */
/* 告知用ＢＯＸ　module box  Green */
/* ************************************************************* */
.mod-box {
	margin-bottom: 2px; /* 1em */
	border: solid 1px #77B60A;
}
.mod-box-title {
	padding: 3px 10px;
	background-color: #ACCB39;
	font-size: small;
	color: #FFFFFF;
}
.mod-box-title p {
	margin: 0;
	font-size: small;
}
.mod-box-body {
	padding: 3px 10px;
	background-color: #FFFFFF;
}
.mod-box-body p {
	margin: 0;
	font-size: x-small;
}
/* ************************************************************* */
/* 告知用ＢＯＸ　module box  Blue */
/* ************************************************************* */
.mod-box-b {
	margin-bottom: 2px; /* 1em */
	border: solid 1px #1E90FF; /* dodgerblue */
}
.mod-box-title-b {
	padding: 3px 10px;
	background-color: #1E90FF; /* dodgerblue */
	font-size: small;
	color: #FFFFFF;
}
.mod-box-title-b p {
	margin: 0;
	font-size: small;
}
.mod-box-body-b {
	padding: 3px 10px;
	background-color: #FFFFFF;
}
.mod-box-body-b p {
	margin: 0;
	font-size: x-small;
}

/* ************************************************************* */
/* 告知用ＢＯＸ　module box  Orange */
/* ************************************************************* */
.mod-box-orange {
	margin-bottom: 2px; /* 1em */
	border: solid 1px #FF6600; /* オレンジ */
}
.mod-box-title-orange {
	padding: 3px 10px;
	background-color: #FF6600; /* オレンジ */
	font-size: small;
	color: #FFFFFF;
}
.mod-box-title-orange p {
	margin: 0;
	font-size: small;
}
.mod-box-body-orange {
	padding: 3px 10px;
	background-color: #FFFFFF;
}
.mod-box-body-orange p {
	margin: 0;
	font-size: x-small;
}

/* ************************************************************* */
/* Text Variation */
/* ************************************************************* */
.bangou {
	font-size: medium; 
	color: blue; /* blue */
}
.kakaku-text {
	font-size: large;
	font-weight: bold;
	color: blue; /* blue */
}
.kakaku {
	font-size: xx-large; 
	font-weight: bold;
	color: blue; /* blue */
}
.zei {
	font-size: small;
	font-weight: bold;
	color: #00008B; /* darkblue */
}
.souryo {
	font-size: small;
	color: #696969; /* dimgray */
}
.kosuu-text {
	font-size: medium; 
	color: #FF8C00; /* darkorange */
}
.kosuu {
	font-size: x-large;
	font-weight: bold;
	color: #FF8C00; /* darkorange */
}

/* ************************************************************* */
/* calender */
/* ************************************************************* */
.holiday {
	background-color: #FFA500; /* orange */
	color: #000000; /* black */
	text-align: center;
}
.sunday {
	color: #FF0000; /* red */
	text-align: center;
}
.saturday {
	color: #4169E1; /* royalblue */
	text-align: center;
}
.weekday {
	color: #708090; /* slategray */
	text-align: center;
}
.noday {
	background-color: #D3D3D3; /* lightgray */
}


/* ************************************************************* */
/* end of stylesheet */
/* ************************************************************* */