/* CSS Document */
html {  
    overflow-y:scroll;  
}

body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,dl,dt,dd,table,td,td,div{
   margin:0;
   padding:0;
}

body{
    text-align:left;
	font-size:12px;
	line-height:140%;
    padding:0;
    font-family: "ＭＳ Ｐゴシック",serif "Osaka";
	background:url(../img/bloglist/bg.gif) top left repeat-x ;
	color:#303030;
}

img{
   vertical-align:bottom;
   border:none;
}

ul{
   list-style-type: none;
   }

a:link { color: #02589b; } /* 通常（未アクセス）の色 */
a:visited { color: #02589b; } /* アクセス済みの色 */
a:hover { color: #ffb300; text-decoration: none; } /* ポイント時の色 */
a:active { color: #ffb300; } /* アクティブ時の色 */


/*---------------------------------------------
    高さ調整
---------------------------------------------*/
.floatclear
    {
     overflow: hidden;
}

.floatclear:after{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .floatclear{
    height: 1em;
    overflow: visible;
}
/**/

/*--------------------------------
    配置
-----------------------------------*/

.left{
      float:left;
}

.right{
      float:right;
}

/**-------------------------------------
           レイアウト調整
---------------------------------------*/
.height05{
   height:5px;
   display:block;
   margin:0;
   padding:0;
}


.height10{
   height:10px;
   display:block;
}

.height15{
   height:15px;
   display:block;
}

.height20{
   height:20px;
   display:block;
}

.height30{
   height:30px;
   display:block;
}

.height40{
   height:40px;
   display:block;
}

/*-------------------------------------
    背景
--------------------------------------*/

#frame{
    margin:0 auto;
	border-top:solid 4px #000;
	width:100%;
	background: url(../img/bloglist/footerbg.gif) bottom left repeat-x;
	}
/*-------------------------------------
    フレーム
--------------------------------------*/

#ContentsFrame{
    margin:0 auto;
	width:800px;
	background:url(../img/bloglist/footer.gif) no-repeat left bottom;
	}

/*-------------------------------------
    ヘッダー
--------------------------------------*/
#header{
    background:url(../img/bloglist/header.gif) no-repeat left top;
	height:89px;
	padding:0px 18px 0 0;
}

#header h1{
    padding:14px 0 0 12px;
	float:left;
}

/* お問い合せ */
#header p{
	float:right;
    height:31px; 
	margin:37px 0 0 0;
	text-indent:-999px;
   } /* text-indent:;によって、<a></a>内のテキストを消します。 */
			
#header p a {
     display:block;
	  height:31px; 
	 overflow:hidden;
			 } /* <li></li>内の<a></a>タグに適応されます。overflow:hidden;でNSブラウザなどで出るリンクのアンダーラインが消えます。 */

#header p a{
    width:82px;
    background: url(../img/bloglist/inquiry.gif);
}

#header p a:hover{
    width:82px;
    background:url(../img/bloglist/inquiry.gif) -82px 0;
}


/*----------------------------
    パンくずリスト
-----------------------------*/

#pankuzu{
	 }

#pankuzu span{
    margin:0 6px;
}

/*-------------------------------------
    コンテンツ
--------------------------------------*/

#contents{
    clear:both;
	width:756px;
	border-right:solid 4px #bdbdbd;
	border-bottom:solid 4px #bdbdbd;
	border-left:solid 4px #bdbdbd;
	background:url(../img/bloglist/contentsbg.gif) repeat-x top left;
	background-color:#FFFFFF;
	margin:0 18px;
	}

#contents h4{
     background:url(../img/title/h4_732.gif);
	 width:700px;
	 height:23px;
	 font-size:14px;
	 color:#FFFFFF;
	 padding:6px 10px 0 22px;
	 margin:0 0 13px 12px;
}

#contents h5{
     background-image:url(../img/title/h5_732.gif);
	 width:700px;
	 height:23px;
	 font-size:14px;
	 padding:6px 10px 0 22px;
	 margin:0 0 13px 12px;
	 clear:both;
	 }


