@charset "UTF-8";
/*
 *	K-mix base
 *	
 *	orange:#eb5d01, dark:#585756
 */

#blogheader .logo{ float:left; }
#blogheader .adlantiss_frame { float:right; }

/* base */
img{ vertical-align:bottom; }
#container div.inner{ width:1000px; margin:0 auto; }

/* #body-header-footer */
#body-header { width:auto; margin:0; }
#body-header #pan{ padding:10px; background:#f2f2f2; }
#body-header #pan div,
#body-header #blogTitle{ display:inline-block; }
#body-header #pan span,
#body-header #pan strong{ line-height:10px; font-size:1.2em; }
#body-header .wMessage{ display:none; }

#body-footer{ min-height:131px; }
#body-footer .fBox address { color:#a0a0a0; }

#pageTop { width: 1000px; margin: 0 auto; }
#pageTop p { width: 40px; height: 40px; margin: 0 0 0 auto; }

/* #contents */
#contents { zoom:1; } #contents:after { display:block; clear:both; content:""; }/* clearfix */
#contents aside,
#contents #main { position:relative; float:left; font-size:1.2em; }
#main  { left: 250px; width:500px; }
#beta  { left:-500px; width:220px; }
#gamma { left:  60px; width:220px; }

/* main */
#contents #main { margin:20px 0 0; }
#contents section,
#contents article { margin:40px 0; }
#contents article section:first-child,
#contents article article { margin-top:0; }
#contents footer { background-color:transparent; }
#contents #page-title{ border-top:2px solid #eb5d01; border-bottom:1px solid #dbdbdb; text-align:center; line-height:50px; font-size: medium; }
#contents .pagenation{ margin:40px 0; padding:9px; background:#f2f2f2; border:1px solid #dbdbdb; text-align:center; }
	
#contents #main .entry { border: 1px solid #dbdbdb; }
#contents #main .entry .eHeader { position:relative; overflow:hidden; width:auto; padding:9px; background:#eb5d01; }
#contents #main .entry .eHeader h1.eTitle { float:left; max-width:420px; margin-bottom:0.75em; line-height:1.2; font-size:x-large; }
#contents #main .entry .eHeader h1.eTitle a { color:#fff; }
#contents #main .entry .eHeader h1.eTitle:before{ display:block; content:"TITLE"; font-size:x-small; color:#fff; }
#contents #main .entry .eHeader div.eDate{ position:absolute; bottom:9px; left:9px; }
#contents #main .entry .eHeader div.Author{ float:right; width:50px; }
#contents #main .entry .eHeader div.Author img{ width:50px; height:50px; }
#contents #main .entry .eHeader div.Author span.authorName{ display:block; text-align:center; font-size:x-small; }
#contents #main .entry .eContent { overflow:hidden; padding:9px; }
#contents #main .entry .eContent p { margin-bottom:1.8em; line-height:1.8; }
#contents #main .entry .eFooter { overflow:hidden; width:auto; padding:9px; background:#f2f2f2; font-size:x-small; }

/* widget */
#contents .widget { position:relative; margin:20px 0; }
#contents .widget .wTitle{ padding:0.5em 9px; background:#585756; border-bottom:2px solid #eb5d01; color:#fff; }
#contents .widget .wContent{ position:relative; }

#contents .wTimetable ul li:before,
#contents .wRecentEntries ul li:before,
#contents .wArchive ul li:before{ display:inline-block; content:"●"; width:20px; line-height:20px; text-align:center; font-size:x-small; color:#eb5d01; } 

#contents .wBanner ul li { margin-bottom:5px; } 

#contents .wRss .wContent { position:absolute; top:0.4em; right:9px; }
#contents .wRss .wContent ul li a { color:#fff; }
#contents .wRss .wContent ul li img { vertical-align:middle; }

#contents .wCalender table { width:100%; }
#contents .wCalender table caption{ width:100%; line-height:30px; text-align:center; }
#contents .wCalender table th{ text-align:center; font-size:smaller; }
#contents .wCalender table td{ line-height:30px; text-align:center; }

#contents .wPersonality .wContent{ text-align:center; }

#contents .wSearch .wContent{ padding:9px; background:#f2f2f2; }
#contents .wSearch input[type="text"] { width: 150px; margin:-1px; padding-right: 50px; border: 2px inset; line-height: 23px; outline: none; }
#contents .wSearch input[type="submit"] { position: absolute; top: 9px; right: 9px; width: 50px; height: 25px; background-color: #000; border: none; color: #fff; }

@media screen and (max-width:1000px) {
	#blogheader header, #pageTop,
	#container div.inner { width: 98%; }
	#mykmix .myKmixInner,
	#blogheader header .headerInner, 
	#blogheader header nav ul{ width:100%; }
	#blogheader header nav ul li{ width:18%; }
	#blogheader header nav ul li.gNavi01,
	#blogheader header nav ul li.gNavi04,
	#blogheader header nav ul li.gNavi06{ width:14%; }
	#contents #main  { float:left;  left:0; width:500px; }
	#contents #beta  { float:right; left:0; width:220px; }
	#contents #gamma { float:right; left:0; width:220px; clear:right; }
	#body-header #cover img{ width:100%; height:auto; }
}
@media screen and (max-width:768px) {
	#blogheader .adlantiss_frame{ width:100%; }
	#blogheader .adlantiss_frame img{ display:block; margin:0 auto }	
	#blogheader .logo{ float:none; margin-bottom:18px; text-align:center; }
	#blogheader .adlantiss_frame { float:none; text-align:center; }
}
@media screen and (max-width:600px) {
	#blogheader header nav ul{ width:537px; margin:0 auto; }
	#blogheader header nav ul li{ width:143px !important; zoom:1.25; }
	#contents #main  { float:none; left:0; width:auto; }
	#contents #beta  { float:left; width:49%; }
	#contents #gamma { width:49%; clear:none; }
}
@media screen and (max-width:320px) {
	#body-header .wMessage{ display:block; margin-top:20px; }
	.wMessage img{ display:block; margin:0 auto; }
	#blogheader .adlantiss_frame img{ width:100% !important; height:auto !important; }	
	#blogheader header nav ul{ width:100%; }
	#blogheader header nav ul li{ zoom:1.09; }
	#contents #beta  ,
	#contents #gamma { float:none; left:0; width:auto; }
}