/* index.html */


/* �E���icategory,entry)
============================================================*/
h3{
margin-bottom:10px;
text-align:right;
}

.recent_e{
border-right:1px solid #696969;
padding:5px 9px 0 0;
margin:0 30px 15px 0;
text-align:right;
line-height:190%;
clear:both;
}

.recent_e ul{
list-style:none;
margin-bottom:15px;
}

.recent_e ul li{
list-style:none;
color:#ff4a8f;
}

.recent_e ul li a{
color:#696969;
text-decoration:none;
}

.recent_e ul li a:hover{
color:#ff4a8f;
text-decoration:none;
}

/* about this site
============================================================*/
.site{
text-align:left;
width:400px;
float:left;
margin-top:200px;
display:block;
}

.site h3{
text-align:center;
}

.site .text-box{
width:400px;
border-bottom:1px dotted #151515;
line-height:150%;
padding-bottom:10px;
margin:0 0 20px 15px;
}

/* how to link
============================================================*/
.link{
text-align:left;
width:400px;
float:left;
margin-top:300px;
display:block;
}

.link .text-box{
width:400px;
border-bottom:1px dotted #151515;
line-height:150%;
padding-bottom:10px;
margin:0 0 20px 15px;
}

.link .text-box span{
color:#ff4a8f;
text-decoration:underline;
}

.link .text-box img{
margin-right:10px;
}
.link .text-box img.Lmargin{
margin-left:30px;
}

.link .text-box p{
margin-bottom:5px;
}

/* about me
============================================================*/
.me{
text-align:left;
width:632px;
height:335px;
margin-top:250px;
margin-left:-50px;
display:block;
background:url(../../about/img/bg1.png) left top no-repeat;
}
*html .me{
margin-left:-25px;
behavior:expression(IEPNGFIX.fix(this));
}

.me .text-box{
width:280px;
margin:0 0 0 150px;
padding-top:105px;
color:#ffffff;
line-height:170%;
}

.me .text-box span{
color:#ff4a8f;
}

/* camera and lens
============================================================*/
.camera{
text-align:left;
width:581px;
float:left;
background:url(../../indexWp/index_img/entry_bg.png) right top repeat-y;
margin-top:200px;
display:block;
}

*html .camera{
behavior:expression(IEPNGFIX.fix(this));
}

.camera .text-box{
width:275px;
color:#ffffff;
line-height:170%;
font-size:10px;
float:left;
padding:10px 0 0 10px;
}

.camera .img{
float:left;
width:290px;
height:387px;
}

.camera ul,.camera ul li{
list-style:none;
}

.camera ul li.title{
list-style:none;
color:#ff4a8f;
border-bottom:1px dotted #cccccc;
margin:15px 0 5px 0;
}

.camera ul li.used{
list-style:none;
color:#848383;
padding-left:5px;
}

/* contact
============================================================*/
.message{
text-align:left;
width:600px;
height:571px;
margin-top:120px;
margin-left:-25px;
display:block;
background:url(../../about/img/bg2.png) left top no-repeat;
}

*html .message{
margin-left:-13px;
behavior:expression(IEPNGFIX.fix(this));
}

.message .text-box{
width:325px;
margin:0 0 0 120px;
padding-top:135px;
color:#ffffff;
line-height:170%;
font-size:10px;
}

.message .text-box h3{
text-align:right;
color:#ff4a8f;
border-bottom:1px dotted #ffffff;
padding-bottom:3px;
margin-bottom:20px;
}

*+html body .message .text-box h3{
font-size:14px;
}

.message .text-box a{
color:#ffffff;
}

.message .text-box ul{
list-style:none;
float:left;
margin-bottom:10px;
clear:both;
}

*html .message .text-box ul{
margin-bottom:5px;
}

.message .text-box ul li{
list-style:none;
width:70px;
float:left;
color:#ff4a8f;
}

*html .message .text-box ul li{
clear:both;
}
*+html body .message .text-box ul li{
clear:both;
}

.message .text-box ul li.inputArea{
list-style:none;
width:250px;
float:left;
color:#ffffff;
}

*html .message .text-box ul li.inputArea{
clear:both;
}
*+html body .message .text-box ul li.inputArea{
clear:both;
}

input,textarea{
border:1px solid #ffffff;
background-color:#151515;
color:#ffffff;
}

.submit{
color:#ff4a8f;
border:1px solid #ffffff;
background-color:#151515;
letter-spacing:2px;
font-size:10px;
}

.submitArea,.submitAreaIndex{
clear:both;
text-align:right;
}

*+html body .submitAreaIndex{
clear:both;
text-align:right;
margin-top:-120px;
}

*html .submitAreaIndex{
margin-top:-130px;
}

/* chronicle
============================================================*/



/* clearfix
============================================================*/
.message .text-box ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.message .text-box ul{
display:inline-block;
}