img {
   behavior: url("http://blog.ts-hokkaido.co.jp/plugin/pngbehavior.htc");
}

.serendipity_entrypaging {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    display: block;
}
/* templates/ts-hokkaido/style.css  */
/*********************************
            全般設定
 *********************************/

body {
    font-size: 95%;
    margin: 0;
    color: #505050;
    background-color: #ffffff;
    font-family: "Verdana", sans-serif;
    margin-bottom: 30px;
}

a {
	text-decoration: none;
}


a:link {
	color: #3261cd;
	border-bottom: 1px dotted #5377ac;
}

a:visited {
	color: #606060;
	border-bottom: 1px dotted #606060;
}

a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #3261cd;
/*	background-image: url();
	background-repeat: repeat-x;*/
}

img {
	border: 0;
	vertical-align: middle;
}

a.nolines, a img {
	border-bottom: 0 !important;
	background: transparent !important;
}

a:hover img {
	background: none;
}

em, strong {
	font-style: normal;
	background-color: #fff9aa;
	padding-left: 1px;
	padding-right: 1px;
}

strong {
	font-weight: bold;
}

big {
	font-size: 140%;
}

input, textarea {
    border: 1px solid #8ca7aa;
	padding :2px;
}

table {
	border-collapse: collapse;
}
th, td {
    font-size: 95%;
}


h4,h3 {
    margin: 0;
}

pre {
	background-color: #fbf9f4;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	border: 1px dotted #806300;
	line-height: 1.2!important;
	overflow: auto;
	width: 97%;
}

pre em {
	background-color: #ffffff;
}

code {
	font-family: sans-serif;
	letter-spacing: 1px;
	font-size: 85%;
}

blockquote {
	border: 1px dotted #806300;
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 0;
	padding: 5px;
	background-color: #fafafa;
}

blockquote[title]::before {
	display: block;
	font-size: 75%;
	content: attr(title);
	background-color: #dddddd;
	margin: -5px -5px 5px -5px;
	padding: 2px!important;
}

blockquote[title]::after {
	display: block;
	font-size: 75%;
	text-align: right;
	content: attr(cite);
	margin: 0;
}

abbr {
	border-bottom-style: dashed;
	border-color: #96cfd3;
	cursor: help;
}



/* テキストサーチフォーム */
div#searchform {
	float: right;
	margin: 10px;
}

#serendipityQuickSearchTermField {
	width: 180px;
	margin-left: 0;
}

div.serendipity_entry_body p + blockquote {
	margin-top: -0.8em;
}

del {
	color: #c21212;
}



.serendipitySideBarContent {
	line-height: 1.4;
	margon-top: 5px;
}
.serendipitySideBarContent p {
	margin-top: 3px;
	font-size: 90%;
}
.serendipitySideBarContent form {
	margin-top: 0;
}
.serendipitySideBarContent input {
    width: 96%;
}
/* 絞り込みボタン */
.category_submit {
	margin-top: 10px;
}

/* サイドバー内未定義ブロック */
.SidebarSub {
	font-size: 90%;
}
.SidebarSub input {
	border: 0;
}

#serendipity_categories_list input {
	border: 0;
}

/* 全体の囲み */
#mainpane {
    margin: auto;
    width: 100%;
    position: relative; /* TEST */
    top: 60px;          /* TEST */
}

#content {
    padding: 10px;
    margin: 10px;
    width: auto;
}

/* 右コラム（未使用） */
/*#serendipityRightSideBar {
    width: 170px;
    border-left: 1px dashed #000000;
    padding: 10px;
    vertical-align: top;
}*/

/* 左コラム（未使用） */
/*#serendipityLeftSideBar {
    width: 170px;
    border-right: 1px dashed #000000;
    padding: 10px;
    vertical-align: top;
}*/



/* ヘッダタイトル */
#serendipity_banner {
    position: fixed; /* TEST */
    z-index: 10;     /* TEST */
    background-image: url(templates/ts-hokkaido/img/head_bg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 100%;
}

