@charset "shift_jis";

* {
	font-size:100%;
	line-height:1.6;
	margin:0px;
	padding:0px;
	list-style:none;
}
body {
	font-size: 90%;
	color: #333333;
	background-color: #FFFFFF;
	font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS P Gothic',Osaka,;
}
img {
	border:none;
	vertical-align:top;
}

#wrapper {
	width: 960px;
	margin: 0px auto;
	padding: 30px 20px 10px;
	background: #F5F5F5 url(../images/bg1.jpg) repeat-x left top;
}
#wrappertop {
	width: 960px;
	margin: 0px auto;
	padding:0px 20px 0px;
	text-align:left;
	background:#F5F5F5 url(../images/bg1.jpg) repeat-x left top;
}
#header {
	width: 960px;
	padding-bottom:20px;
}
#header_left {
	float:left;
	width: 530px;
}
#header_right {
	float:right;
	width: auto;
}
#unavi_body {
	width: autopx;
	background:url(../images/unavi_bg.gif) repeat-y left top;
}
#unavi_body_btm {
	width: autopx;
	background:url(../images/unavi_btm.gif) repeat-x left bottom;
	padding:0px 0px 5px;
}
#unavi_body ul {
	width:  auto;
	background:url(../images/unavi_top.gif) repeat-x left top;
	padding:5px 0px 0px 10px;
}
#unavi_body ul li {
	background: url(../images/unavi_icon.gif) no-repeat 5px 10px;
	padding:3px 5px 3px 15px; 
	float:left;
	display:inline;
	font-size:10px;
	margin-right:10px;
}
#header #logo {
	font-size:20px;
	font-weight:bold;
	color:#389700;
}
#header #logo a {
	text-decoration:none;
	color:#389700;
}
#header #txt {
	font-size:11px;
	color:#666666;
}
#header:after,
#header_right ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#global_navi{
	clear:both;
}

#dropmenu {
  	list-style-type: none;
	height: 40px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 0;
  	background: #44BB00;
 	border-radius: 3px 3px 0 0;
	border-bottom:3px solid #44BB00;
}
#dropmenu li {
  position: relative;
  width: 120px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #44BB00;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 145%;
  margin: 0;
  padding: 0;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}
#dropmenu li ul li a {
  padding: 13px 15px;
  background: #7c8c0e;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}
#dropmenu > li:hover > a {  background: #304622;
  color: #eff7b1; }
#dropmenu > li:hover li:hover > a {  border-radius: 3px 3px 0 0; }
#dropmenu li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul li a {  background: #6e7c0c; }
#dropmenu li:hover ul li ul li:hover > a {  background: #304622;
  color: #eff7b1; }
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #454e08;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #454e08;
  border-bottom: 0;
}


#local_navi {
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/footer_bg.gif);
}
#local_navi li {
	float:left;
	padding: 7px 5px 3px 7px;
	background-image: url(../images/lnav_line.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

.hamburger { display: none; }


/* ハンバーガーメニュー
---------------------------------------------------- */

/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.hamburger {
padding: 10px 2px;
display: inline-block;
cursor: pointer;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 0.7; }

.hamburger-box {
width: 40px;
height: 24px;
display: inline-block;
position: relative; }

.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 35px;
height: 3px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
transition-duration: 0.15s;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; }

/*
* Spin
*/
.hamburger--spin .hamburger-inner {
transition-duration: 0.3s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
transition-delay: 0.14s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }



#pankuzu {
	margin-bottom: 10px;
}
#pankuzu p {
	font-size:80%;
}

/* /////////////////////////////////////////// */
/* main
/* /////////////////////////////////////////// */

#top_main,
#main {
	clear:both;
	width: 960px;
	text-align:left;
}
#main {
	background:url(../images/side_bg.gif) repeat-y left top;
}
#top_main:after,
#main:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#main_side {
	float:left;
	width:220px;
}
#main_contents {
	float:right;
	width:920px;
}
.lnone {
	float:none !important;
	width:960px !important;
}
/* ----------------------------------- side_item */
.side_item {
	width:198px;
	border:1px solid #44BB00;
	background-color:#389700;
	color:#FFFFFF;
	padding:10px 10px 0px 10px;
	margin-bottom:10px;
}
.side_item h2 {
	width:190px;
	color:#FFFF00;
	font-weight:bold;
	border:1px solid #AED8EE;
	background-color:#44BB00;
	padding:4px;
	margin-bottom:10px;
}
.side_item p {
	margin-bottom:10px;
}

/* ----------------------------------- contents_item */
.contents_item {
	margin-top:20px;
}
.contents_item h2 {
	width:570px;
	border:1px solid #CCCCCC;
	border-bottom:2px solid #000000;
	background-color:#FFF0B3;
	padding:4px;
	margin:0 0 10px 0 !important;
}

