@charset "UTF-8";
@import url("base.css");
@import url("common.css");
@import url("fontsize.css");

html,body { height:100%; }

#mainTxt p,#mainTxt li {
	font-size: 80%;
	line-height: 150%;
}
#mainTxt {
	padding-bottom: 15px;
	margin-top: 25px;
	margin-bottom: 32px;
	padding-top: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dotted;
	border-top-color: #5B5B5B;
	border-bottom-color: #5B5B5B;
}
#mainConsul {
	text-align: left;
	width: 770px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FF6600;
}
h2 {
	background-color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 20px;
	border-left-style: none;
	padding: 0px;
}
h3 {
	font-size: 80%;
	color: #FF9900;
	margin-top: 20px;
	margin-bottom: 5px;
}
ul {
	margin-left: 20px;
	list-style: circle;
}
#menu {
	margin-top: 10px;
	padding-bottom: 28px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9900;
	font-size: 80%;
}
.entryBox {
	margin-top: 20px;
	border: 1px solid #FBAF0C;
	padding: 2px;
}
.entry {
	font-size: 80%;
	margin-top: 20px;
	background-image: url(/consul/img/entryWaku_02.gif);
	background-repeat: repeat-y;
}
.entryTitle {
	background-color: #F8F0C1;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 7px;
	padding-left: 15px;
	margin-right: 5px;
	margin-left: 5px;
}
.entryBody {
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
}
.entryBody img,.resBody img {
	margin-right: 20px;
}
.res {
	margin-left: 70px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FF9900;
	padding-bottom: 20px;
	margin-right: 15px;
}
.resBody {
	padding-top: 20px;
}
#pageLink {
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 0px;
}
#entryForm {
	text-align: center;
	margin-top: 20px;
}
#entryForm td {
	padding: 3px;
	text-align: left;
	font-size: 80%;
}
#entryCorrection {
	margin-top: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #FF9900;
}
table#album {
	font-size: 80%;
	margin-top: 10px;
	width: 100%;
}
#entryForm p {
	font-size: 80%;
}

#album td {
	padding: 10px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
}
dl#searchResult {
	font-size: 80%;
	line-height: 150%;
	margin-top: 0px;
}
#searchResult dt {
	margin-top: 15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF9900;
}
#searchResult dd {
	margin-top: 15px;
}
#howtoTitle {
	font-size: 95%;
	color: #FF6600;
	text-align: center;
	margin-top: 20px;
}
ol#howto {
	padding: 20px;
}



/*110404追加*/
a.alpha:hover img,
.alpha a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.col-wrap h2 {
	margin: 0;
	padding: 0;
}
.col-wrap a {
	color: #333333;
}
.col-wrap a:hover {
	color: #FF6600;
}
.col-wrap li {
	list-style: none;
}
.col-wrap ul {
	margin-left: 0;
}
#mainTxt {
	padding-top: 5px;
}
#mainTxt ul {
	margin-top: 15px;
}
#mainTxt p,#mainTxt li {
	font-size: 75%;
}
#mainConsul {
	/*padding-top: 20px;*/
	border: none;
	width: 854px;
}
#mainConsul h3 {
	color: #F98610;
	font-size: 90%;
}
.lead-img {
	padding-right: 110px;
}

.col-wrap {
	padding-bottom: 3px;
	margin-top: 10px;
	background: url(/consul/img/consul_bg03.gif) no-repeat left bottom;
}
.col-wrap .col-inner {
	padding-bottom: 27px;
	background: url(/consul/img/consul_bg02.gif) repeat-y left top;
}
.col-wrap .main-col {
	float: right;
	width: 600px;
}
.col-wrap .main-col .search-box {
	text-align: right;
	padding-bottom: 5px;
}
.col-wrap .main-col .search-box button {
	margin: 0;
	padding: 0;
	line-height: 1;
	border: none;
	background: none;
	width: 52px;
	height: 25px;
	overflow: hidden;
	cursor: pointer;
}
.col-wrap .main-col .search-box button img {
	margin-left: -3px;
	margin-top: -3px;
}
.col-wrap .main-col .search-box input {
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1;
	margin-right: 4px;
	width: 240px;
	margin-top: 1px;
}
.col-wrap .main-col .list-box {
	margin-top: 15px;
	font-size: 75%;
}
.col-wrap .main-col .list-box .bdr {
	border: 1px solid #9A9A9A;
	padding: 4px 8px 0px;
}
.col-wrap .main-col .list-box .bdr li {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top: 1px dashed #999999;
}
.col-wrap .main-col .list-box .bdr li.first {
	border: none;
}
.col-wrap .main-col .list-box .bdr li p {
	float: left;
}
.col-wrap .main-col .list-box .bdr li p.date {
	float: right;
}
.col-wrap .main-col .pagenavi {
	text-align: center;
	font-size: 75%;
	margin-top: 15px;
}
.col-wrap .main-col .pagenavi li {
	display: inline;
}
.col-wrap .main-col .pagenavi span {
	font-weight: bold;
}
.col-wrap .main-col .pagenavi a {
	text-decoration: underline;
}
.col-wrap .main-col .pagenavi a:hover {
	text-decoration: none;
}

