/********************************************
  FWOOD流　アドセンスサイト3カラムCSS   
*********************************************/


/********************************************
*** ブラウザCSSリセット ***
********************************************/

* {
 padding:0;
 margin:0;
}

/********************************************
*** BODY全体の要素 ***
********************************************/


body {
	text-align:center;
	font-family:Verdana;
	background-color: #fff;
	background-attachment: fixed;
	background-image: url(http://pethotelok.seesaa.net/image/back.jpg);
	background-repeat: repeat-x;
}

       

/********************************************
*** ヘッダートピックパス枠 ***
********************************************/

.topicpath1{
	font-size:10px;
	line-height: 20px;
	height: 30px;
	background-image: url(http://pethotelok.seesaa.net/image/bg.jpg);
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: center;
	right: 1px;
	text-align: right;
	margin: 0px;
	padding: 0px 12px 0px 10px ;
	color: #a8a8a8;
}


.topicpath1 a{
	text-decoration: none;
	color:#a8a8a8;
}

hr{
	clear: both;
	color: #E3E3E3;
	margin: 0;
	padding: 0;
	border-width: 1px 0px 0px 0px;
	height: 1px;
	border-style: solid none none none;
}


/********************************************
*** 各エリアの背景色の設定 ***
********************************************/


/*********▽左メニュータイトル▽**********/

#leftnavi .title{
	background: #FFFFFF;
	background:url(http://pethotelok.seesaa.net/image/title_l.jpg) no-repeat left top;
	color: #fff;
}


/*********▽右メニュータイトル▽**********/

#rightnavi .title{     background: #FFFFFF;
	background:url(http://pethotelok.seesaa.net/image/title_r.jpg) no-repeat left top;
	color: #fff;
}


/********************************************
*** ブログの全体の要素 ***
*********************************************/

#container{
	width:905px;
	color:#000;
	text-align:left;
	margin: 0px auto 0px auto ;
	padding: 0px;
	background-image: url(http://pethotelok.seesaa.net/image/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

/********************************************
*** マウスオーバー時のリンクの背景色要素 ***
*********************************************/

a:hover{
	color:#fff;
	text-decoration: none;
	background-color:#99CCFF;
}

/********************************************
*** 見出しタグ要素 ***
*********************************************/

h1 {
	position: absolute;
	font-size:10px;
	top: 2px;
	color:#a8a8a8;
	float: right;
	margin: 2px 10px 0px 15px ;
}


h1 a{
	font-weight:normal;
	text-decoration: none;
	color:#a8a8a8;
}


h2 {
	font-size:12px;
	font-weight:bold;
	color:#cc0000;
	text-align:left;
	margin: 5px 5px 0px 5px ;
	padding: 5px 0px 10px 5px ;
	background-image: url(http://pethotelok.seesaa.net/image/midasiobi.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-left:6px solid #876037;
}


h3 {
	font-size:12px;
	font-weight:bold;
	color:#cc0000;
	text-align:left;
	margin: 20px 0px 5px 5px ;
	padding: 3px 0px 3px 5px ;
	background-image: url(http://pethotelok.seesaa.net/image/midasiobi.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
}




/******************************************************************
*** ヘッダー画像の要素 ***
******************************************************************/


#bannerpage{
	width: 905px;
	background-image:url(http://pethotelok.seesaa.net/image/bg.jpg);
	background-repeat:repeat-y;
	background-position: center top;
	border-style: none;
	background-attachment: fixed;
	height: 165px;
}



#banner_hed {
	background-image: url(http://pethotelok.up.seesaa.net/image/top.jpg);
	background-repeat: no-repeat;
	width: 882px;
	background-position: center bottom;
	height: 125px;
	text-decoration: none;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	margin: 0px 11px 10px 11px;
	border-bottom:1px solid #ececec;
	padding: 0px;
	position:relative
}


#banner_hed a{
	text-decoration: none;
	color:#fff;
}

#banner_sitename {
	font-size:20px;
	color: #006699;
	line-height: normal;
	padding: 20px 0px 15px 10px ;
	font-weight: bold;
	width: 510px;
}


/********************************************
*** ブログ説明文の要素 ***
*********************************************/

.description{
	position: absolute;
	top: 25px;
	right: 20px;
	width: 430px;
	text-align: right;
	font-size: 8pt;
	line-height: 12pt;
	color: #666666;
}


/********************************************
*** コンテンツ全体（ヘッダ＆右＆左＆フッター） ***
*********************************************/

#contentpage {
	text-align: left;
	width: 905px;
	background-image: url(http://pethotelok.seesaa.net/image/bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	background-attachment: fixed;
}



/********************************************
*** 中央コンテンツ部分と左メニュー ***
********************************************/

#left-main{
	float: left;
	width: 675px;
	overflow: hidden;
}


/********************************************
*** 左右メニュー ***
********************************************/


/*********左メニューサイズ設定**********/

#leftnavi{
	overflow: hidden;
	float: left;
	width: 225px;
	margin: 0px 0px 0px 3px;
}


/*********▽検索エリアの要素▽**********/
.kensaku{
	padding: 8px;
	text-align: center;
}



/*********▽右メニューサイズ設定▽**********/

#rightnavi {
	overflow: hidden;
	float: right;
	width: 225px;
}


/*********▽左右メニューボックス帯▽**********/

.left-mbox,.right-mbox,.mbox,.contents,.right1-mbox{
	margin: 10px;
	width: 200px;
}


/*********▽左右ロールオーバーメニューリストリンク▽**********/

ul.left-mbox,ul.right-mbox,ul.right1-mbox {
	padding:0 !important;
	text-decoration:none;
}


.left-mbox li,.right-mbox li,.right1-mbox li {
	padding:0 !important;
	font-size: 10pt;
	list-style:none;
	line-height: 17pt;
}


.left-mbox li a,.right-mbox li a{
	display:block;
	height: auto !important;
	height: 20px;
	padding:4px 10px 4px 30px;
	border-bottom:1px dashed #876037;
	background:#f1ece6 url(http://pethotelok.seesaa.net/image/listbox.gif) no-repeat left center;
	text-decoration:none;
}

.right1-mbox li a{
	display:block;
	height: auto !important;
	height: 20px;
	padding:4px 10px 4px 30px;
        border-top:1px solid #876037;
	border-bottom:1px dashed #876037;
	background:#f1ece6 url(http://pethotelok.seesaa.net/image/listbox.gif) no-repeat left center;
	text-decoration:none;
}


.left-mbox li a:hover,.right-mbox li a:hover{
	background:#876037 url(http://pethotelok.seesaa.net/image/listbox.gif) no-repeat left center;	text-decoration:none;
}

.right1-mbox li a:hover{
	background:#876037
url(http://pethotelok.seesaa.net/image/listbox.gif) no-repeat left center;	text-decoration:none;
}


/*********▽左右メニュータイトル帯▽**********/

#leftnavi .title p,#rightnavi .title p {
	margin: 0 10px 0 10px;
	padding: 5px 0 5px 15px;
	font-size: 11pt;
	font-weight: bold;
}


/*********▽左右サブメニューリスト▽**********/

.mbox ul{
	padding:0 !important;
	text-decoration:none;
}

.mbox li{
	background:url(http://pethotelok.seesaa.net/image/listbox.gif) no-repeat left top;
	list-style-type: none;
	list-style-position: outside;
	margin: 10px 0 10px 0;
	padding: 0 0 0 30px;
	font-size: 10pt;
	font-weight: normal;
	line-height: 14pt;
	text-align: left;
}

/*********▽左右メニュー内のPタグ▽**********/


#rightnavi p,#leftnavi p{
	margin: 8px;
	font-size: 10pt;
}


/********************************************
*** 枠線の設定 ***
********************************************/


/*********▽左メニュー▽**********/

