/* Base Weblog (base-weblog.css) */

/* basic elements */

html
{
   margin: 0;
   /* setting border: 0 hoses ie6 win window inner well border */
   padding: 0;
}

body
{
   margin: 0;
   /* setting border: 0 hoses ie5 win window inner well border */
   padding: 0;
   font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   font-size: 100%;
	 text-align:center;
	 background:#ccc;
}

form, input { margin: 0; padding: 0; vertical-align:middle;}
a { text-decoration: underline; }
a img { border: 0; }


/* Hac */
#oth_wrapper:after { 
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  height: 0; 
  overflow: hidden; 
} 
* html #oth_wrapper { 
  height: 1%; 
} 


#oth_blog_parts:after { 
  content: "."; 
  display: block; 
  clear: both; 
  visibility: hidden; 
  height: 0; 
  overflow: hidden; 
} 
* html #oth_blog_parts { 
  height: 1%; 
} 



.days {
	font-size:0.7em;
	color:#003399;
	font-weight:bold;
	text-align:left;
	}

#panlist {
	text-align:left;
	font-size:0.8em;
	margin-bottom:1em;
	} 


/* weather */

#jwfx {
	font-size:0.8em;
	text-align:left;
	}

/* page layout */

#oth_wrapper {
	width:760px;
	margin:0 auto;
	background:url(../temp_img/cont_img.jpg) 0 0 repeat-y;
	}
	
	
/* header */	
	
#oth_header {
	width:760px;
	background:url(../temp_img/header_bg.jpg) 0 0 no-repeat;
	height:80px;
	position:relative;
	}

#oth_header h1 {
	display:block;
	width:380px;
	height:50px;
	position:absolute;
	top:30px;
	left:20px;
	margin:0;
	padding:0;
	text-align:left;
  font-size:1.2em;
	}

#www_search {
	width:360px;
	position:absolute;
	top:20px;
	left:370px;
	text-align:right;
	font-size:0.7em;
	}
	



	
#oth_header h1 a {
	display:block;
	width:350px;
	height:40px;
	}

#oth_header h1#kanno a {
	background:url(http://www.shiretoko-shs.jp/kanno/images/rogo.gif) 0 0 no-repeat;
	text-indent:-9999px;
	}

#oth_header h1#shinwa a {
	background:url(http://www.shiretoko-shs.jp/shinwa/images/rogo.gif) 0 0 no-repeat;
	text-indent:-9999px;
	}

#oth_header h1#yamashita a {
	background:url(http://www.shiretoko-shs.jp/yamashita/images/rogo.gif) 0 0 no-repeat;
	text-indent:-9999px;
	}

#oth_header h1#tada a {
	background:url(http://www.shiretoko-shs.jp/tada/images/rogo.gif) 0 0 no-repeat;
	text-indent:-9999px;
	}

#oth_header h1#hata a {
	background:url(http://www.shiretoko-shs.jp/hata/images/rogo.gif) 0 0 no-repeat;
	text-indent:-9999px;
	}

#oth_header h1#kurita a {
	background:url(http://www.shiretoko-shs.jp/kurita/images/rogo.gif) 0 0 no-repeat;
	text-indent:-9999px;
	}	
	
/* header */		




#oth_main {
	width:720px;
	padding: 0 20px;
	}

#oth_main_box {
	width:720px;
	margin: 0;
	}


/* topnavi */

#oth_topnavi {
	clear:both;
	width:720px;
	height:40px;
	background:url(../temp_img/top_navi.jpg) 0 0 no-repeat;
	position:relative;
	}

#oth_topnavi ul {
	margin:0;
	padding:0;
	list-style:none;
	}

#oth_topnavi li {
	display:inline;
	}

#oth_topnavi li a {
	position:absolute;
	display:block;
	height:40px;
	text-indent:-9999px;
	text-decoration:none;
	}

#oth_topnavi li#otn01 a {
	top:0;
	left:0;
	background:url(../temp_img/top_navi.jpg) 0 0 no-repeat;
	width:90px;
	}

#oth_topnavi li#otn01 a:hover {
	background:url(../temp_img/top_navi.jpg) 0 -50px no-repeat;
	}