.col-wrap .main-col .art-col {
	margin-top: 20px;
	line-height: 1.5;
}
.col-wrap .main-col .art-col .ttl-line {
	background: #FA8710;
	color: #FFF;
	padding: 9px 10px 6px;
}
.col-wrap .main-col .art-col .ttl-line .art-ttl {
	font-size: 90%;
	color: #FFF;
	float: left;
	margin: 0;
	background: none;
}
.col-wrap .main-col .art-col .ttl-line .art-ttl a {
	color: #FFF;
	text-decoration: none;
}
.col-wrap .main-col .art-col .ttl-line .art-ttl a:hover {
	text-decoration: underline;
}
.col-wrap .main-col .art-col .ttl-line .edt-info {
	float: right;
	font-size: 70%;
	padding-top: 2px;
}
.col-wrap .main-col .art-col .art-inner {
	padding: 10px 5px;
	border: 2px solid #FA8710;
}
.col-wrap .main-col .art-col .q-col {
	padding: 0px 5px;
}
.col-wrap .main-col .art-col .q-col .img {
	float: left;
	width: 140px;
	font-size: 65%;
}
.col-wrap .main-col .art-col .q-col .img p {
	padding-bottom: 5px;
}
.col-wrap .main-col .art-col .q-col .txt {
	padding-bottom: 10px;
	width: 425px;
	float: right;
	font-size: 75%;
}
.col-wrap .main-col .art-col .q-col .txt .txt-inner {
	padding-left: 45px;
	background: url(/consul/img/consul_icn_q.gif) no-repeat left top;
	
	min-height: 40px;
	height: auto !important;
	height: 40px;
}
.col-wrap .main-col .art-col .a-col {
	margin: 10px 5px 0px;
	padding-left: 50px;
	background: url(/consul/img/consul_icn_a.gif) no-repeat left 10px;
	border-top: 1px dashed #999999;
	font-size: 75%;
	min-height: 40px;
	height: auto !important;
	height: 40px;
	padding-top: 10px;
}
.col-wrap .main-col .art-col .dtl-link {
	text-align: right;
	font-size: 75%;
}
.col-wrap .main-col .art-col .rel-tag {
	text-align: right;
	font-size: 65%;
	margin-top: 5px;
	margin-right: -5px;
}
.col-wrap .main-col .art-col .rel-tag li {
	display: inline;
	/*margin-left: 5px;*/
	margin-right: 5px;
}
.col-wrap .main-col .art-col .rel-tag li.first {
	margin-right: 0px;
}