h1#title {
	text-indent: -2000px;
	margin: 0;
	padding: 0;
	height: 50px;
	float: left;
	width: 160px;
}

h1#title a {
	display: block;
	height: 50px;
	width: 150px;
	background: transparent;
	border: 0;

}

h2#title2 {
	clear: none;
	float: left;
	width: 260px;
	text-indent: -2000px;
	margin: 0;
	padding: 0;
}

h2#title2 a {
	display: block;
	height: 50px;
	width: 300px;
	background: transparent;
	border: 0;
}

a.homelink1,
a.homelink1:hover,
a.homelink1:link,
a.homelink1:visited,
#serendipity_banner h1 {
    padding: 0;
    margin: 0;
    background: none;
}

/*
a.homelink2,
a.homelink2:hover,
a.homelink2:link,
a.homelink2:visited,
#serendipity_banner h2 {
    color: #FFFFFF;
    padding-left: 15px;
    font-size: 14px;
    margin: 0px;
    text-decoration: none;
    background: none;
}
*/


/* エントリー：タイトル */
.serendipity_title {
    font-size: 130%;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 1px;
    border-bottom: 1px dotted #5377ac;
    letter-spacing: 1px;
    width: 78%;
}

.serendipity_title a:link,
.serendipity_title a:visited {
   text-decoration: none;
   border: 0;
}

/* エントリー：全体 */

.serendipity_Entry_Date {
	border: 2px solid #f0f0f0;
	-moz-border-radius: 8px;
	padding: 1em;
	margin-bottom: 20px;
	border-right-color: #e0e0e0;
	border-bottom-color: #e0e0e0;
	width: 95%;
	background: #fdfdfd;
	overflow: auto;
}

/* エントリー：本文囲み */
.serendipity_entry {
	font-weight: normal;
	background-color: #fdfdfd;
	line-height: 1.4;
	margin: 10px auto 0;
	width: 100%;
}

/* 本文段落 */
/*
.serendipity_entry_body {
	margin-bottom: 10px;
}
*/

.serendipity_entry_body p {
	margin-bottom: 1.5em;
}

/* 本文：引用 */
.serendipity_entry_body blockquote p {
	padding: 0!important;
}

/* 本文：画像 */
.serendipity_entry_body img {
	/*border: 1px solid #808080;*/
	/*padding: 5px;*/
	margin-right: 0.5em;
}

/* 本文：リスト */
.serendipity_entry ol, .serendipity_entry ul {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-top: 0;
	margin-bottom: 1.5em;
	padding-top: 5px;
	padding-bottom: 5px;
}

.serendipity_entry_body_folded,
.serendipity_entry_body_unfolded,
.serendipity_entry_extended {
    /* Inner blocks of .serendipity_entry, can be used for further customization */
}


/* エントリー：日付 */
.serendipity_date {
    font-size: 80%;
    color: #808080;
    margin-bottom: -26px;
    text-align: right;
    font-weight: normal;
}

/* エントリー：フッタ */
div.serendipity_entryFooter {
    font-size: 75%;
    clear: both;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #d88e67;
}

/* 前・次へのリンク */
div.serendipity_entryFooter.pnavi {
	/*overflow: auto;*/
	height: 60px;
}

div.serendipity_entryFooter.pnavi > a { /* I.E 効かず（別途指定） */
	display: block;
	padding: 5px;
	width: 40px;
	height: 20px;
	float: right;
	background-repeat: none;
	text-indent: -2000px;
}

div.serendipity_entryFooter.pnavi a.navi_p {
	background-image: url(templates/ts-hokkaido/img/nav_p.png);
}
div.serendipity_entryFooter.pnavi a.navi_n {
	background-image: url(templates/ts-hokkaido/img/nav_n.png);
}

