/* 文字コード */ 
@charset "Shift_JIS"; 
/* 全体 */ 
body { 
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif; 
color: #666666; 
font-size: 13px; 
text-align: left; 
margin: 0px; 
padding: 0px; 
background: #FFFFFF url(images/bg.jpg) repeat-x; 
} 
body,td,input{font-size:11px;line-height:18px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Helvetica, Arial, sans-serif;
}
body div { 
text-align: left; 
margin: 0 auto; 
} 
img { margin: 0px; padding: 0px;} 
/* リンク指定 */ 
a { overflow: hidden;} 
a img { border: 0;} 
a:link { color: #33FF00; text-decoration: underline;} 
a:visited { color: #33FF00; text-decoration: underline;} 
a:hover { color: #CC99FF; text-decoration: none;} 
/* コンテンツ全体 */ 
#container { 
width: 810px; 
margin: 0px auto 0px auto; 
padding: 0px; 
float: left;
} 
/* ヘッダー */ 
#header { 
height: 80px; 
margin: 0px; 
padding: 0px; 
} 
/* ロゴ */ 
.logo { 
margin: 0px; 
padding: 0px; 
width: 300px; 
height: 80px; 
float: left; 
} 
.logoin { 
margin: 0px; 
padding: 28px 0px 0px 0px; 
} 
.logoin h1 { 
background: url(images/logo.jpg) no-repeat left; 
width: 195px; 
height: 37px; 
margin: 0px; 
padding: 0px; 
text-indent: -9999px; 
} 
/* 検索 */ 
.search { 
margin: 0px; 
padding: 0px; 
width: 400px; 
height: 80px; 
float: right; 
} 
.searchin { 
font-size: 75%; 
line-height: 1.5; 
margin: 0px; 
padding: 50px 0px 0px 0px; 
text-align: right; 
} 
.searchin form { 
margin: 0px; 
padding: 0px; 
} 
#search_img { 
margin: 0px; 
padding: 0px; 
vertical-align: middle; 
} 
#search_text { 
margin: 0px; 
padding: 0px; 
color: #CCCCCC; 
vertical-align: middle; 
height: 20px; 
border: 1px solid #9966FF; 
} 
/* ナビゲーション */ 
#navi { 
height: 50px; 
margin: 3px 0px 0px 0px; 
padding: 0px; 
clear: both; 
} 
ul#navigation { 
margin: 0px; 
padding: 0px; 
list-style: none; 
clear: both; 
} 
#navigation li { 
float: left; 
text-indent: -9999px; 
} 
#navigation a { 
text-decoration: none; 
overflow: hidden; 
background: url(images/navi.jpg) no-repeat; 
} 
#navi1, 
#navi1 a { 
display: block; 
width: 139px; 
height: 44px; 
margin: 0px; 
padding: 0px; 
} 
#navi2, 
#navi2 a { 
display: block; 
width: 129px; 
height: 44px; 
margin: 0px; 
padding: 0px; 
} 
#navi3, 
#navi3 a, 
#navi4, 
#navi4 a, 
#navi5, 
#navi5 a { 
display: block; 
width: 130px; 
height: 44px; 
margin: 0px; 
padding: 0px; 
} 
#navi6, 
#navi6 a { 
display: block; 
width: 142px; 
height: 44px; 
margin: 0px; 
padding: 0px; 
} 
#navi1 a { background-position: 0px 0px;} 
#navi2 a { background-position: -139px 0px;} 
#navi3 a { background-position: -268px 0px;} 
#navi4 a { background-position: -398px 0px;} 
#navi5 a { background-position: -528px 0px;} 
#navi6 a { background-position: -658px 0px;} 
#navi1 a:hover { background-position: 0px -44px;} 
#navi2 a:hover { background-position: -139px -44px;} 
#navi3 a:hover { background-position: -268px -44px;} 
#navi4 a:hover { background-position: -398px -44px;} 
#navi5 a:hover { background-position: -528px -44px;} 
#navi6 a:hover { background-position: -658px -44px;} 
/* コンテンツの指定 */ 
#content { 
margin: 8px 0px 0px 0px; 
padding: 0px; 
clear: both; 
} 
/* Leftボックス */ 
#left { 
width: 210px; 
margin: 0px; 
padding: 0px; 
float: left; 
} 
/* Rightボックス */ 
#right { 
width: 590px; 
margin: 0px; 
padding: 0px; 
float: right; 
} 
#topimg { 
margin: 0px; 
padding: 10px 0px 10px 0px; 
} 
#topmain { 
width: 410px; 
margin: 0px; 
padding: 0px; 
float: left; 
} 
/* トップページ中央 */ 
#news h3 { 
width: 180px; 
height: 30px; 
background: url(http://www.delimachi.com/girl/images/ttnews.jpg) no-repeat left; 
margin: 10px 0px 0px 0px; 
padding: 0px; 
text-indent: -9999px; 
} 
#campaign h3 { 
width: 180px; 
height: 30px; 
background: url(http://www.delimachi.com/girl/images/ttcampaign.jpg) no-repeat left; 
margin: 10px 0px 0px 0px; 
padding: 0px; 
text-indent: -9999px; 
} 
.centerul { 
float: left; 
width: 200px; 
height: 140px; 
margin: 8px 0px 0px 0px; 
} 
.centerul dl{ 
width: 200px; 
margin: 0; 
padding: 0; 
height: auto; 
display: block; 
} 
.centerul dt{ 
float: left; 
width: 85px; 
margin-right: 0px; 
padding: 0; 
} 
.centerul dd{ 
float: left; 
width: 115px; 
margin: 0; 
padding: 0; 
} 
/* トップページ右サイド */ 
#newcatalog h3 { 
width: 400px; 
height: 30px; 
background: url(http://www.delimachi.com/girl/images/ttnewcatalog.jpg) no-repeat left; 
margin: 10px 0px 0px 0px; 
padding: 0px; 
text-indent: -9999px; 
} 
#pickup h3 { 
width: 400px; 
height: 30px; 
background: url(http://www.delimachi.com/girl/images/ttpickup.jpg) no-repeat left; 
margin: 10px 0px 0px 0px; 
padding: 0px; 
text-indent: -9999px; 
} 
ul.sideul { 
margin: 5px; 
padding: 0px; 
list-style: none; 
} 
.sideul li { 
margin: 0px 0px 5px 0px; 
padding: 0px; 
line-height: 1.3; 
} 
.sidelink { 
margin: 10px 0px 20px 0px; 
padding: 0px; 
font-size: 75%; 
line-height: 1.6; 
text-align: right; 
} 
/*sidebarボックス */ 
#sidebar { 
width: 180px; 
margin: 0px; 
padding: 0px; 
float: right; 
} 
#list { 
background-color: #000000; 
margin: 0px 10px 0px 0px; 
padding: 0px 0px 4px 0px; 
} 
#listtop { 
margin: 0px; 
padding: 0px; 
} 
ul.categorylist { 
color: #FFFFFF; 
margin: 0px 6px 0px 6px; 
padding: 0px; 
list-style: none; 
} 
ul.categorylist ul { 
margin: 0px; 
padding: 0px; 
list-style: none; 
} 
ul.categorylist li { 
margin: 0px 0px 3px 0px; 
padding: 4px 0px 4px 0px; 
background: url(http://www.delimachi.com/girl/images/topcatebg.jpg) no-repeat; 
} 
ul.categorylist li li { 
color: #FFFFFF; 
background-color: #333333; 
margin: 0px 0px 3px 0px; 
padding: 3px 0px 3px 25px; 
background-image: url(http://www.delimachi.com/girl/images/subcatebg.jpg); 
background-repeat: no-repeat; 
background-position: 10px 8px; 
} 
ul.categorylist a { 
color: #CCFF00; 
text-decoration: none; 
} 
ul.categorylist a:hover { 
color: #CCFF00; 
text-decoration: underline; 
} 
.bnr { 
margin: 10px 0px 0px 0px; 
padding: 0px 4px 0px 0px; 
} 
/* 商品カタログページタイトル */ 
.maintt { 
margin: 10px 0px 10px 0px; 
padding: 2px 0px 2px 0px; 
font-size: 110%; 
line-height: 1.5; 
font-weight: normal; 
text-indent: 10px; 
vertical-align: middle; 
color: #FFFFFF; background: #FF0099 url(http://www.delimachi.com/girl/images/maintt.gif) no-repeat left top; 
} 
/* 商品カタログページメイン */ 
#main { 
width: 570px; 
margin: 0px; 
padding: 10px; 
background: #FFFFFF; 
} 
/* 商品表示ページのレイアウト */ 
.itemBox { 
width: 570px; 
margin-bottom: 15px; 
} 
.itemBox h3 { 
color: #FFFFFF; 
margin: 0px 0px 10px 0px; 
padding: 2px 0px 2px 0px; 
border-bottom: 1px solid #000000; 
font-size: 100%; 
font-weight: normal; 
text-indent: 10px; 
vertical-align: middle; 
background: #FF0099 url(http://www.delimachi.com/girl/images/itemname_bg.jpg) no-repeat left top; 
clear: both; 
} 
.itemBox h3 a:link { color: #0066FF; text-decoration: underline;} 
.itemBox h3 a:visited { color: #0066FF; text-decoration: underline;} 
.itemBox h3 a:hover { color: #0066FF; text-decoration: none;} 
.itemLeft { 
float: left; 
width: 550px; 
margin-left: 10px; 
} 
.itemRight { 
float: left; 
width: 550px; 
margin-left: 10px 
} 
.itemname { 
color: #9967fe; 
margin: 0px; 
padding: 0px; 
} 
.entryBox { 
margin: 0px 0px 5px 0px; 
padding: 0px; 
} 
.item { 
margin-bottom: 10px; 
background: #F1F1F1; 
} 
.item_tt { 
color: #ff0099; 
font-weight: bold; 
margin: 0px; 
padding: 0px; 
} 
.item_left { 
float: left; 
width: 360px; 
margin: 0px; 
padding: 10px; 
} 
.photo_right { 
float: right; 
width: 170px; 
margin: 0px; 
padding: 10px; 
} 
/*フッター */ 
#footer { 
margin: 0px; 
padding: 15px 0px 0px 0px; 
clear: both; 
background: #FFFFFF url(http://www.delimachi.com/girl/images/footerbg.jpg) repeat-x; 
text-align: center; 
} 
#footerin { 
width: 800px; 
font-size: x-small; 
margin: 0px auto 0px auto; 
padding: 0px; 
text-align: left; 
} 
ul.ftmenu { 
margin: 0px; 
padding: 0px; 
list-style: none; 
} 
.ftmenu li { 
margin: 5px 0px 10px 10px; 
padding: 0px; 
float: left; 
} 
.ftmenu2 { 
height: 30px; 
margin: 0px; 
padding: 0px; 
background: #000000 url(http://www.delimachi.com/girl/images/footerbg2.jpg) repeat-x; 
clear: both; 
} 
.ftmenu2 a, 
.ftmenu2 a:link, 
.ftmenu2 a:visited { 
color: #FFFFFF; 
text-decoration: underline; 
} 
.ftmenu2 a:hover { 
color: #CCCCCC; 
text-decoration: none; 
} 
.copy { 
margin: 10px 0px 0px 0px; 
padding: 0px; 
text-align: right; 
clear: both; 
} 
/* ハック */ 
.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
.clearfix { 
display: inline-block; 
} 
* html .clearfix { 
height: 1%; 
} 
.clearfix { 
display: block; 
} 

#floatbox {
  position: absolute;
  margin: 0px;
  padding: 10px;
  
  width: 210px;
  height: 600px;
  
  top: 0px;
  left: 810px;
  
  background: #EEEEEE;
}