#contents p{
    padding:12px;
}


/*----------------------------
　　ブログサービスリスト
-----------------------------*/

#ServiceList{
   margin:0 0 0 1.3em;
}

#ServiceList li{
    float:left;
	width:178px;
	height:40px;
	margin:0 4px 4px 0;
   text-indent:-999px;
   } /* text-indent:;によって、<a></a>内のテキストを消します。 */
			
#ServiceList li a{
     width:178px;
	 height:40px; 
     display:block;
	 overflow:hidden;
			 } /* <li></li>内の<a></a>タグに適応されます。overflow:hidden;でNSブラウザなどで出るリンクのアンダーラインが消えます。 */


/* Ameba howto01  */
#ServiceList li#menu01, #ServiceList li#menu01 a{
	background:url(../img/bloglist/howto01.gif);
}

#ServiceList li#menu01 a:hover{
    background:url(../img/bloglist/howto01.gif) 0 -40px;
}

/* arekao howto02 */
#ServiceList li#menu02, #ServiceList li#menu02 a{
	background:url(../img/bloglist/howto02.gif);
}

#ServiceList li#menu02 a:hover{
    background:url(../img/bloglist/howto02.gif) 0 -40px;
}

/* autopage howto03 */
#ServiceList li#menu03, #ServiceList li#menu03 a{
	background:url(../img/bloglist/howto03.gif);
}

#ServiceList li#menu03 a:hover{
    background:url(../img/bloglist/howto03.gif) 0 -40px;
}

/* biglobe howto04 */
#ServiceList li#menu04, #ServiceList li#menu04 a{
	background:url(../img/bloglist/howto04.gif);
}

#ServiceList li#menu04 a:hover{
    background:url(../img/bloglist/howto04.gif) 0 -40px;
}

/* ブログ民マイブロ howto05 */
#ServiceList li#menu05, #ServiceList li#menu05 a{
	background:url(../img/bloglist/howto05.gif);
}

#ServiceList li#menu05 a:hover{
    background:url(../img/bloglist/howto05.gif) 0 -40px;
}

/* ココログ howto06 */
#ServiceList li#menu06, #ServiceList li#menu06 a{
	background:url(../img/bloglist/howto06.gif);
}

#ServiceList li#menu06 a:hover{
    background:url(../img/bloglist/howto06.gif) 0 -40px;
}

/* excite howto07 */
#ServiceList li#menu07, #ServiceList li#menu07 a{
	background:url(../img/bloglist/howto07.gif);
}

#ServiceList li#menu07 a:hover{
    background:url(../img/bloglist/howto07.gif) 0 -40px;
}

/* FC2 howto08 */
#ServiceList li#menu08, #ServiceList li#menu08 a{
	background:url(../img/bloglist/howto08.gif);
}

#ServiceList li#menu08 a:hover{
    background:url(../img/bloglist/howto08.gif) 0 -40px;
}

/* フルーツブログ howto09 */
#ServiceList li#menu09, #ServiceList li#menu09 a{
    background:url(../img/bloglist/howto09.gif);
}

#ServiceList li#menu09 a:hover{
    background:url(../img/bloglist/howto09.gif) 0 -40px;
}

/* goo howto10 */
#ServiceList li#menu10, #ServiceList li#menu10 a{
	background:url(../img/bloglist/howto10.gif);
}

#ServiceList li#menu10 a:hover{
    background:url(../img/bloglist/howto10.gif) 0 -40px;
}

/* hatena howto11 */
#ServiceList li#menu11, #ServiceList li#menu11 a{
	background:url(../img/bloglist/howto11.gif);
}

#ServiceList li#menu11 a:hover{
    background:url(../img/bloglist/howto11.gif) 0 -40px;
}

/* jugem howto12 */
#ServiceList li#menu12, #ServiceList li#menu12 a{
	background:url(../img/bloglist/howto12.gif);
}

#ServiceList li#menu12 a:hover{
    background:url(../img/bloglist/howto12.gif) 0 -40px;
}