div.serendipity_entryFooter.pnavi #finfo {
	width: 220px;
	height: 15px;
	padding: 5px;
	float: right;
	text-align: center;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
    margin-left: 2px;
}

img.serendipity_entryIcon {
    float: right;
    border: 0px;
}

/* コメント、トラバ：タイトル */
.serendipity_commentsTitle {
    font-size: small;
    font-weight: bold;
    margin-top: 30px;
	padding: 5px;
    border: 1px solid #e0e0e0;
	background-color: #fafafa;
}

td.serendipity_commentsLabel {
    vertical-align: top;
    font-size: 80%;
}

td.serendipity_commentsValue input,
td.serendipity_commentsValue select {
    padding: 2px;
    width: 400px;
}
td.serendipity_commentsValue textarea {
    padding: 2px;
    width: 100%;
}


.serendipity_commentForm {
    margin-bottom: 13px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: #FFFFFF;
}

.serendipity_comment {
    margin-top: 10px;
    margin-right: 10px;
    padding: 5px;
    background-color: #FFFFFF;
    overflow: auto;
}

.serendipity_commentBody {
	padding-left: 5px;
	font-size: 85%;
}

.serendipity_comment_source {
    margin-top: 5px;
    /*padding-left: 5px;*/
    margin-bottom: 5px;
    padding-bottom: 3px;
	padding-right: 5px;
    border-bottom: 1px solid #c59881;
	font-size: 85%;
	text-align: right;
}

.serendipity_comment_author_self .serendipity_comment_source {
	background-color: #f8f2ef;
}



/* カレンダー */
table.serendipity_calendar {
	background: #ffffff;
	width: 100%;
	border-collapse: collapse;
}
table.serendipity_calendar td {
    border: 1px solid #d0d0d0;
    font-size:11px;
    text-align: center;
    height: 19px;
    width: 19px;
}
table.serendipity_calendar a {
    color: #c21212;
    font-weight: bold;
    display: block;
    padding: 3px;
    border-bottom: 0;
}

table.serendipity_calendar a:hover {
    text-decoration: none;
	background-color: #5377ac;
}

/* 曜日 */
td.serendipity_weekDayName {
    font-size: 9px!important;
}
td.serendipity_calendarHeader a:link,
td.serendipity_calendarHeader a:visited,
td.serendipity_calendarHeader a:hover {
    border: 0;
    text-decoration: none;
}

/* 日 */
td.serendipity_calendarDay {
	padding: 3px;
}

/* 今日 */
td.serendipity_calendarDayToday,
td.serendipity_calendarDayFirstRow.Today,
td.serendipity_calendarDayFirstInRow.Today,
td.serendipity_calendarDayLastInRow.Today,
td.serendipity_calendarDayLastRow.Today {
	background-color: #d2dadf;
}

/* リンクがある日 */
td.serendipity_calendarDay.Active.Link {
	padding: 0;
}

/* 日曜（週の最後） */
td.serendipity_calendarDayLastInRow {
	background-color: #f8f3f3;
}
td.serendipity_calendarDayFirstRow.LastInRow {
	background-color: #f8f3f3;
}

/* Powered by の部分 */
div.serendipityPlug {
    padding-left: 6px;
}
/* Serendipityロゴ */
div.serendipityPlug a {
    text-decoration: none;
    border: 0px;
}

/* Container for each item on the side bar */
div.serendipitySideBarItem {
    margin-bottom: 12px;
    font-size: 90%;
    font-weight:normal;
    /*border-bottom: solid 1px #a2b1c6;*/
}


/* サイドバー各タイトル */
.serendipitySideBarTitle {
	font-size: 112%;
	font-weight: bold;
	color: #333333;
	background-image: url(templates/ts-hokkaido/img/sidebar_title_bg.png);
	margin-top: 5px;
	padding-top: 3px;
	padding-left: 6px;
	margin-bottom: 5px;
	width: 180px;
	background-repeat: no-repeat;
	height: 27px;
}

