/* INFOMATION */
#info{
font-size:80%;
color:#ffffff;
margin-top:10px;
}

#info ul{
width:490px;
padding-bottom:10px;
}

#info ul li{
color:#FFFFFF;
margin:10px 10px 0px 10px;
padding:5px 0px;
border-bottom:dotted 1px #666666;
}

#info ul .new{
background-image:url(../img/new.gif);
background-repeat:no-repeat;
background-position:right;
}

#info p{
text-align:right;
margin-right:10px;
}
.date{
margin-right:5px;
color:#FF6600;
}

#info a{
color:#FFFFFF;
text-decoration:none
}

#info a:hover{
color:#FF3399;
text-decoration:underline;
}

#info #infoBack{
text-align:right;
}

/*ABOUT---------------------------------------------------*/
#aboutUs{
padding:10px;
color:#ffffff;
font-size:80%;
line-height:250%;
}

/*ShopGuide-----------------------------------------------*/
#shopGuide{
color:#ffffff;
font-size:80%;
line-height:150%;
}

#shopGuide h3{
font-size:120%;
margin-bottom:10px;
}

#shopGuide a{
color:#FF9900;
}

#shopGuide a:hover{
color:#FFCC00;
}

#shopGuide dl{
margin-top:10px;
}

#shopGuide dt{
font-size:110%;
font-weight:bold;
color:#CDB274;
}

#shopGuide dd{
margin:5px 0px 0px 10px;
}

#realShop{
border-bottom:dotted 1px #ffffff;
margin:10px 0px;
padding-bottom:10px;
}

#realShop #realShopOutImage{
float:left;
}

#realShop img{
margin:0px 10px 10px 0px;
}

#onlineShop{
border-bottom:dotted 1px #ffffff;
margin-bottom:10px;
padding-bottom:10px;
}

/*CONTACT-------------------------------------------------*/
#contact{
font-size:80%;
line-height:150%;
color:#ffffff;
}

#contact p{
margin-bottom:10px;
}

#contact #mailCatch{
background-image:url(../img/contact/mailCatch.gif);
background-repeat:no-repeat;
padding-left:25px;
}

#contact #telCatch{
background-image:url(../img/contact/telCatch.gif);
background-repeat:no-repeat;
padding-left:25px;
}

#notForm{
width:490px;
border-top:dotted 1px #ffffff;
margin-top:20px;
padding-top:20px;
color:#FF9900;
}

#contact dl{
margin-top:20px;
line-height:100%;
}

#contact dd{
margin:5px 0px 20px 25px;
}

#contact a{
color:#FFCC00;
text-decoration:none;
}

#contact a:hover{
text-decoration:underline;
}

.contactErr{
margin-left:5px;
color:#FF0000;
}

.contactNavi{
color:#FF9900;
}

/*LINK----------------------------------------------------*/
#link{
font-size:80%;
color:#ffffff;
margin-top:20px;
}

#link p{
margin-bottom:20px;
}

#link .linkBanner{
margin-right:20px;
float:left;
}

#link .linkStrings{
float:left;
}

#link .linkStrings a{
color:#CDB274;
font-weight:bold;
}

#link .linkStrings a:hover{
color:#FF3399;
}

/*アースシューズ説明ページ earth_guide.htm*/

#earthGuide {
background-color:#ffffff;
font-size:80%;
color:#3a3a3a;
line-height:180%;
}

#earthGuide a {
text-decoration:none;
color:#666666;
}

#earthGuide a:hover {
text-decoration:underline;
color:#FF3399;
}

#whatIsEarth {
background-image:url(../img/earth_guide/earth_guide_what_is_earth.jpg);
background-repeat:no-repeat;
margin:20px;
padding:40px 0px 10px 280px;
}

#earthGuide01 {
margin:0px 20px;
background-image:url(../img/earth_guide/earth_guide01.gif);
background-repeat:no-repeat;
padding:70px 0px 0px 280px;
}

#earthGuide p {
margin-top:10px;
}

#earthGuide table {
margin-top:10px;
text-align:center;
}

#earthHistory {
background-image:url(../img/earth_guide/earth_guide_footprint.jpg);
background-repeat:no-repeat;
margin:20px;
padding:0px 0px 20px 260px;
}

.vegan {
margin-top:5px;
padding:10px 0px 20px 130px;
background-image:url(../img/earth_guide/earth_guide_vegan.jpg);
background-repeat:no-repeat;
}

