/*** egoist.lloyds.co.jp ***/
/* -----------------------------------------------
CSS file For AT-FACTORY Inc.
FileName:	styles-site.css
Build:		2007.6.27
Application:HOME/ONLINE SHOP
----------------------------------------------- */


/* BASE
------------------------------------------------------------ */
body{
margin: 10px 0 10px 0;
padding: 0;
background-color:#000;
color:#ccc;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:small;
line-height:170%;
}

a, a:link{
color:#ccc;
text-decoration:none;
}

a:visited{
color:#ccc;
text-decoration:none;
}

a:hover{
color:#fff;
text-decoration:none;
}

a:active{
color:#fff;
text-decoration:none;
}

img{
margin:0;
padding:0;
border:0;
}

p{
margin:10px 0 10px 0;
}


hr{
clear:both;
visibility:hidden;
margin:0;
padding:0;
}

input,textarea,select{
border:solid 1px #A6B9CA;
background-image:url(images/field_bg.jpg);
background-repeat:repeat-x;
background-color:#F5F7F9;
}


/* THUMBNAIL */

#sumb{
  margin:0;
  padding:0;
}

#sumb a, #sumb strong, #sumb em, .default a.psumb {
  margin:0 8px 0 0;
  padding:0;
  float:left;
  display:block;
  border:1px solid #fff;
  width:89px;
  height:67px;
  }

#sumb a:hover, .default .psumb:hover {
  border-color:#000;
  }
  
#sumb2{
  margin:0 0 5px 0;
  padding:0;
}

#sumb2 a, #sumb2 strong, #sumb2 em, .default a.psumb {
  margin:0;
  padding:0;
  display:block;
  border:1px solid #fff;
  width:150px;
  height:114px;
  }

#sumb2 a:hover, .default .psumb:hover {
  border-color:#000;
  }
  
  /* ENTRY THUMBNAIL
------------------------------------------------------------ */

#entry-thumb{
  margin:0;
  padding:0;
}

#entry-thumb a, #entry-thumb strong, #entry-thumb em, .default a.psumb {
  margin:5px 11px 5px 1px;
  float:left;
  display:block;
  border:1px solid #fff;
  width:77px;
  height:57px;
  }

#entry-thumb a:hover, .default .psumb:hover {
  border-color:#000;
  }
  
  #entry-thumb2{
  margin:0;
  padding:0;
}

#entry-thumb2 a, #entry-thumb2 strong, #entry-thum2b em, .default a.psumb {
  margin:5px 0 5px 0;
  float:left;
  display:block;
  border:1px solid #fff;
  width:77px;
  height:57px;
  }

#entry-thumb2 a:hover, .default .psumb:hover {
  border-color:#000;
  }

div#container{
width: 900px;
margin: 0 auto;
border:solid 1px #615734;
}

/* HEADER
------------------------------------------------------------ */
div#header{
height:121px;/* ここ? */
}

div#header h1.site-name{
float:left;
margin:20px;
_margin:20px 10px 10px 10px;
}

/* global navigation
------------------------------------------------------------ */
div#nav{
width:891px;
float:right;
margin-top:0; /* 20100505変更　*/
*margin-top:40px;
margin:0 4px 4px; /* 20100505変更　*/
*margin-right:10px;
}

ul#nav {
padding:0;
margin:0;
font-size:11px;
font-family:"Times New Roman", Times, serif;
}

ul#nav li {
padding:0;
margin:0;
display:block;
float:left;
border-right:1px solid #000000;
text-align:center;
width:98px; /* 20100505変更　*/
height:25px; /* 20100505変更　*/
padding-top:3px; /* 20100505変更　*/
}

ul#nav li a {
background-color:#480024;
border:0;
display:block;
text-decoration:none;
border-right:1px solid #000000;
text-align:center;
width:98px; /* 20100505変更　*/
height:25px; /* 20100505変更　*/
padding-top:3px; /* 20100505変更　*/
font-weight:bold;
}

ul#nav li a:hover {
background-color:#333333;
border:0;
display:block;
text-decoration:none;
border-right:1px solid #000000;
text-align:center;
width:98px; /* 20100505変更　*/
height:25px; /* 20100505変更　*/
padding-top:3px; /* 20100505変更　*/
}

body#home ul#nav li#home a {
background-color:#660033;
color:#fff;
}

