@charset "utf-8";

/*submenu
---------------------------------------------------------------------------*/
/*submenuブロック*/
#submenu {
	float: left;
	width: 22%;
}

#submenu >  ul {
	margin-top: 0;
	border-radius: 3px;
    background:#b15a53; /* 左メニュー背景の色 */
    padding: 15px;
}

#submenu > ul > li {
	line-height:130%;
    margin: 0 5px 1em 5px;
    padding-bottom: 0;
    list-style: none;
    background: none;
}

#submenu > ul > li a {
	text-decoration: none;
	font-weight: bold;
    color: #fff !important; /* 左メニュー文字の色 */
    padding: .2em 0;
    display: block;
	border-bottom: 1px solid #ccc;
}

#submenu > ul > li > ul {
	display: block;
    padding: 0;
 	padding-top:3px;
    margin: 1px 0 0;
    list-style: none;
	margin-bottom: 1.5em;
}

#submenu > ul > li > ul:before,
#submenu > ul > li > ul:after {
    content: "";
    display: table;
}

#submenu > ul > li > ul:after {
    clear: both;
}

#submenu > ul > li > ul > li {
    list-style: disc;
	color: #fff;
    padding: 0;
    margin: 0 1em;
}

#submenu > ul > li > ul > li a {
    color: #fff !important; /* 左メニュー下層部文字の色 */
 	font-weight: normal;
	border: 0;
}

#submenu > ul > li > ul > li a:hover {
	color: #ff0 !important;
}

#submenu > ul > li > ul > li > ul  {
	margin-top: 0!important;
}

/*careaブロック*/
#carea {
	width: 75%;
	float: right;
}

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
/*submenuブロック*/
#submenu {
	margin-top: 1em;
	float: right;
	width: 100%;
}

/*careaブロック*/
#carea {
	width: 100%;
	float: left;
}


}