/* 文字コード */
@charset "UTF-8";

/* 全体 */
/* safari only \*/  
html:\66irst-child div {  
    margin: 0 0 0 18px;  
}  
html:\66irst-child body {
  font-family:  Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", "メイリオ", "Meiryo", Arial;
  color: #FFFFFF;
  font-size: 120%;
  margin: 0px;
  padding: 0px;
  background: #000000 url(http://sugarshack.jp/top/images/bgbg.jpg) repeat top;
  text-align: center;
  height:100%;
}
body {
  font-family:  Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", "メイリオ", "Meiryo", Arial;
  color: #FFFFFF;
  font-size: 120%;
  margin: 0px;
  padding: 0px;
  background: #000000 url(http://sugarshack.jp/top/images/bgbg.jpg) repeat top;
  text-align: center;
  height:100%;
}
body div {
  text-align: left;
  margin: 0px auto;
}

images {
  margin: 0px;
  padding: 0px;
}

/* リンク指定 */
a {
  overflow: hidden;
}

a images {
  border: 0;
}

a img {
  border-style: none;
}

a:link {
font-family: Helvetica; 
  color: #FFFFFF; text-decoration: underline;
}

a:visited {
font-family: Helvetica;
  color: #FFFFFF; text-decoration: underline;
}

a:hover {
font-family: Helvetica;
  color: #FFFFFF; text-decoration: none;
}
* html div#container{
    height:100%;
}

#container {
  width: 1048px;
  margin:  0px 20px auto 0px 20px auto;
  padding: 0px 0px 20px 0px;
  background: #000000!important;
  min-height: 100%;
}

body > #container {
        height: auto; 

}
/*  url(http://sugarshack.jp/top/images/bg.jpg) repeat-x top;*/
/* ヘッダー */
#header {
  width: 1048px;
  height: 120px;
  background: #000000 top;
  margin-top: 0px;
  padding: 0px;
}/*url(http://sugarshack.jp/top/images/bgh.jpg) repeat-x top*/
#header h1{ 
  text-align: left; 
  width: 308px;
  height: 0px;
  background-color: #000000;
  margin: 0px 0px 0px 28px;
  padding: 28px 0px 0px 0px;

}

/* ナビゲーション */
#navi {  
  float: right;
  margin:  0px;
  padding: 0px;
  width: 500px;
  height: 40px;
  margin-top:-28px;
  margin-right:20px;
  background: #000000;
}

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

#navi li {
  float: left;
  text-indent: -9999px;
}

#navi a {
  text-decoration: none;
  overflow: hidden;
  background: url(http://sugarshack.jp/top/images/navi.gif) no-repeat;
}

#navi1,
#navi1 a  {
  display: block;
  width: 50px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#navi2,
#navi2 a {
  display: block;
  width: 75px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#navi3,
#navi3 a {
  display: block;
  width: 65px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#navi4,
#navi4 a {
  display: block;
  width: 85px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#navi5,
#navi5 a {
  display: block;
  width: 185px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#navi6,
#navi6 a {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0px;
  padding: 0px;
}
#navi1 a { background-position: 0px 0px;}
#navi2 a { background-position: -50px 0px;}
#navi3 a { background-position: -125px 0px;}
#navi4 a { background-position: -190px 0px;}
#navi5 a { background-position: -275px 0px;}
#navi6 a { background-position: -460px 0px;}
#navi1 a:hover { background-position: 0px -40px;}
#navi2 a:hover { background-position: -50px -40px;}
#navi3 a:hover { background-position: -125px -40px;}
#navi4 a:hover { background-position: -190px -40px;}
#navi5 a:hover { background-position: -275px -40px;}
#navi6 a:hover { background-position: -460px -40px;}


#content {
  width: 1048px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  clear: both;
}

#flash{
  margin: 6px 0px 24px 0px;
 background: #000000;
}
/* Left */
#left {
  width: 700px;
  margin: 0px 0px 0px 10px;
  background: #000000;
  padding: 0px;
  float: left;
}
#lefttext{
 text-align: right;
  margin-right: 30px;
 
}


/* Rigth */
#right {
  font-size: 120%;
  width: 300px;
  margin: 0px 10px 0px 0px;
  padding: 0px;
  float: right;
}

