/*
=========================
(1) BASE
=========================
*/
/*body*/
body {
	margin          :0px;
	padding         :0px;
	font-family     :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
	color           :#000000; 
	font-size		:10pt;
	line-height:	:1.2em;
	color			:#000000;
	background		:#fff8e0;
	text-align		:left;
}

/*anchors*/
a:link {
    color           :#4444FF;
    font-weight     :bold;
    text-decoration :underline;
    background-color:transparent;
}
a:visited {
    color           :#4444FF;
    font-weight     :bold;
    text-decoration :underline;
    background-color:transparent;
}
a:hover {
    text-decoration :underline;
    font-weight     :bold;
    color           :#ff6600;
    font-style      :normal;
    background-color:transparent;
}

/*images*/
img {
    border           : 0px;
}

/*forms*/
form {
    font-family     :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Arial, sans-serif;
}
textarea {
    width           :90%;
    border          :1px solid #969696;
    font-size       :100%;
	font-family     :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}
input {
    font-size       :100%;
	font-family     :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
}
input[type="submit"],[type="reset"] {
    background-color:#eeeeee;
    /*background-image:url(../_shared/button_bg.png);*/
	background-repeat:repeat-x;
    font-size       :100%;
	font-family     :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
    padding         :1px 10px 1px 10px;
}
input.tagbutton {
    width            : 50px;
    padding-top      : 2px;
    padding-bottom   : 2px;
    margin-bottom    : 3px;
    color            : #000000;
    border           : 1px solid #999999;
    background-color : #eeeeee;
    background-image : url(../_shared/button_bg.png);
	background-repeat:repeat-x;
    padding          : 1px 10px 1px 10px;
}
select {
    font-size       :95%;
	font-family     :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Trebuchet MS, sans-serif;
    margin-top      :2px;
    margin-bottom   :2px;
    height          :1.7em;
    color           :#000000;
    background-color:#ffffff;
    border          :1px solid #999999;    
}
fieldset {
    border          :1px solid #996633; /*#996633;*/
    padding         :1.5em;
    margin-top      :20px;
    margin-bottom   :20px;
}
legend {
    font-family     :Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    font-size       :100%;
    color           :#806020;
    background-color:#ffffff;
    border          :1px solid #996633; /*#996633;*/
    padding-top     :3px;
    padding-right   :10px;
    padding-bottom  :3px;
    padding-left    :10px;
}

/*
=========================
(2) HEADER-BOX
=========================
*/
div.marquee {
    position        :absolute;
    width           :100%;
    height          :1.5em;
    margin-top      :0px;
    margin-left		:4px;
    margin-right	:4px;
    padding-top     :0px;
    color           :#666600;
}

div.header {
    position        :absolute;
    width           :100%;
    height          :3em;
    margin-top      :1.5em;
    margin-left		:4px;
    margin-right	:4px;
    padding-top     :5px;
    color           :#666600;
	background		:transparent url(img/bg_oy.gif) repeat-x;
    border-top      :1px solid #669933;
    border-bottom   :1px solid #669933;
}
h1.title {
    font-family     :"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Lucida Sans Unicode, Lucida, Verdana, Optima, Arial, sans-serif;
    font-size       :170%;
    margin-top      :0px;
    padding-left    :1em;
    position        :absolute;
    float           :left;
    text-shadow     :#336600 0.2em 0.2em 0.2em;
}
a.title {
    color           :#ffffff;
    text-decoration :none;
    background-color:transparent;
}
a.title:visited {
    text-decoration :none;
    color           :#ffffff;
    background-color:transparent;
}
a.title:hover {
    text-decoration :none;
    color           :#eeffe6;
    background-color:transparent;
}
span.subtitle {
    font-size       :110%;
    font-family     :Optima, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", sans-serif;
    text-shadow     :#669900 0.2em 0.2em 0.2em;
    float           :left;
    position        :absolute;
    margin-left     :17em;
}

