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



#mainVisual {
	background-image: url(../images/top-main.jpg);
	background-repeat: no-repeat;
	height: 300px;
	width: 760px;
	position: relative;
	top: 5px;
	clear: both;
}
#mainVisual h2,#mainVisual h3,#mainVisual p {
	text-indent: -9999px;
}

div#top-pinokio {
	background-image: url(../images/top-pinokio.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 310px;
	width: 195px;
	left: 26px;
	top: 32px;
}
/* Hidding from IE5/mac\*/
*html div#top-pinokio {
    background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/top-pinokio.png", sizingMethod="scale");
	width: 195px;
	height: 310px;
	z-index: 99;
	top: 32px;
	left: 26px;
}


#contentBody {
	padding-bottom: 20px;
}
#maincolumn {
	width: 480px;
	float: left;
	padding-top: 60px;
}
#rightcolumn {
	float: left;
	width: 280px;
	padding-top: 20px;
}

#blogHeadline {
	width: 470px;
}


/* maincolumn
***********************************************************************************************/

#blogHeadline {}
#blogHeadline #titleBox {
	background-image: url(../images/top-blogtitle-bg.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 470px;
	padding-top: 53px;
	padding-left: 5px;
}
#blogHeadline #titleBox p {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#btn-blog a { background: url(../images/btn-blog_off.gif) no-repeat;
	height: 27px;
	width: 283px;
	display: block;
	text-indent: -9999px;
	padding-bottom: 10px;
}
#btn-blog a:hover { background: url(../images/btn-blog_on.gif) no-repeat;}

#blogHeadleneBox {
	padding-top: 10px;
}
#blogHeadleneBox .title {
	background-image: url(../images/icon1.gif);
	background-repeat: no-repeat;
	height: 28px;
	padding-left: 40px;
	padding-top: 5px;
	font-size: 1.1em;
}
#blogHeadleneBox .summary {
	margin: 0px;
	padding: 0px 10px;
}
#blogHeadleneBox .entry-Box {
	background-image: url(../images/dotyoko999966_1x2p2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 15px;
}



/* rightcolumn
***********************************************************************************************/

/* 共通
::::::::::::::::::::::::::::*/
.scon {
	margin-top: 10px;
}
.scon p {
	margin: 0px;
	padding: 0px;
}
.scon-text1 { padding: 10px 0px 0px;}


/* side-contents1
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#scon1 {
	border: 2px solid #663300;
	width: 270px;
	padding: 3px;
}
#scon1-inner {
	background-color: #CC9933;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#scon1 h3.title { background: url(../images/tsb1-midashi.gif) no-repeat; width: 250px ; height: 17px;	text-indent: -9999px;}
.scon1-innerBox {	background: url(../images/tsb1-thumb.jpg) no-repeat 0px 10px;
	padding: 10px 10px 0px 90px;
	height: 80px;
}
#btn-pinokio a { background: url(../images/btn-pinokio_off.gif) no-repeat;
	height: 20px;
	width: 165px;
	display: block;
	text-indent: -9999px;
	padding-bottom: 10px;
}
#btn-pinokio a:hover { background: url(../images/btn-pinokio_on.gif) no-repeat;}


/* side-contents2
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#scon2 {
	border: 2px solid #663300;
	width: 270px;
	padding: 3px;
}
#scon2-inner {
	background-color: #CC9933;
	padding-top: 15px;
	padding-left: 5px;
	padding-bottom: 10px;
}
#scon2 h3.title { background: url(../images/tsb2-midashi.gif) no-repeat; width: 250px ; height: 17px;	text-indent: -9999px;}
.scon2-innerBox {	background: url(../images/tsb2-thumb.jpg) no-repeat 0px 10px;
	padding: 10px 10px 0px 90px;
	height: 80px;
}
#btn-loghouse a { background: url(../images/btn-loghouse_off.gif) no-repeat;
	height: 20px;
	width: 165px;
	display: block;
	text-indent: -9999px;
	padding-bottom: 10px;
}
#btn-loghouse a:hover { background: url(../images/btn-loghouse_on.gif) no-repeat;}


/* side-contents3
:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#scon3 {
	border: 2px solid #336600;
	width: 270px;
	padding: 3px;
	background-color: #CCFFCC;
}
#scon3-inner {
	padding-bottom: 10px;
}
#scon3-inner div.title { background: url(../images/tsb3-title.gif) no-repeat; width: 270px; height: 60px;	text-indent: -9999px;}
.scon3-innerBox {
	padding-top: 20px;
	text-align: center;
}
#scon3 h4 {
	background-image: url(../images/tsb3-midashi1.gif);
	background-repeat: no-repeat;
	width: 195px;
	padding-bottom: 10px;
	text-indent: -9999px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#scon3 .tel {
	background-image: url(../images/tsb3-tel.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 243px;
	text-indent: -9999px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#btn-contact a {
	background: url(../images/btn-contact_off.gif) no-repeat;
	height: 20px;
	width: 220px;
	display: block;
	text-indent: -9999px;
	padding-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#btn-contact a:hover { background: url(../images/btn-contact_on.gif) no-repeat;}