/*
===============================
全ページ共用スタイル。変更不可
===============================
*/

/* markup CSS */

form,input {
     padding: 0;
     margin: 0;
}

h1,h2,h3,h4 {
     padding: 0;
     margin: 0;
     font-weight: normal;
     font-style: normal;
}

p {
     padding: 0;
     margin: 0 0 0.7em 0;
     line-height: 1.4em;
}

th {
     font-style: normal;
     font-weight: normal;
     text-align: left;
}

td {
     vertical-align: top;
}

img {
     border: 0;
}

ol,ul {
     margin: 0 0 0 0.8em;
     padding: 0 0 0 0.8em;
}

li {
     margin: 0 0 0.2em 0;
     padding: 0;
}

dl {
     margin: 0;
     padding: 0;
}

dt {
     margin: 0.7em 0 0 0;
     padding: 0;
}

dd {
     margin: 0.3em 0 1em 1em;
     padding: 0;
}

hr {
     margin: 0;
     padding: 0;
}

em {
     font-style: normal;
     font-weight: bold;
}

hr {
     color: #999999;
     background-color: #999999;
     border: none;
     height: 1px;
     margin: 0;
     padding: 0;
}

*  html  hr {
     color: #999999;
     background-color: #999999;
     border: none;
     height: 1px;
     margin: 0;
     padding: 0;
}

.clear {
     clear: both;
     font-size: 0;
     margin: 0;
     padding: 0;
     height: 0px;
     line-height: 0;
}

a {
     color: #2636a5;
     text-decoration: none;
}

/*a{color:#18409b;text-decoration:none;}*/

a:visited {
     color: #853ebd;
     text-decoration: none;
}

a:hover {
     color: #016cef;
     text-decoration: underline;
}

/*
===============================
*/

.detail {
     margin: 0;
     padding: 0;
     clear: both;
}

.detail  .category-name  h2 {
     font-size: 110%;
     font-weight: bold;
     color: #333333;
     margin: 0 0 11px 0;
     padding: 0 0 12px 5px;
     background-repeat: repeat-x;
     background: url(images/title_bg.gif) left bottom;
     clear: both;
}

.headarea {
     margin: 0 0 17px 0;
     padding: 0 10px;
     border-bottom: 1px dotted #666666;
}

.headarea  h1 {
     font-size: 125%;
     line-height: 150%;
     font-weight: bold;
     text-align: center;
     padding: 5px 0 10px 0;
}

/*
.headarea h2{
	font-size:125%;
	font-weight:bold;
	padding:0 0 10px 0;
	}
*/

.headarea  .data {
     font-size: 96%;
     text-align: right;
     margin: 0;
     padding: 0 0 8px 0;
}

.textzone {
     padding: 0 10px;
}

.textzone  .Lead {
     font-size: 100%;
     line-height: 140%;
     padding: 0 0 8px 0;
}

.textzone  h2 {
     margin: 15px 0px 15px 0px;
     background: #99f;
     border: solid 1px #ddd;
     color: #fff;
     padding: 0.1em 2%;
     font-size: 120%;
     font-weight: bold;
}

.textzone  h3 {
     margin: 15px 0px 3px 0px;
     color: #000099; /* 文字の色 */
     padding-left: 10px; /* 左の余白 */
     border-width: 0px 0px 2px 15px; /* 枠の幅 */
     border-style: solid; /* 枠の種類 */
     border-color: #9999ff; /* 枠の色 */
     font-weight: bold;
}

.textzone  h4 {
     margin: 1em 1%;
     padding: 0.1em 0 0.1em 1%;
     border-left-color: #9999ff;
     border-left-style: solid;
     border-left-width: 10px;
}

.textzone  h4  .l {
     float: left;
}

.textzone  h4  .r {
     float: right;
     font-size: 12px;
     font-weight: normal;
     color: #333;
     text-align: right;
}

.textzone  h5 {
     background-color: #FFFFFF; /* 背景色 */
     padding: 5px 5px 5px 10px; /* 帯内の余白 */
     border-bottom: 4px #1C79C6 dotted; /* 下の枠線（太さ・色・スタイル） */
     margin-right: 275px;
}

.textzone  h5  .l {
     margin: 1em 4%;
     padding: 0.1em 0 0.1em 1%;
     border-left-color: #789;
     border-left-style: double;
     border-left-width: 10px;
     float: left;
}

