@charset "utf-8";
/* CSS Document */

html {
	margin:0;
	padding:0;
  overflow-y: scroll;
}

body {
	margin:0;
	padding:0;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font: 100% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
	color: #555;
	font-size:11px;
	text-align:justify;
	text-justify: distribute;
}




#wrapper{
	margin:0;
	padding:0;
}

#header {
	margin:10px;
	padding:10px;
}

#footer {
	clear:both;
	margin:10px;
	padding:10px;
}

.logo {
	float:left;
}

.tel {
	float:right;
}


/*トップメニュー*/

#top_menu {
	clear:both;
	width:97%;
	margin:10px 10px 0 10px;
	padding:20px 0 0 0;
}

#top_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#top_menu li {
	margin:0 10px 0 0;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#D8D5D2;
	float:left;
}

#top_menu li a:link    { color: #fff; }
#top_menu li a:visited { color: #fff; }
#top_menu li a:hover   { color: #c00; }
#top_menu li a:active  { color: #c00; }

#top_menu .just_menu {
	background-color:#036;
}

/*ボトムメニュー*/

#bottom_menu {
	clear:both;
	width:97%;
	margin:10px 10px 0 10px;
	padding:20px 0 0 0;
}

#bottom_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#bottom_menu li {
	margin:0 10px 0 0;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background-color:#D8D5D2;
	float:left;
}

#bottom_menu li a:link    { color: #fff; }
#bottom_menu li a:visited { color: #fff; }
#bottom_menu li a:hover   { color: #c00; }
#bottom_menu li a:active  { color: #c00; }

#bottom_menu .just_menu {
	background-color:#036;
}



#container {
  background: #D8D5D2;
  padding: 5px;
  margin: 10px;
  clear: both;
	width:97%;
}

.box {
  margin: 5px;
  padding: 5px;
  background: #fff;
  line-height: 1.4em;
  float: left;
}

.box h2 {
	font-size:1.8em;
	font-weight:bold;
	border-left:8px solid #f60;
	margin:4px 0;
	padding:0 0 0 8px;
	color:#000;
	line-height:1em;
}

.box h3 {
	font-size:1.4em;
	font-weight:bold;
	border-left:8px solid #00c;
	margin:4px 0;
	padding:0 0 0 8px;
	color:#000;
	line-height:0.8em;
}

.box .price {
	margin:4px 0;
	padding:4px 0;
	font-size:1.8em;
	color:#c00;
	border:1px solid #c00;
	font-weight:bold;
	width:100%;
	text-align:center;
}

.box .catch {
	margin:4px 0;
	padding:0 0 0 5px;
	font-size:1.2em;
	font-weight:bold;
	color:#c00;
}

.box .comment {
	font-size:10px;
	line-height:16px;
}

.box .more a {
	margin:2px;
	padding:2px 4px;
	color:#c00;
	font-weight:bold;
}

.text-small {
	font-size:9px;
	font-weight:normal;
	color:#555;
}

.text-small-bold {
	font-size:10px;
	font-weight:bold;
	color:#555;
}

.text-red {
	color:#c00;
}


.box img,
#tumblelog img {
  display: block;
  width: 100%;
}

.col1 { width: 80px; }
.col2 { width: 180px; }
.col3 { width: 280px; }
.col4 { width: 380px; }
.col5 { width: 480px; }
.col6 { width: 580px; }
.col7 { width: 680px; }

.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }
.col6 img { max-width: 580px; }
.col6 img { max-width: 680px; }


.links ul {
	margin:0 0 0 20px;
	padding:0;
}

.links li {
	margin:0 0 3px 0;
	padding-bottom:5px;
	text-align:left;
	text-justify: distribute;
	font-size:12px;
	list-style-type:circle;
	border-bottom:1px solid #D8D5D2;
}

.links li a:link    { color: #444; }
.links li a:visited { color: #777; }
.links li a:hover   { color: #c00; }
.links li a:active  { color: #c00; }


.copyright {
	clear:both;
	margin:20px 10px 10px 10px;
	padding:10px;
	text-align:center;
	border-top:1px solid #999;
}




/**** Clearfix ****/
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }