@charset "utf-8";
/* CSS Document */


/* =========================================================================================================
　ホーム　｜　
========================================================================================================= */

#home_contents{
float:right;
width:630px;
padding-left:20px;
}

.box_home_contents{
border:#CCCCCC solid 1px;
width:138px;
padding:3px;
font-size:10px;
float:left;
margin-right:15px;
}

* .box_home_contents{
margin-right:14px;
}



.box_home_contents h2{
font-weight:100;
border-bottom:#CCCCCC solid 1px;
margin:0px;
padding:6px 5px 0px 5px;
color:#1A1A1A;
font-size:12px;
}

.box_home_contents p{
padding:0px 5px;

}

.box_home_contents span{
margin:0px;
padding:5px;
color:#666666;
}



#home_slider_method_01{
width:260px;
height:160px;
padding:125px 665px 15px 15px;


background-image:url(../img/contents/home/home_slider_01.gif);
background-position:0px 0px;
background-repeat:no-repeat;

color:white;
font-size:11px;
line-height:1.75;
}




#home_slider_method_02{
width:260px;
height:160px;
padding:125px 665px 15px 15px;


background-image:url(../img/contents/home/home_slider_02.gif);
background-position:0px 0px;
background-repeat:no-repeat;

color:white;
font-size:11px;
line-height:1.75;
}




#home_slider_method_03{
width:260px;
height:160px;
padding:125px 665px 15px 15px;


background-image:url(../img/contents/home/home_slider_03.gif);
background-position:0px 0px;
background-repeat:no-repeat;

color:white;
font-size:11px;
line-height:1.75;
}




#home_slider_method_04{
width:260px;
height:160px;
padding:125px 665px 15px 15px;


background-image:url(../img/contents/home/home_slider_04.gif);
background-position:0px 0px;
background-repeat:no-repeat;

color:white;
font-size:11px;
line-height:1.75;
}






#home_whatsnew{
position:relative;
top:10px;
}

#home_rss{
margin:10px;
}




/* =========================================================================================================
　Author　｜
========================================================================================================= */

#author_list{
margin:0px;
padding:0px;
list-style:none;
}

#author_list li{
width:175px;
float:left;
text-align:center;
}


#author_contents{
width:700px;
padding:25px 0 0 0;
text-align:center;
}



.box_author_contents{
width:118px;
padding:3px;
font-size:10px;
float:left;
margin:0 20px 0px 0;
}


.box_author_contents h3{
font-weight:100;
border-bottom:#CCCCCC solid 1px;
margin:0px;
padding:6px 5px 0px 5px;
color:#1A1A1A;
font-size:12px;
}

.box_author_contents p{
padding:0px 5px;
margin:8px 0;
text-align:left;

}

.box_author_contents span{
margin:0px;
padding:5px;
color:#666666;
}



/* =========================================================================================================
　advertising　｜　
========================================================================================================= */

.advertising_dl dt:before{
  content: "■";  /* 新しい要素を作る */
}


.advertising_dl dd{
padding-bottom:10px;
}


/* =========================================================================================================
　Method　｜　
========================================================================================================= */

#method_contents{
width:700px;
padding:25px 0 0 0;
text-align:center;
}



.box_method_contents{
width:118px;
padding:0 3px;
font-size:10px;
float:left;
margin:0 20px 30px 0;
position:relative; bottom:5px;
}


.box_method_contents h2{
font-weight:100;
border-bottom:#CCCCCC solid 1px;
margin:0px;
padding:6px 5px 0px 5px;
color:#1A1A1A;
font-size:12px;
}

.box_method_contents h3{
font-weight:100;
border-bottom:#CCCCCC solid 1px;
margin:0px;
padding:6px 5px 0px 5px;
color:#1A1A1A;
font-size:12px;
}


.box_method_contents p{
padding:0px 5px;
margin:8px 0;
text-align:left;

}

.box_method_contents span{
margin:0px;
padding:5px;
color:#666666;
}


.box_method_list{
width:556px;
float:right;
}

.box_method_list ol{
padding:0px;
margin:20px 0 0 40px;
}



/*beginer*/

.table_beginer{

}

.table_beginer td{
padding:10px 10px 10px 15px;
border-bottom:#CCCCCC dashed 1px;
}



.table_beginer td img{
border:1px #CCCCCC solid;
}

/* =========================================================================================================
　blog　｜
========================================================================================================= */

.blog_day{
color:#5FB7E1;
font-size:16px;
}

.blog_title{
font-size:16px;
margin-bottom:20px;
}

.blog_list{
border-bottom:#CCCCCC dashed 1px;
padding:25px 0px;
}


.blog_list:first-of-type{
padding:0px 0px 25px 0px;
}

.blog_list:last-of-type{
border-bottom:none !important;
}



#trackback{
border:#CCCCCC solid 1px;
padding:0px;
margin:0x;
}



#trackback_box{
padding:0 0 15px 0;
margin:25px 0px 10px 0px !important;
border-bottom:dashed #CCCCCC 1px;
font-size:12px;
}

.trackbacks-header{
font-size:12px;
}


#comment_list{
border-bottom:#CCCCCC dashed 1px;
padding:15px 0px 25px 0px;
}

#comment_subhead{
color:#5FB7E1;
font-size:18px;
margin:0 0 0 0;
}


.comment{
padding:25px 0 25px 0;
border-bottom:#CCCCCC dashed 1px;
}


.comment:last-child{
padding:25px 0 0 0;
border-bottom:none;
}


.comment_img{
width:100px;
float:left;
text-align:center

}

.comment_write{
width:600px;
float:right;
}


#form_list{
/*border-bottom:#CCCCCC dashed 1px;*/
padding:0px 0px 25px 0px;
margin:0 0 15px 0;
font-size:12px;
}

#form_subhead{
color:#5FB7E1;
font-size:18px;
margin:15px 0 15px 0;
}

/*.form_input{
background-color:#a7d7ef;
width:100%;
border:none;
margin-bottom:25px;
}


#form_textarea{
background-color:#a7d7ef;
width:100%;
height:200px;
border:none;
}


#form_textarea:hover{
background-color:#cccccc;
}
*/



#form_btn_area{
text-align:right;
padding:10px 0 0 0;
}


.blog_comments{
text-align:right;
font-size:12px !important;
}



/*PREVIEW*/


.box_preview{
margin-top:25px;
}

.box_preview_left{
float:left;
width:378px;
padding-right:20px;
}

.box_preview_right{
float:right;
width:300px;
}

.box_preview_right img{
border:#CCCCCC solid 1px;
}


.list_preview li{
width:100%;
padding-left:5px;
}

.list_preview li:nth-child(odd){
background-color:#f0f0f0;

}

.amazon{
margin:5px 0 0 35px;
}