@charset "UTF-8";

@media screen and (min-width:681px){
	#leftMenuContent {
		display: block;
	}
	article {
		display: block;
		float: right;
		margin-right: 20px;
		width: 620px;
	}
	article #titleBox {
		display: block;
		overflow: hidden;
		width: 608px;
		border-top-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 4px;
		border-top-style: solid;
		border-right-style: solid;
		border-bottom-style: solid;
		border-left-style: solid;
		border-top-color: #CCC;
		border-right-color: #CCC;
		border-bottom-color: #CCC;
		border-left-color: #CCA498;
		padding-top: 2px;
		padding-right: 10px;
		padding-bottom: 2px;
		margin-bottom: 10px;
	}
	article #titleBox table {
		float: right;
		display: table;
	}
	article #titleBox #iconBox {
		float: right;
		margin-top: auto;
		margin-bottom: auto;
		vertical-align: middle;
	}
	article #iconBox img  {
		margin-right: 2px;
		margin-left: 2px;
	}
	#leftMenuContent #sideMenu {
		display: block;
		float: left;
		width: 200px;
		margin-left: 20px;
	}
	#leftMenuContent #sideMenu ul {
		margin: 0px;
		padding: 0px;
	}
	#leftMenuContent #sideMenu ul li {
		margin-bottom: 10px;
		list-style-type: none;
	}
	#leftMenuContent #sideMenu .renga,
	#leftMenuContent #sideMenu .renga a {
		width: 200px;
		height: 125px;
		text-indent: -9999px;
		background-image: url(../product/sideMenu/renga.jpg);
		background-repeat: no-repeat;
		display: block;
	 }
	#leftMenuContent #sideMenu .unicube,
	#leftMenuContent #sideMenu .unicube a {
		width: 200px;
		height: 125px;
		text-indent: -9999px;
		background-image: url(../product/sideMenu/willstyle.jpg);
		background-repeat: no-repeat;
		display: block;
	 }
	#leftMenuContent #sideMenu .kodate,
	#leftMenuContent #sideMenu .kodate a {
		width: 200px;
		height: 125px;
		text-indent: -9999px;
		background-image: url(../product/sideMenu/kodate.jpg);
		background-repeat: no-repeat;
		display: block;
	 }
	#leftMenuContent #sideMenu .rc,
	#leftMenuContent #sideMenu .rc a {
		width: 200px;
		height: 125px;
		text-indent: -9999px;
		background-image: url(../product/sideMenu/rc.jpg);
		background-repeat: no-repeat;
		display: block;
	 }
	#sideMenu .rengaChintai ,#sideMenu .rengaChintai a{
		background-image: url(../product/sideMenu/renga.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 125px;
		width: 200px;
	}
	#sideMenu .rengaKodate ,#sideMenu .rengaKodate a{
		background-image: url(../product/sideMenu/rengaKodate.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 125px;
		width: 200px;
	}
	#sideMenu .senkindo ,#sideMenu .senkindo a{
		background-image: url(../product/sideMenu/senkindo.jpg);
		background-repeat: no-repeat;
		text-indent: -9999px;
		display: block;
		height: 125px;
		width: 200px;
	}
	#leftMenuContent #sideMenu2 {
		display: block;
		float: left;
		width: 200px;
		margin-left: 20px;
	}
	#sideMenu2 #navi1 {
		background-image: url(../format2/2column/side_bg_r1_c1.jpg);
		background-repeat: no-repeat;
		display: block;
		height: 10px;
		width: 200px;
	}
	#sideMenu2 #navi2 {
		background-image: url(../format2/2column/side_bg_r2_c1.jpg);
		background-repeat: repeat-y;
		display: block;
		width: 188px;
		padding-right: 8px;
		padding-left: 4px;
		padding-bottom: 5px;
	}
	#navi2 h3 {
		font-family: Verdana, Geneva, sans-serif;
		color: #956B62;
		font-size: 1em;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 2px;
		letter-spacing: 0.2em;
		margin: 0px;
		display: block;
		border: 1px solid #999;
		width: 180px;
		overflow: hidden;
	}
	#navi2 h4 {
		font-size: 90%;
		text-align: center;
		margin-top: 5px;
	}
	#navi2 ul {
		padding-top: 0px;
		padding-right: 6px;
		padding-left: 6px;
		clear: both;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	#navi2 ul li {
		font-size: 85%;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #999;
		list-style-image: url(../format2/marker/left_column.gif);
		margin-left: 10px;
		padding-top: 10px;
		padding-bottom: 5px;
		margin-bottom: 0px;
	}
	#navi2 ul li a  {
		color: #600;
		text-decoration: none;
		width: 168px;
	}
	#navi2 .categories ul li a {
		display: inline;
	
	}
	#navi2 ul li a:hover {
		color: #FFF;
		background-color: #817070;
	}
	#sideMenu2 #navi3 {
		background-image: url(../format2/2column/side_bg_r3_c1.jpg);
		background-repeat: no-repeat;
		display: block;
		height: 14px;
		width: 200px;
	}
	div.sideContents {
		margin-top: 5px;
		margin-right: 2px;
		margin-bottom: 5px;
		margin-left: 2px;
		display: block;
	}
	div.sideContents h3 {
		border: 1px solid #999;
		padding: 2px;
		margin-bottom: 5px;
		display: block;
		width: 182px;
	}
	div.sideContents ul {
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		display: block;
		font-size: 80%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	div.sideContents ul li {
		background-image: url(../format2/marker/left_column.gif);
		background-repeat: no-repeat;
		background-position: left center;
		clear: both;
		float: none;
		display: list-item;
		padding-left: 10px;
	}
	div.sideContents ul li a {
		float: none;
		clear: both;
	}
	/*ad*/
	div.sideContents .links {
		display: block;
		width: 80%;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		clear: both;
		float: none;
	}

}

@media screen and (max-width:680px){
	#navi2   {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	#navi2 h3 {
		display: none;
	}
	#sideMenu ul li {
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	background-image: -webkit-linear-gradient(270deg,rgba(228,221,221,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(228,221,221,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(228,221,221,1.00) 0%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(228,221,221,1.00) 0%,rgba(255,255,255,1.00) 100%);
	border: 1px solid #BBB7B7;
	border-collapse: collapse;
	color: #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	#sideMenu ul li a {
		color: #333333;
		text-decoration: none;
		display: block;
		width: 100%;
		height: auto;
		min-height: 40px;
		vertical-align: middle;
	}
	article #titleBox {
	display: block;
	overflow: hidden;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCA498;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	margin-top: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

}