﻿@charset "UTF-8";
/* CSS Document */

.cp { }
/*-------------------------------------*/

.cp header ul { list-style: none; margin: 5px 0 0; padding: 0; text-align: right; color: #667; font-family: "Times New Roman", Times, serif; }
.cp header ul li { margin: 0 0 0 1em; padding: 0; display: inline; }
.cp header ul li a { }
/*-------------------------------------*/
.cp article { margin: 0 0 40px; padding: 0 12px 0 0; }
.cp article h2, .cp article h3, .cp article h4, .cp article h5, .cp article h6 { color: #000; margin: 1.6em 0 .5em }
.cp article h2 { font-size: 1.38em; }
.cp article h3 { font-size: 1.23em; color: #667; }
.cp article h4 { font-size: 1.15em; }
.cp article h5 { font-size: 1.08em; color: #667; }
.cp article h6 { font-size: 1em; }
.cp article h2+h3, .cp article h3+h4, .cp article h4+h5, .cp article h5+h6 { margin-top: 0; }
.cp article, .cp article p { line-height: 180%; text-align: justify; }
/*---figure*/
.cp article figure { float: left; border: 1px solid #bbb; margin: 5px 40px 20px 2px; box-shadow: rgba(0,0,0,0.4) 0 2px 5px; max-width: 248px; }
.cp article figure img { display: block; max-width: 240px;width: 240px \9;border: 4px solid #fff; }
.cp article figure figcaption { margin: 0 4px 4px; line-height: 130%; width: auto; }
.cp article img { max-width: 600px; max-height: 600px; }
.cp article figure ~ ul>li { list-style:none;  text-indent:-.8em; *text-indent:0;}
.cp article figure ~ ul>li:before { content:'●'; display:inline-block; width:.8em;}
/*---table*/
.cp article table { /*border:2px solid #888;
	border-collapse:collapse; 20111212*/
margin: 0 auto 1em; width: 99%; line-height: 150%; }
.cp article table caption { font-weight: bold; text-align: left; font-size: 1em; background: #666; color: #fff; padding: 5px 10px 4px; margin-right: -2px; }
.cp article th, .cp article td { vertical-align: top; padding: 5px 8px 4px;/*border:1px solid #aaa; 20111212*/
}
.cp article th[scope="row"] { text-align: right; vertical-align: top; /*border-right-color:#ddd; 20111212*/
width: 15%; }
.cp article th[scope="col"] { text-align: center; vertical-align: middle; background: #eee; border-bottom-color: #777; }
/*---ul , ol*/
.cp article ul, .cp article ol { margin: .5em 0 1em 2em; padding: 0; }
.cp article ul li, .cp article ol li { margin: 0 0 .5em 0; }
/*-----------------------columns*/
.cp article table.columns { width: 100%; }
.cp article table.columns, .cp article table.columns td, .cp article table.columns th { border: none; }
.cp article table.columns td h2 { margin-top: 0; }
/*-----------pubInfo*/
.cp article .pubInfo { }
.cp article .pubInfo ul { list-style: none; margin: 3em 0 0; padding: 0; font-weight: bold; line-height: 130%; font-family: "Times New Roman", Times, serif; }
.cp article .pubInfo ul li { margin: 0; padding: 0; color: #558b16; }
.cp article .pubInfo ul li em { font-style: normal; font-weight: normal; margin-left: 4px; color: #444; }
/*-------------------------------------*/
.attachment, .share, .seeAlso { margin: 0 0 15px; padding: 10px; clear: both; }
.attachment h1, .share h1, .seeAlso h1 { font-family: "Times New Roman", Times, serif; font-size: 1.5em; margin: 0 0 .6em; }
/*-------------------------------------*/
.attachment { overflow: hidden; margin-bottom: 30px; background: url(../images/attachment_bg.png) no-repeat 0 0; padding: 40px 15px 0; }
.attachment .filename { list-style: none; margin: 19px 0 25px 5px; padding: 0; line-height: 150%; }
.attachment .filename li { margin: 0 0 .5em; padding: 1px 0 2px 22px; background: url(../images/li2.gif) no-repeat 0 0; }
.attachment .images { list-style: none; margin: 0 0 10px; padding: 0; overflow: hidden; }
.attachment .images li { margin: 0 12px 12px 0; margin: 0 10px 10px 0 \9; padding: 0; float: left; width: 218px; height: 218px; text-align: center; border: 1px solid #bbb; box-shadow: rgba(0,0,0,0.4) 0 1px 5px; display: table; display: list-item \9; }
.attachment .images li a { display: table-cell; vertical-align: middle; display: inline \9; }
.attachment .images li img { max-width: 200px; max-height: 200px; _width: 120px; _height: 200px; display: block; margin: 0 auto; border: 1px solid #fff; margin: 5px auto \9; }
.attachment .images li a:hover { background: #ddd; }
/*-------------------------------------*/
.share { margin: 5px 10px 10px 15px; overflow: hidden; background: #fff; border-radius: 8px; border: 1px solid #bbb; box-shadow: rgba(0,0,0,0.5) 0 0 8px; float: left; padding: 10px 10px 7px; }
.share h1 { float: left; padding: 10px 10px 0 0; }
.share ul { list-style: none; margin: 0; padding: 0; float: left; font-size: 0; }
.share ul li { margin: 0; padding: 0; display: inline; }
.share ul li div { display: inline-block; }
.share ul li a { text-decoration: none; }
/*-------------------------------------*/
.seeAlso { clear: none; margin: 0 10px 0 240px; padding: 4px 0 4px 20px; border-left: 3px solid #ddd; }
.seeAlso h1 { border-bottom: 1px solid #aaa; padding: 0 0 .3em; }
.seeAlso ul { list-style: none; margin: 0; padding: 0; }
.seeAlso ul li { margin: 0 0 .6em; padding: 0 0 .6em 20px; border-bottom: 1px dotted #aaa; background: url(../images/li3.gif) no-repeat 0 0; }
/*-------------------------------------subpages*/
.subpages { background: #eef0dc; border-radius: 10px; padding: 11px 0 5px 20px; margin: 0 0 15px; text-align: left; }
.subpages ul { list-style: none; margin: 0; padding: 0; }
.subpages ul li { margin: 0 10px 6px 0; padding: 0; display: inline-block; }
.subpages ul li a { display: inline-block; width: 195px; padding: 5px 5px 5px 20px; vertical-align: top; background: #fbffe6 url(../images/subpages_li.gif) no-repeat 7px 7px; border-radius: 5px; text-decoration: none; }
.subpages ul li a:hover { background-color: #aea987; background-position: 7px -63px; color: #fbffe6; }
/*-------------------------------------*/
/*-------------------------------------meta*/
.meta { margin: 0 10px 0 0; }
.meta h2 { font-size: 1.15em; }
.meta table { width: 100%; border-collapse: collapse; line-height: 135%; margin: 10px 0; border: 2px solid #bbb; }
.meta th { text-align: right; padding: 5px 8px 4px; border: 1px solid #bbb; vertical-align: top; }
.meta td { padding: 5px 8px 4px; border: 1px solid #bbb; vertical-align: top; }
.meta td p { line-height: 130%; margin: 0 0 .8em; }
.meta td ul { margin: 0 0 1em 2em; padding: 0; }
.meta td li { margin: 0 0 .5em; padding: 0; }
.meta td .pollGo a, .meta td .pollLook a { margin: 0; }
/*-------------------------------------metaWithPhoto*/
.metaWithPhoto { clear: both; margin: 15px 10px 15px 0; padding: 18px; background: #eef0dc; border-radius: 10px; overflow: hidden; _width: 100%; }
.metaWithPhoto figure { float: left; border: 1px solid #bbb; box-shadow: rgba(0,0,0,0.4) 0 1px 5px; margin: 0 20px 0 0; background: #fff; max-width: 208px; }
.metaWithPhoto figure img { display: block; border: 4px solid #fff; max-width: 200px; _width: 200px; }
.metaWithPhoto figure figcaption { margin: 0 5px 5px; }
.metaWithPhoto .meta { margin: 0; }
.metaWithPhoto .meta table { width: auto; margin: 0; background: #fff; }
/*-------------------------------------*/
.qa { background: #ded9ac url(../images/qa_bg.png) no-repeat left bottom; line-height: 150%; padding: 0 0 18px; width: 720px; }
.qa h1 { background: #cec499 url(../images/qa_q_bg.png) no-repeat 0 0; margin: 0; padding: 12px 30px 12px 55px; color: #6d3116; font-size: 1em; }
.qa .A { padding: 14px 30px 0 55px; background: url(../images/qa_a_bg.png) no-repeat 15px 15px; color: #4f4121; }
.qa .A p { margin: 0 0 1em; }
