/* Enter Your Custom CSS Here */

.hoge {
 color:#FF0000; 
}

/*** マーカー ***/

.marker01-green {
  background: linear-gradient(transparent 70%, #66FFCC 70%);
}

.marker01-blue {
  background: linear-gradient(transparent 70%, #99FFFF 70%);
}

.marker01-yellow {
  background: linear-gradient(transparent 70%, #FFFF66 70%);
}

.marker01-pink {
  background: linear-gradient(transparent 70%, #FF99CC 70%);
}



/*** BOX ***/

.box3 {
	/*position:relative;*/
	/*background: #f5f5f5;*/
	border: 1px solid #dddddd; 
	margin-bottom: 20px; 
	padding: 20px;
	/*padding-left:60px;*/
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
  	line-height: 25px;
}

.box3 p {
 	margin-bottom: 0px;
}

/** ボーダーカラー **/

.box3.gray01,
.box3.color01 {
  	/* デフォルトと同じ */
 	border: 1px solid #dddddd;
}

.box3.gray02 {
 	border: 1px solid #efefef;
}

.box3.red01 {
 	border: 1px solid #eba1a1; 
  	color: #666666;
}

.box3.yellow01 {
 	border: 1px solid #ebebb7;
}

.box3.yellow02 {
 	border: 1px solid #f6f0c7;
}

.box3.green01 {
 	border: 1px solid #c9ebb7;
}

.box3.green02 {
 	border: 1px solid #8CBF72;
}

.box3.pink01 {
 	border: 1px solid #ffcccc;
}

.box3.blue01 {
 	border: 1px solid #aedefc;
}

.box3.skyblue01 {
 	border: 1px solid #bff2ea;
}

/** 背景色 **/

.box3.bg-color01 {
	background-color: #ffffff;
}

.box3.bg-gray01 {
	background-color: #f5f5f5;
}

.box3.bg-gray02 {
	background-color: #fbfbfb;
}

.box3.bg-red01 {
	background-color: #ffd3d3; 	 
}

.box3.bg-yellow01 {
	background-color: #ffffc7; 	 
}

.box3.bg-yellow02 {
	background-color: #fdfbf0; 	 
}

.box3.bg-green01 {
	background-color: #daffc7; 	 
}

.box3.bg-pink01 {
	background-color: #fdf0f0; 	 
}

.box3.bg-blue01 {
	background-color: #c9eaff; 	 
}

.box3.bg-skyblue01 {
	background-color: #eafffc; 	 
}

/** 画像大挿入 **/

.box3.male01,
.box3.male02,
.box3.male03,
.box3.female01,
.box3.female02,
.box3.female03 {
  	padding-left:100px;
	background-repeat: no-repeat;
	background-position: 15px 20px;
  	background-size: 70px auto;
}

.box3.male01 {
	background-image: url(/wp-content/uploads/2015/07/user1.png);
}

.box3.male02 {
	background-image: url(/wp-content/uploads/2015/07/male002.gif);
}

.box3.female01 {
	background-image: url(/wp-content/uploads/2015/07/user2.png);
}

.box3.female02 {
	background-image: url(/wp-content/uploads/2015/07/female003.gif);
}

.box3.female03 {
	background-image: url(/wp-content/uploads/2015/07/female002.gif);
}

/** 画像小挿入 **/

.box3.warning01,
.box3.check01,
.box3.error01,
.box3.block01,
.box3.help01,
.box3.pin01,
.box3.star01,
.box3.heart01,
.box3.info01,
.box3.msg01 {
  	padding-left:60px;
  	background-repeat: no-repeat;
	background-position: 15px 15px;
  	background-size: 32px 32px;
}

.box3.warning01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_warning.png);
}

.box3.check01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_success.png);
}

.box3.error01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_error.png);
}

.box3.block01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_block.png);
}

.box3.help01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_help.png);
}

.box3.pin01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_pinned.png);
}

.box3.star01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_star.png);
}

.box3.heart01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_heart.png);
}

.box3.info01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_info.png);
}

.box3.msg01 {
	background-image: url(/wp-content/themes/confidence/images/icons/icon_message.png);
}

/** 角丸 **/

.box3.corner01 {
  	/* デフォルトと同じ */
}

.box3.corner02 {
  	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; 
}

.box3.corner03 {
  	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px; 
}




/*** よく読まれている記事 ***/

