@charset "EUC-JP";
body {
	background: url(http://www.naturligt-cykla.com/img/bg.jpg) repeat-y center !important;
}


.cf:after {
     content: ".";
     display: block;
     clear: both;
     height: 0;
     visibility: hidden;
}
.cf {
     min-height: 1px;
}
* html .cf {
     height: 1px;/*ﾂ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* =============================================
    各パーツ
============================================= */
#container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 50px;
}
#sidemenu {
	float: left;
	width: 190px;
}


#sidemenu iframe{
height:3800px !important;
}

#content {
	float: right;
	width: 690px;
	font: 11px/1.6em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#headmenu {
	width: 900px;height:320px !important;
	margin-bottom: 0px !important;
}
#footer {
	clear: both;
}
#foot{
	text-align: center;
}



 #wrapper {
width:100% !important;
background:none !important;
}


footer{
background:none !important;
height:auto !important;
}
header{
width:900px !important;
margin:0 auto !important;
padding-top:10px !important;
background:none !important;
height:auto !important;
}
#headmenu iframe {
	height:350px !important;
}
#sub-column {
float: left;
width: 190px !important;
margin-right: 0px !important;
margin-left: 30px !important;
}


 #contents {
     width: 960px;
     margin: 0 auto;
     padding-top: 0px !important;
     overflow: auto;
     *zoom: 1;
     padding-bottom: 0px !important;
 }


.freeArea2 .free-contents {padding-top: 0px !important;}


#sub-column .free-contents p {
display:none;
}


 article h2 {
border-bottom: 0 !important;
}



/* =============================================
    main
============================================= */
#content h2 {
	clear: both;
	margin-bottom: 20px;
}
.f_banner {
	width: 690px;
	padding-bottom: 30px;
}
.f_banner ul {
	width: 700px;
	margin-right: -10px;
	overflow: hidden;
	height: 100%;
}
.f_banner ul li {
	float: left;
	margin-right: 10px;
	padding-bottom: 15px;
}
#container #content .f_banner ul li {
	text-align: center;
}
#container #content .f_banner ul li img {
	display: block;
}
/* =============================================
    ランキング
============================================= */
.rankCate{
padding-bottom: 15px;
}

.rankCate li{
	display:block;
	float: left;
	width: 170px;
	margin:0 !important;padding:0 !important;
}

.rankCate li a{
	display:block;
	width: 170px;
	margin:0 !important;padding:0 !important;
}


.rankCate .no01 {
	background: url(../top/img/no01.gif) no-repeat left top;
}
.no02 {
	background: url(http://www.naturligt-cykla.com/top/img/no02.jpg) no-repeat left top;
}
.rankCate .no03 {
	background: url(../top/img/no03.gif) no-repeat left top;
}
.rankCate .no04 {
	background: url(../top/img/no04.gif) no-repeat left top;
}
.rankCate li img {
display:block;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
}
.rankCte li span {
	margin-bottom: 5px;
	display:block;
}
.rankCate li em {
	color: #6D990D;
	font-weight: bold;
display:block;
}
.rankCate li strong {
font-weight: bold;
display:block;
}
.rankCate li{
	padding-right: 8px;
}

.ranking div .rankexp {
	padding-right: 10px;
	line-height: 1.2em;
}
/* =============================================
    policy
============================================= */
#policy {
	padding: 5px;
	border: 1px solid #CCC;
	margin-bottom: 40px;
}
#policy .inner {
	background: #F4F1E8;
	padding: 15px;
}
.policy_txt {
	float: right;
	width: 410px;
}
.inner .policy_txt p, #calendar .scheduleexp p {
	margin-bottom: 10px;
}
/* =============================================
    calendar
============================================= */
#calendar {
	padding-bottom: 50px;
}
#calendar .month .sunday {
	background: #D0C2B0;
	color: #AC0E0E;
}
#calendar .month .holiday {
	color: #AC0E0E;
}
#content .month {
	padding: 5px;
	border: 1px solid #CCC;
	margin-right: 8px;
	float: left;
	font-size: 13px;
	color: #595959;
	width:210px;
}
.month .monthtitle table {
	width: 100%;
	margin: 3px;
}
#calendar .month .monthtitle tr td {
	color: #FFF;
	background: #89B32F;
	border-style: none;
}
#calendar .month .monthtitle {
	width: 100%;
}
#calendar .scheduleexp {
	float: right;
	width: 220px;
}
.scheduleexp .explanatory {
	font-size: 13px;
}
.scheduleexp .explanatory span {
	color: #C1A18F;
	font-size: 19px;
	line-height: 19px;
}
#calendar .month table td, #calendar .month table th {
	padding: 5px;
	text-align: center;
	font-size: 12px;
	background: #F6ECE0;
	margin: 5px;
	border: 3px solid #FFF;
}
#calendar .month table td.othermonth {
	color: #CCC;
	background: #EFEFEF;
}
#calendar .month table .week th {
	background: #BCD486;
}
/* =============================================
    concept
============================================= */
#concept {
}
#content #concept .element {
	float: left;
	width: 340px;
	margin-right: 5px;
	padding-bottom: 10px;
}
#concept .element img {
	float: left;
	margin-bottom: 20px;
}
#concept .element h3 {
	background: url(../top/img/point03.jpg) no-repeat left center;
	font-size: 13px;
	padding-left: 8px;
	margin-bottom: 5px;
}
#concept .element h3 a {
	color: #1B4353;
}
#concept .element .conce_txt {
	float: right;
	width: 205px;
}
#content #concept .element a, #content #shopinfo a {
	color: #4A6874;
	font-weight: bold;
}
/* =============================================
    news
============================================= */
#news {
	padding-bottom: 60px;
}
#content #news ul li {
	background: url(../top/img/point03.jpg) no-repeat left 2px;
	padding-left: 10px;
}
/* =============================================
    shop info
============================================= */
#shopinfo {
	background:url(../top/img/shopinfobody.gif) no-repeat left bottom;
	margin-bottom: 15px;
}
#shopinfo .inner {
	padding:20px;
	background:url(../top/img/shopinfohead.gif) no-repeat left top;
	line-height: 120%;
}
#content #shopinfo .inner p {
	margin-bottom: 15px;
	line-height: 1.8em;
}
#shopinfo .inner h3 {
	background: url(../top/img/point02.gif) no-repeat left top;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: 5px;
}

.pagetop {
	text-align: right;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
.pagetop a img {
	margin-right: 31px;
}
#container #content h3 {
	margin-bottom: 15px;
}
#rank {
	padding-bottom: 30px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer #foot #footeriframe {
	margin-left:-1px;}
}
/* =============================================
    cart
============================================= */

section#itemDetail-wrap p.cancel {
	line-height: 20px !important;
}

table.sozai td {
	padding:5px !important;
}
table.sozai th {
	padding:5px !important;
}