body#shop ul#nav li#shop a {
background-color:#660033;
color:#fff;
}

body#info ul#nav li#info a {
background-color:#660033;
color:#fff;
}

body#blog ul#nav li#blog a {
background-color:#660033;
color:#fff;
}

body#about div#company ul#nav li#company a {
background-color:#660033;
color:#fff;
}

body#support  div#shopping_guide ul#nav li#support a {
background-color:#660033;
color:#fff;
}

body#support div#contract ul#nav li#contract a {
background-color:#660033;
color:#fff;
}

body#about div#access ul#nav li#access a {
background-color:#660033;
color:#fff;
}

body#contact ul#nav li#contact a {
background-color:#660033;
color:#fff;
}

/* flash
------------------------------------------------------------ */
div#flash{
margin:0;
padding:0;
width:900px;
height:360px;
}

/* MAIN BOX
------------------------------------------------------------ */
div#main{
background-image:url(images/box_bg.jpg);
width: 900px;
float: left;
/*margin-top:121px;*/ /* ここ? */
}


div#main-shop{
padding-bottom:10px;
background-color:#393939;
width: 900px;
float: left;
color:#FFF;
}

/* TOP NEWS INFORMATION
------------------------------------------------------------ */
div#box-news{
margin-top:5px;
width: 370px;
float: left;
}

div#news-title{
background-image:url(images/news_title_bg.jpg);
background-repeat:no-repeat;
padding:12px 0 0 5px;
*padding:10px 0 0 5px;
margin:10px 0 0 20px;
height:46px;
color:#B7A04A;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}

div#news-title .more{
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
margin-left:190px;
padding-left:10px;
font-size:12px;
}

div#news-title-blog{
background-image:url(images/news_title_bg.jpg);
background-repeat:no-repeat;
padding:12px 0 0 5px;
*padding:10px 0 0 5px;
margin:10px 0 0 20px;
height:46px;
color:#B7A04A;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}

div#news-title-blog .more{
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
margin-left:198px;
padding-left:10px;
font-size:12px;
}

div#news-title-twitter{
background-image:url(images/news_title_bg.jpg);
background-repeat:no-repeat;
padding:12px 0 0 5px;
margin:10px 0 0 20px;
height:46px;
color:#B7A04A;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}

div#news-title-twitter .more{
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
margin-left:76px;
padding-left:10px;
font-size:12px;
}

div#twitter_div li {
list-style:none;
line-height:120%;
margin:0 0 8px 20px;
background-image:url(images/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
width:345px;
}


#news-entry-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}

div#news-entry-box{
line-height:120%;
margin:0 0 8px 20px;
background-image:url(images/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
width:345px;
}

div#news-entry-date{
float:left;
width:100px;
}

div#news-entry-category{
font-size:10px;
width:70px;
background-color:#660033;
padding:2px;
line-height:100%;
text-align:center;
}

div#news-entry-title{
float:left;
width:245px;
margin-bottom:5px;
padding-bottom:5px;
}



/* 20090722追記 */

ul#twitter_update_list{
list_style:none;
}

/* 20090624追記 */
div#box-sale{
width:333px;
border:1px dotted #ff0000;
padding:5px;
margin:0 0 14px 20px;
color:#ff0000;
font-size:20px;
font-weight:900;
text-align:center;
font-family:"Times New Roman", Times, serif;
}

div#box-sale a{
color:#ff0000;
font-size:18px;
font-weight:900;
text-align:center;
font-family:"Times New Roman", Times, serif;
}



*:first-child+html news-entry-title { margin-bottom:15px; }

/* TOP NEW ARRIVAL
------------------------------------------------------------ */
div#box-arrival{
margin-top:5px;
width: 530px;
float: right;
}

div#arrival-title{
background-image:url(images/arrival_title_bg.jpg);
background-repeat:no-repeat;
padding:12px 0 0 5px;
*padding:10px 0 0 5px;
margin:10px 0 0 30px;
height:46px;
width:480px;
color:#B7A04A;
font-family:"Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}

div#arrival-entry{
float:left;
margin:0 0 10px 30px;
_margin:0 0 10px 15px;
width:235px;
line-height:130%;
height:90px;
}

div#item-sale .hontai{
font-size:10px;
text-decoration:line-throught;
}