.textzone  h5  .r {
     float: right;
     font-size: 14px;
     font-weight: normal;
     color: #333;
     text-align: right;
}

.textzone  h6 {
     margin: 20px 0px 3px 20px;
	padding:3px 10px 2px 25px;
	font-size:100%;
	color:#003366;
	line-height:135%;
	clear:none;
	background:url(images/hc_bg.gif) no-repeat left;
}

.textzone  h6  .l {
     margin: 1em 8%;
     padding: 0.1em 0 0.1em 1%;
     border-bottom-color: #9ab;
     border-bottom-style: solid;
     border-bottom-width: 2px;
     float: left;
}

.textzone  h6  .r {
     float: right;
     text-align: right;
}

.textzone  h4, .textzone  h5, .textzone  h6 {
     color: #567;
     font-size: 105%;
     font-weight: bold;
}

.textzone  ol, .textzone  li {
     color: #000;
}

.textzone  .Text {
     font-size: 100%;
     text-indent: 1em;
     line-height: 150%;
     margin: 0;
     padding: 0;
}

.textzone  .Text  p {
     margin: 0;
     padding: 0 0 1em 0;
}

.textzone  .post {
     margin: 10px 0;
     padding: 0;
}

.textzone  .Creditline {
     font-size: 90%;
     line-height: 150%;
     margin: 0;
     padding: 0;
     clear: both;
}

.textzone  .Creditline  p {
     margin: 0;
     padding: 0 0 1em 0;
}

/*-----photo---*/

.textzone  .Photo-right {
     margin: 0 10px 9px 0;
     float: left;
}

.textzone  .Photo-left, .textzone  .Photo-undefine {
     margin: 0 0 9px 10px;
     float: right;
}

.textzone  .Photo-right, .textzone  .Photo-left, .textzone  .Photo-undefine {
     border: 1px solid #cccccc;
}

.textzone  .Photo-right  img, .textzone  .Photo-left  img, .textzone  .Photo-undefine  img {
     margin: 7px;
}

.textzone  .Photo-right  td, .textzone  .Photo-left  td, .textzone  .Photo-undefine  td {
     background: #f7f7f7;
}

.textzone  .Photo-right  .Etoki  p, .textzone  .Photo-left  .Etoki  p, .textzone  .Photo-undefine  .Etoki  p {
     font-size: 75%;
     font-weight: bold;
     line-height: 150%;
     padding: 0 7px 5px 7px;
     margin: 0;
}

#article  ul, #article  li {
     list-style: decimal outside;
}

/* section関連要素 */

div.section {
}

div.section  div.section {
     background: #f3f3ff;
     border-color: #ccc;
     clear: both;
     margin: 4em 3%;
     border-style: solid;
     border-width: 1px;
}

div.section  div.section  div.section {
     margin: 2em 1%;
     padding: 0;
     border: none;
}

div.section  div.section  div.section  div.section {
     margin: 2em 0;
}

div.introduction {
     margin: 1em 3%;
     padding: 0 1%;
     background: #fffff6;
     border: solid 1px #dcb;
}

div.introduction  p {
     margin: 1em 2%;
     text-indent: 0em;
}

div.warning {
     margin: 1em 3%;
     padding: 0;
     background: #fff0ff;
     border: solid 1px #f00;
}

div.warning  h2 {
     display: inline;
     position: relative;
     top: 0.2em;
     left: 0;
     margin: 0;
     padding: 0.3em 2%;
     background: #f00;
     border: none;
     color: #fff;
}

div.contents {
     margin: 1em 3%;
     padding: 0 1%;
     background: #fffff6;
     border: solid 1px #dcb;
}

div.contents  li {
     font-size: 95%;
}

div.contents  li  li {
     font-size: 100%;
}

div.note {
     margin: 2em 2%;
     padding: 0.5em 1%;
     background: #ffe;
     border: solid 1px #ccc;
     font-size: 90%;
}

div.note:before {
     content: "附記";
     display: block;
     color: #666;
     margin: 0 0 1em 0;
}

div.note  p {
     margin: 0.5em 1%;
     color: #666;
}

/* 引用 */

blockquote {
     margin: 2em 2%;
     padding: 0.5em 1%;
     background: #f9ffff;
     border: solid 1px #ccc;
     font-size: 95%;
}

blockquote[title]:before {
     display: block;
     content: ""attr(title)"より引用";
     color: #393;
     margin: 0 0 1em 0;
}

