/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

@font-face {
  font-family: "FuenteTitulo";
  src: url("GreatVictorian-Standard.otf") format('truetype'); 
}

{margin:0;
padding:0;
font-size:100%;
list-style: none;
}
img {border: none;vertical-align:  bottom;}
hr{display:none;}
#img_wel_small {
    background: url("wel_small8.gif")no-repeat 420px bottom;}
#img_wel_top {
    background: url("wel_top1.gif") no-repeat 150px top;}
#corazoncitos {
  background: url("corazoncitos.gif") no-repeat 240px}
#colmillos {
  background: url("fangs.gif") no-repeat 75px bottom;}



a:link{color:#87CEEB; font-weight: bold;}
a:visited{color:#996600; font-weight: bold;}
a:active{color:#D3D3D3;}
a:hover{color:#FFB6C1;}

/*-----------------------------------form*/

input,textarea{
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	color:#CC6600;	
	background-color: #FFFFCC;
	border-bottom: #FF99CC 2px solid;
	border-right: #FF99CC 2px solid;
	border-left: #FF99CC 2px solid;
	border-top: #FF99CC 2px solid;
	padding: 2px;
}

body {background-repeat: repeat;}
    
.sticker-florroja {
  position: absolute;   
  z-index: -1;     
  bottom: -950px;      
  left: 25px;        
  width: 200px;       
  height: auto;
  transform: rotate(0deg);
}

.sticker-gatito2 {
  position: absolute;   
  z-index: -1;     
  top: 110px;      
  left: 228px;        
  width: 150px;       
  height: auto;
  transform: rotate(0deg);
}

.sticker-pintura {
  position: absolute;   
  z-index: -1;     
  top: 100px;      
  right: 300px;        
  width: 150px;       
  height: auto;
  transform: rotate(50deg);
}

.sticker-pay {
  position: absolute;   
  z-index: -1;     
  bottom: 300px;      
  right: 100px;        
  width: 250px;       
  height: auto;
  transform: rotate(0deg);
}

.sticker-pastel {
  position: absolute;   
  z-index: -1;     
  bottom: 10px;      
  right: 5px;        
  width: 250px;       
  height: auto;
  transform: rotate(0deg);
}

.sticker-cosmos1 {
  position: absolute;   
  z-index: -1;     
  bottom: -950px;      
  right: 5px;        
  width: 150px;       
  height: auto;
  transform: rotate(0deg);
}

.sticker-cosmos2 {
  position: absolute;   
  z-index: -1;     
  bottom: -950px;      
  right: 500px;        
  width: 150px;       
  height: auto;
  transform: rotate(0deg);
}

.sticker-florbonita {
  position: absolute;   
  z-index: -1;     
  bottom: -950px;      
  left: 250px;        
  width: 100px;       
  height: auto;
  transform: rotate(0deg);
}

.sticker-tulipan {
  position: absolute;   
  z-index: -1;     
  bottom: -950px;      
  right: 400px;        
  width: 100px;       
  height: auto;
  transform: rotate(0deg);}
  
  .sticker-tulipan2 {
    position: absolute;   
    z-index: -1;     
    bottom: -930px;      
    right: 200px;        
    width: 100px;       
    height: auto;
    transform: rotate(0deg);}
  
  .sticker-hoja2 {
    position: absolute;   
    z-index: -1;     
    bottom: -930px;      
    left: 400px;        
    width: 100px;       
    height: auto;
    transform: rotate(0deg);}
  
  .sticker-hoja5 {
    position: absolute;   
    z-index: -1;     
    bottom: -930px;      
    left: 600px;        
    width: 100px;       
    height: auto;
    transform: rotate(0deg);}
    
    .sticker-pay2 {
      position: absolute;   
      z-index: -1;     
      bottom: 300px;      
      left: 100px;        
      width: 250px;       
      height: auto;
      transform: rotate(15deg);}
    
select{
background-color: #FFFFFF;
color:#996600;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", "Osaka";
padding: 2px;
}
.button{
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	color:#FFFFCC;	
	background-color: #FF99CC;
	border-bottom: #FF99CC 3px double;
	border-right: #FF99CC 3px double;
	border-left: #FF99CC 3px double;
	border-top: #FF99CC 3px double;
	padding: 0;
}
.radio{background: none;border: none;}


fieldset{
	border-top: solid 2px #FF99CC;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
legend{
	padding: 3px 10px;
	text-align: center;
	margin-bottom: 10px;
	border: solid 2px #FF99CC;
	font-weight: bold;
	background: #99CC99;
	color: #FFFF00;
}

form, #index_text{
	margin: 10px 0;
	background: #ffffff;
	padding: 10px 13px;
	border: double 3px #FF99CC;
}

#box_search form{
	margin: 0;
	background: none;
	padding: 0;
	border: none;
}

form p{padding: 10px 0 0;}
form dt{
	float: left;
	width: 60px;
	font-weight: bold;
	padding-top: 3px;
}
form dd{margin-bottom: 5px;}
form dt.dt_width{width: 110px;}
form dt.dt_long{width: 100%;}

#space_none label{margin-right: 3px;}
.space_select select{margin-right: 5px;}
#space_none input{border: none;background: none;}
#form{margin-bottom: 10px;}




/*----------------------------------------------------------------クラス */
.light1{color: #ffffff;}/* white */
.light2{color: #FFFF00;}/* yellow */
.light3{color: #FFCC00;}/* yellow_orange */
.light4{color: #33FF00;}/* green */
.light5{color: #00CCFF;}/* blue */
.light6{color: #00FFFF;}/* sky_blue */

.dark1{color: #FF0033;}/* red */
.dark2{color: #FF6699;}/* pink */
.dark3{color: #9966FF;}/* purple */
.dark4{color: #3366FF;}/* blue */
.dark5{color: #339900;}/* green */
.dark6{color: #FF6600;}/* orange */
.dark7{color: #996600;}/* tya */

.textS{font-size: 10px;}
.textM{font-size: 14px;}
.textL{font-size: 16px;}

.font1{font-weight: bold;}
.font2{font-family : "ＭＳ Ｐゴシック", "Osaka";}
.font3{text-indent:-1.3em;margin-left:1.4em;}
.font4{text-indent: -0.8em;margin-left: 1.4em;}

.WDcenter{text-align: center;}

.text-out{text-indent:-9999px;}
.hidden{position:absolute;
	left:0px;
	top:-500px;
	width:1px; 
	height:1px; 
	overflow:hidden; 
}

	.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.img_frame img{
	border: solid 1px #cccccc;
	background: #ffffff;
	padding: 3px;
}
.diary_data .img_frame img{margin: 5px;}
.img_icon{
	float: left;
	margin: 0 5px 5px 0;
}

.line{background: url("side_line2.gif")repeat-x top;height: 16px;margin: 3px 0 20px;}


/*----------------------------------------------------------------全共通 */

#main{
	width: 800px;
	margin: 0 auto;
	padding-top: 60px;
}


#head_left{
	float: left;
	width: 187px;
	height: 189px;
	background: url("marcogato.png");
	background-size: 100% 100%;
	background-repeat: no-repeat;}
#head_right{float: left;width: 613px;}
#bottom{height: 57px;margin-top: -15px;}
#bottom {
    background: url("bg_bottom5.gif") repeat-x bottom;}

#area_contents{position: relative;}
#navigation{float: left;width: 180px;}
#information{float: right;width: 180px;}
#logs{float: left;width: 420px;margin: 0 10px;}

#right_top_left{float: left;width: 350px;}
#right_top_rigth{float: right;}

#area_button{}
#area_button a{display: block;width: 65px;height: 42px;}
#area_button li{float: right;margin-left: 5px;}
#bt_rss{background: url(../images/bt_rss.gif) no-repeat;}
#bt_back{background: url(../images/bt_back.gif) no-repeat;}
#bt_master{background: url(../images/bt_master.gif) no-repeat;}

#img_ani_small{background: url("ani-devilegg1.gif") no-repeat 290px bottom;height: 147px;}

#blog_cm{background: url("papel.png") no-repeat center; background-size: contain; width: 145px; height: 50px; margin: 0 auto;
  display: flex;
  align-items: center; justify-content: center; font-weight: bold;}

#page li{display: inline;margin-right: 10px;}
#navi ul{text-align: right;}
#navi li{display: inline;margin-left: 2px;}

#copy{
	padding: 33px 0 25px 0;
	text-align: center;
	background: url("line_bottom.gif") repeat-x top #ffffff;
}

/*----------------------------------------------------------------body */

body{
	font-size :12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#996600;
	line-height: 16px;
	background-color: #E5D8DD !important;
}

html,body{height:100%;}
div#container{
	position:relative;
	min-height: 100%;
}
#container {
    background: url("encaje.png");background-repeat: repeat-x}
*html div#container{height:100%;}
div#area_main{padding-bottom: 15em;}
div#footer{
	position:absolute;
	bottom:0;
	width:100%;
}


/*----------------------------------------------------------------h1 */

h1 a{display: block;background: url(../images/h1_3.gif) no-repeat;height: 189px;}



/*----------------------------------------------------------------h2 */

h2{
	background: url("list4.gif") no-repeat 2px 2px #E0FFFF;
	color: #FF69B4;
	border-bottom: double 3px #FF99CC;
	border-top: double 3px #FF99CC;
	padding: 3px 0 0 35px;
	height: 18px;
}

/*----------------------見出し */

.bg_link{
background: url(../images/tb_4.gif) repeat-x #ffffff bottom;
text-align: center;
padding: 5px 5px 17px;
margin: 0 0 10px;
}

/*----------------------------------------------------------------h3 */

h3{
	font-size: 14px;
	color: #FF6699;
	border-left: 5px solid #FF6699;
	padding-left: 5px;
	margin: 5px 0;
}
.tl_h3 h3{text-align: center;border: none;padding: 0;margin: 0;}
h3.bg_link{border: none;}


.tl_h3{
	background: url("side_line1.gif")repeat-x bottom;
	font-family: "ＤＦＰまるもじ体","HG丸ｺﾞｼｯｸM-PRO", Arial, Helvetica, sans-serif;
	letter-spacing: -2px;
	padding-bottom: 20px;
}

.h3_left{
	background: url("mariposita2.png")no-repeat;
	margin-top: -30px;
	position: absolute; background-size: contain;}
.h3_right{
	background: url("mariposita2.png")no-repeat right;
	height: 40px;
	width: 150px; background-size: contain;}



/*----------------------------------------------------------------h4 */


.title_waku h4{
	text-align: center;
	line-height: 18px;
	font-family: "ＤＦＰまるもじ体","HG丸ｺﾞｼｯｸM-PRO", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FF6699;
	padding: 35px 40px 0;
}



/*----------------------------------------------------------------BOX SIDE */


.box_side{}
.side_head div, .side_bottom div{float: left;}
.side_head div{height: 24px;}
.side_bottom div{height: 17px;}
.kado_1, .kado_3{width: 17px;}
.kado_2, .kado_4{width: 18px;}

.kado_1{background: url("kado1.gif")no-repeat;}
.kado_2{background: url("kado2.gif")no-repeat;}
.kado_3{background: url("kado3.gif")no-repeat;}
.kado_4{background: url("kado4.gif")no-repeat;}
.tb_1{background: url("tb_1.gif")repeat-x;width: 145px;}
.tb_4{background: url("tb_4.gif")repeat-x;width: 145px;}
.side_main{background: url("tb_2.gif")repeat-y;}
.side_stage{background: url("tb_3.gif")repeat-y right;padding: 0 15px 0;}

.side_data{background: #ffffff;padding-bottom: 5px;}
.side_ribon{
	background: url("maripositas.png")no-repeat center;
	background-size: contain;
	height: 50px;
	width: 180px;
	margin-top: -42px;
	position: absolute;
}



/*----------------------------------------------------------------サイド 中身 */


.side_nakami{padding: 5px 0;}
.side_nakami .dl_type1 dt{
	background: url("list1.gif")no-repeat left 1px;
	padding: 5px 0 0 19px;
}
.side_nakami .dl_type1 dd{
	background: url("list2.gif")no-repeat;
	padding: 5px 0 0 16px;
	margin-left: 19px;
}
.side_nakami .dl_type2 dt{
	margin: 3px 0 2px 0;
}
.side_nakami .dl_type2 dd{
	text-align: right;
	padding-bottom: 10px;
	background: url("side_line3.gif")repeat-x bottom;
}
.side_nakami .dl_type2 dd.line_none{background: none;padding-bottom: 0;}

.ul_list li{
	background: url(../images/side_line4.gif) repeat-x bottom;
	padding-bottom: 9px;
}
#box_mini .ul_list li{padding-bottom: 14px;margin-bottom: 8px;}
.ul_list li span{
	display: block;
	background: url(../images/list3.gif) no-repeat;
	padding: 0 0 0 19px;
	height: 16px;
}

.box_prof dt{text-align: center;}
a:link {
    color: #87CEEB;
    text-decoration: underline;}
.img_frame img {
    border: solid 1px #cccccc;
    background: #ffffff;
    padding: 3px;}
.box_prof dd{
	background: url("prof_name.gif") no-repeat center;
	height: 58px;
	margin-left: 0px; text-align: center;display: flex;align-items: center;justify-content: center;}
#name_left {
    display: inline-block; line-height: normal; margin: 0; padding: 0;}
.box_prof dd span{
	display: block;
	width: 110px;
	padding: 23px 0 0 0;
	margin: 0 0 0 18px;
	text-align: center;
	font-weight: bold;
}



/*----------------------------------------------------------------BOX DIARY */

.box_diary{margin-bottom: 15px;}

.diary_main{background: url("diary_line1.gif") repeat-y left; margin-top: 2px;}
.diary_stage{background: url("diary_line1.gif") repeat-y right;padding: 20px 3px 0;}

.diary_data{background: #ffffff;padding: 65px 10px 10px;}
.diary_bottom{background: url("diary_bottom.gif")repeat-x;height: 42px;margin-top: -5px;}

.diary_head{
	background: url("diary_head.gif")repeat-x top;
	height: 33px;
	margin: 0 3px 50px;
	position: absolute;
	width: 414px;
}
.diary_head_line{
	background: url("diary_head_line.gif")repeat-x top;
	height: 41px;
	position: absolute;
	width: 414px;
	margin: 23px 0 0 3px;
}
.title_waku{
	background: url("h4_left.gif")no-repeat left;
	position: absolute;
	width: 400px;
	margin: 10px 10px 0;
}
.tl_diary{
	background: url("h4_right.gif")no-repeat right;
	height: 72px;
}
.diary_comment{display: block;line-height: 18px;letter-spacing: 1px;margin: 10px 0 15px;}
.diary_navi{
	background: url("diary_line2.gif")repeat-x;
	padding: 20px 0 0;
	font-size: 9px;
}
.diary_day{
	padding-bottom: 2px;
	margin-bottom: 2px;
	padding-bottom: 8px;
	text-align: right;
	background: url("side_line4.gif")repeat-x bottom;
}
.diary_link li{float: right;}

/*----------------------------------------------------------------ミニ画像 */

#mini_img{}
#mini_img li{margin: 0 0 4px 4px;float: left;}

/*----------------------------------------------------------------記事一覧*/

.text li{
background: url(../images/list5.gif) no-repeat #FFF0F5 3px 5px;
padding: 5px 3px 5px 33px;
border-bottom: 1px solid #FF99CC;
border-top: 1px solid #FF99CC;
margin-bottom: 5px;
}

/*----------------------------------------------------------------カレンダー */

#calender table{margin: 0 auto;}
#calender td{padding: 2px;text-align: center;border: 1px solid #ffcccc;width: 15px;}
#calender th{font-weight: normal;padding-bottom: 3px;}
#calender_navi{border-top: dotted 3px #FF69B4;border-bottom: dotted 3px #FF69B4;padding: 2px 0;}
#calender td.week_back{background: #CC9933;color: #ffffff;}
#calender td#week_sun{background: #FF6699;color: #ffffff;}
#calender td#week_sat{background: #66CCFF;color: #ffffff;}

#calender td a{
display: block;
background: url(../images/month_write.gif) no-repeat center;
}
#calender .day{color: #663300;}
#calender .satday{color: #3399FF;}
#calender .sunday{color: #FF3399;}
#calender .today{background: #FFFF00;}

#calender td a:link{text-decoration:none;font-weight: bold;}
#calender td a:visited{text-decoration:none;font-weight: bold;}
#calender td a:active{text-decoration:none;}
#calender td a:hover{text-decoration:none;}

#bt_back_month{float: left;}
#bt_next_month{float: right;}
#on_month{font-weight: bold;}


/*-----------------------------------コメント一覧 */

.cm_list{margin-bottom: 10px;}
.cm_list dt{
padding: 2px 5px;
background: #FEDCF1;
border-bottom: 1px solid #FF99CC;
}
.cm_list dd{
padding: 11px;
background: #FFFFCC;
border-bottom: 1px solid #FF99CC;
line-height: 18px;letter-spacing: 1px;
}

/*-----------------------------------コメントレス */

.comment, #trackback dl{
border: 1px solid #FF99CC;
background: #ffffff;
margin: 10px 0;
padding: 2px;
}
.name{color: #CC33FF;}
.comment h3, #trackback dt{background: #FEDCF1;padding: 5px;font-weight: normal;}
.comment h3{font-size: 12px;border: none;margin: 0;}
.comment .text, #trackback .tra_text{padding: 10px;line-height: 20px;letter-spacing: 1px;}

/*----------------------------------------------------------------トラックバック一覧とトラックバック */

.cm_track{margin-bottom: 10px;}
.cm_track li{background: #ffffff;border-bottom: 1px solid #FF99CC;padding: 2px;}
.cm_track li span{display: block;text-align: right;}

.tra_name{padding: 3px 3px 0;}
.tra_data{text-align: right;padding: 3px;border-top: dashed 1px #FF99CC;}

dl#track_main{margin: 10px 0;}

/*----------------------------------------------------------------管理ページ */

#work{float: left;width: 200px;}
#admin{float: left;margin: 0 0 0 10px;width: 590px;}

dl.menu{
border-top: double 3px #FF99CC;
border-left: double 3px #FF99CC;
border-right: double 3px #FF99CC;
margin: 10px 0;
}
.menu dt{
padding: 3px;
background: #FEDCF1;
border-bottom: double 3px #FF99CC;
font-weight: bold;
}
.menu dd{padding: 3px;background: #ffffff;border-bottom: double 3px #FF99CC;}

.dl_type3 dt{
float: left;
width: 120px;
text-align: right;
padding: 1px 3px;
border-right: solid 1px #CC6699;
border-bottom: solid 1px #CC6699;
margin-bottom: 3px;
margin-right: 4px;
background: #DDA0DD;
color: #FFFF00;
font-weight: bold;
}

.dl_type3 dd{margin-bottom: 6px;}

table.table_list{margin: 5px 0 10px;}
.table_list td, .table_list th{border: 1px solid #FF99CC;}
.table_list th{background: #FEDCF1;color: #FF6699;}
.table_list td{background: #ffffff;}
#table_padding.table_list td{padding: 5px;text-align: center;}

/*----------------------------------------------------------------PROFILE */

#tb_profile{margin-top: -25px;}
#prof1{background: url("prof1.gif")no-repeat;margin-top: -5px;}
#prof3{background: url(../images/prof3.gif) no-repeat right;}
#prof2{background: url(../images/prof2.gif) repeat-x;height: 24px;margin: 0 24px;}
#prof6{background: url(../images/prof6.gif) no-repeat;}
#prof8{background: url(../images/prof8.gif) no-repeat right;}
#prof7{background: url(../images/prof7.gif) repeat-x;height: 24px;margin: 0 24px;}
#prof4{background: url(../images/prof4.gif) repeat-y;}
#prof5{background: url(../images/prof5.gif) repeat-y right;}
#prof_data{background: #ffffff;margin: 0 24px;}

#prof_heart{padding: 0 50px;}
#heart_left{background: url(../images/ic_heart.gif) no-repeat;}
#heart_right{background: url(../images/ic_heart.gif) no-repeat right;height: 24px;}