/* レポーターブログ一覧 */
#list {
    width: 700px;
    margin: 0px 0px 10px 8px;
    padding: 0px;
    clear: both;
}
#list img{
    width: 150px;
    height: 150px;
    margin: 0px;
    padding: 0px;

}

.listdata {
text-align: center;
float:left;
   background: transparent;
    width: 174px;
    height: 150px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
}
/*imgに枠線をつける*/
.img-waku a img,
.img-waku a {
  
     border: 2px solid #000000;
   overflow: hidden; 
   float: left; 

}
 
.img-waku a:hover {
  border: 2px solid #E70010;

} 
.img-waku a:hover img {
 margin: -2px;
} 


#list2 {
    width: 700px;
    margin: 0px 0px 8px 8px;
    padding: 0px;
   clear: both;
 }
#list2 a {
   font-size: 12px;
}
#list2 img{
    width: 120px;
    height: 120px;
    margin: 5px;
    padding: 0px;

}
.listdata2 {
text-align: center;
float:left;
    background: #F3F3F3;
    width: 132px;
    height: 132px;
    margin: 0px 4px 4px 0px;
    padding: 0px 0px 0px 0px;

}
.img-waku2 a img,
.img-waku2 a {
   width: 130px;
   height: 130px;
     border: 2px solid #000000;
   overflow: hidden; 
   float: left; 

}
 
.img-waku2 a:hover {
 width: 130px;
   height: 130px;
  border: 2px solid #E70010;
} 
.img-waku2 a:hover img {
 margin: -2px;
} 


span.datetext{
 font-size: 65%;
 position:relative;
 bottom: 20px;
 left: 0px;
}


/*RSS */
.rss-box{
background: #666666;
width: 175px;
height: 180px;
overflow: hidden;
position:relative;
margin:-20px 0px 0px 12px; 
}
li.rss-item a{
visibility: hidden;
}
li.rss-item{
white-space: pre;
list-style: none;
font-size: 70%;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
position:relative;
}


#list3 {
    width: 968px;
    margin: 0px 0px 10px 40px;
    padding: 0px;
    clear: both;
}
.listdata3 {
text-align: center;
float:left;
   background: transparent;
    width: 154px;
    height: 150px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
}
/*imgに枠線をつける*/
.img-waku3 a img,
.img-waku3 a {
  
     border: 2px solid #000000;
   overflow: hidden; 
   float: left; 

}
 
.img-waku3 a:hover {
  border: 2px solid #E70010;

} 
.img-waku3 a:hover img {
 margin: 0px;
} 

/*INFO きじ*/
#info{
width: 700px;
background: #000000;
margin: 0px 0px 10px 0px;
padding: 10px 0px 4px 10px;
border: 0px solid #999999;
}
/* url("http://sugarshack.jp/top/images/tableBG1.gif") repeat-x */

ul#info{ margin-left:20px;
list-style: none;
}
#info li{ margin-left:20px;
text-align: center;
text-decoration: none;
}
.info-entry-title{
 font-family: "Helvetica";
    font-size: 100%;
margin: 0px 0px 1px 10px;
}

/*アーティスト記事*/

#artist{
width: 660px;
background: transparent;
margin: 20px 0px 4px 0px;
padding: 10px 6px 4px 10px;
border: 0px solid #999999;
}



#artist table{
width: 260px;

border: 0px solid #999999;
text-align:left;
}

#artist tr{
margin: 0px;
border: 0px solid #999999;
text-align:center;
}

#artist td{
width: 260px;
height: 70px;
margin: 10px 20px;
border: 1px solid #999999;
text-align:center;
}

#midashi table tr td{
width: 260px;
height: 70px;
margin: 10px 20px;
border-style: hidden!important;
text-align:center;
}


/*LINK きじ*/
#link{
width: 960px;
height: 320px;
margin: 0px 0px 10px 50px;
padding: 0px;
clear: both;
}




.linktext{
 font-family: "Helvetica";
    font-size: 75%;
margin: 2px 0px 2px 10px;
}
/*ブログ記事幅*/
#blogset{
width: 1000px;
padding: 0px 20px 0px 20px;
margin: 0px;
}

.blogbody {
color: #F0F0F0;
width: 660px;
background: transparent;
padding: 10px 0px 10px 20px;
margin-bottom: 8px;
}