.pop-posts {
	overflow: hidden; /*floatの解除*/
  	position: relative; /*DWで正常にプレビューできるようになります。*/
  	zoom:1; /*IE6でレイアウト崩れを防ぐ。*/
  	border-top: 1px solid #CCCCCC;
  	border-left: 1px solid #CCCCCC;
  	border-right: 1px solid #CCCCCC;
}

.pop-posts .pop-post {
	clear: both;
  	padding: 10px 10px 25px 10px;
  	border-bottom: 1px solid #CCCCCC;
}

.pop-posts .pop-post .pop-title {
	font-weight: bold;
  	font-size: 1.1em;
  	margin: -15px 0px 10px 0px;
}
  
.pop-posts .pop-post img {
  	float: left;
  	border: 1px solid #CCCCCC;
  	padding: 1px;
  	margin: 0px 15px 15px 0px;
}

.pop-posts .pop-post p {
	margin-bottom: 0px;
  color: #FF0000 !important;
}
  



/*** ランキング ***/

.ranking01,
.ranking02,
.ranking03 {
	overflow: hidden; /*floatの解除*/
  	position: relative; /*DWで正常にプレビューできるようになります。*/
  	zoom:1; /*IE6でレイアウト崩れを防ぐ。*/
}

.ranking01 .rank1,
.ranking01 .rank2,
.ranking01 .rank3,
.ranking01 .rank4,
.ranking01 .rank5,
.ranking02 .rank1,
.ranking02 .rank2,
.ranking02 .rank3,
.ranking02 .rank4,
.ranking02 .rank5,
.ranking03 .rank1,
.ranking03 .rank2,
.ranking03 .rank3,
.ranking03 .rank4,
.ranking03 .rank5  {
  	border: 1px solid #CCCCCC;
  	padding: 10px 15px 15px 15px;
  	margin-bottom: 20px;
  	clear: both;
  	overflow: hidden; /*floatの解除*/
  	position: relative; /*DWで正常にプレビューできるようになります。*/
  	zoom:1; /*IE6でレイアウト崩れを防ぐ。*/
  	line-height: 175%;
}

/*
.ranking01 .rank-title {
	font-weight: bold;
  	font-size: 1.15em;
  	padding-top: 3px;
  	padding-left: 35px;
  	height: 25px;
    background-repeat: no-repeat;
    background-position: left top;
}
*/

.ranking01 .rank-title,
.ranking02 .rank-title,
.ranking03 .rank-title {
	font-weight: bold;
  	font-size: 1.3em;
  	padding-top: 3px;
  	padding-left: 65px;
  	height: 60px;
    background-repeat: no-repeat;
    background-position: left top;
  	display: table-cell;
  	vertical-align: middle;
}
.ranking02 .rank-title,
.ranking03 .rank-title {
  	font-size: 1.4em;
 	padding-top: 4px;
  	padding-left: 80px;
  	height: 75px;
}

.ranking01 .rank1 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank4_1_60.gif");
}
.ranking01 .rank2 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank4_2_60.gif");
}
.ranking01 .rank3 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank4_3_60.gif");
}
.ranking01 .rank4 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank4_4_60.gif");
}
.ranking01 .rank5 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank4_5_60.gif");
}
.ranking02 .rank1 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank5_1_76.jpg");
}
.ranking02 .rank2 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank5_2_76.jpg");
}
.ranking02 .rank3 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank5_3_76.jpg");
}
.ranking02 .rank4 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank5_4_76.jpg");
}
.ranking02 .rank5 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank5_5_76.jpg");
}
.ranking03 .rank1 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank6_1_76.jpg");
}
.ranking03 .rank2 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank6_2_76.jpg");
}
.ranking03 .rank3 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank6_3_76.jpg");
}
.ranking03 .rank4 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank4_4_60.gif");
}
.ranking03 .rank5 .rank-title {
 	background-image: url("/wp-content/uploads/2015/07/rank4_5_60.gif");
}

.ranking01 .rank-desc,
.ranking02 .rank-desc,
.ranking03 .rank-desc {
  	padding-top: 10px;
}

.ranking01 .rank-desc p, 
.ranking02 .rank-desc p, 
.ranking03 .rank-desc p {
	line-height: 175%;
}

.ranking01 .rank-desc img,
.ranking02 .rank-desc img,
.ranking03 .rank-desc img {
	width: 210px;
  	/*border: 1px solid #CCCCCC;*/
  	padding: 1px;
  	float: left;
  	margin: 0px 15px 15px 0px;
}