@charset "UTF-8";

/*==============================
	基本タグ設定
==============================*/
body {
	color:#606060;
	color:black;
	background-color:#e0e0e0;
	font-family: 'メイリオ', 'MS UI Gothic','MS PGothic','Gothic','Osaka','ヒラギノ角ゴシック Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 75%;
	line-height:150%;
	padding:0px;
	margin:0px;
	background-image: url("../parts/b8s_25.gif");
#	background-image: url("../parts/bg_cloud.jpg");
#	background-image: url("../parts/hawks2011.jpg");
#	background-image: url("../parts/hawks2014pacific.png");
#	background-image: url("../parts/hawks2014climax.png");
#	background-image: url("../parts/hawks2014japan.png");
}
p {
	margin-top:0.7em;
	margin-bottom:0.7em;
}
a{
	color:#a04080;
}
a:hover {
	color:#ff00ff;
}
strong {
	color:red;
	font-weight:bold;
	font-size:125%;
	line-height:100%;
}
em {
	color:red;
	font-weight: normal;
	font-style:normal;
}
sup {
	vertical-align : 20%;
}

h1,h2,h3,h4,h5,h6 {
	margin:0px;
	padding:0px;
	line-height:100%;
}
dt {
	font-weight:bold;
}
dl,ul,ul,form {
	margin-top:0px;
	margin-bottom:0px;
}
form p{
	margin:1px;
	line-height:100%;
}
textarea {
	font-family: 'Osaka', 'ヒラギノ角ゴシック Pro W3', 'Hiragino Kaku Gothic Pro','ゴシック', sans-serif;
	font-size:100%;
	overflow:auto;
}

input {
	font-size:100%;
	line-height:100%;
}

hr.sep {
	display:none;
}

/*==============================
	ヘッダ部分
==============================*/

#upper_title {
//	padding:10px 20px;
	padding:10px;
	border-bottom:1px solid;
	background-color:#b0b0b0;
	color:#404040;
}
#upper_title a {
	text-decoration:none;
}

#upper_title h1 {
	font-family:georgia,"ＭＳ Ｐゴシック",serif;
//	font-size:250%;
	font-weight:bold;
}

#upper_title p {
	margin:0.3em 0px;
	font-family : Geneva, Arial, Helvetica, san-serif;
	font-size : 90%;
	font-weight : bold;
	line-height:120%;
}
#upper_title a img {
	border:0px;
}
#banner_note {
	background:#f0f0f0;
	text-align:center;
	padding:2px;
	border-bottom:1px solid;
}
/*==============================
	本文エリア
	background-image: url("../parts/bgnote_r.png");
==============================*/

#content {
	position:absolute;
	left:220px;
	top:auto;
	padding:8px 10px 8px 30px;
	min-width:530px;
	width:75%;
}
#content_sp {
	position:absolute;
	top:auto;
	padding: 8px 8px 8px 8px;
	width:95%;
}

/* 前後移動とか */
#menu {
	background-color: white;
	font-weight:bold;
	line-height:100%;
	padding:8px;
	margin-bottom:16px;
	border:2px groove white;
}
#menu p{
	margin:0px;
	padding:2px;
}
#menu .btn_prev,
#menu .btn_next {
	display:block;
	width:50px;
	height:50px;
	text-decoration:none;
	font-size:0px;
}
#menu a {
	text-decoration:none;
}

/* 本文１項目 */
#content .item {
	margin-bottom:16px;
	background-color: white;
	border:2px groove white;
	padding:8px;
	background-image: url("../parts/bgnote_r.png");
}
#content_sp .item {
	margin-bottom:16px;
	background-color: white;
	border:2px groove white;
	padding:8px;
	background-image: url("../parts/bgnote_r.png");
}

.item h2 {
	font-family:'ことり文字ふぉんと';
	font-size:150%;
	font-weight:bold;
	border-bottom:2px dotted;
}
.item h2 a{
	text-decoration:none;
}
.item h2 .date {
	font-size:75%;
}
.item .category {
	font-size:100%;
	font-weight:bold;
	float:right;
}
.item .text{
	clear:both;
	margin:0.5em;
}

.item ul {
	margin: 0.3em 1em 0.3em 1em;
	padding: 0.2em 2em 0.2em 2em;
//	background-color: lightcyan;
//	border: thin dotted silver;
}

.item iframe {
	margin: 0.5em 0.5em 0.5em 0.5em;
}

