html,body {
	margin:0;
	padding:0;
	color:#222;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #BBEEFF;
	}
	body {
		padding:10px;
	}

a{
    color:#1C548C}
a:hover{
    color:#FF3333}
img{border:0}

	
	/* CSS for the box starts here */
	.box {
		width:915px;
		padding:0 12px 0 0;
		background:#fff url("img/borders-r2.gif") 100% 0 repeat-y;
	}
	.bi {
		padding:0 0 0 12px;
		background:#fff url("img/borders-l2.gif") 0 0 repeat-y;
	}
	.bt {
		height:17px;
		margin:0 -12px;
		background: url("img/box2.gif") 100% 0 no-repeat;
	}
	.bt div {
		width:18px;
		height:17px;
		background: url("img/box2.gif") 0 0 no-repeat;
	}
	.bb {
		height:17px;
		margin:0 -12px;
		background: url("img/box2.gif") 100% 100% no-repeat;
	}
	.bb div {
		width:18px;
		height:17px;
		background: url("img/box2.gif") 0 100% no-repeat;
	}
	.box h1 {
			background:#EFEFEF url("img/logo.gif") 100% 0 no-repeat;
	text-align:left;
		margin:0 0 0 0;
		padding:0.5em 10px 0.3em 10px;
		font-size:15px;
	}
		.box h2 {
		color:#444;
		font-size:14px;
	margin:0;
	padding:0.3em 10px;
	}

#ban{
margin:0 0 1em 5px;
background-image:url(img/top-photo.jpg);
background-repeat:no-repeat;
height:200px;}


.center-topic ul {
		margin:0;
		padding:4px 10px;
	}
.center-topic li {
		margin:0 0 0 2em;
		padding:0;
	}
	
	/* レイアウト */
		#frame{
		background:#fff;
		width:100%;
	text-align:left;
}

#frame-margin{
width:100%;
	background:#fff;
	padding:0;

}
#top a{ 
color:#666666;
} 
#top a:hover { 
color: #666666;
text-decoration:none}

#hedder{
width:100%;
height:100px;
padding:1px 0;
border-top:1px solid #EFEFEF;
border-bottom:1px solid #cccccc;
}
#banner{
	BACKGROUND: url("img/topbanner.jpg") no-repeat;
height:100px;
text-align:left;
border-top:1px solid #EFEFEF;
border-bottom:1px solid #EFEFEF;
padding:75px 0 0 0;
}

#fotter {
	DISPLAY: block;
	BACKGROUND:   url("img/waku-g.gif") no-repeat center top;
	PADDING: 10px 10px 0px 0px;
	text-align:right;
	font-size:13px;
}

.center_left{
	width:645px;
	float:left;
}

.center{
	width:475px;
	float:right;
		DISPLAY: block;
	PADDING:1em 2px 5px 2px;
	text-align:left;
	font-size:13px;
}

.top-entry{
	border:1px solid #EFEFEF;
	margin:5px 0;
	padding:5px;
		font-size:13px;
		line-height:140%;
		height:auto;
}
.top-entry h4{
color: #FF6600;
font-size:15px;
border-bottom:1px solid #FF9900;
background-image:url(img/h4icon.gif);
background-repeat:no-repeat;
  padding:0 0 0 15px;
margin:0;
height:auto;
vertical-align:middle
}
.entry{
color:666666;
	border:1px solid #EFEFEF;
	margin:5px 0;
	padding:5px 5px 0 5px;
		font-size:13px;
		line-height:140%;
		height:auto;
}
.entry h4{
color: #FF6600;
font-size:16px;
border-bottom:1px solid #FF9900;
background-image:url(img/h4icon.gif);
background-repeat:no-repeat;
  padding:0 0 0 15px;
margin:0;
height:auto;
vertical-align:middle
}

.top-midasi {
background-image:url(img/top-bar1.gif);
color:#FFFFFF;
background-repeat:no-repeat;
padding:7px 5px 7px 25px;
font-size:13px;
margin:0.5em 0 0 0;
}
.top-midasi2 {
background-image:url(img/top-bar2.gif);
background-repeat:no-repeat;
padding:5px 5px 8px 30px;
font-size:13px;
margin:0 auto;
}
.top-midasi-g {
background-image:url(img/top-bar1-g.gif);
color:#FFFFFF;
background-repeat:no-repeat;
padding:7px 5px 7px 25px;
font-size:13px;
margin:0.5em 0 0 0;
}


.entry-midasi-dorpshadow{
margin:0 2px 10px 0;
padding:0 0 5px 2px;
color: #CC0000;
font-size:18px;
width:100%;}