.hontai-sale{
font-size:10px;
color:#ff0000;
}

.sale{
color:#ff0000;
}

/* FOOTER
------------------------------------------------------------ */
#footer:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}

div#footer{
display:block;
padding:15px 20px 15px 20px;
background-image:url(images/box_bg.jpg);
width: 860px;
clear: both;
color: #fff;
}

div#footer h3{
*text-indent:-9999px;
/*background-image:url(images/footer_navi_title.jpg);*/
*background-repeat:no-repeat;
border-bottom:1px solid #676767; /* 20100505追記 */
margin:0;
padding:0;
height:21px;
}

div#about{
margin-top:10px;
float:left;
width:140px;
height:68px;
font-size:10px;
}

div#about ul{
margin:0;
padding:0;
list-style:none;
}

div#about li{
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:10px;
font-weight:bold;
}

div#support{
margin-top:10px;
float:left;
width:140px;
font-size:10px;
}

div#support ul{
margin:0;
padding:0;
list-style:none;
}

div#support li{
background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:10px;
font-weight:bold;
}


div#access_map{
margin-top:15px;
float:right;
}

div#misc{
margin-top:15px;
margin-right:5px;
float:right;
}

div#l_banner{
margin-top:15px;
margin-right:5px;
float:right;
}

#copyright{
clear:both;
margin-top:10px;
width:860px;
}


/* Google Translate 2010.7.13追記 */
div#:1.targetLanguage{
padding-left:8px;
}


/* SHOP MENU
------------------------------------------------------------ */

div#box-menu{
background-image:url(images/menu_bg.jpg);
margin:10px 0 10px 20px;
_margin:10px 0 10px 10px;
width: 170px;
_width: 149px;
float: left;
border-bottom:solid 4px #000000;
}

div#box-menu h3{
background-color:#660033;
margin:0;
width: 170px;
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-align:center;
}

div#box-menu h4{
background-color:#AA994A;
margin:0;
width: 170px;
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-align:center;
}

#box-menu ul{
list-style:none;
margin:0;
padding:0;
}

#box-menu li{
display:block;
margin:0px;
width:170px;
text-indent:10px;
background-image:url(images/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
color:#CCCC99;
font-size:12px;
}

#box-menu li a{
background-image:url(images/arrow_menu.gif);
background-repeat:no-repeat;
background-position:left center;
display:block;
width:160px;
_width: 149px;
text-decoration:none;
font-size:12px;
padding:2px 10px 2px 10px;
color:#FFF;
text-indent:0;
}

#box-menu li a:hover{
background-color:#333;
width:150px;
color:#FFF;
text-decoration:none;
}

#archives-box{
width:150px;
padding:5px 10px 5px 10px;
font-size:10px;
}

#search-box{
width:150px;
padding:5px 10px 5px 10px;
}

#banner{
clear:both;
padding:0 0 0 20px;
}


/* ITEM LIST
------------------------------------------------------------ */
div#box-item-list{
margin:10px 20px 0 0;
_margin:10px 10px 0 0;
width: 675px;
float: right;
}

div#box-item-list h1{
margin:0;
padding:3px 0 0 4px;
background-image:url(images/content_title_bg.gif);
background-repeat:no-repeat;
color:#fff;
font-size:12px;
letter-spacing: 3px;
height:29px;
}

div#box-archive-list{
margin:10px 20px 0 0;
_margin:10px 10px 0 0;
width: 675px;
float: right;
}

div#box-archive-list h1{
margin:0;
padding:12px 0 0 60px;
background-image:url(images/archive_title_bg.gif);
background-repeat:no-repeat;
color:#fff;
font-size:12px;
letter-spacing: 3px;
height:45px;
}


div#item{
float:left;
margin:5px 8px 20px 10px;
_margin:5px 8px 20px 6px;
width:150px;
height:200px;
*height:210px;
line-height:130%;
}

/* SALE対応 2010/06/02追記 */

div#comments{
margin:5px;
}

div#box-item-list li{
line-height:140%;
list-style:disc outside none;
margin-left:15px;
}

div#item-sale{
float:left;
margin:5px 8px 20px 10px;
_margin:5px 8px 20px 6px;
width:150px;
height:220px;
*height:210px;
line-height:130%;
}