.item blockquote {
	color:#606060;
	margin: 1em 3em 1em 3em;
	padding: 4px;
//	font-family: 'Gothic', 'Monospace';
	font-family: 'メイリオ', 'MS UI Gothic','MS PGothic','Gothic','Osaka','ヒラギノ角ゴシック Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-weight: normal;
//	line-height: 110%;
//	font-size: 90% ;
	background-color: lightcyan;
	border: thin dotted silver;
}

.item blockquote.Log {
	margin: 1em 3em 1em 3em;
	padding: 4px;
	font-family: 'OCRB';
	font-weight: normal;
	line-height: 110%;
	font-size: 90% ;
	color: DimGray;
//	background-color: gray;
	background-color: Linen;
	border: thin solid silver;
	white-space: nowrap;
	overflow: auto;
}

.item dl.List {
	margin: 0em 3em 0em 3em;
	padding: 4px;
	font-family: 'Gothic', 'OCRB';
	font-weight: normal;
	background-color: lightcyan;
	border: thin dotted silver;
}

.item .Highlight {
	color: blue;
}

.item .Memo {
	margin: 1em;
	color: darkgreen;
	text-align:	center;
}

.item	TABLE.CoverPhoto	{
	width:	480px;
	background-color: antiquewhite;
	padding:	2pt 3pt 3pt 2pt;
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: center;
}
.item	TABLE.Panorama	{
	width:	320px;
	background-color: antiquewhite;
//	margin: 1em;
	padding:	2pt 3pt 3pt 2pt;
}
.item	TABLE.Landscape {
	width:	240px;
	background-color: antiquewhite;
//	margin: 1em;
	padding:	2pt 3pt 3pt 2pt;
}
.item	TABLE.Portrait	{
	width:	180px;
	background-color: antiquewhite;
//	margin: 1em;
	padding:	2pt 3pt 3pt 2pt;
}
.item	TABLE.MiniPhoto	{
	width:	120px;
	background-color: antiquewhite;
	margin: 1em;
	padding:	2pt 3pt 3pt 2pt;
}
.item	TD.PhotoMemo	{
	font-size: 90%;
	line-height: 120%;
	color: gray;
	text-align: center;
	background: antiquewhite;
}

.item .Reference {
	font-size: normal;
	font-weight: normal;
	color: green;
	background-color: lightyellow;
	border: thin solid antiquewhite;
}

.item .List {
	font-size: 90%;
	font-weight: normal;
}

.item .CalcValue {
	background-color: silver;
}

.item .ResultValue {
	background-color: antiquewhite;
}

.item  .Error	{
	font-weight: bold; font-size: normal;	color:	indianred;
}
.item  .Serious	{
	font-weight: bold; font-size: normal;	background-color:	yellow;	color:	crimson;
}
.item TD.Serious	{
	border: 1px solid gray;
}
.item  .Emergency	{
	font-weight: bold; font-size: normal;	color:	crimson;
}
.item TD.Emergency	{
	border: 1px solid gray;
}
.item  .Dangerous	{
	font-weight: bold; font-size: normal;	color:	chocolate;
}
.item TD.Dangerous	{
	border: 1px solid gray;
}
.item  .Alert	{
	font-weight: bold; font-size: normal;	color:	firebrick;
}
.item  .Warning	{
	font-weight: bold; font-size: normal;	color:	darkred;
}
.item TD.Warning	{
	border: 1px solid gray;
}
.item  .Caution	{
	font-weight: bold; font-size: normal;	color:	red;
}
.item TD.Caution	{
	border: 1px solid gray;
}
.item  .Virus	{
	font-weight: bold;
	font-size: normal;
	color:	darkorange;
}
.item  .Malware	{
	font-weight: bold;
	font-size: normal;
	color:	crimson;
}

.item TABLE.Notice	{
	width: 100%;
	font-size: normal;
	font-weight: normal;
	background-color: tranceparent;
	border: double gray;
	border-collapse: collapse;
}
.item TD.Notice	{
	border-bottom: 1px dotted gray;
}
.item TR.NoticeOdd	{
	font-size: normal;
	font-weight: normal;
	color: black;
	background-color: tranceparent;
}
.item TR.NoticeEven	{
	font-size: normal;
	font-weight: normal;
	color: black;
	background-color: tranceparent;
}

.item  .Announcement	{
	font-size: normal;
	font-weight: normal;
	color: black;
	background-color: lightgreen ;
}
.item  .Statement	{
	font-size: normal;
	font-weight: normal;
	color: black;
	background-color: lightyellow;
}
.item .BgmTitle	 { font-weight:bold;	color: darkcyan;	}
.item .FmTitle { font-weight:bold;	color: darkcyan;	}
.item .TvTitle { font-weight:bold;	color: darkviolet;	}
.item .MovieTitle { font-weight:bold;	color: darkviolet;	}
.item .BookTitle	{ font-weight:bold;	color: darkgreen;	}