#oth_topnavi li#otn02 a {
	top:0;
	left:90px;
	background:url(../temp_img/top_navi.jpg) -90px 0 no-repeat;
	width:100px;
	}

#oth_topnavi li#otn02 a:hover {
	background:url(../temp_img/top_navi.jpg) -90px -50px no-repeat;
	}


#oth_topnavi li#otn03 a {
	top:0;
	left:190px;
	background:url(../temp_img/top_navi.jpg) -190px 0 no-repeat;
	width:100px;
	}

#oth_topnavi li#otn03 a:hover {
	background:url(../temp_img/top_navi.jpg) -190px -50px no-repeat;
	}

#oth_topnavi li#otn04 a {
	top:0;
	left:500px;
	background:url(../temp_img/top_navi.jpg) -500px 0 no-repeat;
	width:220px;
	}

#oth_topnavi li#otn04 a:hover {
	background:url(../temp_img/top_navi.jpg) -500px -50px no-repeat;
	}


/* fsize */

#fsize_box {
	text-align:right;
	font-size:12px;
	padding:10px 0;
	width: 720px;
	}

#fsize_box img {
	vertical-align:middle;
	border:none;
	margin:0 5px;
	}


/* entry */

#oth_main_entry {
	width:520px;
	text-align: left;
	float: left;
	}

#oth_main_entry h2 {
	font-size:0.9em;
	border-bottom:double #ccc;
	padding:5px 0 6px 8px;
	letter-spacing:0.2em;
	color:#fff;
	border-top:1px solid #ccc;
	background:#ea5e00;
	margin:0;
	}


.next_news {
	border:1px solid #ccc;
	padding:10px;
	font-size:0.8em;
	background-color: #FFFFCC;
	line-height: 1.5;
	margin-bottom: 20px;
}

.next_news p {
	margin:0;
	line-height:1.5;
}


.entry-footer {
	text-align:left;
	padding:5px 0 20px 0;
	font-size:0.7em;
	border-top:double #ccc;
	}





/* oth_blog_parts */

#oth_blog_parts {
	width:180px;
	float:right;
	background:url(../temp_img/side_c.jpg) 0 0 repeat-y;
	margin-bottom:20px;
	}

#blog_item_top {
	width:180px;
	height:10px;
	background:url(../temp_img/side_top.jpg) 0 0 no-repeat;
	}

#blog_item_bottom {
	width:180px;
	height:10px;
	background:url(../temp_img/side_bottom.jpg) 0 0 no-repeat;
	}

.parts_box {
	width:160px;
	margin:0 5px 5px 5px;
	font-size:0.8em;
	text-align:left;
	height:1%;

	}

.parts_box h3 {
	text-indent:-9999px;
	margin:0;
	margin-bottom:10px;
	display:block;
	}

/* category */

.h3_category {
	background:url(../temp_img/category_bnn.jpg) 0 0 no-repeat;
	width:160px;
	height:25px;
	}

.h3_monthry {
	background:url(../temp_img/month_archive_bnn.jpg) 0 0 no-repeat;
	height:25px;
	width:160px;
	}

.h3_entry {
	background:url(../temp_img/news_bnn.jpg) 0 0 no-repeat;
	width:160px;
	height:25px;
	}

.h3_members {
	background:url(../temp_img/mem_html.jpg) 0 0 no-repeat;
	width:160px;
	height:25px;
	}

.h3_links {
	background:url(../temp_img/links.jpg) 0 0 no-repeat;
	width:160px;
	height:25px;
	}

.parts_box ul {
	margin:0;
	padding:0;
	list-style:none;
	margin-left: 5px;
	}

.parts_box li a {
	background:url(../mt_image/arrow_blue.gif) 0 3px no-repeat;
	padding-left:17px;
	}

#rss_feed {
	clear:both;
	padding:20px;
	font-size:0.8em;
	text-align:right;
	}

#rss_feed img {
	vertical-align:middle;
	margin-right:5px;
	font-size:0.8em;
	}


/* information */


#info_box {
	width:520px;
	clear: both;
	}

#mem_news {
	width:250px;
	float:left;
	border:1px solid #999;
	background:#eee;
	}

#mem_news h4 {
	margin:0;
	}


