@charset "utf-8";

/*
---------------------------------------------*/

*{
	margin: 0;
	padding: 0;
	font-size: 100%;
	}
	
body{
	background:url(img/bg.gif);
	color:#727170;
	text-align:center;
	font-size:75%;
	line-height:1.5;
	}
	
body,td {
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,sans-serif;
	}

h1, h2, h3, h4, h5, p, ul, ol, li{
	margin:0;
	padding:0;
	}
	
ul, ol, li{list-style:none;}

img, img a {border:none;}	

hr{ display:none;}	

a:link, a:visited, a:active{color:#0085be;}
a:hover{color:#31aee3;}
	
#wrapper {
	width:824px;
	margin:0 auto;
	background:url(img/con_bgsd.png) repeat-y;
	}
	
#conBg{
	width:800px;
	margin:0 auto;
	background:url(img/con_bg.jpg) repeat-y;}	


#layout{
	width:800px;
	margin:0 auto;
	text-align:left;
	background:url(img/h1.jpg) no-repeat;
	}		
	
#header h1{
	padding-top:38px;
	}
		
#header h1 a{
	text-indent:-9999px;
	display:block;
	width:350px;
	height:140px;
	margin-left:15px;
	overflow:hidden;
	text-decoration:none;
	}

/*使ってない*/	
#header .rss a{
	text-indent:-9999px;
	display:block;
	width:110px;
	height:63px;
	margin-top:94px;
	margin-left:51px;
	overflow:hidden;
	text-decoration:none;
	}
	
#header .rss02{
	margin-top:94px;
	margin-left:53px;
	}
	
#header .rss03{margin-left:53px; font-weight:bold;}		

#header .rss04{margin-left:53px; margin-top:10px; font-weight:bold;}
#header .rss04 a{ color:#226F81;}
#header .rss04 a:hover{ color:#009999;}

#contents{
	width:685px;
	text-align:left;
	margin-left:55px;
	margin-top:40px;
	}
	
#leftBox{
	width:192px;
	float:left;
	color:#fff;
	}
	
.lextNavi{
	width:160px;
	margin-top:5px;
	margin-bottom:26px;
	}

.lextNavi2{
	width:160px;
	margin-top:5px;
	margin-bottom:80px;
	}
	
#rightBox{
	width:492px;
	padding-top:1px;
	float:left;
	}
	
#footer{
	width:794px;
	height:40px;
	margin:0 auto;
	background:url(img/con_btm.png) no-repeat;
	padding-top:20px;
	text-align:left;
	padding-left:30px;
	}
	
/* エントリー
---------------------------------------------------- */		
	
.entryBox{width:492px; margin-top:100px;}
	
.entryHeader{ height:66px; background:url(img/note_top.png) no-repeat;}

.entryArea{ background:url(img/note_ds.png) right repeat-y;}

.entryTxt{ width:430px; padding-top:27px; padding-bottom:15px; padding-left:30px; line-height:2; margin:0;}

.entryTxt p {margin:0; padding:0;}

.entryTrb{ background:url(img/note_ill.png) bottom left no-repeat; width:319px; height:83px; padding-left:160px; padding-top:20px;}

.entryBg{ background:url(img/note_md.gif) repeat-y;}

.entryFooter{ background:url(img/note_btm.png) no-repeat; height:53px;}

.entryHeader .data { font-size:18px; padding-top:16px; padding-left:30px; font-weight:bold;}
.entryHeader .cate { font-size:18px; padding-top:16px; padding-left:26px; font-weight:bold;}

	
.enTxt{	padding-top:20px; padding-bottom:20px;}	

.enTxt h2 a:link, .enTxt h2 a:visited, .enTxt h2 a:active{ font-size:large; text-decoration:none;}
	

#leftBox a:link, #leftBox a:visited, #leftBox a:active, .rss03 a:link, .rss03 a:visited, .rss03 a:active{ color:#fff; text-decoration:none;}
#leftBox a:hover, .rss03 a:hover{ color:#ccc;}

.entryHeader a:link, .entryHeader a:visited, .entryHeader a:active { color:#727170; text-decoration:none;}	
.entryHeader a:hover { color:#999;}	



#trackback { width:430px; margin-left:20px; border:1px dashed #727170; padding:5px; text-align:center;}

.tr01{background:url(img/tb_ds.png) repeat-y;}
.tr02{background:url(img/tb_md.gif) repeat-y;}

.tra ul{padding-top:8px; padding-left:4px;}
.trackbacks-content{ width:430px; margin-left:20px; margin-top:20px;}

.tbBox01{ background:url(img/tb_top.png) no-repeat; height:17px;}
.tbBox02{ background:url(img/tb_btm.png) no-repeat; height:29px;}
	

/*---- png -----*/

* html #wrapper, * html #footer, * html .entryHeader, * html .entryArea, * html .entryTrb, * html .entryFooter, * html #clouds, * html .tr01, * html .tbBox01, * html .tbBox02{
	behavior: expression(IEPNGFIX.fix(this));
	}
	

/* その他
---------------------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */

.clr{ clear:both;}

.spT20{margin-top:10px;}

.sppT07{padding-top:7px;}
.sppT10{padding-top:10px;}
.sppT15{padding-top:15px;}
.sppT20{padding-top:20px;}

.spB06{margin-bottom:6px;}
.spB10{margin-bottom:10px;}
.spB20{margin-bottom:20px;}


.sppB07{padding-bottom:7px;}
.sppB20{padding-bottom:20px;}

.sppL08{padding-left:8px;}
.sppL50{padding-left:50px;}

.toLeft{ float:left;}
.toRight{ float:right;}

/*--------------------------------*/
#clouds {
	background-image: url(img/clouds.png);
	background-repeat: repeat;
	background-attachment: scroll;
	width:800px;
	}
	
* html #clouds {
  /* because IE6 can't do transparent PNGs for backgrounds */
  background-image: url(img/clouds.gif); 
  	background-attachment: fixed;
 
}


.scrollcode {
	overflow:auto;
	white-space:nowrap;
}