.blogbody_w {
color: #000000;
width: 660px;
background: #F3F3F3;
padding: 10px 20px 10px 20px;
margin-bottom: 8px;
}


.blogtt h3 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    font-size: 75%;
    line-height: 1.6;
    font-weight: normal;
    vertical-align: middle;
}

.newentry {
    color: #B1CA00;
    margin: 0px;
    padding: 0px;
    font-size: 75%;
    line-height: 1.6;
    vertical-align: middle;
}

ul.entrytt {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.entrytt li {
    margin: 0px;
    padding: 0px;
    font-size: 75%;
    line-height: 1.6;
}
/*記事詳細*/
h1#entry-title { 
 font-family: "Helvetica";
font-size:150%;
margin: 0px 0px 0px 0px;
}

h3#entry-title { 
 font-family: "Helvetica";

margin: 0px 0px 0px 0px;


}


/*カレンダー*/
.box4{
 background: #000000;
 width: 300px; 
 margin: 8px 0px 10px 0px;}

.widget-calendar{
 font-family: Meiryo;
}
.widget-header{
 font-family: "Helvetica";
  color: #666666;
  font-size: 13px;
 text-indent: 35px;
 padding-top: 5px;
}


.widget-calendar table {
width: 75%;
}
.widget-calendar table tr th {
width: 12px;
height: 12px;
border: 0px;
font-size: 12px;
padding: 2px;
}

.widget-calendar table tr td {
width: 12px;
height: 12px;
border: 0px;
font-size: 12px;
padding: 2px;
}

.widget-content {
 margin: 2px 0px 10px 0px;


}




/* 新着NEWS */
.buner{
margin-bottom:0px;
}
.box1{
margin-top: 0px;
 background: #000000;
 width: 300px; 
}
.news {
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-size: 75%;
  line-height: 1.8;
  font-weight: bold;
  text-indent: 20px;
  vertical-align: middle;
  color: #F7931E;
}

ul.sideul {
  margin: 0px;
  padding: 10px;
  list-style: none;
}

.sideul li {
  margin: 0px 0px 10px 0px;
  padding: 0px;
  font-size: 75%;
  line-height: 1.6;
}

/* 携帯サイト */
.box2{
margin-top: 18px;
 background: #000000;
  font-size: 75%;
 width: 300px; 
}
.mobile {
  color: #F7931E;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  font-size: 75%;
  line-height: 1.8;
  font-weight: bold;
  text-indent: 20px;
  vertical-align: middle;
}

.mobile_qr img {
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
}

/*中ページ右コンテンツ*/
.box 3 a{
color: #000000;

}
.box3{
margin: 0px 0px 18px 0px;
 background: #000000;
 width: 300px; 

}
.artist_img{
margin: 10px 50px 0px 50px;
}


/* レポーターブログ用 */
#sidebar {
     width: 300px;
     margin: 10px 20px 0px 0px;
     padding: 0px;
     float: right;
}
#sidebar a{
color: #000000;
}

#blogright {
     width: 700px;
     margin: 30px 0px 0px 20px;
     padding: 0px;
     float: left;
}
.blogindt{
 text-indent:20px;
}

/*ウィジェット*/
.widget-header h3{
text-align: center;

}

/*フッター */
#footer {
  background: #000000;   
  margin: 10px 0px 0px 0ox;
  padding: 10px 0px 10px 10px;
  clear: both;
  border-top: 5px solid #666666;
  potision: relative;
}


#footerin {
  font-size: 75%;
  width: 1000px;
  margin: 0px auto 0px auto;
  padding: 0px;
  text-align: left;
}

ul.ftmenu {
  margin: 0px;
  padding: 0px;
  width: 500px;
  list-style: none;
  float: left;
}

.ftmenu li {
  margin: 0px 0px 10px 10px;
  padding: 0px;
  float: left;
}

.copy {
  margin: 0px;
  padding: 0px;
  float: right;
}

/*leoページ*/

.leo_asset,.leo_asset a{
font-size: 80%;
width: 650px;
background: #FFFFFF;
margin:0px 0px 10px 0px;
padding: 4px 10px 4px 10px;
 }
.leo_asset a:link {
  color: #000000; text-decoration: underline;
}
/* ハック */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}