/* ----------------------------------- main_contents */
#main_contents ul,
#main_contents ol {
	margin-bottom:10px;
}
#main_contents ul li {
	background:url(../images/list_icon.gif) no-repeat 7px 8px;
	padding:3px 0px 3px 25px;
	border-bottom:1px dotted #CCCCCC;
}
#main_contents ul.ul_box,
#main_contents ol.ol_box {
	margin-bottom:0px;
	border:1px solid #999999;
	padding:10px;
	margin-bottom:10px;
}
#main_contents .ol_box {
	list-style-type: decimal;
}
#main_contents ol li {
	padding:3px 0px 3px 0px;
	list-style-type: decimal;
	margin-left:28px;
}
hr {
	clear:both;
}
.contents_img {
	border-bottom:2px solid #999;
	padding:15px 0px 10px 0px;
	margin:5px 0px 0px 0px !important;
}
.contents_item {
	float: left;
	width: 280px;
	border:1px solid #CCCCCC;
	border-bottom:2px solid #000000;
	padding:4px;
	margin:5px !important;
}
.kiso_content_box_01 {
	margin: 0px;
	float: left;
	width: 455px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.kiso_content_box_02 {
	margin: 0px;
	float: right;
	width: 455px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.img_top_content {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}

.top_content_title {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
}

.top_content_text {
	color: #333;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	font-size: 90%;
	line-height: 140%;
}

.top_content_btn {
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
.top_content_btn img:hover {
    opacity: 0.7;
}

.top_content_text2 {
	color: #333;
	margin: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 90%;
	line-height: 140%;
	font-weight: normal !important;
}
/* /////////////////////////////////////////// */
/* footer
/* /////////////////////////////////////////// */

#footer {
	width: 970px;
	clear:both;
	margin:0 auto;
	background: url(../images/footer_bg.jpg);
	padding: 10px 15px;
	text-align:center;
}
#footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#footer li {
	font-size:10px;
	display:inline;
	padding:0 0.5em 0 0;
	margin:0.5em 0.5em 0.5em 0;
	border-right:1px solid #999999;
}
#footer ul li a {
	color:#000000;
	display:inline-block;
}
#footer ul li a:hover {
	color:#FFFFFF;
}
address {
	clear:both;
	color:#000000;
}

/* /////////////////////////////////////////// */
/* top page
/* /////////////////////////////////////////// */
#top_pic {
	clear:both;
	width: 832px;
	padding:4px;
	background-color:#44BB00;
	margin-bottom:20px;
}
#top_pic table {
	width: 832px;
}
#top_pic table th {
	text-align:left;
	vertical-align:top;
	border:1px solid #FFFFFF;
	width:530px;
}
#top_pic table td.td_com {
	text-align:left;
	vertical-align:top;
	width:280px;
	padding:10px;
	border:1px solid #FFFFFF;
	background-color:#389700;
	color:#FFFFFF;
}
#top_pic table td.td_com h2 {
	color:#FFFF00;
	font-weight:bold;
	font-size:120%;
	margin-bottom:10px;
}
#top_pic table td.td_com p {
	margin:10px 0;
	font-size:90%;
}
#top_pic table td.td_com p.p_det {
	border:1px solid #FFFFFF;
	padding:2px 4px 2px 14px;
	font-weight:bold;
	width:110px;
	background:#FFFF00 url(../images/list_icon.gif) no-repeat 5px 8px;
}
#top_pic table td.td_com p.p_det a {
	color:#000000;
	text-decoration:none;
}
#top_pic table td.td_com p.p_det a:hover {
	color:#CC0033;
	text-decoration:none;
}

/* /////////////////////////////////////////// */
/* free page
/* /////////////////////////////////////////// */
#contents_body {
	padding:10px;
	width:900px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.lnone #contents_body {
	padding:20px;
	width:920px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}
.side_menu {
	width:198px;
	border:1px solid #44BB00;
	background-color:#389700;
	color:#FFFFFF;
	padding:10px 10px 0px 10px;
	margin-bottom:10px;
}
.side_menu h2 {
	width:180px;
	color:#FFFF00;
	font-weight:bold;
	border:1px solid #FFFFFF;
	border-bottom:3px solid #FFFFFF;
	background-color:#389700;
	padding:7px 9px 4px;
	font-size:100%;
}
.side_menu ul {
	background-color:#389700;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	margin-bottom:10px;
	width:198px;
}
.side_menu ul li {
	border-bottom:1px solid #FFFFFF;
	font-size:80%;
}
.side_menu ul li a {
	width:183px;
	display:block;
	background:#389700 url(../images/side_icon.gif) no-repeat 3px 10px;
	text-decoration:none;
	color:#FFFFFF;
	padding:5px 0px 5px 15px;
}
.side_menu ul li a:hover {
	width:183px;
	display:block;
	text-decoration:none;
	color:#389700;
	background:#CCCCCC url(../images/side_icon_on.gif) no-repeat 3px 10px;
	padding:5px 0px 5px 15px;
}
#pagetop {
	clear:both;
	text-align:right;
}