blockquote[cite]:after {
     display: block;
     content: "《参照："attr(cite)"》";
     margin: 1em 0.4% 0.2em 0;
     color: #393;
     text-align: right;
}

blockquote  p {
     margin: 0.5em 2%;
}

blockquote  blockquote {
     font-size: 100%;
}

q {
     quotes: "「" "」" "『" "』";
     color: #393;
}

q:before {
     content: open-quote;
}

q:after {
     content: close-quote;
}

/* その他 */

em {
     color: #f33;
     font-weight: bold;
}

abbr {
     border-bottom: solid 2px #f96;
}

code {
     color: #099;
}

sup, sub {
     font-size: 75%;
}

hr {
     padding: 1em 0 2em 0;
}

hr:before {
     display: block;
/* content       : "◆　　　　　　　◆　　　　　　　◆" ;*/
     content: "＊";
     text-align: center;
}

pre {
     margin: 1em 2%;
     padding: 1em 2%;
     border: dotted 1px #000;
     font-size: 95%;
}

/* ins/del */

ins {
     margin: 2em 2%;
     padding: 1em 2%;
     background: #fff9ff;
     border: solid 1px #ccc;
     border-left: solid 4px #606;
     font-size: 95%;
}

ins:before {
     display: block;
     content: ""attr(datetime)"追記";
     color: #606;
}

del {
     margin: 2em 2%;
     padding: 1em 2%;
     background: #f6f6f6;
     border: solid 1px #ccc;
     border-left: solid 4px #999;
     color: #999;
     font-size: 95%;
}

del:before {
     display: block;
     content: ""attr(datetime)"削除";
     color: #999;
}

del  * {
     color: #999;
     text-decoration: line-through;
}

ins  del, del  ins, blockquote  ins, ins  blockquote, blockquote  del, del  blockquote {
     font-size: 100%;
}

div.pico_breadcrumbs {
     font-size: 95%;
     padding: 0 0 3px;
     border-bottom: 1px #aaa solid;
}

.pico_body {
     margin: 0 -2px;
     padding: 15px 8px;
}

div.pico_menu  h1 {
     margin: 18px 0 0 0;
     padding: 3px;
     background-color: #eee;
}

div.pico_menu  h2 {
     margin: 18px 0 0 10px;
     padding: 3px;
     background-color: #eee;
}

div.pico_menu  h3 {
     margin: 18px 0 0 20px;
     padding: 3px;
     background-color: #eee;
}

div.pico_menu  h4 {
     margin: 18px 0 0 30px;
     padding: 3px;
     background-color: #eee;
}

div.pico_menu  h5 {
     margin: 18px 0 0 40px;
     padding: 3px;
     background-color: #eee;
}

div.pico_menu  div.level1 {
     margin-left: 0;
}

div.pico_menu  div.level2 {
     margin-left: 10px;
}

div.pico_menu  div.level3 {
     margin-left: 20px;
}

div.pico_menu  div.level4 {
     margin-left: 30px;
}

div.pico_menu  div.level5 {
     margin-left: 40px;
}

em.pico_notice {
     font-weight: bold;
     font-style: normal;
     color: #FF0000;
}

div.pico_controllers_in_menu {
     float: right;
     position: relative;
     top: -1.5em;
}

div.bottom_of_content_body {
     clear: right;
}

ul.pico_list_contents  li {
     list-style: none outside;
}

ul.pico_list_contents_in_menu  li {
     list-style: none outside;
}

div.pico_print_icon {
     float: right;
     width: 40px;
     height: 40px;
}

div.pico_tellafriend_icon {
     float: right;
     width: 40px;
     height: 40px;
}

div.pico_vote  form {
     display: inline;
}

table.pico_pagenavigation {
     border-top: 1px #aaa solid;
     margin-top: 20px;
}

table.pico_form_table  th.pico_waiting {
     color: red;
}

table.pico_form_table  td.pico_waiting {
     color: red;
     background-color: white;
}

table.pico_form_table  td, table.pico_form_table  th {
     color: black;
     vertical-align: top !;
     text-align: left;
}

p.pico_submit {
     text-align: center;
     margin: 0;
     padding: 10px;
}

input.pico_ascii_only {
     ime-mode: disabled;
}

input.pico_number_only {
     ime-mode: disabled;
     text-align: right;
}

pre.pico_history_diff  del {
     color: red;
}

pre.pico_history_diff  ins {
     color: blue;
}