.item .Note	 {
	font-size: 90%;
	font-weight: normal;
	line-height: 100%;
	color: gray;
}

.item .Time	 { font-weight:normal;	color: indigo;	}
.item .Road	 { font-weight:bold;	color: darkslategray;	}
.item .Point	 { font-weight:bold;	color: blue; }
.item .Topics { font-weight:bold;	color: Fuchsia ; }
.item .Price		{ font-weight:bold; color: royalblue ;	}
.item .Trademark { font-size: 60%;	vertical-align: super	}
.item .Person	{ font-weight: bold;	color: darkorchid ;	}
.item .RoadStation	{ font-weight: normal	;	color: brown;	}
.item .Shop		{ font-weight: bold;	color: darkmagenta ;	}
.item .Corporation	{ font-weight: bold;	color: indigo;	}
.item .Tradename	{ font-weight: bold;	color: mediumslateblue;	}
.item .Software	{ font-weight: bold;	color: forestgreen;	}
.item .Host		{ font-weight: bold;	color: dodgerblue ;	}
.item .Command	{ font-weight: bold;	color: darkgreen ;	}
.item .Path		{ font-weight: normal;	color: darkblue ;	}
.item .Comment	{ font-weight: normal;	color: blue;	}
.item .Example { font-style: italic; }

.item .Quote		{ font-weight: bold; color: green;	}

.item .Green	 { font-weight:bold;	color: green;	}
.item .Yellow	 { font-weight:bold;	color: yellow;	}
.item .Red	 { font-weight:bold;	color: red;	}
.item .Black	 { font-weight:bold;	color: black;	}

.item .mikachan-font	{
	font-family: 'みかちゃん';
}

.item .Strong	{ font-size: normal;	font-weight: bold; }
.item .Strong1	{ font-size: normal;	font-weight: bold;	color: darkblue;	}
.item .Strong2	{ font-size: normal;	font-weight: bold;	color: darkgreen;	}
.item .Strike	{ text-decoration: line-through; }
.item .Delete	{ text-decoration: line-through;	color:gray;	}
.item .Emphasize { font-size: 150% ;	font-weight: bold;	}
.item .SuperEmphasize	{ font-weight: bold; font-size: 200% ;	line-height: 120%;	}
.item .Recommend	 { font-weight: bold; font-size: 120%;	color:	mediumseagreen;	}

.item .DiffDelete	{ color:Blue;	}
.item .DiffAppend	{ color:Fuchsia;	}

.item .Temperature	{
	font-weight: bold;
	color: royalblue;
}
.item .Train	{
	margin: 1em;
	color: blueviolet;
	text-align:	center;
}

.item th { white-space: nowrap; text-align: center; background: lightgray; }
.item th.Separater { text-align: left; background: lightgreen;}
.item th.Item { text-align: right; background: lightgray; color: darkblue; }
.item td { text-align: center; background: antiquewhite; }
.item TABLE.List	{
	margin: 1em;
	background: darkgray;
}
.item TABLE.OldList	{
	margin: 1em;
	border-collapse: collapse;
	border: double gray;
	background: darkgray;
}
.item TABLE.SpecList	{
	font-size: 90%;
	line-height: 120%;
	margin: 1em;
	border-collapse: collapse;
	border: double gray;
}
.item TABLE.CompactList	{
	margin: 1em;
	font-size: 90%;
	line-height: 120%;
	background-color: floralwhite;
	border-collapse: collapse;
	border: double gray;
}
.item TH.List	{
	font-weight: bold;
	text-align: center;
}
.item TR.List	{
	font-weight: bold;
	text-align: center;
}
.item TR.Total	{
	font-weight: bold;
	text-align: center;
}
.item TH.ListL	{
	font-weight: bold;
	text-align: left;
}
.item TH.ListR	{
	font-weight: bold;
	text-align: right;
}
.item TD.List	{
	font-weight: normal;
	background-color: floralwhite;
	text-align: center;
}
.item TD.List2	{
	font-weight: normal;
	background-color: mintcream;
	text-align: center;
}
.item TD.Price	{
	font-weight: normal;
	color: royalblue;
	background-color: floralwhite;
	border: 1px solid gray;
	text-align: center;
}
.item TD.Header1	{
	font-weight: bold;
	background-color: floralwhite;
	border: 1px solid gray;
	text-align: center;
}
.item TD.Header2	{
	font-weight: bold;
	background-color: mintcream;
	border: 1px solid gray;
	text-align: center;
}
.item TD.ListL	{
	background-color: floralwhite;
	border: 1px solid gray;
	text-align: left;
}
.item TD.ListR	{
	background-color: floralwhite;
	border: 1px solid gray;
	text-align: right;
}
.item TD.Emphasize	{
	font-weight: bold;
	background-color: mintcream;
	border: 1px solid gray;
	text-align: center;
}

