body {
margin:0;padding:0;
 background:#fff url(/images/bg_body.gif) repeat-y center;
 font-size: 14px;
text-align:center;font-family:'arial', sans-serif;
}

img { border:none;}

.center { text-align:center;}

a {color:#38A1E6;}

a:hover {border:none;}

p { margin:0;padding:0;}

.float_left{ float:left;margin:0 10px 5px 0; }

.float_right{
	float:right;
	margin:0 0 0 10px;
        border:1px solid #ccc;
}

.float_right img{border:0;}

.red {color:red;}
#contents .sty-1 { color:red;padding-left:50px;
font-size:14px;}

.new1 strong {background:#777;color:#fff;padding:0 4px;font-weight:400; }

h1,h2,h3,h4,h5,ul {margin: 0;padding:0;}

#wrapper {
 width: 840px;
 margin: 0 auto;
 padding: 0px;
 color: #333333;
 font: 1.0em/150% 'arial', sans-serif;
 text-align:left;
background:#eee;
}



.pan { font-size:0.8em;
margin:0 0 0 15px;
clear:both;}

* html .pan {
margin:3px 0 3px 15px;}

* html .pan-img {margin-top:-2px;}

/* Header */
#header {
 width: 840px;
 height: 180px;
 margin: 0px;
 padding: 0px;
background:url(http://kazahanablog.net/images/header.jpg) no-repeat;}



#header h1 {
 margin: 0px;
 padding: 0px;
 font: bold 30px 'arial black', sans-serif;
}

#header img { border:none;}

#header h1 a { text-decoration:none;}
#header h1 a:hover {background:none; }

#header h2 {
margin:-1px;padding:0;
color:#FFF;
font-size:12px;
font-weight:400;
visibility: hidden;
}

 .header_btn p {float:right; 
margin-top:-100px; 
margin-right:20px;
outline:none;
}

.header_btn img {border:none; } 

* html .header_btn p {
margin-right:10px;}


/*　navi　　　*/

 .dropdown, .dropdown * {
 font-size: 14px; 
 line-height: normal;
 margin: 0;
 padding: 0;
}
.dropdown ul, .dropdown li {
 width: 120px;  
text-align:center;letter-spacing:8px;
}
.dropdown a {
 display: block;
 padding: 7px 0;
}
.dropdown a, .dropdown a:link, .dropdown a:hover, .dropdown a:visited {
 color: #FFF;  
 text-decoration: none;
border-right:1px solid #87DCFF;
}
.dropdown a:hover {display: block;  
 color: #FFF; 
 background: #1BA1D8;  
}
.dropdown li {
 position: relative;
 display: block;
 float: left;
 list-style: none;
 background: url(/images/navi_bg.gif) repeat-x;  /* メインメニュー背景 */ 
}
.dropdown li li { display: block;
 background: #48BEEE;filter: alpha(style=0, opacity=90);   /* サブメニュー背景 */
}

* html #wrapper .dropdown li li { 
display: block;
margin-left:-59px;  /* サブメニュー背景 */
}

*:first-child+html #wrapper .dropdown li li { 
display: block;
margin-left:-59px;  /* サブメニュー背景 */
}

* html #wrapper .dropdown li li a {color:#FFF;
display: block;
}

.dropdown ul {
 visibility: hidden;
 position: absolute;
}
.dropdown ul ul {
 left: 120px;  /* メニューの幅と同じ値 */
 }
.dropdown li:hover > ul {
 visibility: visible;
}

#wrapper .sub  a { 
color:#FFF;
text-align:left;
padding-left:15px;
display: block;
}

#wrapper .sub a:hover {
background:#1BA1D8;
color:#FFF;
display: block;
}

#btn {margin:0 0 5px 0;}
* html #btn {margin:0 0 15px 0;}

/* contents */
#contents { 
 float: right;
width:490px;
 margin: 5px 15px 20px 0;
padding: 0 15px;
 background: #ffffff;
 font-size: 1.0em;
 text-align: left;
border:3px solid #E7E7E7;
}

* html #contents { width:515px;
 margin: 0px 5px 20px 0px;
 pading-left:-5px;
}

.inner { margin:0 0 30px 0px;padding:0;}
.inner img {float:left;margin-right:5px}
.inner ul {margin：0;padding:0;}
.inner li {padding-left:60px;
list-style-type:none;
margin-bottom:5px;
background:url(/images/arrow_1.gif) no-repeat 45px 4px ;}

.list { margin-left:30px;
list-style-type:square;}



#contents h3 {
clear:both;
 margin: 7px 0px 15px -8px;
 padding: 25px 0 60px 45px;
width:100%;
 font: bold 1.35em 'arial', sans-serif;
 text-align: left;
letter-spacing:0px;
}

* html #contents h3 {
 margin: 7px 0px 15px 0px;
padding: 25px 0 50px 45px; }

#contents .h3-img {margin:8px 0 5px -8px;padding:0; }
#contents .h3-entry {
background:url(/images/h3.jpg) no-repeat; }