.serendipityImageButton {
    cursor: pointer;
}

/* TODO
.serendipity_entry p {
    margin: 0px;
    padding-bottom: 0px;
}
*/

/* エントリー内のイメージ */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #909090;
    background-color: #efefef;
    padding: 5px;
    text-align: center;
}
.serendipity_imageComment_right {
    margin-left: 5px;
    float: right;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
	margin-right: 5px;
    float: left;
}
.serendipity_imageComment_left img {
	border: 1px solid #b0b0b0;
}
.serendipity_imageComment_left a img:hover {
	border: 1px dotted #5377ac;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #DDDDDD;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

.serendipity_comments {
}

.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

.serendipity_entry_author_self {
}




/*********************************/

/* 静的メニュー */
#submenu {
	position: fixed; /* TEST */
	z-index: 11;     /* TEST */
	top: 43px;
	right: 40px;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#submenu li {
	display: block;
	color: #ffffff;
	font-size: 80%;
	background-color: #63778d;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-left: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	border-right: 1px solid #a0a0a0;
	float: right;
	text-align: center;
	width: 115px;
	margin: 0;
}
#submenu li a {
	text-decoration: none;
	border-bottom: 0;
	width: 100%;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	background-image: url(templates/ts-hokkaido/img/h3_bg.jpg);
	color: #ffffff;
}


#leftbox {
	background-color: transparent;
	padding: 15px;
	padding-left: 40px;
	padding-top: 10px;
	width: 180px;
	position: absolute;
	top: 0;
	left: 0;
}

#mainbox {
	width: auto;
	margin: 0 30px 0 240px;
	padding: 10px;
/*	padding-left: 20px;*/
	background: #ffffff;
}

/* 左ブロック：ロードマップ */
p#roadmap {
	font-size: 80%;
	line-height: 1.3;
	margin-top: 5px;
}

/* 書庫一覧：リンクテキスト */
.serendipitySideBarItem.container_serendipity_archives_plugin a,
.serendipitySideBarItem.container_serendipity_superuser_plugin a {
	margin-left: 0.5em;
}

/* カテゴリ管理：すべてのカテゴリ */
#allcategories {
	margin-top: 5px;
	margin-left: 0.5em;
}

/* 統計情報 */
.serendipitySideBarItem.container_serendipity_plugin_statistics div {
	font-size: 85%;
	margin-left: 0.5em;
}

/* 最近のエントリ */
.container_serendipity_plugin_recententries .serendipitySideBarContent {
	font-size: 90%;
	margin-left: 0.5em;
}

/* 最近のエントリ：日付 */
.serendipitySideBarDate {
	font-size: 80%;
	margin-bottom: 1px;
}

/* カテゴリ一覧 */
.container_serendipity_categories_plugin .serendipitySideBarContent {
	font-size: 95%;
	line-height: 1.0;
}

/* エントリタグ */
.container_serendipity_plugin_freetag .serendipitySideBarContent {
	font-size: 85%; /* エントリタグのバグ？（フォントサイズ効かず）の暫定処理 */
	margin-left: 0.5em;
}

/* ブログの配信 */
.container_serendipity_syndication_plugin .serendipitySideBarContent {
	font-size: 95%;
	margin-left: 0.5em;
}

/* コメント欄の注釈 */
.serendipity_commentDirection {
	font-size: 85%;
}

/* エントリ内リンク */
.serendipitySideBarItem.container_serendipity_plugin_entrylinks {
	font-size: 85%;
}

/* 外部RSS */
.serendipitySideBarItem.container_serendipity_plugin_remoterss {
	line-height: 150%;
	font-size: 85%;
}

/* 外部RSS：日付 */
.itemdate {
	font-size: 80%;
}

/* リファラ表示 */
.serendipityReferer {
	font-size: 80%;
	padding-left: 0.5em;
}


