/* CSS Document */

/*--------------------テキスト縦中央揃え記述例--------------------/*
<div class="outer">  
    <div class="vertical_middle">  
        <p class="inner">テキスト</p>  
    </div>  
</div>  
http://scuderia-web.com/tips/xhtml_css/div_vertical_align.php
/*----------------------------------------------------------------*/

div.outer {  
    display: table;           
    height: 100px;  
    width: 100%;              
    background: #E3F2DA;  
    color: #5C5C5C;  
}  
    * html div.outer {  
        position: relative;   
    }  
    *+html div.outer {  
        position: relative;   
    }  
div.vertical_middle {  
    display: table-cell;      
    vertical-align: middle;   
}  
    * html div.vertical_middle {  
        position: absolute;   
        top: 50%;             
    }  
    *+html div.vertical_middle {  
        position: absolute;   
        top: 50%;             
    }  
	
div.vertical_middle p.inner {  
    /*　div.vertical_middle の後に中央に表示させたいタグ・セレクタを入れる　*/
	margin: 0;  
}  
    * html div.vertical_middle p.inner {  
        position: relative;   
        top: -50%;            
    }  
    *+html div.vertical_middle p.inner {  
        position: relative;   
        top: -50%;            
    }  


/****************/
/*	Clear Fix	*/
/****************/
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix {
	display: inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {
	display: block;
}
/* end MacIE5 */

/*　フォーカスされてるテキスト入力欄の色変更　*/
input[type="text"]:focus {
   background-color: #e1fed4;
}