.col-wrap .left-col {
	float: left;
	width: 237px;
	background: url(/consul/img/consul_bg01.gif) no-repeat left top;
	padding-top: 8px;
	line-height: 1.5;
}
.col-wrap .left-col dt,
.col-wrap .left-col dt img {
	line-height: 1;
	vertical-align: bottom;
}
.col-wrap .left-col .left-col-inner {
	padding-left: 8px;
	padding-right: 8px;
}
.col-wrap .left-col .l-btn {
	padding-left: 2px;
	padding-bottom: 15px;
	background: url(/consul/img/consul_l_line.gif) no-repeat 4px bottom;
}
.col-wrap .left-col .l-btn .center {
	font-size: 75%;
	margin-top: 5px;
}
.col-wrap .left-col .sdw-box {
	padding-top: 8px;
	background: url(/consul/img/consul_bg04.gif) no-repeat left top;
	margin-top: 14px;
}
.col-wrap .left-col .sdw-box .sdw-btm {
	padding-bottom: 8px;
	background: url(/consul/img/consul_bg06.gif) no-repeat left bottom;
	zoom: 1;
}
.col-wrap .left-col .sdw-box .sdw-inner {
	background: url(/consul/img/consul_bg05.gif) repeat-y left bottom;
	padding-left: 9px;
	padding-right: 10px;
}
.col-wrap .left-col .sdw-box ul {
	margin-top: 5px;
	padding-bottom: 10px;
}
.col-wrap .left-col .sdw-box li {
	margin-right: 5px;
	padding: 8px 5px 10px 4px;
	border-top: 1px dashed #999999;
	font-size: 75%;
}
.col-wrap .left-col .sdw-box li.first {
	border: none;
}
.col-wrap .left-col .sdw-box ul.puldown li {
	padding-left: 19px;
	background: url(/consul/img/consul_arrow_h.gif) no-repeat 4px 11px;
	zoom: 1;
}
.col-wrap .left-col .sdw-box ul.puldown li.open {
	background: url(/consul/img/consul_arrow_v.gif) no-repeat 4px 11px;
}
.col-wrap .left-col .sdw-box ul.puldown li ul {
	margin-top: 0;
	padding-bottom: 0;
}
.col-wrap .left-col .sdw-box ul.puldown li li {
	font-size: 100%;
	border: none;
	padding: 7px 0px 0px 0;
	background: none;
	margin-bottom: 0px;
}
.col-wrap .left-col .tag-box {
	margin: 13px 3px 0px;
	padding-bottom: 10px;
}
.col-wrap .left-col .tag-box ul {
	padding-left: 9px;
	padding-top: 10px;
	font-size: 75%;
}
.col-wrap .left-col .tag-box ul li {
	display: inline;
	zoom: 1;
	margin-right: 8px;
	margin-bottom: 5px;
}
html >/**/ body .col-wrap .left-col .tag-box ul li {
	display: inline-block;
}


.archives .art-col .a-col,
.archives .art-col .dtl-link {
	display: none;
}
.archives .art-col .a-col.tamtime,
.archives .art-col .a-col + .dtl-link {
	display: block;
}




/*detail*/
#consul-pan {
	font-size: 70%;
}
.col-wrap .page-tab {
	margin-top: 10px;
	padding-bottom: 33px;
	position: relative;
	zoom: 1;
}
.col-wrap .page-tab .tab-prev {
	position: absolute;
	left: 0;
	top: 0;
}
.col-wrap .page-tab .tab-back {
	position: absolute;
	left: 202px;
	top: 0;
}
.col-wrap .page-tab .tab-next {
	position: absolute;
	right: 0;
	top: 0;
}
#consul-dtl .art-col {
	padding-bottom: 10px;
	position: relative;
	zoom: 1;
}

#consul-dtl .main-col .art-col .q-col {
	padding-bottom: 10px;
} 
#consul-dtl .main-col .art-col .a-col {
	background: none;
	padding-left: 25px;
	padding-bottom: 10px;
	margin-top: 0px;
}
#consul-dtl .main-col .art-col .a-col .re-dtl,
#consul-dtl .main-col .art-col .req-col .re-dtl {
	padding-left: 50px;
	margin-top: 15px;
	background: url(/consul/img/consul_icn_a.gif) no-repeat left top;
	color: #D76713;
	
	min-height: 40px;
	height: auto !important;
	height: 40px;
}
#consul-dtl .main-col .art-col * + p {
	margin-top: 1em;
}
#consul-dtl .main-col .art-col .a-col .re-dtl .img-left,
#consul-dtl .main-col .art-col .req-col .re-dtl .img-left {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}
#consul-dtl .main-col .art-col .a-col .re-dtl .img-left img,
#consul-dtl .main-col .art-col .req-col .re-dtl .img-left img,
.main-col .art-col .q-col .img img {
	zoom: 1;
	display: block;
}
#consul-dtl .main-col .art-col .re-ttl {
	padding-top: 5px;
}
#consul-dtl .main-col .art-col .re-ttl .re-name {
	float: left;
}
#consul-dtl .main-col .art-col .re-ttl .re-date {
	float: right;
}
#consul-dtl .main-col .art-col .req-col {
	font-size: 75%;
	border-top: 1px dashed #999999;
	padding: 12px 4px 10px;
}
#consul-dtl .main-col .art-col .req-col .re-dtl {
	background: url(/consul/img/consul_icn_q.gif) no-repeat left top;
	color: #5B5B5B;
}
#consul-dtl .main-col .art-col .art-inner {
	padding-bottom: 15px;
}
#consul-dtl .main-col .rel-list {
	margin-top: 20px;
}
#consul-dtl .main-col .rel-list .bdr {
	border: none;
	padding-left: 0;
	padding-right: 0;
}
#consul-dtl .main-col .rel-list li {
	padding-left: 13px;
	background: url(/consul/img/consul_arrow_h.gif) no-repeat left 10px;
	padding-top: 0;
	padding-bottom: 0;
} 
#consul-dtl .main-col .rel-list li p {
	padding-top: 8px;
	padding-bottom: 8px;
}
#consul-dtl .main-col .rel-list .openlink {
	text-align: right;
	margin-top: 15px;
}
#consul-dtl .main-col .rel-list .openlink a {
	padding-left: 13px;
	background: url(/consul/img/consul_arrow_h.gif) no-repeat left center;
}
#consul-dtl .main-col .rel-list .closelink a {
	padding-left: 13px;
	background: url(/consul/img/consul_arrow_v2.gif) no-repeat left center;
}
#consul-dtl .main-col .rel-list .openlink a .close {
	display: none;
}
div#cboxClose {
	line-height: 1;
	width: 77px;
	height: 31px;
	background: url(/consul/img/form_btn_close.gif) no-repeat left top;
	zoom: 1;
	text-indent: -99999px;
}
div.pop-close {
	background: url(/consul/img/pop_btn_close.gif) no-repeat left top !important;
}