/* エントリー内の画像（キャプション無し） */
/* フロート無し */
div.entry_img {
	background: #fdfdfd;
	margin-bottom: 10px;
}

/* 左 */
div.entry_img_left {
	float: left;
	background: #fdfdfd;
	margin-right: 5px;
}

/* 右 */
div.entry_img_right {
	float: right;
	background: #fdfdfd;
	margin-left: 5px;
}

div.entry_img_left a:hover, div.entry_img_right a:hover {
	background: none;
}
div.entry_img img, div.entry_img_left img, div.entry_img_right img {
	border: 1px solid #909090;
	border-top-color: #d0d0d0;
	border-left-color: #d0d0d0;
}
div.entry_img_left img:hover, div.entry_img_right img:hover {
	border: 1px dotted #5377ac;
}


/* プロフィール */
table#prof_t {
	background-color: #ffffff;
	border: 1px solid #909090;
	border-collapse: collapse;
}

table#prof_t th, table#prof_t td {
	text-align: left;
	padding: 5px;
	padding-left: 1em;
	padding-right: 1em;
}

table#prof_t th {
	background-color: #e6eaec;
	width: 9em;
}

/* タグリンク */
.serendipity_freeTag {
	font-size: 85%;
	background-color: #faf9f5;
	text-align: right;
	margin-top: 12px;
	padding: 3px;
	padding-right: 0.5em;
	border: 1px solid #e0e0e0;
	-moz-border-radius: 5px;
}


/* 検索結果：お勧めタグ */
div.serendipity_freetag_taglist_related {
    padding-top: 1em;
}

.serendipity_freeTag_related {
	margin-top: 20px;
}
.serendipity_freeTag_related ul{
	font-size: 80%;
}

/* サイドバーコメント */
div.plugin_comment_wrap {
	font-size: 80%;
	margin-bottom: 1em;
}
.plugin_comment_author {
	display: block;
	padding: 2px;
	background-color: #fafafa;
	border: 1px solid #f0f0f0;
	margin-bottom: -1em;
}
div.plugin_comment_wrap .com {
	padding-bottom: 1em;
}


/* テーブル：汎用 */
.serendipity_entry_body table th.row {
	background-color: #97989f;
	color: #ffffff;
}

.serendipity_entry_body table th.col {
	background-color: #aaaa97;
	color: #ffffff;
}

/* テーブル：デジカメのプリントサイズ */
table#dcprint {
	font-size: 90%;
}

table#dcprint td, table#dcprint th {
	padding: 3px;
}



/* ギャラリー */
table.serendipity_admin_filters {
	font-size: 80%;
}

.serendipity_admin_list_item.serendipity_admin_list_item_even {
	vertical-align: top;
	background-color: #000000;
	padding: 10px !important;
	empty-cells: show;
}


/* おみやげショップスおすすめ商品 */
/* おすすめ商品：囲みブロック */
div#recommend {
	text-align: center;
	width: 178px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 5px;
	border: 1px solid #cc3300;
	-moz-border-radius: 8px;
}

/* おすすめ商品：ヘディング */
#recommend h4 {
	margin-top: 5px;
	margin-bottom: 2px;
	padding: 0;
	text-align: center;
}

#recommend img {
	padding: 5px;
	border: 1px solid #c0c0c0 !important;
}

#recommend h4 img {
	padding: 0 !important;
	border: 0 !important;
}div.linklist span.menu_title {
}

div.linklist {
      padding: 0px;
      margin: 0px;
      text-align: left;
	white-space: nowrap;
	direction: ltr;
	font-size: 90%;
}
div.linklist ul {
      list-style: none;
      margin: 0px;
      padding: 0px;
      text-align: left;
	white-space: nowrap;
}

div.linklist li {
      margin: 0px;
      padding: 0px;
	white-space: nowrap;
}


div.linklist img {
	border: 0px;
	vertical-align: middle;
}
div.linklist a.folder {
	text-decoration: none;
}