/* livedoor howto13 */
#ServiceList li#menu13, #ServiceList li#menu13 a{
	background:url(../img/bloglist/howto13.gif);
}

#ServiceList li#menu13 a:hover{
    background:url(../img/bloglist/howto13.gif) 0 -40px;
}

/* NINJATOOLS howto14 */
#ServiceList li#menu14, #ServiceList li#menu14 a{
	background:url(../img/bloglist/howto14.gif);
}

#ServiceList li#menu14 a:hover{
    background:url(../img/bloglist/howto14.gif) 0 -40px;
}

/* 楽天 howto15 */
#ServiceList li#menu15, #ServiceList li#menu15 a{
	background:url(../img/bloglist/howto15.gif);
}

#ServiceList li#menu15 a:hover{
    background:url(../img/bloglist/howto15.gif) 0 -40px;
}

/* seesaa howto16 */
#ServiceList li#menu16, #ServiceList li#menu16 a{
	background:url(../img/bloglist/howto16.gif);
}

#ServiceList li#menu16 a:hover{
    background:url(../img/bloglist/howto16.gif) 0 -40px;
}

/* so-net howto17 */
#ServiceList li#menu17, #ServiceList li#menu17 a{
	background:url(../img/bloglist/howto17.gif);
}

#ServiceList li#menu17 a:hover{
    background:url(../img/bloglist/howto17.gif) 0 -40px;
}

/* たまブロ 18 */
#ServiceList li#menu18, #ServiceList li#menu18 a{
	background:url(../img/bloglist/howto18.gif);
}

#ServiceList li#menu18 a:hover{
    background:url(../img/bloglist/howto18.gif) 0 -40px;
}


/* YAHOO!JAPANブログ howto19 */
#ServiceList li#menu19, #ServiceList li#menu19 a{
	background:url(../img/bloglist/howto19.gif);
}

#ServiceList li#menu19 a:hover{
    background:url(../img/bloglist/howto19.gif) 0 -40px;
}


/* ヤプログ howto20 */
#ServiceList li#menu20, #ServiceList li#menu20 a{
	background:url(../img/bloglist/howto20.gif);
}

#ServiceList li#menu20 a:hover{
    background:url(../img/bloglist/howto20.gif) 0 -40px;
}


/*----------------------------
    手順
-----------------------------*/
.flow{
	clear:both;
    padding:0 12px;
	margin:12px 0 12px 0;
	width:732px;
}


.flow h6{
	 clear:both;
     background: url(../img/title/h6.gif) no-repeat;
	 width:702px;
	 height:22px;
	 font-size:13px;
	 padding:4px 10px 0 20px;
	 margin:0 0 13px 0;
	 }

.explanation{
     float:left;
	 width:250px;
	 border:1px solid #ccc;
}

.explanation p{
	 padding:0 0 1em 0;
}


.flow img{
     float:right;
     margin:0;
	 padding:0;
}



/*-------------------------------------
    ページトップ
--------------------------------------*/
.pagetop{
	background:url(../img/icon/icon_pagetop.gif) no-repeat left center;
	width:72px;
	float:right;
	padding:0 0 0 17px;
	margin:5px 0 5px 0;
}

#pagetopbtm{
　　clear:both;
	background:url(../img/icon/icon_pagetop.gif) no-repeat left center;
	width:72px;
	float:right;
	padding:0 0 0 17px;
	margin:15px 0 50px 0;
}

/*--------------------------------------------------------
    フッター
---------------------------------------------------------*/

#footer{
    clear:both;
	color:#FFFFFF;
	font-size:12px;
}

#footer p{
     float:right;
	 margin:0 15px 15px; 
}

#footer a:link { color: #ffffff; text-decoration: none; } /* 通常（未アクセス）の色 */
#footer a:visited { color: #ffffff; text-decoration: none; } /* アクセス済みの色 */
#footer a:hover { color: #ffb300; text-decoration: none; } /* ポイント時の色 */
#footer a:active { color: #ffb300; } /* アクティブ時の色 */