#contents .h3-rss {padding:36px 0 0 300px;
font-size:14px;
background:url(images/blog_rss5.gif) no-repeat; }

* html #contents .h3-rss {padding:36px 0 0 280px;}


/*■mein rss title IE7.0　　　*/
*:first-child+html #contents .h3-rss {
text-align:right;
padding:36px 20px 0 0;}


#contents iframe {margin-top:0;border:none;}

#contents h4 {
clear:both;
font: bold 1.0em 'arial', sans-serif;
text-align: left;
}


#contents .h4-b {
clear:both;
 margin: 10px 0;
 padding: 6px 20px 3px 30px;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
background:#FFF url(http://kazahanablog.net/images/h4_bg.gif) no-repeat;
line-height:20px;
border-bottom:1px solid #777;
}

#contents .h4-c {
 margin: 10px 0;
 padding: 20px 0 20px 60px;
 font: bold 1.2em 'arial', sans-serif;
background:url(http://kazahanablog.net/images/banner_book.gif) no-repeat;
}

#contents .h4-d {
 margin: 10px 0;
 padding: 20px 0 20px 60px;
 font: bold 1.2em 'arial', sans-serif;
background:url(http://kazahanablog.net/images/banner_people.gif) no-repeat;
}


#contents .h4-e {
clear:both;
 margin: 10px 0;
 padding: 6px 20px 3px 10px;
 font: bold 1.0em 'arial', sans-serif;
 text-align: left;
background: url(http://kazahanablog.net/images/line.gif) no-repeat bottom;
line-height:20px;
}

#contents h5 { 
clear:both;
font: bold 1.1em 'arial', sans-serif;
margin:20px 0 10px 40px;
}

#contents .lec {margin:40px 10px 10px 0;
padding-left:22px;
line-height:2.0;
background:url(/images/h5_lec.gif); }


#contents p {margin:3px 0;	
	font-size:12px;
        line-height:1.5;
}

.top img {margin:10px;
border:none;
clear:left;
float:right;}


/* sidebar */

#sidebar {
 width: 280px;
 margin: 5px 0px 10px 0px;
 padding: 0px 0px 20px 15px;
 font-size: 1.0em;
float:left;
text-align:left;
}

* html #sidebar {
 width: 312px; 
 margin: 0 0px 0 0;
}

#sidebar h4 {
 margin: 10px 0 0 0;
 padding: 7px 0 7px 20px;
 background:;
 color: #38A1E6;
 font: bold 1.0em 'arial', sans-serif;
}

* html #sidebar h4 {
 padding: 8px 0 7px 20px;
background:;
}

#sidebar h5 {
 margin: 10px 0 0 0;
 padding: 5px 0 0 10px;
 border-bottom: 1px solid #000;
 border-left: 5px solid #000;
 background: url() bottom right;
 color: #FFF;
 font: bold 1.0em 'arial', sans-serif;
 }



#sidebar ul {
 list-style:none;
}

#sidebar .prof {
 padding: 5px 5px 10px;
margin:0;
background:#eee;
}

#sidebar .prof ul {
margin:0;padding:0 ;
}

#sidebar .prof li a { background:url(/images/arrow.gif) no-repeat;
background-position:2% 55%;
margin-top:-5px;
padding-left:15px;
font-size:10px;
border:none;
line-height:1.0;
text-decoration:underline;
color:#000;}


* html #sidebar .prof li a { margin:0;
padding:5px 5px 5px 15px;}

#sidebar .prof li a:hover {color:#f90;background:url(../images/arrow_1.gif) no-repeat;
background-position:0% 50%;
 background:url(/images/arrow.gif) no-repeat;
background-position:2% 55%;
}


.arrow1 { 
  margin: 0 0 20px 0;
  padding-left: 0;
  list-style: none;
} 

.b14 { 
  padding:13px 0 9px 25px;
  background:url(http://kazahanablog.net/images/side_bg2.gif) no-repeat;
  background-repeat: no-repeat;
  background-position: 3% 50%;
  font-family: verdana, arial, sans-serif;
  font-size: 1.0em;
}

* html .b14 { padding:15px 0 15px 25px; }
*:first-child+html .b14 {  padding:14px 0 15px 25px; }

#sidebar li {
 line-height: 0;
}

#sidebar li a {
 display:block;
 line-height: normal;
margin-bottom:3px;
 padding: 7px 0px 7px 25px;
 background: url(http://kazahanablog.net/images/sideh44_bg.gif) no-repeat;
background-position:0% 50%;
 font-size: 1.0em;
 text-align: left;
 text-decoration: none;
color:#FFF;
}

#sidebar li a:hover {
 background: url(http://kazahanablog.net/images/sideh45_bg.gif) no-repeat;
background-position:0% 50%;
}

#sidebar .link a { background:#eee;}


/*サイトマップ*/
.sitemap { font-size:12px;line-height:1.6;}



#contents .home {
    list-style-type:square;margin-left:50px;
}