/* for http://www.alpslab.jp/slide.html */
.item DIV.alpslab-slide {
	color:white;
	font-size: xx-small;
}

/* BBS */
.bbs_form {
	background-color: white;
	border:2px groove white;
	margin-bottom:16px;
	padding:8px;
	text-align:right;
}
.bbs_AuthorUrl {
	font-size:92%;
	line-height:100%;
	text-align:right;
	margin:0px;
	padding:0px;
}

/*==============================
	ツッコミ関係
==============================*/
.writeback {
	margin-top:0px;
	padding-top:8px;
	border-top:2px dotted;
	text-align:right;
	line-height:120%;
}
.writeback a {
	text-decoration:none;
}
.writeback form {
	text-align:right;
	margin-bottom:0.5em;
}
.writeback dl {
	border:1px solid #a0a0a0;
	background:#f8f8f0;
	line-height:100%;
	padding:2px 0.5em;
	margin: 0px 0px 4px 0px;
	text-align:left;
}
.writeback dt {
	font-weight:bold;
	margin:0px;
	padding:0px;
	line-height:100%;
}
.writeback dd {
	font-weight:normal;
	margin-left:24px;
	margin-bottom:0.25em;
	line-height:125%;
}
.writeback li {
	line-height:125%;
}
.writeback ul {
	border:1px solid #a0a0a0;
	background:#f8f8f0;
	padding:2px 2em;
	margin: 0px 0px 4px 0px;
	text-align:left;
}
.writeback .url{
	font-size:11px;
	margin:0px;
}

/*==============================
	サイドバーエリア
	background-image: url("../parts/bgnote_l.png");
	background-position: right;
	background-repeat: repeat-y;
	width:190px;
==============================*/

#links {
	padding:10px 10px 0px 20px;
	width:190px;
	margin:0px;
}
#links .side {
	margin-left:16px;
	margin-bottom:16px;
}
#links img {
	border:0px;
}

/* カレンダー */
#links table.calendar th,
#links table.calendar td {
	text-align:center;
	line-height:100%;
	padding:1px 2px;
}
#links table.calendar tr.caption td,
#links table.calendar tr.caption th {
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid;
}
#links table.calendar a{
	font-weight:bold;
}

#links h1,
#links h2,
#links h3,
#links h4,
#links h5,
#links h6 {
	font-family : Geneva, Arial, Helvetica, san-serif;
	font-size:130%;
	font-weight:bold;
	margin:0px 0px 4px 0px;
}
#links ul {
	margin:0px;
	padding-left:0px;
	list-style-type:square;
}
#links ul li {
	line-height:125%;
	margin-left:12px;
}

/*==============================
	map_class
	width: 360px; height: 280px;
	vertical-align: middle;
==============================*/
.item TD.map_class	 {
	width: 320px; height: 240px;
	text-align:center;
	font-weight:bold;
}

.item .map_class	 {
	width: 320px; height: 240px;
}

/* 地図表示部
 */
#map {
	margin: 0px;
	float: left;
}

/* 著作権表示 */
.copyright {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;
}
/* 著作権表示のリンク */
.copyright a {
	color: slategray;
	text-decoration: none;
}

/* PhotoMemoの修正：テーブル幅いっぱいに広げ、文字サイズを調整 */
.content td.PhotoMemo {
    display: table-cell !important; /* captionから戻す */
    width: 100% !important;
    white-space: normal !important;
    word-break: break-all !important;
    font-size: 0.85em !important;
    padding: 8px 5px !important;
    text-align: center !important;
    line-height: 1.4 !important;
    background-color: #f9f9f9 !important;
    color: #555 !important;
}

/* テーブル全体の幅を「中身（画像）」に依存させる */
.content table.Panorama,
.content table[align="right"] {
    display: table !important;
    width: auto !important;
    max-width: 45% !important; /* 本文に対して広がりすぎないよう制限 */
    float: right !important;
    margin: 0 0 15px 20px !important;
    border: 1px solid #ddd !important;
}

/* ウィジェットタイトルの大文字強制を解除 */
.widget__title {
    text-transform: none;
}

/* サイトタイトルの大文字強制を解除（必要に応じて） */
.header__title {
    text-transform: none;
}

/* アーカイブページ等のメイン見出しの大文字強制を解除 */
.main__title {
    text-transform: none;
}