/*------------------------------------
1.リセット
------------------------------------*/

*{
	margin:0;
	padding:0;
}
img{
	border:none;
	vertical-align:bottom;
}
body {
	margin:0;
	padding:0;
	font-family:"メイリオ",Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:12px;
	color:#fff;
	background:url(../images/body_bg.jpg) #714d4d;
	text-align:center;
	margin-top:0;
	margin-bottom:10px;
}
.clearboth{
	clear:both;
}
a:link { color: #f7931e;border-bottom:1px dotted #f7931e;text-decoration: none; }
a:visited { color: #f7931e; border-bottom:1px dotted #f7931e;text-decoration: none;}
a:active {  color: #f7931e; border-bottom:1px dotted #f7931e;text-decoration: none; }
a:hover { color: #f7931e;border-bottom:1px solid #f7931e;text-decoration: none; }

a.noline { border-width:0; }
a{outline : 0 ;}

h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	font-size:12px;
	line-height:1em;
}
/*------------------------------------
2.全体枠
------------------------------------*/
#container{
	width:790px;
	margin:0 auto;
	background:url(../images/blog_bg.gif) repeat-y;
	text-align:left;
	overflow:hidden;
}
#container #cal{
	width:790px;
	height:22px;
	margin:5px auto;
	text-align:center;
}
/*------------------------------------
3.ヘッダー
------------------------------------*/
#header{
	width:790px;
	background:url(../images/blog_top.gif) no-repeat;
	height:245px;
	position:relative;
}
#header h1{
	text-indent:-5000px;
	width:790px;
	height:245px;
}
#header h1 a{
	display:block;
	width:790px;
	height:245px;
	border:none;
}
#header p.link{
	width:225px;
	height:22px;
	text-indent:-5000px;
	position:absolute;
	top:223px;
	left:517px;
}
#header p.link a{
	display:block;
	width:225px;
	height:22px;
	border:none;
}
#header p.link a:hover{
	background:url(../images/blog_totop_on.gif) no-repeat;
}
/*------------------------------------
4.メイン
------------------------------------*/
#main{
	width:480px;
	padding-right:34px;
	float:right;
	overflow:hidden;
}
#main h2.archive{
	background:url(../images/category_title.gif) no-repeat;
	width:450px;
	height:30px;
	padding-left:30px;
	margin-bottom:20px;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	margin-top:26px;
}
#main .entryBox{
	width:480px;
	background:url(../images/blog_entry_bg.gif) repeat-y;
}
#main .entryBox h2{
	width:390px;
	height:14px;
	line-height:14px;
	padding:39px 30px 25px 60px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	background:url(../images/blog_entry_top.gif);
}
#main .entryBox h2 a:link { color: #fff;border-bottom:none;text-decoration: none; }
#main .entryBox h2 a:visited { color: #fff; border-bottom:none;text-decoration: none;}
#main .entryBox h2 a:active {  color: #fff; border-bottom:none;text-decoration: none; }
#main .entryBox h2 a:hover { color: #836457;border-bottom:none;text-decoration: none; }

#main .entryBox .body{
	padding:0 40px;
	line-height:2.0em;
	color:#806458;
}
#main .entryBox h3.cmt{
	margin:10px;
	background-color:#f7931e;
	font-size:12px;
	line-height:1.3em;
	padding-left:20px;
}
#main .entryBox .body p{
	padding:0;
}
#main .entryBox .body img{
	float:left;
	padding:0 7px 7px 0;
}
#main .entryBox .entryBottom{
	width:480px;
	background:url(../images/blog_entry_bottom.gif) no-repeat;
	height:74px;
}
#main .entryBox .entryBottom p{
	padding:27px;
	color:#806458;
}
#main .entryBox p.tb{
	padding:0 27px;
	color:#806458;
}
#main .entryBox p.ifmore{
	padding:10px 0;
}
#main .entryBox .commentBox{
	margin:5px 27px;
	border:1px solid #f7931e;
	padding:5px;
	color:#806458;
}
#main .entryBox .commentBox h4{
	background:#f7d6b0;
	padding-left:20px;
	color:#f7931e;
	font-size:12px;
	line-height:1.4em;
	margin-bottom:5px;
}
#main .entryBox .commentBox p.commentDate{
	text-align:right;
	margin:5px 0 0 auto;
	color:#806458;
}
#main .entryBox #sendComment{
	margin:5px 28px;
	color:#806458;
}
#main #individualHeader{
	width:480px;
	background:url(../images/blog_commenttitle.gif) no-repeat;
	height:35px;
	margin-top:26px;
	position:relative;
	color:#fff;
	font-size:10px;
}
#individualHeader a:link { color: #fff;border:none;text-decoration: none; }
#individualHeader a:visited { color: #fff; border:none;text-decoration: none;}
#individualHeader a:active {  color: #fff; border:none;text-decoration: none; }
#individualHeader a:hover { color: #666;border:none;text-decoration: none; }