.left-mbox{
	border: 1px solid #381301;
}

.right1-mbox{
	border: 1px solid #381301;
}

/*********▽右メニュー▽**********/

.right-mbox{
	border: 1px solid #381301;
}

/*********▽右メニューその他ボックス▽**********/

.mbox{
	border: 1px solid #381301;
}
.contents{
	border: 1px solid #381301;
}
.footer_rss{
	border: 1px solid #381301;
}

/*********▽右メニューその他ボックス▽**********/



/**************************************************************************************
*** トピックパス要素 ***
**************************************************************************************/

.navi{
	position: relative;
	width: 875px;
	height: 10px;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 5px 5px;
	font-size:11px;
	clear: both;
	float: right;
}

/*************************************
*** ブログ本文の全体の要素 ***
*************************************/

.blog {
	overflow: hidden;
	float: right;
	width: 430px;
	padding: 0px 5px 5px 5px ;
	margin: 0px 2px 0px 2px ;
	
}

.blog li {
       list-style: none;
}

.blog2 {
	overflow: hidden;
	float: right;
	width: 430px;
	padding: 0px 5px 5px 5px ;
	margin: 10px 2px 0px 2px ;
	
}

.blog2 li {
       list-style: none;
}

.blog3 {

	overflow: hidden;
	padding: 0px 25px 15px 25px ;;
	margin: 0px 35px 0px 35px ;
}

.blog3 li {
       list-style: none;
}


/*************************************
*** 中央記事部分 ***
*************************************/

.blog .ktex{
	clear: both;
	margin: 5px;
}


.ktex {
	font-size: 13px;
	line-height: 170%;
	padding: 5px;

}

.ktex2 {
	font-size: 13px;
	line-height: 170%;
	padding: 0px 25px 25px 25px ;
	border-right:15px solid #C9E4F1;
	border-left:15px solid #C9E4F1;
}

.ktex p {
	margin: 0 0 22px 0;
	font-size: 13px;
}

.ktex a {
	border-style: none;
}

.ktex img {
	border-style: none;
	margin: 5px 8px 5px 8px ;
}

.ktex ol,.ktex ul {
	margin: 9px 13px 11px 10px ;
	padding: 0px 0px 0px 10px ;
}

.ktex ol,.ktex ul,.ktex2 ol,.ktex2 ul {
	margin: 9px 13px 11px 10px ;
	padding: 0px 0px 0px 10px ;
}

.ktex ul {
	list-style-type: none;
}

/*************************************
*** 記事ページの左下のカテゴリの要素 ***
*************************************/

.posted{
	text-align: right;
	font-size:10px;
	margin: 0px 5px 0 0 ;
	padding: 0px 15px 5px 10px ;
}

.posted a{ 
	font-weight:bold;
	text-decoration: none;
	color:#a8a8a8;
}


/*************************************
*** フッターの装飾 ***
*************************************/

#footer{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
	margin: 15px 8px 0px 5px ;
}
.footer_a {
	font-weight:normal;
	text-align:left;
	color:#000;
	clear: right;
	float: left;
	width: 850px;
	padding: 5px 5px 5px 5px;
	border-right:1px solid #cccccc;
	border-left:1px solid #cccccc;
	font-size: 10px;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	margin: 15px 10px 10px 15px;
        
}

.footer_a a{
	font-weight:normal;
	text-decoration:none;
	color:#A8A8A8;
}

.footer_a a:visited{
	font-weight:normal;
	text-decoration:none;
	color:#A8A8A8;
}

.footer_a a:hover{
	font-weight:normal;
	text-decoration:none;
	color:#A8A8A8;
}

.footer_left {
	font-weight:normal;
	text-align:left;
	color:#000;
	clear: right;
	float: left;
	width: 655px;
	padding: 5px 10px 5px 5px;
	border-right:1px solid #cccccc;
	border-left:3px double #cccccc;
	font-size: 10px;
	border-right-width: 1px;
	border-right-color: #CCCCCC;
	margin: 15px 10px 10px 15px;
}

