/* CSS Document */
h1, h2, h3, h4, h5, p, div, dt, dd, dl, img, input, form, ul, li, span {
	margin: 0px;
	padding: 0px;
}
 .clear {
	clear:both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.t_1em {
	margin-left: 1em;
}
.t_80 {
	font-size: 90%;
}
.t_120 {
	font-size: 120%;
	font-weight: bold;
	color: #FFFF99;
}
.t_130 {
	font-size: 130%;
	font-weight: bold;
	color: #3399CC;
}
a.link1 {
	text-decoration: underline;
	color: #63a5e1;
}
a:hover.link1 {
	color: #888;
	text-decoration: underline;
}

/* body
---------------------------------------------------- */
body {
	margin: 0px 0px 0px 0px;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
	text-align: center;
	background-color: #EEEEEE;
}
/* container
---------------------------------------------------- */
#container {
	margin-left: auto;
	margin-right: auto;
	width:900px;
	text-align: left;
	background-image: url(../img/blog/back.gif);
}
#contents {
	width: 880px;
	margin: 0px 0px 0px 10px;
}

/* header
---------------------------------------------------- */
h1 a {
	width: 880px;
	height: 150px;
	background: url(../img/blog/header.jpg) no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	
	display: block;
}

/* main
---------------------------------------------------- */
.l {
	width: 700px;
	float: left;
}
.l2 {
	width: 550px;
	margin: 0px 0px 0px 25px;
}
.r {
	width: 180px;
	float: left;
}
.r2 {
	margin: 20px 0px 0px 0px;
}


/* title
---------------------------------------------------- */
h3 {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	font-size: 130%;
	line-height: 160%;
	color: #63a5e1;
	width: 525px;
	font-weight: normal;
}
h3 a {
	text-decoration: none;
	color: #63a5e1;
}
h3 a:hover {
	color: #63a5e1;
	text-decoration: underline;
}
.title {
	margin: 0px 0px 0px 0px;
	background: url(../img/blog/title.gif) no-repeat;
	width: 650px;
	height: 50px;
}

/* text
---------------------------------------------------- */
.el_box{
	border-bottom: #999999 dotted 1px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 30px 0px;
	width: 650px;
}
.el_box0{
	margin: 0px 0px 60px 0px;
}
.text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	line-height: 170%;
	color: #333333;
	width: 625px;
}
.text img {
	margin: 0px 0px 10px 0px;
}
.text img a {
	border: 0px;
}
.text a {
	text-decoration: none;
	color: #63a5e1;
}
.text a:hover {
	color: #63a5e1;
	text-decoration: underline;
}
.cc p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	line-height: 170%;
	color: #333333;
	width: 625px;
}

.text2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	line-height: 160%;
	color: #63a5e1;
	width: 625px;
}
.text3 {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	line-height: 170%;
	color: #333333;
	width: 625px;
}
.text4 {
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	line-height: 170%;
	color: #333333;
	width: 625px;
}
.text5 {
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	width: 625px;
}
/* menu
---------------------------------------------------- */
.r2 h4 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 2px 0px;
	font-size: 100%;
	line-height: 160%;
	color: #63a5e1;
	width: 155px;
	border-bottom: #444 dotted 1px;
	font-weight: normal;
}
.pro_i {
	margin: 0px 0px 7px 0px;
}
.pro {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 80%;
	line-height: 170%;
	color: #666666;
	width: 155px;
}
.b_10 {
	margin: 0px 0px 20px 0px;
}
.r2 ul {
	list-style: none;
	width: 155px;
	color: #666666;
	font-size: 85%;
	line-height: 140%;
}
.r2 ul li a {
	background: url(../img/blog/l_icon.gif) no-repeat 0px 0px;
	color: #666666;
	text-decoration: none;
	padding: 0px 0px 0px 15px;
}
.r2 ul li a:hover {
	color: #888;
	text-decoration: underline;
}
.ac {
	color: #666666;
	font-size: 85%;
	width: 155px;
}
.ac a {
	background: url(../img/blog/l_icon2.gif) no-repeat 0px 0px;
	color: #666666;
	text-decoration: none;
	padding: 0px 0px 0px 15px;
	line-height: 140%;
}
.ac a:hover {
	color: #888;
	text-decoration: underline;
}

/* ct
---------------------------------------------------- */
.ct{
	font-size: 75%;
	line-height: 160%;
	color: #888888;
	padding: 10px 0px 0px 0px;
}
.ct a {
	text-decoration: none;
	color: #888888;
}
.ct a:hover {
	color: #AAAAAA;
	text-decoration: underline;
}
/* pagetop
---------------------------------------------------- */
.pagetop{
	font-size: 75%;
	line-height: 160%;
	margin: 10px 0px 20px 0px;
}
.pagetop a {
	text-decoration: none;
	color: #888888;
}
.pagetop a:hover {
	color: #AAAAAA;
	text-decoration: underline;
}
/* list
---------------------------------------------------- */
.list {
	padding: 0px 0px 20px 0px;
	color: #666666;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	line-height: 160%;
}
.list a {
	text-decoration: none;
	color: #63a5e1;
}
.list a:hover {
	color: #AAAAAA;
	text-decoration: underline;
}

/* footer
---------------------------------------------------- */
.footer {
	text-align: center;
	background: url(../img/blog/footer_back.jpg) repeat-x;
	width: 880px;
	height: 25px;
}
.footer p {
	color: #FFFFFF;
	font-size: 70%;
	line-height: 140%;
	padding: 4px 0px 0px 0px;
	color: #FFFFFF;
}
/* calendar
---------------------------------------------------- */
.calendar {
    color: #666666;
    font-size: 11px;
    background: none;
	margin: 0px 0px 20px 0px;
}
.calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
.calendar th {
    padding-bottom: 3px;
    font-size: 9px;
    width: 21px;
    height: 21px;
}
.calendar td {
    font-size: 11px;
    line-height: 120%;
}
.calendar td a {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #63a5e1;
	padding: 0px 2px;
}
.calendar td a:hover {
	color: #FFFFFF;
	background-color: #63a5e1;
	text-decoration: none;
}
.rss {
	width: 155px;
	margin: 0px 0px 20px 0px;
}
.rss a {
	color: #666;
	font-size: 80%;
	line-height: 140%;
	padding: 0px 0px 0px 0px;
}
.rss a:hover {
	color: #63a5e1;
	text-decoration: underline;
}