.dorpshadow{
filter: dropshadow(color=#c0c0c0, offx=2, offy=2);
width:100%;}

.center-topic-come{
font-size:13px;
margin:2px}
.entry-footer{
text-align:right;
border-top:1px solid #EFEFEF;
font-size:11px;}

.entry-cat{
font-size:13px;
line-height:130%;
height:100%;}
.point-waku{
font-size:11px;
color:#555;
font-weight:bold
}
.entry-cat .point{
background-color:#FF9900;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
color:#FFFFFF;
padding:2px 5px;
margin:0 2px 0 0;
font-weight:normal}
.entry-cat h3{
font-size:13px;
padding:0;
margin:0;
}
.entry-cat a{
background-image:url(img/cat-icon.gif);
background-repeat:no-repeat;
 padding:0 0 0 12px;
height:auto;
}
.entry-cat a:hover{
background-image:url(img/cat-icon2.gif);
background-repeat:no-repeat;
 padding:0 0 0 12px;
height:auto;
}


.left{
	width:150px;
	height:auto;
	float:left;
	border-right:1px solid #ccc;
		border-bottom:1px solid #ccc;
		background:#fff;
		background-image:url(img/bg_side.gif);
}

.cat{
margin:0.5em 0;
padding:0;
}
.catmidasi{
color:#888;
font-size:11px;
font-weight:bold;
background-image:url(img/cat-1.gif);
background-repeat:no-repeat;
margin:2px 0 2px 0px;
padding:2px 0 10px 15px;}
.cat ul {
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
		margin:0;
		padding:0 2px 5px 2px;
		list-style-type:none;
	}

.menu-list2 a{
background-image:url(img/menu-icon.gif);
background-repeat:no-repeat;
 padding:0 0 0 14px;
height:auto;
}
.menu-list2 a:hover{
background-image:url(img/menu-icon2.gif);
background-repeat:no-repeat;
 padding:0 0 0 14px;
height:auto;
}
	
.right{
margin-top:1em;
	width:220px;
	float:right;
}
.right-waku{
	DISPLAY: block;
	BACKGROUND:   url("img/waku-g.gif") no-repeat center top;
	border:1px solid #EFEFEF;
	PADDING: 10px 0 0px 2px;
	margin:0 0 1em 0;
	text-align:left;
	font-size:13px;}
.waku-midasi{
border-left:4px solid #FF3333;
  padding:0 0px 0 2px;
margin:0.3em 0;
height:auto
}
.waku-midasi-dorpshadow{
border-left:4px solid #ccc;
margin:0;
padding:0 0 0 5px;
color: #FF6666;
font-weight:bold;
font-size:13px;
width:100%;}


.c-both{
	clear:both;
}

	/* コメント関係 */
.recently_comment ul{
margin-left:2px 0;
padding-left:0
}
.recently_comment li{
list-style:none;
margin-left:0px
}
.wakumidasi{
background-image:url(img/bg_side2.gif);
padding:5px 5px;
margin:0 0 1em 0;
height:18px;
}
.wakumidasi-dorpshadow{
filter: dropshadow(color=#c0c0c0, offx=2, offy=2);
width:100%;
font-size:13px;
margin:0;
color:#555;
font-weight:bold}


#comment-text{font-size:11px;}


#comments{
font-size:13px;}
.comments-header-midasi{
border-left:4px solid #FF9900;
  padding:0 0px 0 2px;
margin:0.3em 0;
height:auto
}
.comments-header-dorpshadow{
border-left:4px solid #ccc;
margin:0;
padding:0 0 0 5px;
color: #555555;
font-size:13px;
width:100%;}

.comment{
border-top:1px solid #EFEFEF;
border-right:3px solid #EFEFEF;
border-bottom:3px solid #EFEFEF;
border-left:1px solid #EFEFEF;
padding:0 1em;
margin:1em 0}
.comment p{
margin:1em 0}

#trackbacks-info{
font-size:13px;}
.trackbacks-header{font-size:13px;
color:#FF9900;
filter: dropshadow(color=#c0c0c0, offx=2, offy=2);
width:100%;}
.trackback{
font-size:13px;
border-bottom:1px solid #EFEFEF;
padding:0 1em;
margin:1em 0}
.trackback p{
margin:1em 0}

	/* テーブル */
.tr{
color:#0B0341;
font-size:13px;
background-color:#EFEFEF;
border-top:1px solid #ccc;
}
.tr span{
background-image:url(img/pin01.gif);
background-repeat:no-repeat;
vertical-align:middle;
padding:0 0 0 15px;
}
.tr-r{
color:#444;
font-size:13px;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}
.tr-b{
border-top:1px solid #ccc;
}

	/* 講座紹介 */
#skilldata{
line-height:110%;
text-align:left;
padding:0px 2px 5px 2px;
margin:10px 0px 0px 0px;
border:1px solid #CCCCCC;
background-color:#F3F3F3}
#skilldata div{
font-size:80%;}
#skilldata .kouza{
font-weight:bold;
font-size:12px;
color:#0099CC;
margin-top:2px;
margin-bottom:2px;
border-bottom:1px dotted #CCCCCC;
}
#skilldata tr{
font-size:13px;
color:#444444}
.float{
float:left}

	/* フォント装飾 */
.color-g{color:#999999}
.blue{
color:#3399CC;
font-weight:bold;}
.red{
color:#FF3333;
font-weight:bold;}
.red-s{
color:#990000}
.white{color:#FFFFFF}
.green{color:#009966;
font-weight:bold;}
.orange{color:#FF9933;
font-weight:bold;}
.grey{color:#666666;}
.top-minitext{
color:#333333;
font-size:10px;
line-height:140%}
.minitext{font-size:11px}
.impact{font-weight:bold;}