@charset "utf-8";
/*====================================
	Yellow-thema
====================================*/

/* -----------------------------------
common
------------------------------------*/
a {
	color: #000;
}
body {
	background: #FFFF00;
	color: 000;
}
.header {
	border-bottom: 4px solid #000;
	background: #FFFF00;
}
.header .container h1{
	margin-top: 50px;
	background: none;
	text-indent: 0;
}
.header .container h1 a{
	color: #000;
}
.header .container .logo{
	margin-top: 50px;
	background: none;
	text-indent: 0;
	font-size: 30px;
	font-weight: bold;
}
.header .container .logo a{
	color: #000;
}
.header .container .wrap .header-nav ul li a{
	color: #000;
	text-shadow: none;
}
.header .container .wrap .change p{
	color: #000;
	text-shadow: none;
}
.header .container .wrap .change .fontsize ul li a{
	border: 1px solid #000;
	background: #FFFF00;
}
.header .container .wrap .change .color-thema ul li.white a{
	padding: 2px 6px;
	border: 1px solid #000;
	background: #FFFF00;
}
.header .container .wrap .change .color-thema ul li.yellow a{
	padding: 2px 6px;
	border: 1px solid #000;
	background: #FFFF00;
}
.header .container .wrap .change .color-thema ul li.black a{
	padding: 2px 6px;
	border: 1px solid #000;
	background: #FFFF00;
	color: #000;
}
/* gnav
----------------------------------- */
.gnav {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #FFFF00;
	color: #000;
}
.gnav .drawer-nav {
	background: #FFFF00;
}
.gnav ul li:last-child:before{
	background: #000;
}
.gnav ul li:after{
	background: #000;
}
.gnav ul li a {
	background: #FF0;
	color: #000;
}
.gnav ul li a:hover {
	background: #000;
	color: #FF0;
}
/* content
----------------------------------- */
.content {
	background: #FFFF00;
}
.content .container{
	background: #FFFF00;
}
.content .container .main {
	background: #FFFF00;
}
.content .container .main .wrap .box {
	border: 2px solid #000;
	background: #FFFF00;
}
.content .aside {
	background: #FFFF00;
}
/* footer
--------------------------------------------------------- */
.footer {
	border-top: 4px solid #000;
}
.footer:before {
	border-top: 1px solid #000;
}
.footer .nav ul li:after {
	background: #000;
}
.footer h2 {
	color: #000;
}
.footer p {
	color: #000;
}


/* -----------------------------------
Top-page
------------------------------------*/

.topics .tab .tabnav {
	border-bottom: 2px solid #000;
}
.topics .tab .tabnav li:before{
	background: #000;
}
.topics .tab .tabnav li.active a{
	background: #FF0;
}
/* safe-living
----------------------------------- */
.safe-living h2 {
	border-left: 6px solid #000;
	color: #000;
}
/* ----- bnr-main ----- */
.safe-living .bnr-main ul li {
	border: 1px solid #000;
	background: none;
	text-align: center;
}
.safe-living .bnr-main ul li a {
	padding: 0;
	background: #FFFF00;
	background-image: none !important;
}
.safe-living .bnr-main ul li a:hover {
	background: #000;
	background-image: none !important;
	color: #FFFF00;
}
/* ----- bnr-sub ----- */
.safe-living .bnr-sub ul li {
	border: 1px solid #000;
}
.safe-living .bnr-sub ul li a {
	background: #FFFF00;
}
.safe-living .bnr-sub ul li a:hover {
	background: #000;
	color: #FFFF00;;
}
/* relation
----------------------------------- */
.relation ul li {
	color: #000;
	text-align: center;
}
.relation ul li a {
	padding-left: 0;
	border: 1px solid #000;
	color: #000;
	background: #FFFF00;
	background-image: none !important;
	text-align: center;
	transition: 0.4s;
}
.relation ul li a:hover {
	background: #000;
	color: #FFFF00;
	transition: 0.4s;
}

/* -----------------------------------
category-page
------------------------------------*/
.content .wrap .title h1{
	background: #FFFF00;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 10px solid #000 ;
}
.content .wrap .box .inner h3{
	background: #FFFF00;
	border-left: 10px solid #000;
	border-bottom: 1px solid #000;
}

/* -----------------------------------
edit
------------------------------------*/
#tmp_contents h1{
	background: #FFFF00;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 10px #000 solid;
}
#tmp_contents h2{
	background: #FFFF00;
	border-left: 10px #000 solid;
	border-bottom: 1px solid #000;
}
#tmp_contents h3{
	background: #FFFF00;
	border-left: 10px solid #000;
	border-bottom: 1px solid #000;
}
#tmp_contents h4{
	border-left: 6px solid #000;
	border-bottom: 1px solid #000;	
}
#tmp_contents h5{
	color: #000;
	font-weight: bold;
}
#tmp_contents h6{
	margin-bottom: 20px;
	color: #000;
	font-weight: bold;
}
#tmp_contents a{
	display: inline-block;
	color: #000;
	text-decoration: underline;
}
#tmp_contents a:hover{
	opacity: 0.8;
}
#tmp_contents .highlight{
	border: 2px solid #000;
}
#tmp_contents .highlight p{
	margin-bottom: 0;
}
#tmp_contents table{
	table-layout: fixed;
	width: 100%;
	border-collapse: collapse;
}
#tmp_contents table tr th{
	padding: 14px 0;
	background: #000;
	color: #FFF;
	border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}
#tmp_contents table tr th.bule{
	background: #e5e5e5;
	color: #000;
}
#tmp_contents table tr td{
	padding: 8px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}