#main #individualHeader p.blogTop{
	width:80px;
	height:23px;
	position:absolute;
	top:6px;
	left:201px;
	text-indent:-5000px;
}
#main #individualHeader p.blogTop a{
	display:block;
	width:80px;
	height:23px;
	border:none;
}
#main #individualHeader p.blogTop a:hover{
	background:url(../images/blog_commenttitle_on.gif) -201px -6px no-repeat;
}
#main #individualHeader p.prevDate{
	position:absolute;
	text-align:right;
	top:0;
	left:0px;
	width:190px;
}
#main #individualHeader p.prevTitle{
	position:absolute;
	text-align:right;
	top:17px;
	left:0px;
	width:190px;
}
#main #individualHeader p.nextDate{
	position:absolute;
	text-align:left;
	top:0;
	left:290px;
	width:190px;
}
#main #individualHeader p.nextTitle{
	position:absolute;
	text-align:left;
	top:17px;
	left:290px;
	width:190px;
}
/*------------------------------------
5.左カラム
------------------------------------*/
#left{
	width:230px;
	margin-top:18px;
	padding-left:21px;
	float:left;
	font-size:12px;
	color:#f7931e;
}
#left .naviBox{
	width:230px;
	background:url(../images/blog_left_bg.gif) repeat-y;
	margin-bottom:10px;
}
#left .naviBox h2{
	width:230px;
	height:37px;
	text-indent:-5000px;
}
#left .naviBox h2.category{
	background:url(../images/blog_h2_left_category.gif) no-repeat;
}
#left .naviBox h2.comment{
	background:url(../images/blog_h2_left_comment.gif) no-repeat;
}
#left .naviBox h2.backnumber{
	background:url(../images/blog_h2_left_backnumber.gif) no-repeat;
}
#left .naviBox h2.tb{
	background:url(../images/blog_h2_left_tb.gif) no-repeat;
}
#left .naviBox h2.entry{
	background:url(../images/blog_h2_left_entry.gif) no-repeat;
}
#left .naviBox h3{
	width:230px;
	background:url(../images/blog_left_bottom.gif) no-repeat;
	height:6px;
	line-height:6px;
	text-indent:-5000px;
}
#left .naviBox h3.year{
	width:180px;
	background:none;
	border-bottom:1px solid #f7931e;
	height:1.5em;
	line-height:1.5em;
	text-indent:0;
	padding-left:10px;
	margin:5px 20px 0 20px;
	color:#f7931e;
}