/* ITEM DETAIL
------------------------------------------------------------ */
div#box-item-detail{
margin:10px 20px 0 0;
_margin:10px 10px 0 0;
width: 675px;
float: right;
}

div#box-item-title{
margin:0;
padding:3px 0 0 4px;
background-image:url(images/content_title_bg.gif);
background-repeat:no-repeat;
height:29px;
}

div#box-item-title2{
margin:0;
padding:10px 0 0 60px;
background-image:url(images/archive_title_bg.gif);
background-repeat:repeat-x;
height:45px;
}


div#box-item-title2 h1{
float:left;
color:#fff;
font-size:12px;
letter-spacing: 1px;
height:29px;

}

div#backtolist2{
float:left;
padding-left:20px;
background-image:url(images/backtolist.jpg);
background-repeat:no-repeat;
background-position:left center;
}

div#box-item-title h1{
float:left;
color:#fff;
font-size:12px;
letter-spacing: 1px;
height:29px;
margin:0;
padding:0;
}

div#backtolist{
float:right;
margin-right:5px;
padding-left:15px;
background-image:url(images/backtolist.jpg);
background-repeat:no-repeat;
background-position:left center;
}

div#page{
float:right;
margin-right:25px;
*margin-right:15px;
}

.prev-icon a{
background-image:url(images/backtolist.jpg);
background-repeat:no-repeat;
background-position:left 40%;
padding-left:15px;
}

.next-icon a{
background-image:url(images/nexttolist.jpg);
background-repeat:no-repeat;
background-position:right 40%;
padding-right:15px;
}

div#item-content{
margin: 10px 0 10px 4px;
float:left;
width:446px;
}

div#quickcart{
margin: 10px 4px 10px 0;
float:right;
text-align:center;
background-color:#fff;
}

div#spec{
float:left;
width:446px;
margin:10px 0 5px 0;
}

div#explain{
width:446px
}

div#spec table{
border:solid 1px #888;
border-collapse:collapse;
}

div#spec th{
border:solid 1px #888;
text-align:left;
padding:0 4px 0 4px;
font-weight:100;
width:75px;
}

div#spec td{
border:solid 1px #888;
text-align:left;
padding:0 4px 0 4px;
}

div#entry-content-title{
clear:both;
background-color:#918145;
color:#fff;
width:440px;
border-bottom:solid 2px #000;
margin-top:10px;
padding:2px 2px 2px 6px;
font-size:11px;
}

div#reccomend-entry{
margin-top:10px;
height:75px;
clear:both;
}

div#comment-form{
margin:5px 0 5px 0;
border:solid 1px #AA994A;
padding:5px;
}

div#comment-form table{
clear:both;
border-collapse:collapse;
margin:0;
}

div#comment-form th{
text-align:left;
padding:4px 8px 4px 8px;
font-weight:100;
}

div#comment-form td{
text-align:left;
padding:4px 8px 4px 8px;
}

div#comment-answer{
border:solid 1px #888;
padding:10px;
margin-top:5px;
margin-bottom:5px;
}

div#search-result{
background-color:#000;
margin:5px 0 5px 10px;
padding:10px;
width:638px;
}

/* NEWS INFORMATION
------------------------------------------------------------ */

div#news-box{
margin-top:10px;
background-color:#F0E9DA;
width: 675px;
color:#333;
border-bottom:solid 2px #000;
}

div#box-news-list{
margin:10px 20px 0 0;
_margin:10px 10px 0 0;
width: 675px;
float: right;
}


div#news-box h2{
margin-left:15px;
padding:15px 10px 10px 10px;
border-left:solid 4px #393939;
color:#AA994A;
font-size:14px;
}

div#news-box h3{
margin:5px 15px 5px 15px;
padding-left:6px;
background-color:#AA994A;
border-bottom:solid 2px #000;
color:#FFF;
font-size:11px;
}

div#news-entry{
padding:15px;
}

div#news-entry a{
color:#AA994A;
text-decoration:underline;
}

div#news-info{
clear:both;
color:#AA994A;
margin:10px 0 10px 0;
padding-left:15px;
font-size:10px;
}

div#news-info a{
color:#AA994A;
font-size:10px;
text-decoration:underline;
}

div#news-more{
background-color:#000;
border-top:solid 2px #B7A04A;
color:#FFF;
width:120px;
text-align:center;
margin-left:540px;
font-weight:bold;
}