.footer_left a{
	font-weight:normal;
	text-decoration:none;
	color:#A8A8A8;
}

.footer_left .ul{
	margin: 7px 0 7px 0;
}

.footer_left li{
	display: inline;
	margin: 0 0.2em 0 0.2em;
	font-size: 10pt;
	line-height: 14pt;
}



/*************************************
*** RSSのCSS ***
*************************************/

#rightnavi .footer_rss {
	margin: 10px;
	width: 200px;
	font-size: 10pt;
}

#rightnavi .footer_rss ul{
	font-weight:normal;
	color:#000;
	clear: none;
	padding-left: 10px;
}

#rightnavi .footer_rss li {
	background-image:url(http://pethotelok.seesaa.net/image/feed.gif);
	background-repeat:no-repeat;
	font-size: 12px;
	list-style:none;
    padding: 0 0 0 23px;
	margin: 10px ;
}

#rightnavi .footer_rss a{
	text-decoration: none;
	color:#a8a8a8;
}


/*************************************
*** デフォルト（削除不可） ***
*************************************/

.powered {
	font-weight:normal;
	text-align:center;
	color:#000;
	width: 170px;
	clear: none;
	float: left;
	margin: 15px 0px 10px 0px;
	padding: 5px 5px 5px 5px;
}


.powered table{
	border:none;
	margin:0px auto;
	text-align:center;
}


.powered img{
	border:none;
}


.seesaa{
	background-color:#9c9c9c;
	text-align:center;
	font-size:10px;
	padding:3px;
	margin:0px;
}


.seesaa a{
	color:#F6F6F6;
}

/*************************************
*** COPYRIGHT部分 ***
*************************************/

.copy{
	text-align:center;
	color:#a8a8a8;
	font-size: 10px;
	border-width: 1px 0px 0px 0px;
	border-style: solid none none none;
	clear: both;
}

.copy a{
	font-weight:bold;
	text-decoration: none;
	color:#a8a8a8;
}

/**********************************************************
*** 装飾（ブロックロート＆テキストエリア） ***
**********************************************************/




.sample3    { background: url(image/blockquote3-t.gif) no-repeat center top; }  
.sample3 blockquote {  
    background: url(image/blockquote3-b.gif) no-repeat center bottom;  
    padding: 40px;  
    color: #AAA;  
 }  
 .sample3 p  {  
     margin-bottom: 12px;  
 }  
 .sample3 .origin    {  
     text-align: center;  
     margin-bottom:0;  
 }  
 .sample3 .origin a  {  
     color: #555;  
 }  
　
　

textarea{
	margin-bottom:5px;
}

.blockquote ul{	
	margin: 9px 13px 11px 13px ;
	padding: 0px 0px 0px 28px ;
}



/*************************************
*** 装飾（チェックボックスリスト) ***
*************************************/

.blockquote1 li {
	font-size: 12px;
	margin-bottom: 0.1em;
	font-weight:normal;
	background-image: url(http://pethotelok.seesaa.net/image/check1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:28px;
}


.blockquote2 li {
	font-size: 12px;
	margin-bottom: 0.1em;
	font-weight:normal;
	background-image: url(http://pethotelok.seesaa.net/image/check2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:28px;
}


.blockquote3 li {
	font-size: 12px;
	margin-bottom: 0.1em;
	font-weight:normal;
	background-image: url(http://pethotelok.seesaa.net/image/check3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:28px;
}


.blockquote4 li {
	font-size: 12px;
	margin-bottom: 0.1em;
	font-weight:normal;
	background-image: url(http://pethotelok.seesaa.net/image/check4.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:28px;
}


.blockquote5 li {
	font-size: 12px;
	margin-bottom: 0.1em;
	font-weight:normal;
	background-image: url(http://pethotelok.seesaa.net/image/check5.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:28px;
}


.blockquote6 li {
	font-size: 12px;
	margin-bottom: 0.1em;
	font-weight:normal;
	background-image: url(http://pethotelok.seesaa.net/image/check6.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:28px;
}


.blockquote7 li {
	font-size: 12px;
	margin-bottom: 0.1em;
	font-weight:normal;
	background-image: url(http://pethotelok.up.seesaa.net/image/yaji.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:28px;
}


.blockquote8 li {
	font-size: 12px;
	font-weight:normal;
        list-style:none;
    　　margin-left:10px;
    　　padding-left:28px;
    　　list-style-type: none;
       float : left;
        display : inline;
      
}



.blockquote8 a {
   display: block; /* ★ブロック化 */
   margin: 0.1em; /* 外側の余白 */
   padding: 0.3em; /* 内側の余白 */
   width: auto; /* 横幅 */
   
   text-decoration: none; /* 下線を消す */
   
   background-color: #FAFCFC; /* ★背景色 */
   color: #3300FF; /* 文字色 */
   border-width: 1px; /* ★枠線の太さ */
   border-style: outset; /* ★凸型に見えるように */
   border-color: #6666CC; /* ★枠線のベース色 */
}
.blockquote8 a:hover {
   background-color: #B6D0E7; /* ★背景色 */
   color: white; /* 文字色 */
   border-style: inset; /* ★凹型に見えるように */
   text-decoration: none; /* 下線を消す */
  
}


.blockquote9 li {
	font-size: 12px;
	font-weight:normal;
        list-style:none;
    　　margin-left:0px;
    　　padding-left:0px;
    　　list-style-type: none;
       float : left;
        display : inline;
      
}



.blockquote9 a {
   display: block; /* ★ブロック化 */
   margin: 0.1em; /* 外側の余白 */
   padding: 0.3em; /* 内側の余白 */
   width: auto; /* 横幅 */
   
   text-decoration: none; /* 下線を消す */
   
   background-color: #FAFCFC; /* ★背景色 */
   color: #3300FF; /* 文字色 */
   border-width: 1px; /* ★枠線の太さ */
   border-style: outset; /* ★凸型に見えるように */
   border-color: #6666CC; /* ★枠線のベース色 */
}
.blockquote9 a:hover {
   background-color: #B6D0E7; /* ★背景色 */
   color: white; /* 文字色 */
   border-style: inset; /* ★凹型に見えるように */
   text-decoration: none; /* 下線を消す */
  
}




.blockquotemenu {
	background-image: url(http://pethotelok.seesaa.net/image/mi-f1.jpg);
	font-size: 12px;
	background-repeat: no-repeat;
	line-height: normal;
	border-style: none;
	padding:15px 0px 15px 25px;
	background-position: left center;
	margin-left: 5px;
	font-weight: bold;
	color: #cc0000;
	left: -25px;
}

/*************************************
*** ロールオーバーCSS ***
*************************************/
a#photolink {
   display: block;
   width: 139px; /* 画像1枚分の横幅 */
   height: 79px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://pethotelok.up.seesaa.net/image/burogumura.png"); /* 画像ファイル名 */
float: left;
margin-left: 15px;
}

a#photolink:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/*************************************
*** 文字を太文字に変更するCSS ***
*************************************/

.b{
	font-weight:bold;
}

/*************************************
*** 背景を蛍光黄色と太文字に変更するCSS ***
*************************************/

.y{
	font-weight:bold;
	background-color : yellow
}

/*************************************
*** 赤に文字色を変更するCSS ***
*************************************/

.r{
	color:red;
}

/*************************************
*** 論理強調タグのCSS ***
*************************************/

em {
	font-weight: normal; 
	font-style: normal;
	text-decoration: none
}


strong {
	font-weight: normal; 
	font-style: normal;
	text-decoration: none
}


/*************************************
*** カテゴリ記事リスト
（サイトマップページ該当） ***
*************************************/

#clist {
	text-align:left;
	border: 1px solid #B6D0E7;
	font-size: 13px;
	list-style-type: none;
	margin: 5px 5px 25px 5px ;
	text-decoration: none;
	background-color: #F7FAFD;
	padding: 5px 10px 10px 10px ;
}


#clist ul{
	margin: 11px 13px 11px 13px ;
}


#clist li {
	margin-bottom: 1em;
	font-size: 90%;
	font-weight:normal;
	background-image: url(http://pethotelok.seesaa.net/image/yaji.gif);
	background-repeat: no-repeat;
	background-position: left center;
	list-style:none;
	padding-left:15px;

}


#clist h2 {
	background-image: url(http://pethotelok.seesaa.net/image/mi-f1.jpg);
	font-size: 14px;
	background-repeat: no-repeat;
	line-height: normal;
	border-style: none;
	padding-left: 25px;
	background-position: left center;
	margin-left: 5px;
	background-color: #F7FAFD;
}


/*************************************
*** アドセンス部分 ***
*************************************/

.ads1 {
	text-align:left;
	top: 230px;
	padding: 5px;
	font-size: 10px;
}

.ads2 {
	padding: 0px;
	color: #000000;
	height: 155px;
	top: 0px;
	margin: 10px 0px 0px 0px;
	width: 420px;
　　　　font-size: 10px;
}

.ads2 li{
	margin: 3px;
	font-size: 10pt; 
　　　　list-style: none;
　　　
}

.ads1 li{
	margin: 8px;
	font-size: 10pt; 
　　　　list-style: none;
}

.pager{
	text-decoration: none;
	color:#a8a8a8;
	height: 35px;
	text-align: center;
	font-size: 10px;
	height: 16px;
	color: #333333;
	float: left;
	width: 430px;
	background-color: #F7F7F7;
	padding: 5px 5px 0px 5px ;
	margin: 10px 2px 2px 2px;
	border-top:1px solid #ececec;
}

.pager a{
	font-weight:normal;
	text-decoration:none;
	color:#A8A8A8;
}


/*************************************
*** スポンサードリンクの記述CSS ***
*************************************/

.sponsored1 {
	top: 210px;
	text-align: left;
	font-size: 10px;
	font-family:"Tahoma", "Verdana", "Arial", sans-serif;
	height: 16px;
	color: #333333;
	background-color: #F7F7F7;
	margin: 0px 0px 0px 10px ;
	padding: 0px 0px 0px 5px ;
}

.sponsored2 {
	text-align: left;
	font-size: 10px;
	font-family:"Tahoma", "Verdana", "Arial", sans-serif;
	height: 16px;
	color: #333333;
	width: 415px;
	background-color: #F7F7F7;
	padding: 0px 0px 0px 10px ;
	margin: 1px;
	border-top:1px solid #ececec;
}


.come {
        text-align: left;
	font-size: 10px;
	font-family:"Tahoma", "Verdana", "Arial", sans-serif;
	height: 16px;
	color: #333333;
	width: 230px;
        height: auto;
	background-color: #FFCB32;
        margin: 2px 0px 0px 110px ;
	padding: 0px 0px 0px 5px ;
	
	border-top:1px solid #ececec;
}


/*************************************
*** 画像整列する場合のを右や左へ寄せる要素
　（　記事テキストエリア該当　） ***
*************************************/


.img{
	border: none;
}

/*********▽右寄せ▽**********/
.imgr{
	float: right;
}
/*********▽左寄せ▽**********/
.imgl{
	float: left;

}

/*********▽右や左の回り込み解除▽**********/
.clear { clear: both; } 
.clearleft { clear: left ; }
.clearright { clear: right ; }


/*********▽写真に枠▽**********/


.img-waku {
position: relative;
left: -5px;
top: -5px;
padding: 2px;
margin: 2px;
background: #CBCBFF;
border: 0px;
float: left;

} 

.img-waku img {
width:100px;
height:100px;
}





/************************************************************
　Copyright(C)F-wood Web Factory All Rights Reserved. 
*************************************************************/