/* ********** メインイメージの背景画像指定 ********** */
#mainimage {
background-image: url(img/imagebg.jpg);
}

/* ********************** セールエリア ********************** */
.sale {
width: 700px;
padding: 5px 10px 5px 10px;
}

.space {
height: 10px;
}

/* ********************** テーブル ********************** */

table, tr, td {
border: 1px #663300 solid;
border-collapse: collapse;
}

td {
padding: 5px;
}

td.maintitle {
background-color: #FFCC66;
font-size: 14px;
font-weight: bold;
}

td.title {
width: 100px;
}

td.picture {
text-align: center;
}

table {
margin-bottom: 5px;
}

td.items {
background-color: #FFCC66;
}

/* ********************** リンク ********************** */

.amazonlink {
margin-top: 5px;
padding: 3px;
background-color: #FFCC66;
}

a.salelink { text-decoration: none; }
a.salelink:link { color:#663300; }
a.salelink:visited { color:#663300; }
a.salelink:hover { color:#ff0000; }
a.salelink:active { color:#FFCC99; }

/* ********************** エリア別 ********************** */

#guide1, #guide2, #guide3, #guide4 {
margin: 0 0 10px 15px;
}

/* ********************** Amazonリストの説明文 ********************** */

.detailtext {
width: 680px;
min-height: 20px;
margin-bottom: 10px;
}

.detailtext2 {
width: 680px;
min-height: 20px;
margin: 0 20px 15px 20px;
}


/* ■■■■■■■■■■ ファッション ■■■■■■■■■■ */

.brandtext, .commodityarea {
width: 695px;
min-height: 20px;
padding: 0 10px 0 15px;
margin: 5px 0;
}

.brandlist {
width: 680px;
min-height: 80px;
margin: 0 20px 5px 20px;
}
.brandlistpic {
float: left;
width: 180px;
min-height: 20px;
text-align: center;
}
.brandlisttext {
float: right;
width: 500px;
height: 60px;
margin: 10px 0 0 0;
}
.brandlistend {
width: 680px;
min-height: 20px;
margin: 0 20px 15px 20px;
}

a.brandlistlink:link { color:#ff0000; }
a.brandlistlink:visited { color:#ff0000; }
a.brandlistlink:hover { color:#ff9900; }
a.brandlistlink:active { color:#FFCC99; }

td.goodlist {
width: 150px;
}

.sampleitem {
width: 680px;
min-height: 80px;
margin: 0 20px 5px 20px;
}

/* ********************** ブランドリストナビ ********************** */

#brandlistnavi {
width: 700px;
min-height: 20px;
margin: 0 10px 5px 10px;
}

/* ********************** DBからの取得データの表示 ********************** */

#pagecontentsarea .list {
width: 720px; height: auto; margin: 5px 0;
}

#pagecontentsarea .list .oneitem {
float: left; width: 348px; margin: 5px; height: 138px; border: 1px solid #663300; background: #FFFFFF;
}

#pagecontentsarea .list .oneitem .picture {
float: left; width: 128px; min-height: 128px; height: auto; padding: 5px;
}

#pagecontentsarea .list .oneitem .abouttext {
float: left; width: 200px; height: auto; margin: 5px;
}

#pagecontentsarea .list .oneitem .abouttext .bland {
height: 14px; font-weight: bold; overflow: hidden;
}

#pagecontentsarea .list .oneitem .abouttext .itemname {
font-weight: bold; margin: 7px 0; height: 30px; overflow: hidden;
}

#pagecontentsarea .list .oneitem .abouttext .itemname a { text-decoration: underline; }
#pagecontentsarea .list .oneitem .abouttext .itemname a:link { color: #0000ff; }
#pagecontentsarea .list .oneitem .abouttext .itemname a:visited { color: #663399; }
#pagecontentsarea .list .oneitem .abouttext .itemname a:hover { color: #ff0000; }
#pagecontentsarea .list .oneitem .abouttext .itemname a:active { color: #ff9900; }

#pagecontentsarea .list .oneitem .abouttext .about {
height: 46px; overflow: hidden;
}