.category{
color:#FFF;
background-color:#660033;
padding:2px 6px 2px 6px;
font-size:10px;
}

div#re{
margin:5px 15px 5px 15px;
padding:5px;
font-size:10px;
}

div#re a{
color:#333
}

div#re li{
list-style:none;
}

div#tb{
margin:5px 15px 5px 15px;
padding:5px;
font-size:10px
}

div#comment{
margin:5px 15px 5px 15px;
border:solid 1px #AA994A;
padding:0 5px 0 5px;
}

.post{
font-size:10px;
line-height:100%;
color:#CCC;
}

.post2{
font-size:10px;
line-height:100%;
color:#888;
}

div#post a{
color:#999900;
}

div#post table{
clear:both;
border:solid 1px #AA994A;
border-collapse:collapse;
margin:2px 0 15px 16px;
width:644px;
}

div#post th{
text-align:left;
padding:8px;
font-weight:100;
}

div#post td{
text-align:left;
padding:8px;
}

div#post2 a{
color:#999900;
}

div#post2 a:hover{
color:#999900;
text-decoration:underline;
}


div#post2 table{
clear:both;
border:solid 1px #AA994A;
border-collapse:collapse;
margin:15px 0 15px 16px;
width:644px;
}

div#post2 th{
text-align:left;
padding:8px;
font-weight:100;
}

div#post2 td{
text-align:left;
padding:8px;
}

div#search-result-news{
border:solid 1px #B7A04A;
margin-top:5px;
padding:10px;
width: 653px;
}

div#news-entry-more{
padding-left:15px;
}

/* NEWS MENU
------------------------------------------------------------ */

div#news-menu{
background-image:url(images/menu_bg.jpg);
margin:10px 0 10px 20px;
_margin:10px 0 10px 10px;
width: 170px;
_width: 149px;
float: left;
border-bottom:solid 4px #000000;
}

div#news-menu h3{
background-color:#371D04;
margin:0;
width: 170px;
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-align:center;
}

div#news-menu h4{
background-color:#AA994A;
margin:0;
width: 170px;
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-align:center;
}

#news-menu ul{
list-style:none;
margin:0;
padding:0;
}

#news-menu li{
margin:0px;
width:170px;
_width: 149px;
background-image:url(images/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#news-menu li a{
background-image:url(images/arrow_menu.gif);
background-repeat:no-repeat;
background-position:left 10px;
display:block;
width:160px;
_width: 149px;
text-decoration:none;
font-size:12px;
padding:2px 10px 2px 10px;
color:#FFF;
}

#news-menu li a:hover{
background-color:#333;
width:150px;
color:#FFF;
text-decoration:none;
}

ul#recent{
list-style:none;
}


ul#recent li a{
background-image:url(images/recent_menu.gif);
background-repeat:repeat-y;
background-position:left center;
display:block;
font-size:10px;
width:150px;
line-height:120%;
padding-top:5px;
padding-bottom:5px;
}

/* ABOUT
------------------------------------------------------------ */
div#about-box{
background-color:#F0E9DA;
width: 645px;
color:#333;
border-bottom:solid 2px #000;
padding:15px;
}

div#about-title{
margin:0 10px 0 10px;
padding:3px 0 0 4px;
background-image:url(images/content_title_bg.gif);
background-repeat:no-repeat;
color:#B7A04A;
font-size:12px;
height:29px;
}

div#sub-title{
margin:10px;
background-image:url(images/dot.jpg);
background-repeat:repeat-x;
background-position:center;
}

.sub-title{
padding-left:15px;
padding-right:15px;
background-color:#F0E9DA;
color:#B7A04A;
margin-left:15px;
}

div#about-entry{
margin:10px;
background-image:url(images/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:5px;
}

div#about-entry th,td{
padding:4px;
}

div#about-entry ul,ol{
margin-left:20px;
}

div#about-entry strong{
color:#CC9900;
}

div#about-entry a{
color:#CC9900;
text-decoration:underline;
}

div#about-menu{
background-image:url(images/menu_bg.jpg);
margin:10px 0 10px 20px;
_margin:10px 0 10px 10px;
width: 170px;
_width: 149px;
float: left;
border-bottom:solid 4px #000000;
}

