/*
=============================================================================================
スタイルシートの基本設定
=============================================================================================
*/
@charset "utf-8";

*{
   margin:0px;
   padding:0px;
   font-weight:normal;
   list-style-type:none;
   line-height:normal;
   text-align:left;
   border:none;
   text-decoration:none;
   
   font-style:normal;
   font-size:16px;
}
html {
   background-image: url("background_01.png")
}
body{
   margin:10px 40px 10px 10px;
   padding:10px;
   background-color:#fff;
}

img{
	margin-top:20px;
	margin-bottom:20px;
   border:none;
}


a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	text-decoration:underline;
	color: #006;
}
a:active {
}

/* sprites */
.sprites {
   background-image:url("works_sprites.png");
	background-repeat:no-repeat;
}
.sprites span {
   display:none;
}

/* site link */
#site_target_link{
   position:fixed;
   top:10px;
   right:0px;
   width:26px;
}
#site_target_link ul{}
#site_target_link li{
	background-position:-509px 0;
	background-repeat:no-repeat;
}
#site_target_link li span{
   display:none;
}
#site_target_link .sprites {
   width:26px;
   height:90px;
   display:block;
}
#site_target_link .works {
	background-position:0 0;
}
#site_target_link .app {
	background-position:-26px 0;
}
#site_target_link .index_webboard_design{
	background-position:-52px 0;
}
#site_target_link .WebBoardSSI{
	background-position:-78px 0;
}


/* in page link */
#inpage a{
   position:fixed;
   bottom:10px;
   right:4px;
   
   width:16px;
   height:16px;
	display:block;
	
	background-position:-562px -7px;
}
#inpage span {
   display:none;
}




/*
=============================================================================================
トップタイトル部
=============================================================================================
*/
#contents_title {
	background-position:0 -90px;
	display: block;
	height: 60px;
	width: 530px;
   margin-bottom:20px;
}


h2.contents_sub_title {
	background-color:#999;
	padding:5px 10px;
   margin-top:60px;
	margin-bottom:5px;
   
   position:relative;
}



/* ---------------------------------
メニュー */
#pageIndex {
   margin-top:20px;
}
#pageIndex li {
   list-style-type:circle;
   margin-left:30px;
   padding-left:2px;
   line-height:24px;
}

/* --------------------------------- */

/* WebBoardとは？ */
#index_info{}
/* WebBoardの主な機能 */
#index_kinou{}
#index_kinou ul{}
#index_kinou li{
   list-style-type:disc;
   margin-left:30px;
   padding-left:2px;
   line-height:22px;
}
/* 他のページまたはサイトとの連動 */
#index_rendo{}
#index_rendo ul{}
#index_rendo li{
	border-width:1px;
	border-color:#CCC;
	border-style:none none dashed none;
	padding-bottom:10px;
	margin-bottom:1em;
}
#index_rendo .sample {
   line-height:40px;
   padding-left:20px;
	background-position:-562px -37px;
}


/*デザイン*/
#index_webboard_design{}
#index_webboard_design ul{
   margin-top:10px;
   margin-left:10px;
}
#index_webboard_design li{
   padding-left:20px;
	background-position:-562px -37px;
	margin:3px 0;
	
   font-size:12px;
   color:gray;
}
#index_webboard_design li a{
   margin-right:5px;
}
/*更新通知（PING）送信*/
#index_ping{}
/*セキュリティ*/
#index_security{}
/*WebBoardのXMLを利用したデモ*/
#WebBoardSSI{}
/*スポンサー*/
#index_moushikomi{}
#index_moushikomi ul {}
#index_moushikomi li {}
#index_moushikomi li a {
}
#index_moushikomi li .sprites{
	background-position:-565px -68px;
   padding-right:46px;
   margin-left:5px;
}



/* APP */
#app{}
#app ul{
   margin-top:10px;
   margin-left:10px;
}
#app li{
   padding-left:20px;
	background-position:-562px -37px;
   margin:3px 0;
}
#app li .gray {
   display:inline;
   color:#aaa;
}
#app li .info {
   display:inline;
   margin-left:10px;
   font-size:12px;
   color:#555;
}


#app li, #app li a{
   font-size:14px;
}


/*
=============================================================================================
クレジット
=============================================================================================
*/
#credit {
	font-style: normal;
	line-height: normal;
	text-decoration: none;
	text-align: right;
	clip: rect(auto,auto,auto,auto);
	margin-top:100px;
   border-style:solid none none none;
   border-width:1px;
   border-color:#111;

}
#credit a{
	font-size: 12px;
}