.antNavi {
	margin: 0;
	padding: 0;
	width: 100%;
}
.antNavi dl {
	width: 256px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.antNavi dt {
	margin: 0;
	padding: 0;
}
.antNavi dd {
	display: inline;
	margin: 0;
	padding: 0;
}
.antNavi dd img {
	margin-top: 5px;
	padding: 0;
}


/* フロート用 */

.ftRight {
	float:right;
}

.ftRightPd10 {
	float:right;
	padding:0 0 0 10px;
}

.ftLeft {
	float:left;
}

.mgRight5 {
	margin-right:5px;
}

.mgLeft5 {
	margin-left:5px;
}

.clear { clear: both; }

.clearLeft { clear: left; }

/* シロアリ */
#p_ari001 {
	background-repeat:no-repeat;
	background-position:right;
	background-image: url(../product/images/bg-ari.gif);
}

.anchorList li {
	background-image: url(../images/ico012_01.gif) ;
	background-repeat:no-repeat;
}
.anchorList th {
	color:#00a273;
	background-image: url(../images/ico012_01.gif) ;
	background-repeat:no-repeat;
}

.faqNavList td.t01{
vertical-align:text-top;
color:#FF6600;
}

.faqNavList th.iconQ{
	color:#00a273;
	vertical-align:text-top;
}
.faqNavList th.iconA{
	color:#FF6600;
	vertical-align:text-top;
}
.faqNavList .textNavList li {
		background-image: url(../images/ico014_02.gif) ;
	}

/* --- サイトマップエリア --- */
#sitemap {

}
#sitemap ul.sitemap {
width: 100%; /* サイトマップエリアの幅 */
margin: 0;
padding: 0;
font-weight: bold; /* 一旦全ての文字を太字にする */
list-style-type: none;
color: #2b2b2b;
}

/* --- 入れ子にされたリスト用 --- */
#sitemap ul.sitemap ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- 全てのリスト項目 --- */
#sitemap ul.sitemap li {
padding: 1px 0 0 10px; /* 1階層目のパディング（上右下左） */
background: url(../images/v_line1.gif) no-repeat left top; /* 1階層目の背景 */
line-height: 120%;
}

/* --- 2階層目のコンテナ --- */
#sitemap ul.sitemap div.contentNav {
width: 100%; /* コンテナの幅 */
margin-top: 20px; /* コンテナの上マージン */
}

/* --- セクション（2階層目のリストエリア） --- */
#sitemap ul.sitemap ul.section {
width: 50%; /* セクションの幅 */
float: left;
}
#sitemap ul.sitemap ul.separator {
background: url(../images/v_separator.gif) repeat-y right top; /* セクション間の垂直区切り線 */
}

/* --- 2階層目以降のリスト項目 --- */
#sitemap ul.sitemap ul.section li {
margin: 0 20px 20px 0; /* 2階層目のマージン（上右下左） */
padding: 1px 0 10px 15px; /* 2階層目のパディング（上右下左）上書き */
background: url(../images/v_line4.gif) no-repeat 5px 0; /* 2階層目の背景 上書き */
border-bottom: 1px #c0c0c0 dotted; /* 2階層目の下境界線 */
}

/* --- 3階層目以降のリストエリア --- */
#sitemap ul.sitemap ul.section ul {
margin: 7px 0 0 8px; /* 3階層目以降のマージン（上右下左） */
font-weight: normal; /* 3階層目以降の文字をノーマルの太さに戻す */
}

/* --- 3階層目以降のリスト項目 --- */
#sitemap ul.sitemap ul.section ul li {
margin: 0 0 6px 0; /* 3階層目以降のマージン（上右下左）上書き */
padding: 0 0 0 12px; /* 3階層目のパディング（上右下左）上書き */
background: url(../images/triangle5.gif) no-repeat 0 0.2em; /* 3階層目の背景 上書き */
border-bottom: none; /* 3階層目以降の下境界線 上書き */
}

/* --- 4階層目以降のリスト項目 --- */
#sitemap ul.sitemap ul.section ul li li {
padding: 0 0 0 9px; /* 4階層目以降のパディング（上右下左）上書き */
background: url(../images/square.gif) no-repeat 0 0.4em; /* 4階層目以降の背景 上書き */
}


#shoplist_block{
	background: #fff;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 15px;
	margin-top: 0px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
}

#shoplist_block .inhrBlock{
	padding:0 20px;
	}

#shoplist_block ul#adressListHead{
	background: #389700;
	padding: 0px 20px;
	}