/*
======================
(3) MENU-BOX
======================
*/
div.menu-box {
    width           :17%;
    font-size       :100%;
    position        :absolute;
    float           :left;
    margin-top      :5em;
    margin-left     :0px;
    padding         :4px;
    color           :#000000; 
    background-color:transparent;
}
/* colored menu */
div.menu {
    width           :100%;
    font-size       :95%;
    position        :relative;
    clear           :both;
    margin-top      :1em;
    margin-left     :0px;
    margin-bottom   :0.5em;
    padding         :0px;
    color           :#000000; 
    background-color:#ffffff;
    border          :1px solid #999999;
}
div.menu h2 {
    margin-top      :0px;
    margin-bottom   :0px;
    width           :100%;
	border-bottom	:1px solid #c08000;
	color			:#b07000;
	background		:#ffc000 url(img/bg_cap.gif) repeat-x;
	font-size		:10pt;
    font-weight     :bold;
	line-height		:1.2em;
	text-align		:center;
	white-space		:nowrap;
}
div.menu h3 {
    margin-top      :0px;
    margin-bottom   :0px;
	color			:#b07000;
	font-size		:10pt;
    font-weight     :bold;
}
div.menu h4 {
    margin-top      :0px;
    margin-bottom   :0px;
	color			:#b07000;
	font-size		:10pt;
    font-weight     :normal;
}
div.menu dl {
    margin-top      :8px;
    margin-bottom   :8px;
}
div.menu dt {
    margin-top      :8px;
    margin-bottom   :8px;
	color			:#b07000;
	font-size		:10pt;
    font-weight     :bold;
}
div.menu dd {
    margin-top      :5px;
    margin-bottom   :5px;
    margin-left     :10px;
	color			:#b07000;
	font-size		:10pt;
    font-weight     :bold;
}
div.info {
    margin-top      :0px;
    margin-bottom   :0px;
	color			:#b07000;
	font-size		:12pt;
    font-weight     :normal;
    text-align		:center;
}
h3.WinNewsTitle {
	margin:			4px 0 1px 0;
	color:			#a07040;
	color:			#a06820;
	font-size:		10pt;
	font-weight:		bold;
	line-height:		1.5em;
	}
div.WinNewsArticle {
	margin:			0 0 0 12px;
	line-height:		1.3em;
	font-size:		10pt;
	}
span.WinNewsDate {
	color:			#909090;
	font-size:		8pt;
	}
div.WinNewsOld {
	margin:			5px 0 0 0;
	text-align:		right;
	}