#left .naviBox ul{
	list-style:none;
	padding:5px 12px 10px 25px;
}
#left .naviBox ul li{
	background:url(../images/list04.gif) 0 0.3em no-repeat;
	padding-left:14px;
}
#left .naviBox ul li ul{
	padding-left:4px;
}
#left .naviBox li{
	padding-left:8px;
	padding-top:0;
	padding-bottom:0;
	line-height:1.5em;
}
#left .naviBox li.tree{
	background:url(../images/tree.gif) 0 0 no-repeat;
}
#left .naviBox li.end{
	background:url(../images/tree_end.gif) 0 0 no-repeat;
}
#left .naviBox p{
	padding-left:20px;
	padding-bottom:0;
	padding-top:5px;
}
/*------------------------------------
6.フッター
------------------------------------*/
#footer{
	width:790px;
	background:url(../images/blog_footer_bg.gif) no-repeat;
	height:117px;
	clear:both;
	position:relative;
}
#footer ul{
	width:545px;
	height:29px;
	position:absolute;
	left:208px;
	top:70px;
	list-style:none;
	background:url(../images/blog_footer_link_on.gif) no-repeat;
}
#footer ul li{
	position:absolute;
	height:14px;
	text-indent:-5000px;
}
#footer ul li a{
	display:block;
	height:14px;
	border:none;
}
#footer ul li a:hover{
	background:none;
}
/*	HOME	*/
#footer ul li.menu1{
	width:47px;
	top:0;
	left:0;
}
#footer ul li.menu1 a{
	width:47px;
	background:url(../images/blog_footer_off.gif) no-repeat;
}
#footer ul li.menu1 a:hover{
	background:url(../images/blog_footer_on.gif) no-repeat;
}
/*	サービス内容	*/
#footer ul li.menu2{
	width:89px;
	top:0;
	left:71px;
}
#footer ul li.menu2 a{
	width:89px;
	background:url(../images/blog_footer_off.gif) -71px 0 no-repeat;
}
#footer ul li.menu2 a:hover{
	background:url(../images/blog_footer_on.gif) -71px 0 no-repeat;
}
/*	サービスの流れ	*/
#footer ul li.menu3{
	width:93px;
	top:0;
	left:170px;
}
#footer ul li.menu3 a{
	width:93px;
	background:url(../images/blog_footer_off.gif) -170px 0 no-repeat;
}
#footer ul li.menu3 a:hover{
	background:url(../images/blog_footer_on.gif) -170px 0 no-repeat;
}
/*	料金について	*/
#footer ul li.menu4{
	width:77px;
	top:0;
	left:271px;
}
#footer ul li.menu4 a{
	width:77px;
	background:url(../images/blog_footer_off.gif) -271px 0 no-repeat;
}
#footer ul li.menu4 a:hover{
	background:url(../images/blog_footer_on.gif) -271px 0 no-repeat;
}
/*	Q&A	*/
#footer ul li.menu5{
	width:57px;
	top:0;
	left:353px;
}
#footer ul li.menu5 a{
	width:57px;
	background:url(../images/blog_footer_off.gif) -353px 0 no-repeat;
}
#footer ul li.menu5 a:hover{
	background:url(../images/blog_footer_on.gif) -353px 0 no-repeat;
}
/*	お問い合わせ	*/
#footer ul li.menu6{
	width:116px;
	top:0;
	left:429px;
}
#footer ul li.menu6 a{
	width:116px;
	background:url(../images/blog_footer_off.gif) -429px 0 no-repeat;
}
#footer ul li.menu6 a:hover{
	background:url(../images/blog_footer_on.gif) -429px 0 no-repeat;
}
/*	シッターの紹介	*/
#footer ul li.menu7{
	width:89px;
	top:15px;
	left:71px;
}
#footer ul li.menu7 a{
	width:89px;
	background:url(../images/blog_footer_off.gif) -71px -15px no-repeat;
}
#footer ul li.menu7 a:hover{
	background:url(../images/blog_footer_on.gif) -71px -15px no-repeat;
}
/*	セールスポイント	*/
#footer ul li.menu8{
	width:93px;
	top:15px;
	left:170px;
}
#footer ul li.menu8 a{
	width:93px;
	background:url(../images/blog_footer_off.gif) -170px -15px no-repeat;
}
#footer ul li.menu8 a:hover{
	background:url(../images/blog_footer_on.gif) -170px -15px no-repeat;
}
/*	モットー	*/
#footer ul li.menu9{
	width:77px;
	top:15px;
	left:271px;
}
#footer ul li.menu9 a{
	width:77px;
	background:url(../images/blog_footer_off.gif) -271px -15px no-repeat;
}
#footer ul li.menu9 a:hover{
	background:url(../images/blog_footer_on.gif) -271px -15px no-repeat;
}
/*	会社概要	*/
#footer ul li.menu10{
	width:57px;
	top:15px;
	left:353px;
}
#footer ul li.menu10 a{
	width:57px;
	background:url(../images/blog_footer_off.gif) -353px -15px no-repeat;
}
#footer ul li.menu10 a:hover{
	background:url(../images/blog_footer_on.gif) -353px -15px no-repeat;
}
/*	プライバシーポリシー	*/
#footer ul li.menu11{
	width:116px;
	top:15px;
	left:429px;
}
#footer ul li.menu11 a{
	width:116px;
	background:url(../images/blog_footer_off.gif) -429px -15px no-repeat;
}
#footer ul li.menu11 a:hover{
	background:url(../images/blog_footer_on.gif) -429px -15px no-repeat;
}