ul.tree {
    margin: 0!important;
    padding: 0!important;

    list-style: none!important;
}
ul.tree ul {
    margin: 0 0 0 1em!important;
    padding: 0!important;
}
ul.tree li {
    margin: 0!important;
    padding: 0 0 0 16px!important;
    background-image: url(http://kazahanablog.net/images/tree_lst.gif);
    background-repeat: no-repeat!important;
    list-style: none!important;
}
ul.tree li.tree_end {
    background-image: url(http://kazahanablog.net/images/tree_end.gif);
    list-style: none;
}


/*■テーブル　　　*/
#contents table {margin-left:0px;}
#contents table ul {margin:0;paddng:0;}

#contents table li { margin:0;padding:0 0 8px 10px;
list-style-type:none;
background:url(/images/arrow.gif) no-repeat 0px 4px;
}


.inner .new1 {font-size:14px;margin-left:5px;clear:left;}
.new2 {padding-left:16px;padding-bottom:5px;}
.new4 {background:url(/images/arrow21.gif) no-repeat;
padding-left:15px; }

.new2  img { float:left;
margin:10px 10px 10px 10px;}

.tb1 {font-size:12px;line-height:1.1;width:80%;}
.tb2 td {font-size:12px;line-height:1.1;}

table { text-align:left;}

#tb-banner {font-size:12px;}
#tb-banner tr { vertical-align:top;} 
#tb-banner td { background:#FFF;padding:5px;} 
#form1 { margin-left:50px;}


#rank_item { margin:0;
padding-bottom:20px;background:#48BBED;}

.rank { width:100%;background:#48BBED;}
.rank a:hover {background-color:#cae1ff;}
.rank p {line-height:1.5;margin-bottom:8px;}

.rank table { line-height:1.3;font-size:10pt;font-family:'ＭＳＰゴシック', sans-serif;}
.rank table th { font-weight:400;
text-align:center;padding-left:5px;}
.rank td {font-size:12px;vertical-align:top;} 

.box1 { background:#FFF;margin-left:10px;padding:5px;width:295px;}
* html .box1 {width:310px; }
*:first-child+html .box1 {width:300px; }

.box2 { background:#FFF;margin-left:5px;padding:5px;width:480px;}
* html .box2 {width:490px; }
.box2 li {list-style-type:none;margin-left:5px;padding-left:10px;
background:url(/images/arrow.gif) no-repeat 1px 8px;}
* html .box2 li {margin-bottom:5px; }
.p-cate {margin-left:15px; }

.box3 {background:#FFF;padding:8px;width:810px; }
.box1 li {list-style-type:none; }

.crop{
	float:left;
	overflow:hidden; /* これが重要 */
	position:relative; /* これが重要 */
	border:2px solid #ccc;
	width:90px;
	height:70px;
	margin:-25px 10px 10px 10px;
	}
.crop img{
	position:absolute; /* 絶対配置で位置コントロール */
	top:0px;
	left:-20px;
	}
	
.left70 { margin:10px 0 0 115px;}
.h4-cate {font-size:14px;margin:10px 0 5px 5px;padding-left:15px;
background:url(/images/icon-h4.gif) no-repeat;}

* html .h4-cate {margin:15px 0 10px 5px; }
.more {text-align:right;margin-top:5px;}


/*■page cut　　　*/
.paged-archives a, .paged-archives a:visited{
padding: 0 15px;
margin-right:3px;
border: 1px solid #cccccc;
text-decoration: none; 
background:#eee;
color: #000066;
}
.paged-archives b{
padding:0 15px;
margin-right:3px;
border: 1px solid #cccccc;
text-decoration: none; 
color: #FFF;
background-color: #69F;
}
.paged-archives a:hover {
background:#69F;
}

/*■entry-list　　　*/
.entry-list { 
padding-top:50px;}

.entry-list ul {list-style-type:none;
margin-left:-15px;}



/* ■フッター */
#footer {
 clear:both;
height:160px;
 margin: 0;
 padding:20px;
 background: #000 url(/images/footer_bg1.gif) repeat-x;
 font-size: 0.8em;
color:#FFF;
 text-align: center;
width:800px;
}

* html #footer {width:840px;}

#footer a { color:#FFF;
text-decoration: none;
background:none;
}
#footer a:hover {color:#777;}

#footer li {list-style-type:none;margin-bottom:5px;}

#footer .float_right {border:none;}


/*■フッター下リンク　　　*/
.navi_0 { float:left;width:350px;
padding:0;
line-height:1.5;
font-size:12px;
}

.navi_0 img { margin-top:15px;}

*:first-child+html .navi_0 { width:250px;}

.navi_1 {margin:0;float:left;}
.navi_1 li a {color:#777;}
.navi_1 li a:hover {border:none;background:none;}
.navi_1 li {
font-size:12px;
padding:0 10px;
text-align:left;
border-left:1px dotted #777;
}


/*■ search area　　　*/
.dropdown .search  
{width:180px;
margin-top:-14px; padding:0;
background:none;}
.dropdown .search input {font-size:12px;}
* html .dropdown .search { 
margin-top:3px;padding:0;} 
*:first-child+html .dropdown .search {
margin-top:3px;}