/*
======================
(4) CONTENT-BOX
======================
*/
div.contentstatic-box {
    position         : absolute;
    width            : 67%;
    font-size        : 100%;
    float            : left;
    margin-top       : 5em;
	margin-left      : 18%;
    margin-right     : 5%;
	margin-bottom    : 5px;
	padding-top      : 1em;
	padding-left     : 0.5em;
	padding-right    : 0.5em;
    border-left      : 1px solid #dddddd;
    border-right     : 1px solid #dddddd;
    color            : #000000; 
    background-color : transparent;
}
div.content {
    position         : absolute;
    width            : 67%;
    margin-top       : 5em;
	margin-left      : 18%;
    margin-right     : 5%;
	margin-bottom    : 5px;
	padding-top      : 1em;
	padding-left     : 0.5em;
	padding-right    : 0.5em;
    border-left      : 1px solid #dddddd;
    border-right     : 1px solid #dddddd;
}
div.article-box {
    margin-bottom    : 14px;
    padding-left     : 1em;
    padding-right    : 1em;
    padding-bottom   : 1em;
    line-height      : 17px;
}
.content h1 {
    font-size        : 150%;
}
.content h2 {
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    font-size        : 130%;
    color            : #608020;
    background-color : transparent;
    border-bottom    : 1px solid #608020;
    padding-bottom   : 5px;
}
.content h3 {
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    font-size        : 115%;
    font-weight      : bold;
    padding-bottom   : 5px;
    padding-left     : 1px;
    border-bottom    : 1px dotted #806020;
}
.content h4 {
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    font-size        : 110%;
    font-weight      : bold;
    margin-top          : 0px;
    margin-bottom    : 0px;
}
h2.archive-title {
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    font-size        : 140%;
    color            : #996633;
    background-color : transparent;
    border-top       : 2px solid #996633;
    border-bottom    : 2px solid #996633;
    padding-top      : 5px;
    padding-bottom   : 5px;
}
h3.article-title {
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    font-size        : 120%;
    text-shadow      : #dddddd 0.2em 0.2em 0.2em;
    border-bottom    : 1px dotted #806020;
	color			 : #b07000;
}
div.warning {
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    font-size        : 100%;
    color            : #ff0000;
    padding-top      : 5px;
    padding-bottom   : 5px;
}
div.date {
    font-size        : 0.9em;
    font-family      : Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    color            : #996633;
    background-color : transparent;
}
p {
    font-size        : 100%;
    line-height      : 180%;
}
.content table {
    font-size        : 100%;
    line-height      : 180%;
}
.content tr {
    font-size        : 100%;
    line-height      : 180%;
}
.content td {
    font-size        : 100%;
    line-height      : 180%;
}
/*article footer*/
div.a-footer {
    text-align: right;
    font-size        : 90%;
    color            : #996633;
    background-color : transparent;
    font-family      : Lucida Grande, Verdana, sans-serif;
    border-top       : 1px solid #cccccc;
    margin-top       : 2em;
    padding-top      : 0.5em;
}
#rdf {
    margin           : 5px 0px 0px 10px;
}
div.flip-form {
    margin-bottom    : 12px;
}

div.digest {
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    font-size        : 100%;
    color            : #608020;
    background-color : transparent;
    border-bottom    : 1px solid #608020;
    padding-top      : 5px;
    padding-bottom   : 5px;
}
.category_style {
    font-size        : 100%;
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    color            : #996633;
    background-color : transparent;
}
.date {
    font-size        : 100%;
    font-family      : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", "MS P Gothic", Lucida Grande, Trebuchet MS, Verdana, sans-serif;
    color            : #996633;
    background-color : transparent;
}






/*
======================================
TRACKBACK STYLE
======================================
*/
.trackback-list {
    margin-top       : 1em;
    padding          : 0;
    border           : 1px solid #dddddd;
}
.trackback-list h4 {
    margin           : 0px;
	border-bottom    : 1px solid #dddddd;
	padding          : 0.3em 1em 0.3em 0.5em;
	color            : #666666;
	background-color : #eeeeee;
    background-image : url(../_shared/gray_stripe.png);
}
.trackback-list h5 {
    margin           : 0.8em 1em 0.1em 1em;
    font-size        : 1em;
}
.trackback-list p {
	margin           : 0.1em 2em 1em 3em;
	font-size        : 1em;
}
.trackback-list span {
    color            : #666666;
    font-size        : 1em;
    font-style       : italic;
}

td.trackback-to {
    width            : 300px;
    color            : #000000;
    background-color : #ffffee;
    padding          : 0.3em;
    border           : 1px solid #999999;
}
td.trackback-response {
    color            : #000000;
    background-color : #eeeeee;
    padding          : 0.3em;
    border           : 1px solid #999999;
    font-size        : 0.9em;
}
.trackback-uri {
    font-size        : 90%;
    font-style       : italic;
    color            : #333333;
    background-color : #eeeeee;
    border           : 1px solid #cccccc;
    padding          : 1em 1em 1em 1em;
    margin           : 2em 0em 2em 0em;
}
/* send trackback ping form */
#trackback-form {
    padding          : 0.5em 1em 2em 1.5em;
    border           : 1px solid #cccccc;
}



