body{margin:0; padding:0; color:#666666; }
img{border:0;}

/*---link---*/
a{color:#666666; text-decoration:underline; }
a:hover{color:#666666; text-decoration:none; }
a:visited{color:#666666; text-decoration:underline; }
a:active{color:#666666; text-decoration:underline; }


/*---id---*/
#container{width:100%;}
#header{width:1000px; margin:0; padding:0; }
#content{clear:both; margin-top:0px; padding-top:20px; background-image: url("http://static.feed.mikle.com/images/bn_headerbk.gif"); background-repeat:repeat-x; }
#main{margin:0 0 0 2px;padding:0 0 0 2px; }
#feed_sample{width:100%; height:100%; margin-bottom:10px; padding-bottom:10px; padding:5px; background-color:#EFEFEF; border:1px dotted #CCCCCC; }
#left{margin:0 5px 0 0; padding:0 5px 3px 2px; width:200px; }
#footer{clear:both; width:1000px; margin-top:10px; padding-top:10px; padding-bottom: 10px; line-height: 90%; border-top:1px solid #CCCCCC; font-size:12px; }


/*---image (CSS sprite)---*/
.img_marge{display:block; background: url("http://static.feed.mikle.com/images/backgroundimg.gif") no-repeat top left; }

/*---ヘッダ---*/
#header .headerright{float:left; }
#header h1{margin:0; padding:0; text-indent:-9999px; float:left; }
#header .headerlogo{background-position: 0 0; width:287px; height:80px; }
/*Only For Japanese Version*/
#header .descriptionsja{margin:3px 0 0 0; padding:3px 0 0 0; float:left; font-size:12px; line-height:125%; font-weight:bold; }
#header .descriptionsja ul{margin:5px 0 2px 3px; padding:5px 0 2px 3px; }
#header .descriptionsja li{margin:0; padding:0; font-size:11px; list-style-type:none; display:inline; }
/*For Other Languages*/
#header .descriptions{margin:15px 0 0 10px; padding:15px 0 0 10px; width:350px; float:left; font-size:12px; line-height:125%; }
#header .descriptions p{margin:0; padding:0; font-size:12px; line-height:125%; }
#header .descriptions ul{margin:2px 0 2px 0; padding:2px 0 2px 0; }
#header .descriptions li{margin:0; padding:0; font-size:11px; list-style-type:none; display:inline; }
#header .stats{color:#99CC00; font-weight:bold; font-size:12px; }
#header .socialbookmark{float:right; margin:0px 5px 0 0; padding:0px 5px 0 0; float:right; vertical-align:baseline; }
#header .socialbookmark ul{margin:0; padding:0; vertical-align:baseline; }
#header .socialbookmark li{font-size:11px; display:inline; }
#header .feedwindlinkheader{background-position: 0 -243px; width:200px; height:32px; float:left; }
#header .linktoenglish{margin:0 0 3px 0; padding:0 0 3px 0; font-size:11px; }



/*---メインフレーム---*/
#main p{font-size:12px; line-height:125%; }
#main .procedure{background-position: 0 -107px; width:748px; height:116px; }

/*Sample*/
#feed_sample .midashi{margin:10px 0 10px 5px; padding:0 10px 10px 5px; font-size:14px; color:#666666; font-weight:bold; }
#feed_sample .feed_content{margin:0 0 0 12px; padding:0 0 0 12px; float:left;}
#feed_sample p{margin:0 0 5px 0;padding:0 0 5px 0; font-size:12px; color:#666666; }
#feed_sample .img_marge{display:block; background: url("http://static.feed.mikle.com/images/backgroundimg.gif") no-repeat top left; }
#feed_sample .youtube_sample{background-position: 0 -1000px; width:200px; height:365px; }
#feed_sample .flickr_sample{background-position: -245px -1000px; width:275px; height:355px; }
#feed_sample .fotolog_sample{background-position: -575px -1000px; width:185px; height:355px; }
/*Cookie*/
.cookie{margin:5px 0 0 0; padding:5px 10px; width:400px; font-size:12px; border:1px dashed #CCCCCC; background-color:efefef;}
.cookie_save{}
.cookie_restore{margin:0 0 0 5px; padding:0 0 0 5px; }
.cookie_description{margin:0 3px 0 2px; padding:0 3px 0 2px; font-size:10px; }
/*Terms of Service*/
#main ul{}
#main li{margin:5px 0 0 10px; padding:0; font-size:12px; list-style-type:square; list-style-position:outside; line-height:125%; }


/*---左サイドバー---*/
#left .feed_ranking{width:200px; margin:0 0 5px 0; padding:5x 0 5px 0; border:1px solid #CCCCCC; }
#left strong{margin:5px 3px 3px 3px; padding:3px; font-size:14px; font-weight:bold; border-left:3px solid #0099FF; }
#left ul{margin:3px 0 0 5px; padding:3px 0 0 5px; border-bottom:1px dotted #CCCCCC; }
#left li{list-style-position:outside; list-style-type:none; margin-bottom:3px; padding-bottom:3px; font-size:14px; }
#left .feed_title{font-size:14px; font-weight:normal; list-style-position:outside; list-style-type:none; }
#left .feed_btn{text-align:left; list-style-position:outside; list-style-type:none; }
#left .feedwindpanel{background-position: 0 -475px; width:200px; height:429px; margin:0; padding:0; }
#left .youtube{background-position: 0 -335px; width:200px; height:32px; }
#left .podcasting{background-position: 0 -290px; width:200px; height:32px; }
#left .ameba{background-position: 0 -425px; width:200px; height:32px; }
#left .feedwindlink{background-position: 0 -243px; width:200px; height:32px; }
#left .google_translation_gadget{width:200px; margin:0 0 5px 0; padding:5x 0 5px 0; border:1px solid #CCCCCC; }

/*---footer---*/
#footer ul.info{margin: 5px 0 0 0; padding: 5px 0 0 0; text-align:center; }
#footer ul.service{margin: 5px 0 0 0; padding: 5px 0 0 0; text-align:center; }
#footer li{display: inline; padding-right: 5px; }
#footer .credit{text-align:center; margin-top:10px; padding-top:10px;}


/*---clearfix---*/
.clearfix:after {content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix {min-height: 1px; }
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*################################*/
/*#########setting##########*/
/*################################*/
.form{}
.preview{margin:0 0 0 10px; padding:0 0 0 10px; }
.rssurl{margin:0 0 5px 0; padding:0 0 5px 0; }

#data_container{width:100%; }
#data_setting{width:325px; }
#data_preview{margin-left:180px; padding-left:180px; width:auto; }

/*---フォントサイズ---*/
.font08{font-size:8px; font-weight:normal; }
.font10{font-size:10px; font-weight:normal; }
.font12{font-size:12px; font-weight:normal; }
.font14{font-size:14px; font-weight:normal; }

/*---大枠---*/
.setting_top{margin:0 0 5px 0; padding:0 0 5px 0; width:320px; }
.setting{margin:0 0 5px 0; padding:0 0 5px 0; width:320px; border:1px solid #CCCCCC; }

/*---基本設定枠---*/
.basic{margin:5px 3px 0 3px; padding:5px 3px 0 3px; }
.detail{margin:2px 3px 0 3px; padding:2px 3px 0 3px; border-top:1px dotted #CCCCCC; }

/*---見出し設定---*/
h3{margin:0; padding:2px 0 0 2px; font-size:16px; color:#FFFFFF; }
.midashiname{background-position: 0 -923px; width:320px; height:25px;}


/*---項目画像---*/
.komoku{margin:2px 0 0 0; padding:2px 0 0 0; font-size:14px; font-weight:bold; }
.width{vertical-align:bottom; }
.height{vertical-align:bottom; }
.scroll{vertical-align:bottom; }
.link{vertical-align:bottom; }
.wakusen{vertical-align:bottom; }
.customcss{vertical-align:bottom; }
.titlehyoji{vertical-align:bottom; }
.backgroundcolor{vertical-align:bottom; }
.fontsize{vertical-align:bottom; }
.fontcolor{vertical-align:bottom; }
.hyojikensu{vertical-align:bottom; }
.separatorline{vertical-align:bottom; }
.honbunhyoji{vertical-align:bottom; }
.mojisu{vertical-align:bottom; }
.moji{vertical-align:bottom; }
.pixel{vertical-align:bottom; }

/*---項目設定---*/
.open_detail{text-align:right; }
.close_detail{text-align:right; }

/*---アイコン設定---*/
.podcast_icon {background-position: 0 -965px; width:50px; height:22px; padding-top:10px; margin:0 0 20px 0; }
.player_icon {background-position: -63px -965px; width:21px; height:16px; padding-top:10px; margin:0 0 10px 0; }

/*---アラート---*/
.alert{font-weight:bold; color:#FF0000; font-size:12px; }

/*---アコーディオン---*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	text-align:right;
	font-size:10px;
	text-decoration:underline;
	margin:3px 3px 1px 0;
	padding:3px 3px 1px 0;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:320px;
	border-top:1px dotted #CCCCCC;
	margin:0;
	padding:3px 3px 0 3px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}






/*################################*/
/*########colorPicker#######*/
/*################################*/

/* Styles for ColorPicker popUp */

#colorpicker {
  position: absolute;
  width: 145px;
  height: 135px;
  overflow: hidden;
  background: #F9F9F9;
  border: 2px #C0C0C0 outset;
  z-index: 1000;
}

#colorpicker-hue-container {
    position: absolute; 
    top: 4px;
    left: 120px; 
    width: 18px;
    height: 110px; 
}

#colorpicker-hue-bg-img {
    width: 100%; 
    height: 100%; 
}

#colorpicker-hue-slider {
    position: absolute; 
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%; 
}

#colorpicker-hue-thumb { 
    position: absolute; 
    top: 0;
    left: 0;
    width: 18px; 
    height: 18px; 
    z-index: 1009;
    cursor: default;
}

#colorpicker-bar {
  text-align: right;
  padding-right: 10px;
}

#colorpicker-close {
  cursor: pointer;
  color: blue;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  font-weight: bold;
}

#colorpicker-div {
  position: absolute; 
  top: 8px;
  left: 8px; 
  width: 100px;
  height: 100px; 
  border: 1px solid #666;
}

#colorpicker-bg,
#colorpicker-bg-overlay { 
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden;
}
#colorpicker-selector { 
  position: absolute; 
  top: 0px;
  left: 0px;
  width: 11px; 
  height: 11px; 
  z-index: 1009;
  margin-top: -6px;
  margin-left: -6px;
  cursor: default;
}
#colorpicker-selector img {
  position: absolute;
  left: 0;
  top: 0;
}
#colorpicker-footer {
  position: absolute; 
  top: 114px;
  left: 10px; 
  width: 127px;
}

#colorpicker-value {
  float: left;
}

#colorpicker-value,
#colorpicker-value-input {
  font-size: 9px !important;
  font-family: Helvetica, Verdana, Sans-Serif;
  height: 10px;
}

#colorpicker-value-input {
  width: 40px;
}
#colorpicker-okbutton {
  width: 30px;
  text-align: center;
  float: right;
  padding: 0px;
  background: #3366FF;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  border: 1px solid #666666;
  color: #ffffff;
}

#colorpicker-cancelbutton {
  margin-right: 4px;
  width: 40px;
  text-align: center;
  float: right;
  padding: 0px;
  background: #676767;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  border: 1px solid #666666;
  color: #ffffff;
}




