@charset "utf-8";

.baseColorHalf{
	/*background:#FFF5C6 url(../../images/headerBackImage.png) repeat-x bottom center;*/
	background:#FFF;
}

.baseColor{
	background:#FFB600;
}

#header .table .table-cell{
	vertical-align: top;
}

#header .table .table-cell p{
	margin: 0 0 0 30px;
}



#header .hanagappa{
	text-align: right;
	width: 430px;
	margin: -65px 0 0 0;
	overflow: hidden;
	position:relative;
	z-index: 9999;
}

#header .hanagappa p{
	width:100%;
	font-size: 10px;
	margin: 0 0 0 0;
}

#header .hanagappa img{
	width: 30%;
}

.headwrapper{
	width:100%;
	background:#FFF5C6 url(../../images/demo/pixta_17888759_XL.jpg) no-repeat 50% 90%;
	background-size:cover;
}

#mainav li a{
	padding: 20px 27px;
}

li p {
	margin-top: 0.3em;
}
#pageintro{
	padding:120px 0;
}

h1.heading{
	font-size: 34px;
	font-weight: bold;
	color:#ffb600;
	border-bottom:solid 2px #ffb600;
}

h2.heading a{
	color:#ffb600;
}

h2.heading a:hover{
	border-bottom: solid 2px #ffb600;
}


h2.heading{
	font-weight: bold;
	color:#ffb600;
	font-size: 26px;
	margin-top: 60px
}

h3.heading{
	font-size: 20px;
	color:#000;
	font-weight: bold;
}

h6.heading{
	font-size: 18px;
	color:#000;
}

h6{
	font-size: 1em;
}

.category{
	align-content: 0.4em;
	font-size: 12px;
    background: #a0b719;
    color: #FFF;
    padding: 1px 6px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 4px 0;
    border-radius: 8px;

}

.clearfix{
	overflow: hidden;
}

.font-x3{
	text-shadow: 0 0 8px #333;
}

ul.clear image{
	width: 50%;
	height: 50%;
}

.banner{
    background: #6cacd0;
    color: #FFF;
    vertical-align: middle;
    display: inline-block;
	padding: 15px 5px 15px 20px;
    border-radius: 8px;
	width: 100%;
	margin-top:-8px;
	box-shadow: 3px 3px 3px rgba(180, 180, 180, 0.7);

}

.banner2{
    background: #e26a76;
    color: #FFF;
    vertical-align: middle;
    display: inline-block;
	padding: 15px 5px 15px 20px;
    border-radius: 8px;
	width: 100%;
	margin-top:-8px;
	box-shadow: 3px 3px 3px rgba(180, 180, 180, 0.7);

}

.hanakotobaImg {
	margin-bottom: 2em;
}

.small {
	font-size: 0.8em;
	color: #aaaaaa;
}

.imgTable {
	text-align: center;
	vertical-align: middle;
}

.access {
	font-size: 1.3em;
	line-height:1.5em;
}

.access small {
	color: red;
}

.listStyleNone {
	list-style:none
}

.textAlignEnd {
	text-align: end;
}

.textAlignStart {
	text-align: start;
}

.textAlignCenter {
	text-align: center;
}

div[class^="text"] p {
	display: inline-block;
}

.textAlignCenter img {
	margin: 20px 0;
}