div#about-menu h3{
background-color:#B7A04A;
margin:0;
width: 170px;
color:#fff;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-align:center;
}

#about-menu ul{
list-style:none;
margin:0;
padding:0;
}

#about-menu li{
margin:0px;
width:170px;
_width: 149px;
background-image:url(images/dot_line.gif);
background-repeat:repeat-x;
background-position:bottom;
}

#about-menu li a{
background-image:url(images/arrow_menu.gif);
background-repeat:no-repeat;
background-position:left center;
display:block;
width:160px;
_width: 149px;
text-decoration:none;
font-size:12px;
padding:5px 10px 5px 10px;
color:#FFF;
}

#about-menu li a:hover{
background-color:#333;
width:150px;
color:#FFF;
text-decoration:none;
}

/* SUPPORT
------------------------------------------------------------ */
.topic{
padding:2px 15px 2px 15px;
background-color:#818181;
color:#fff;
margin-left:10px;
}

/* 20100508追記 */

div#contract div#img img{
float:left;
margin:0 5px 0 0;
width:300px;
height:225px;
}

div#img-thumb{
float:left;
width:304px;
height:225px;
}

div#contract div#img-thumb img{
float:left;
margin:0 5px 5px 0;
width:147px;
height:110px;
}

div#example{
width:615px;
height:230px;
margin:10px 0 30px 0;
}

div#example .shop-name{
clear:both;
margin-bottom: 15px;
}



/* SITE MAP
------------------------------------------------------------ */
#-box:after {
 content:".";
 height:0;
 clear:both;
 display: block;
 visibility:hidden;
}


div#blog-box{
clear:both;
margin:0;
padding:0;
}

div#cate{
float:left;
margin:0 100px 0 10px;
width:100px;
text-align:center;
font-size:10px;
}

div#sitemap{
float:left;
}

#sitemap ul{
list-style:none;
margin:0;
padding:0;
}

#sitemap li{
margin:2px;
border:solid 1px #CCCCCC;
width:390px;
*width:380px;
}

#sitemap li a{
background-image:url(images/arrow_l.gif);
background-repeat:no-repeat;
background-position:1% 45%;
display:block;
text-decoration:none;
font-size:12px;
padding:5px 10px 5px 15px;
color:#444;
width:365px;
*width:355px;
}

#sitemap li a:hover{
text-decoration:none;
background-color:#CCCCCC;
width:365px;
*width:355px;
}

/*-----------------------------*/
/*      CONTROL OBJECT         */
/*-----------------------------*/

/*--CONTROL HEADER--*/
div#control-header {
position: relative;
background-image:url(images/control_bg.jpg);
background-repeat:no-repeat;
height:25px;
margin-top:10px;
margin-left:20px;
}


/*--SORT CONTROL SORT--*/
div#control-header select#blogplus-sort {
position: absolute;
top: 0;
left: 70px;
width:150px;
}

/*--SORT CONTROL SELECT--*/
div#control-header select#blogplus-select {
position: absolute;
top: 0;
left: 300px;
width:150px;
}

div#page-box{
clear:both;
position:relative;
background-image:url(images/page_bg.jpg);
background-repeat:no-repeat;
margin:10px 0 10px 0;
padding-top:1px;
height:25px;
text-align:center;
}

/*--PAGE CONTROL PREVIOUS PAGE--*/
div#page-box img.blogplus-page-prev {
    position: absolute;
    top: 0;
	left: 200px;
	width: 80px;
	height: 24px;
}

/*--PAGE CONTROL NEXT PAGE--*/
div#page-box img.blogplus-page-next {
	position: absolute;
	top: 0;
	left: 400px;
	width: 80px;
	height: 24px;
}

/*--PAGE CONTROL PAGE NUMBER--*/
div#page-box .blogplus-page-number {
	position: absolute;
	top: 2px;
	left: 300px;
	width: 80px;
}

/*--PAGE CONTROL PAGE LIMIT--*/
div#control-header select.blogplus-page-limit {
position: absolute;
top: 0;
left: 535px;
width: 80px;
}

/*--CONTROL CONTENTS--*/
div#control-contents {
	position: relative;
	margin-left: 1px;
	width: 459px;
}

.yourclass01 {
	float:left;
	margin: 0 10px 10px 0px
	}