/* THIS PAGE LAYOUT */

@import url("waku.css");
@import url("user.css");
@import url("list.css");


.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/

#kyoto-body #contents {
    width: 800px;
    margin: 0 auto;
    padding: 25px 0 35px 0;
}

h1#index{
	max-width: 100%;
	overflow:hidden;
	height:auto;
	margin-bottom:10px;
}





/* Utilities ----------------------------------------------------------------- */

.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg { display: block; }
/* no ie mac ￥*/
* html .pkg{ height: 1%; }
.pkg { display: block; }
/* */

.inline { display: inline; }
.hidden { display: none; }

/* end-Utilities ----------------------------------------------------------------- */


#kyoto .color-lpa-colum {color:#fff;font-weight: bold;background:#99cc33;}


#kyoto .color-counter {color:#fff;font-weight: bold;background:#ff9900;}
#kyoto .color-oshirase {color:#fff;font-weight: bold;background:#ff99cc;}
#kyoto .color-voice {color:#fff;font-weight: bold;background:#ff3366;}


#kyoto .color-lpa-colum ,
#kyoto .color-counter,
#kyoto .color-oshirase ,
#kyoto .color-voice {
	padding: 4px;
	border-radius: 5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}



@media screen and (max-width: 768px) {
	h1#index a img ,
	#contents ,
	#contents img ,
	#LeftContentWide ,
	#LeftContent{
		max-width: 100%;
	}
}