/*
======================================
COMMENT STYLE
======================================
*/
.comment-list {
    margin-top       : 1em;
    padding          : 0;
    border           : 1px solid #dddddd;
}
.comment-list h4 {
    margin           : 0px;
	border-bottom    : 1px solid #dddddd;
	padding          : 0.3em 1em 0.3em 0.5em;
	color            : #666666;
	background-color : #eeeeee;
    background-image : url(../_shared/gray_stripe.png);
}
.comment-list h5 {
    margin           : 1em 1em 1em 1em;
    font-size        : 1em;
	border-bottom    : 1px solid #dddddd;
	padding          : 0.3em 1em 0.3em 0.5em;
	color            : #666666;
}
.comment-list p {
	margin           : 0.5em 2em 0.5em 1em;
	font-size        : 1em;
}

.author {
    color            : #666666;
    font-size        : 1em;
    font-style       : italic;
    padding-left     : 1em;
}
.notice {
    color            : #FF0000;
    font-size        : 1.2em;
}

/*
 ==================================
   TABLES
 ==================================
 */
table.colored {
    font-size        : 100%;
    width            : 100%;
    line-height      : 180%;
    border-collapse  : collapse;
    color            : #000000;
    border           : 1px solid #999999;
}
.colored th {
    padding          : 0.3em;
    color            : #333333;
    background-color : #eeeeee;
    border           : 1px solid #999999;
    background-image : url(../_shared/gray_stripe.png);
}
th.colored-left {
    padding          : 0.3em;
    color            : #333333;
    background-color : #eeeeee;
    border           : 1px solid #999999;
    background-image : url(../_shared/gray_stripe_flat.png);
}
.colored td {
    padding          : 0.3em;
    color            : #000000;
    background-color : #ffffff;
    border           : 1px solid #999999;
}
td.colored-left-top {
    font-size        : 100%;
    padding          : 3px;
    color            : #ffffff;
    background-color : #666666;
    border           : 1px solid #999999;
}
td.colored-left-bottom {
    font-style       : italic;
    color            : #333333;
    background-color : #ffffff;
    border           : 1px solid #999999;
}
td.colored-bottom {
    padding          : 0.7em;
    color            : #000000;
    background-color : #eeeeee;
    background-image : url(../_shared/gray_stripe.png);
    border           : 1px solid #999999;
}
caption.colored {
    caption-side     : top;
    font-size        : 100%;
    font-weight      : bold;
    margin-bottom    : 5px;
}

/* Horizontal Access Graph */
.horizontal-graph {
    font-size        : 1em;
    width            : 100%;
    line-height      : 180%;
    border-collapse  : collapse;
	border-spacing   : 1px;
    color            : #000000;
    border           : 1px solid #cccccc;
}
.horizontal-graph th {
    padding          : 0.3em;
    color            : #333333;
    background-color : #ffffcc;
    border           : 1px solid #cccccc;
}
th.hits {
    width            : 40px;
    border           : 1px solid #cccccc;
}
td.sunday {
    color            : #000000;
    background-color : #f5dfdf;
    padding          : 0.3em;
    border           : 1px solid #cccccc;
}
td.hits {
    font-size        : 90%;
    text-align       : right;
    color            : #000000;
    background-color : #F2F1E6;
    padding-right    : 0.3em;
    border           : 1px solid #cccccc;
}

/* Graph Bar */
th.result {
    width            : 380px;
    padding          : 0.3em;
    color            : #333333;
    background-color : #ffffee;
    border           : 1px solid #cccccc;
}
td.left {
    width            : 250px;
    color            : #000000;
    background-color : #ffffee;
    padding          : 0.3em;
    border           : 1px solid #cccccc;
}
td.hit-bar {
    color            : #000000;
    background-color : #ffffee;
    padding          : 0.3em;
    border           : 1px solid #cccccc;
}