.item-box ul {
	margin:0;
	padding:0;
	list-style:none;
	}

.item-box {
  height:180px;
	overflow:auto;
	text-align:left;
	margin:0 10px 10px 10px;
	background:#fff;
	padding-top:10px;
	padding:5px;
	}

.item-box strong {
	display:none;
	}

.item-list {
	margin:0px; padding:0px;
}
.item-content {
	border-top:solid 1px #CCCCFF;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:3px;
}
.item-info {
	background-color:#eee;
	color:#333;
	display:block;
	width:auto;
	padding:2px;
	font-size:x-small;
}
.item-info a {
	
}
.item-title a {
	background-color:#FFFFFF;
	font-size:small;
	font-weight:bold;
	display:block;
	width:auto;
	padding:2px;
	margin: 0px;
}


#shibu_news {
	width:250px;
	float:right;
	border:1px solid #999;
	background:#eee;

	}

#shibu_news h4 {
	margin:0;
	}

#shibu_news_txt {
	height:180px;
	overflow:auto;
	text-align:left;
	margin:0 10px 10px 10px;
	background:#fff;
	padding-top:10px;

	}	

	


/* calender */

.calender {
	background:#fff;
	padding:3px;
	border:1px solid #ccc;
	}

#carender_tbl {
	border-collapse:collapse;
	width:99%;
}

#carender_tbl caption {
	text-align:center;
	font-weight:bold;
	color:#0044CD;
	}

#carender_tbl th {
	text-align:center;
	font-weight:bold;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

.sunday {
	color:#cc0000;
	}

.saturday {
	color:#0033CC;
	}

#carender_tbl td {
	text-align:center;
	padding:3px;
	}



/* footer */

#footer {
	clear:both;
	text-align:center;
	width:760px;
	height:40px;
	padding-top:10px;
	font-size:0.8em;
	background:url(../temp_img/footer_bg.jpg) 0 0 no-repeat;
	letter-spacing:0.1em;
	}

#footer a {
	text-decoration:none;
	color:#333;
	background-color: transparent;
	}

#footer a:hover {
	color:#0033CC;
	text-decoration:underline;
	}


/* photo */

#photos {
	background:#333333;
	width:520px;
	margin-bottom:20px;
	}

#photos_inner {
	margin:10px 5px;
	}


.thumbs_photo {
	float:left;
	padding:0 5px;
	}
	

.commtext {
	text-align:left;
	}

.entry,
.trackbacks,
.comments,
.archive
{
	overflow: hidden;
	clear: both;
	margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
	clear: both;
	margin: 5px 10px;
	font-size: 0.8em;
	text-align: center;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
   clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
   clear: both;
   margin: 5px 10px 20px 10px;
}

.comments-open label {
	display: block;
	color: #333333;
}

#comment-author, #comment-email, #comment-url, #comment-text
{
   width: 240px;
}

#comment-bake-cookie
{
   margin-left: 0;
   vertical-align: middle;
}

#comment-post
{
   font-weight: bold;
}

img.image-full { width: 100%; }

.image-thumbnail
{
   float: left;
   width: 115px;
   margin: 0 10px 10px 0;
}

.image-thumbnail img
{
   width: 115px;
   height: 115px;
   margin: 0 0 2px 0;
}


/* modules */

.module
{
   position: relative;
   overflow: hidden;
   width: 100%;
}

.module-content
{
   position: relative;
   margin: 5px 10px 20px 10px;
}

.module-list,
.archive-list
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.module-list-item
{
   margin-top: 5px;
   margin-bottom: 5px;
}

.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }

.module-calendar .module-content table
{
   border-collapse: collapse;
}

.module-calendar .module-content th,
.module-calendar .module-content td
{
   width: 14%;
   text-align: center;
}

.typelist-thumbnailed { margin: 0 0 20px 0; }

.typelist-thumbnailed .module-list-item
{
   display: block;
   clear: both;
   margin: 0;
}

/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */

.typelist-thumbnail
{
   float: left;
   min-width: 60px;
   width: 60px;
   /* no ie mac \*/width: auto;/* */
   margin: 0 5px 0 0;
   text-align: center;
   vertical-align: middle;
}