.cboxIE6 {
	width: 830px !important;
	height: 820px !important;
	zoom: 1;
}


.tag-box .rank-1 {
	font-size: 130%;
}
.tag-box .rank-2 {
	font-size: 125%;
}
.tag-box .rank-3 {
	font-size: 120%;
}
.tag-box .rank-4 {
	font-size: 115%;
}
.tag-box .rank-5 {
	font-size: 110%;
}
.tag-box .rank-6 {
	font-size: 105%;
}
.tag-box .rank-7 {
	font-size: 100%;
}
.tag-box .rank-8 {
	font-size: 95%;
}
.tag-box .rank-9 {
	font-size: 90%;
}
.tag-box .rank-10 {
	font-size: 85%;
}



.art-btm .rel-tag {
	float: right;
}
.art-btm .comments-open-header {
	float: left;
	font-size: 75%;
	margin-top: 5px;
}
#comment-greeting,
#comment-preview{
	display: none;
}
.comments-open-header a {
	cursor: pointer;
	padding-left: 15px;
}
.comments-open-header .form-open {
	background: url(../consul/img/consul_arrow_h.gif) no-repeat left center;
}
.comments-open-header .form-close {
	background: url(../consul/img/consul_arrow_v.gif) no-repeat left center;
}
#comments-open {
	padding-left: 20px;
	position: relative;
}
#comments-open table th,
#comments-open table td {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 75%;
}
#comments-open table th {
	width: 3em;
}
#comments-open table td #comment-author {
	width: 200px;
}
#comments-open table td #comment-text {
	width: 400px;
	height: 200px;
}
#comments-open table th {
	*padding-top: 10px;
}


#musk {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 100;
	background-color:rgba(0,0,0,0.60);
	top: 0px;
	right: 0px;
}
#musk img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
}

#comments-open-data {
	display: block !important;
}

/*
 160219更新分
=================================*/
.sample_area {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #999;
}
.sample_area .btn_submit {
	text-align: center;
}
.sample_area .explanation .box_img {
	font-size: 13px;
	float: left;
	margin-top: 30px;
	width: 300px;
	position: relative;
}
.sample_area .explanation .box_txt {
	float: right;
	margin-top: 30px;
	width: 280px;
}
.sample_area .explanation img {
	float: none;
	margin-right: 0px;
}
.sample_area .explanation .box_img a {
	color: #002D9A;
	text-decoration: none;
	display: inline-block;
	padding: 10px 10px 0px;
	border: 1px solid #CCC;
	text-align: center;
}
.sample_area .explanation .box_img a span {
	bottom: -30px;
	display: block;
	position: relative;
}
.sample_area .explanation .box_img .txt_caption {
	position: absolute;
	left: 10px;
	bottom: 15px;
}
.sample_area .explanation h3 {
	font-size: 16px !important;
	font-weight: bold;
	color: #FF8E00;
	margin: 0px;
}
.sample_area .explanation h3 + p {
	font-size: 13px;
	margin-top: 15px;
}