#shoplist_block ul#adressListHead li{
	float:left;
	margin-right:35px;
	background:url(../images/shoplist_icon4.png) 0 11px no-repeat;
	padding-left:8px;
	font-size:15px;
	}
#shoplist_block ul#adressListHead li a {
	color:#fff;
}

#shoplist_block table.shopListT{
	width:100%;
	border-collapse:collapse;
	color:#333;
	margin-top:32px;
	}
#shoplist_block table.shopListT th{
	border-right:#ccc 1px dotted;
	font-size:13px;
	width:90px;
	vertical-align:top;
	 }
#shoplist_block table.shopListT td{
	font-size:12px;
	vertical-align:top;
	padding-bottom:24px;
	}
#shoplist_block table.shopListT td.prefTD{
	padding:0 0 24px 12px;
	width:57px;
	font-size:13px;
	font-weight:bold;
	vertical-align:top;
	 }


#shoplist_block .shopList li {
	float:left;
	background:url(/images/heather/c/shoplist_icon5.png) 0 50% no-repeat;
	padding:0 26px 0 8px;
	line-height:2em;
	white-space:nowrap;
}

#shoplist_block .shopList li span.shopListIcon {
	padding-left:5px;
	position:relative;
	top:2px;
	left:0;
}

#shoplist_block table.shopListT td span{
	line-height:200%;
	}

/* --- clearfix --- */
#sitemap .clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#sitemap .clearFix {
min-height: 1px;
}
.clearfix:after {  content: " "; display: block; clear: both; height: 0; }
.clearfix { display: inline-block; }
.clearfix {display: block;}

.clear{
	clear:both;
}

/* PC 画面の横幅が960px以上
---------------------------------------------------- */

@media only screen and (min-width: 960px) {
}

/* Tablet (Portrait) 画面の横幅が768px?959pxまで
---------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 959px) {
.wrapper { width: 728px; margin: auto; padding: 0px 20px 50px 20px; }
.header-inner { width: 728px; padding: 70px 0 60px 0; }
#nav { float: none; width: 728px; margin: 0 auto 60px auto; padding: 0; }
li.item { height: 460px; margin-bottom:40px; }
li.item-gallery { height: 226.4px; }
.item-img { height: 226.4px; margin: 0 0 10px 0; overflow: hidden; }
.twothird { width: 460px; margin-right:10px; }
.footer-inner { width: 728px; padding: 0px 0px;}
}


/* Mobile (Portrait) 画面の横幅が300px~767pxまで（基本）
---------------------------------------------------- */

@media only screen and (max-width: 767px) {
.wrapper { width: 300px; padding: 30px 0px 50px 0px; }
.header-inner { width: 300px; margin: auto; padding: 70px 0 40px 0; }
#nav { display: none; position: absolute; top: 0; float: none; text-align:center; width: 100%; background: #fefefe; margin: 0 auto 40px auto; padding: 0; }
.nav-menu li a { color: #333; display: block; font-size: 15px; padding: 20px 10px; text-decoration: none;}
.nav-menu li { display: block; float: none; border-bottom: 1px solid #ededed; }
.toggle { display: block; float: right; position: absolute; top: 10px; right: 10px; z-index: 10000; }
li.item { height: 480px; margin-bottom: 40px; }
li.item-gallery { height: 300px; }
.item-img { margin: 0 0 10px 0; overflow: hidden; }
table.similar-text img { width: 100px; }
table.similar-text th { width: 100px; }
.pagedate { margin: -20px 0 -10px 0; }
.head-img img { margin: 35px auto 10px auto; }
p { font-size: 15px; }
.pager { margin: 80px 0 80px 0; }
.footer-inner { width: 300px; padding: 0px 0px;}
.mobile-display-none { display: none; }
.single-contents br { display: none; }
.top-wide-contents br { display: none; }
.single-contents { margin: 0 0 130px 0; }
.page-contents { margin: 0 0 130px 0; }
}



/* Mobile (Portrait/iPhone6) 画面の横幅が375px?479pxまで
---------------------------------------------------- */

@media only screen and (min-width: 375px) and (max-width: 479px) {
.wrapper { width: 336px; }
.header-inner { width: 336px; margin: auto; }
li.item { height: 500px; margin-bottom: 40px; }
li.item-gallery { height: 336px; }
.item-img { margin: 0 0 10px 0; overflow: hidden; }
.footer-inner { width: 336px; padding: 0px 0px;}
}



/* Mobile (Landscape) 画面の横幅が480px?767pxまで
---------------------------------------------------- */

@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper { width: 420px; }
.header-inner { width: 420px; margin:auto; }
li.item { height: 600px; margin-bottom: 40px; }
li.item-gallery { height: 420px; }
.item-img { margin: 0 0 10px 0; overflow: hidden; }
.footer-inner { width: 420px; padding: 0px 0px;}
}