@charset "utf-8";

@import url(default.css);
@import url(base.css);

#container {
	width:800px;
	margin-top:20px;
}

#inner01 {
	float:left;
	width:500px;
}

#introduction {
	padding-left:115px;
	background:url(images/cyii.png) no-repeat left top;
}

#introduction h2 {
    margin-bottom:10px;
    font-weight:bold;
	font-size:91.25%;
}

#introduction p {
	font-size:81.25%;
    line-height:1.6;
}

#search {
	width:500px;
	height:45px;
	margin:20px 0 10px;
	background:url(images/form_bg.png) no-repeat center;
}

#search form {
    padding-top:10px;
    margin-left:75px;
}

#feed,
#mobile {
	padding-left:30px;
}

#feed img,
#mobile img {
	margin-right:30px;
	vertical-align:middle;
}

#category {
	float:right;
	width:275px;
}

#amazon {
   float:right:
   width:250px;
}

#lohastore {
   clear:both;
   padding-top:20px;
}

#inner02 {
	float:left;
	width:100%;
	margin-top:20px;
}

#keyword {
	float:left;
	width:250px;
    text-align:center;
}

#keyword h3,
#popular h3 {
	margin-bottom:10px;
}

#popular {
	float:right;
	width:526px;
}

#popular li {
    padding-left:25px;
	font-size:87.5%;
    line-height:3;
    background:url(images/icon-cyiti.png) no-repeat left center;
}

#inner03 {
	clear:both;
    padding-top:30px;
}

#eco {
	padding:100px 75px 0;
	background:url(images/headline_ecoaction.png) no-repeat center top;
}

#eco li,
#charity li {
    margin-bottom:15px;
	font-size:87.5%;
}

#eco li img,
#charity li img {
    margin-right:10px;
	vertical-align:middle;
}

#charity {
	margin-top:50px;
	padding:100px 75px 0;
	background:url(images/headline_charity.png) no-repeat center top;
}