.accepted {
margin-top:5px;
padding:40px 0px 40px 130px;
background-image:url(../img/earth_guide/earth_guide_accepted.jpg);
background-repeat:no-repeat;
}

#earthGuide02 {
width:600px;
padding:50px 0px 55px 0px;
background-image:url(../img/earth_guide/earth_guide_hikaku.jpg);
background-repeat:no-repeat;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}

#earthGuide02 dl {
margin:0px 0px 0px 300px;
text-align:center;
line-height:100%;
}

#earthGuide02 dt {
margin:20px 0px 3px 0px;
color:#FF6600;
}

#earthGuide02 dd {
color:#777777;
}

/*Style---------------------------------------------------*/
#coordinate {
width:732px;
margin:0px auto;
}

#coordinate div {
width:122px;
float:left;
margin-bottom:20px;
}

#coordinate a {
display:block;
width:120px;
border:solid 1px #ffffff;
}

#coordinate a:hover {
border:solid 1px #ff3399;
}

#styleData {
margin:20px 0px 10px 0px;
}

#styleData li {
margin:5px 0px;
}

#styleData a {
color:#666666;
text-decoration:none;
}

#styleData a:hover {
color:#ff3399;
}

/*recruit---------------------------------------------------*/
.recruit {
color:#FFFFFF;
font-size:80%;
line-height:150%;
margin-top:10px;
}

.recruit dl {
margin-top:20px;
}

.recruit dl dt {
margin-bottom:5px;
font-weight:bold;
}

.recruit dl dd {
margin-left:15px;
}

/*PRESS---------------------------------------------------*/
#press {
font-size:small;
line-height:140%;
}

#press a {
color:#ffffff;
text-decoration:none;
}

#press a:hover {
color:#ff3399;
text-decoration:underline;
}

.pressTitle {
margin:10px 0px;
color:#ffffff;
font-weight:bold;
font-size:medium;
}

.pressInfoStrings {
color:#ffffff;
width:800px;
padding-bottom:10px;
background-image:url(../img/dot.gif);
background-position:bottom;
background-repeat:repeat-x;
clear:both;
}

#adInfo {
background-image:url(../press/style_back.gif);
background-repeat:no-repeat;
padding:10px 0px 0px 10px;
}

#adInfo a {
text-decoration:none;
}

#adInfo a:hover {
color:#ff3399;
text-decoration:underline;
}

#adItemData{
margin:15px 0px;
}

#adItemData dt {
margin-top:15px;
font-weight:bold;
}
#adItemData dd {
margin-left:10px;
}

/*new arrival&Recommend---------------------------------------------------*/

#newreco {
background-image:url(../img/style_back.gif);
background-repeat:no-repeat;
width:800px;
height:500px;
font-size:80%;
color:#666666;
}

#newrecoDtail {
width:400px;
float:right;
padding:20px 15px 0px 0px;
/zoom: 1;/* for IE6,7 */
}

#newrecoDtailImage div {
width:79px;
height:79px;
margin:0px 1px 1px 0px;
float:left;
}

.newrecoProductName {
color:#000000;
margin:0px 0px 20px 0px;
background-image:url(http://www.oakleaf-web.com/img/dotted.gif);
background-position:bottom;
background-repeat:repeat-x;
padding:0px 0px 5px 5px;
}



#newrecoDtailImage table {
clear:both;
border-collapse:collapse;
color:#3a3a3a;
line-height:150%;
margin:5px 0px 15px 0px;
}

#newrecoDtailImage table tr th {
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
background-color:#f5f5f5;
width:50px;
padding:5px;
text-align:center;
font-weight:normal;
font-size:80%;
}

#newrecoDtailImage table tr td {
border-top:2px solid #ffffff;
border-bottom:2px solid #ffffff;
padding:5px 8px;
font-size:80%;
}

#newreco ul li {
margin:3px 0px;
}

.mikeisai_toi {
color:#ff3399;
font-size:90%;
margin:10px 0px 0px 0px;
}

#newreco a {
text-decoration:none;
}

#newreco a:hover {
color:#666666;
text-decoration:underline;
}

.newreco {
margin:10px 0px;
}

.newreco .newrecoIndex a {
float:left;
border:solid 1px #332922;
display:block;
}

.newreco .newrecoIndex a:hover {
border:solid 1px #ff3399;
}