.typelist-thumbnail img { margin: 5px; }

.module-galleries .typelist-thumbnail img { width: 50px; }

.typelist-description
{
   margin: 0;
   padding: 5px;
}

.module-featured-photo .module-content,
.module-photo .module-content
{
   margin: 0;
}

.module-featured-photo img { width: 100%; }

.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list
{
   display: block;
   height: 1%;
   margin: 0;
   border: 0;
   padding: 0;
   list-style: none;
}

/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */

.module-recent-photos .module-list-item
{
   display: block;
   float: left;
   /* ie win fix \*/ height: 1%; /**/
   margin: 0;
   border: 0;
   padding: 0;
}

.module-recent-photos .module-list-item a
{
   display: block;
   margin: 0;
   border: 0;
   padding: 0;
}

.module-recent-photos .module-list-item img
{
   width: 60px;
   height: 60px;
   margin: 0;
   padding: 0;
}


/* mmt calendar */

.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }

.module-mmt-calendar th { text-align: left; }

.module-mmt-calendar td
{
   width: 14%;
   height: 75px;
   text-align: left;
   vertical-align: top;
}

.day-photo
{
   width: 54px;
   height: 54px;
}

.day-photo a
{
   display: block;
}

.day-photo a img
{
   width: 50px;
   height: 50px;
}




/* Vicksburg (theme-vicksburg.css) */

/* basic page elements */


#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }

.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }


.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	w\idth: auto;
	margin: 0;
	background: #a3b8cc;
	font-weight: bold;
	line-height: 1;
	font-size: 0.9em;
	padding: 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: double #666;
	letter-spacing: 0.2em;
	color: #333333;
	text-align: center;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover
{
   color: #fff;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{

}

.commenter-profile img { vertical-align: middle; }


/* page layout */



#banner
{
   width: 100%; /* necessary for ie win */
   background: #a3b8cc;
}

#banner-inner
{
   padding: 15px 13px;
   border-width: 2px 2px 0 2px;
   border-style: solid;
   border-color: #fff;
}


.banner-user
{
   width: 70px;
   margin-top: 5px;
}

.banner-user-photo { border: 1px solid #fff; }

#banner-header
{
   margin: 0;
   color: #fff;
   font-weight: bold;
   line-height: 1;
   text-shadow: #36414d 0 2px 3px;
}

#banner-description
{
   margin-top: 5px;
   margin-bottom: 0;
   color: #fff;
   background: none;
   font-weight: bold;
   line-height: 1.125;
   text-shadow: #36414d 0 1px 2px;
}

#alpha { margin: 15px 15px 0 15px; width: 480px; }
#beta { width: 200px; background: #e6ecf2; }
#gamma, #delta { width: 180px; background: #e6ecf2; }

#beta-inner,
#gamma-inner,
#delta-inner
{
   padding: 10px 10px 0 10px;
   border-width: 2px 2px 2px 0;
   border-style: solid;
   border-color: #fff;
}

.date-header
{
   margin-top: 0;
   font-weight: bold;
   text-transform: uppercase;
}

.entry-header
{
   margin-top: 0;
   border-left: 5px solid #dae0e6;
   padding: 0 0 0 10px;
   color: #666;

}

.entry-content,
.comment-content,
.trackback-content
{
	margin: 0;
	line-height: 1.5;
	font-size: 0.9em;
	color: #333333;
	text-align: left;
	width: 520px;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
	margin: 10px 0 20px 0;
	border-top: 1px solid #dae0e6;
	padding-top: 5px;
	color: #666;
	text-align: left;
	font-size: 0.7em;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
   margin-left: 10px;
}

.content-nav {
	margin-top: 0;
	font-size: 0.8em;
	text-align: center;
}

#trackbacks-info
{
	margin: 10px 0;
	border: 1px dashed #a3b8cc;
	padding: 0 10px;
	color: #292e33;
	text-align: center;
	background: #e6ecf2;
	font-size: 0.8em;
}

.comments-open-footer
{
   margin: 10px 0;
}


/* modules */

.module
{
   margin: 0 0 10px 0;
   border-bottom: 1px solid #f3f6f9;
   background: #dae0e6;
}

.module-content
{
   line-height: 1.2;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }

.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }

.module-powered { border-width: 0; }
.module-powered .module-content
{
   margin-bottom: 0;
   border: 1px dashed #a3b8cc;
   padding-bottom: 10px;
   color: #292e33;
   background: #fff;
}

.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }

.module-list
{
   margin: 0 15px 10px 15px;
   list-style: disc;
}

.module-list .module-list
{
   margin: 5px 0 0 0;
   padding-left: 15px;
   list-style: circle;
}

.module-list-item
{
   margin-top: 0;
   color: #666;
   line-height: 1.2;
}

.typelist-thumbnailed .module-list
{
   margin: 0 0 10px 0;
   list-style: none;
}

.typelist-thumbnailed .module-list-item
{
   margin: 1px 0;
   padding: 0;
   background: #f3f6f9;
}

.typelist-thumbnail
{
   background: #fff;
}

.module-photo img { border: 1px solid #fff; }

.module-featured-photo { width: 398px; }
.module-featured-photo .module-content
{
   margin: 0;
   border-width: 0;
   padding: 0;
}
.module-featured-photo img { width: 398px; }

.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item
{
   width: 64px; /* mac ie fix */
   margin: 0 10px 10px 0;
   padding: 0;
   background: none;
}

.module-recent-photos .module-list-item a
{
   border: #cfd4d9 1px solid;
   padding: 1px;
   background: #fff;
}

.module-recent-photos .module-list-item a:hover
{
   border-color: #36414d;
   background: #fff;
}


/* calendar tweaks */

   .layout-calendar #alpha { width: 260px; }
   .layout-calendar #beta { width: 420px; }

   .layout-calendar #gamma,
   .layout-calendar #delta
   {
      width: 190px;
   }

   .layout-calendar #gamma-inner,
   .layout-calendar #delta-inner
   {
      border: 0;
      padding: 0;
   }

   .module-mmt-calendar { width: 398px; }
   .module-mmt-calendar .module-content
   {
      margin: 0;
      border-width: 0;
      padding: 10px;
   }

   .module-mmt-calendar table
   {
      width: 378px;
      background: #a3b8cc;
   }

   .module-mmt-calendar th
   {
      color: #fff;
      border-top: 1px solid #fff;
      border-right: 1px solid #f3f6f9;
      border-bottom: 1px solid #cfd4d9;
      padding: 2px;
      text-align: right;
      font-weight: bold;
   }

   .module-mmt-calendar td
   {
      border-top: 1px solid #fff;
      border-right: 1px solid #f3f6f9;
      border-bottom: 1px solid #cfd4d9;
      padding: 2px;
      text-align: right;
      font-weight: normal;
      background: #e6ecf2;
   }

   th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42
   {
      border-right: none;
   }

   .module-mmt-calendar td { height: 70px; }

   .day-photo
   {
      width: 49px;
      height: 49px;
   }
	
   .day-photo a
   {
      border: #cfd4d9 1px solid;
      padding: 1px;
      background: #fff;
   }

   .day-photo a:hover
   {
      border-color: #36414d;
      background: #fff;
   }

   .day-photo a img
   {
      width: 45px;
      height: 45px;
   }


/* outline */

#outline {
	padding:20px 0;
	}

#outline_tbl {
	width:100%;
	border:2px solid #666;
	border-collapse:collapse;
	}

#outline_tbl caption {
	text-align:left;
	font-size:0.9em;
	color:#333;
	font-weight:bold;
	}

#outline_tbl th,#outline_tbl td {
	border:1px solid #666;
	text-align:left;
	padding:10px;
	vertical-align:top;
	font-size:0.8em;
	line-height:1.5;
	}

#outline_tbl th {
	background:#eee;
　　　　　　　width:8em;
	}

#contact_f {
	font-size:0.9em;
	color:#333;
	padding:20px 0;
	}

#cf_title {
	border-left:10px solid #0066CC;
	font-weight:bold;
	border-bottom:1px solid #0066cc;
	padding:0 0 3px 5px;
	letter-spacing:0.2em;
	}

#contact_f span {
	font-size:0.8em;
	color:#CC0000;
	}