#pagecontentsarea .list .oneitem .abouttext .price {
font-weight: bold; margin: 8px 0 0 0; font-size: 16px; color: #FF0000; height: 18px; overflow: hidden;
}

#pagecontentsarea .list .oneitem .abouttext .price .carriage {
font-size: 12px; color: #000000;
}

/* ********************** 該当件数 ********************** */

#pagecontentsarea #choicenone {
width: 720; height: auto; text-align: center; color: #FF0000; font-weight: bold; font-size: 14px; line-height: 1.3em;
}

#pagecontentsarea #countresult {
width: 720px; height: 16px; font-weight: bold; font-size: 14px; border-bottom: 1px dotted #ffcc99;
}


/* ********************** ブランドから選ぶ ********************** */

#brandlist {
width: 720px; min-height: 125px; height: auto;
}

#brandlist .one {
float: left; width: 113px; height: 33px; border: 1px dotted #663300; margin: 2px;
}

/* ********************** 組み合わせ、条件から選ぶ ********************** */

.customchoice {
width: 700px; height: auto; margin: 0 10px 5px 10px;
}

.customchoice .left {
float: left; width: 435px; height: 180px;
}

.customchoice .left table#custom, .customchoice .left table#custom tr, .customchoice .left table#custom th, .customchoice .left table#custom td {
border: none;
}

.customchoice .left table#custom th {
width: 80px; padding: 7px; text-align: left;
}

.customchoice .left table#custom td {
padding: 5px;
}

.customchoice .left table#custom td.buttonarea {
text-align: center; padding: 5px;
}

.customchoice .left input.button {
padding: 5px; font-size: 14px; font-weight: bold;
}

.customchoice .right {
float: left; width: 265px; height: 170px; margin: 5px 0;
}

.customchoice .right .title {
width: 265px; height: auto; margin-bottom: 5px;
}

.customchoice .right .totalresult {
width: 215px; height: auto; margin-bottom: 10px; padding-left: 50px; font-weight: bold; font-size: 14px;
}

/* ********************** fashionページャ ********************** */

.pagerstop {
width: 720px; height: auto; margin: 10px 0 0 0; text-align: center; font-weight: bold;
}

.pagerstop a:link { color: #ff0000; }
.pagerstop a:visited { color: #ff9900; }
.pagerstop a:hover { color: #ff0000; text-decoration: underline; }
.pagerstop a:active { color: #ff9900; }

.pagers {
width: 720px; height: auto; margin-bottom: 15px; text-align: center; font-weight: bold;
}

.pagers a:link { color: #ff0000; }
.pagers a:visited { color: #ff9900; }
.pagers a:hover { color: #ff0000; text-decoration: underline; }
.pagers a:active { color: #ff9900; }

.fashionec {
 margin: 10px;
 border-bottom: 1px dotted #663300;
 padding-bottom: 10px;
}

.fashionec h3 {
 margin: 0 0 5px 0;
}

.fashionec p {
 margin: 5px 0 0 0;
}

.fashionec a:link { color: #ff0000; }
.fashionec a:visited { color: #ff9900; }
.fashionec a:hover { color: #ff0000; text-decoration: underline; }
.fashionec a:active { color: #ff9900; }

/* ■■■■■■■■■■ 髪型 ■■■■■■■■■■ */

.pagecontentsareas {
width: 720px;
min-height: 10px;
padding: 10px 20px;
background-color: #ffffff;
line-height: 130%;
}



.hairstyles {
 width: 680px;
 margin: 0 10px 10px 10px;
 padding: 5px 10px 10px 10px;
 border-bottom: 1px dotted #663300;
}

.hairstyles .photo {
 float: left;
 width: 250px;
}

.hairstyles .texts {
 float: left;
 width: 420px;
 padding: 5px;
}

.hairstyles .texts ul.tag {
 width: 700px;
 background: #FF0000;
}

.hairstyles .texts ul.tag li {
 float: left;
 font-size: 10px;
 text-align: center;
 padding: 3px 5px;
 margin: 5px;
 background: #ff9900;
 color: #ffffff;
}

.hairstyles .texts .desc {
 padding: 0 5px 5px 5px;
 line-height: 1.3em;
}

.hairstyles .texts .desc p {
 margin: 0 0 10px 0;
}