/*
-------------------------------------------------------------------------------------
handcol.com style sheet
base
-------------------------------------------------------------------------------------
*/




/*
------------------------------------------------------------------------------------
[共通項目]
------------------------------------------------------------------------------------
*/

/* [文字] */
@charset "EUC-JP";

/* [幅] */
* {margin:0;padding:0;}

/* [見出し] */
h1,h2,h3,h4,h5 {display:inline;font-size:100%;font-weight:normal;font-style:normal;}

/* [強調] */
strong,em {font-weight:normal;font-style:normal;}



/* [画像]:start */
/* ----------------------------------------- */
img {border:0px}
/* ----------------------------------------- */
/* [画像]:end */


/* [修飾カラー]:start	*/
/* ----------------------------------------- */
.text_c_red {color:#cc2222;}
/* ----------------------------------------- */
/* [修飾カラー]:end */


/* [レイアウト]:start */
/* ----------------------------------------- */
/* [回りこみ終了] */
#float_clear {clear:both;}
/* ----------------------------------------- */
/* [レイアウト]:end */


/* [ボーダー]:start */
/* ----------------------------------------- */
/* [ボーダーなし] */
.noborder {border:none;text-decoration: none;}
/* ----------------------------------------- */
/* [ボーダー]:end */


/*
------------------------------------------------------------------------------------
	body
------------------------------------------------------------------------------------
*/

body
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	background-color:#f2f2f2;
	font-family:"ＭＳ Ｐゴシック", Verdana;
}

/*
-------------------------------------------------------
	囲み一覧
-------------------------------------------------------
*/

/* [メインコンテンツBOX:box] */
#maincontents_box
{
	overflow: hidden;
	float:left;
	width:100%;
	margin-right:-288px; /* [ネガティブマージン(ナビゲーションにボーダーがある場合には、その分だけ−を足す] */
	margin-top:0px;
		background-color:#d6e7e9;
		background-repeat:repeat-y;
}

/* [メインコンテンツ:内容] */
#maincontents
{
	margin-right:288px; /* [ネガティブマージン補足(ナビゲーションにボーダーがある場合には、その分だけ足す)] */
	zoom:100%;
	border:solid #aaa;
	border-width: 0px 0px 0px 0px;
	background-color:#f2f2f2;
}

/* [ナビゲーション] */
#navigation
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 40px 0px;
	float:left;
	width:288px; /* [マージン] */
	background-color:#d6e7e9;
}

/*
-------------------------------------------------------
	 #header_title (ヘッダ：タイトル部分)
-------------------------------------------------------
*/

/* [囲み] */
#header_title
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
	height:84px;
	background-image:url("../images/header_title_bg.png");
	background-repeat:repeat-x;
	background-position:0% 0%;
	background-color:#73b8f3;
	border:solid #9bb9dd;
	border-width: 0px 0px 1px 0px;
}

/* [タイトル画像] */
#header_title_grp
{
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	border:none;
}


/*
-------------------------------------------------------
	 #header_menu (ヘッダ メニュー)
-------------------------------------------------------
*/

/* [囲み] */
#headder_menu
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 2px 40px; /* 40px - 4px */
	background-color:#fafafa;
	border:solid #d3d3d3;
	border-width: 0px 0px 1px 0px;
	font-size: 95%;
}

/* [ul] */
#headder_menu ul
{
	display:inline;
}

/* [li] */
#headder_menu li
{
	padding: 0px 0px 0px 0px;
	display:inline;
	color:#777777;
}

/* [アイコン(最初)] */
#headder_menu .icon_first
{
}

/* [アイコン(2番目以降)] */
#headder_menu .icon_next
{
	padding: 3px 0px 0px 5px;
	color:#777777;
	border:solid #aaaaaa;
	border-width: 0px 0px 0px 1px;
}

	/*
	-------------------------------------------------------
		アンカーリンク
	-------------------------------------------------------
	*/
	/* [a] */
	#headder_menu a
	{
		padding:0px 0px 0px 3px;
		color:#333333;
		text-decoration:none;
	}
	
	/* [a:visited] */
	#headder_menu a:visited
	{
		color:#333388;
		text-decoration:none;
	}
	
	/* [a:hover] */
	#headder_menu a:hover
	{
		color:#dd3333;
		text-decoration:none;
	}

/*
-------------------------------------------------------
	 headderlistnavi (ヘッダのリストナビ)
-------------------------------------------------------
*/

/* [囲み] */
#maincontents #listnavi
{
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	background-color:#fafafa;
	border:solid #cacaca;
	border-width: 0px 0px 1px 0px;
	font-size:95%;
}

/* [ul] */
#maincontents #listnavi ul
{
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;
}

/* [li] */
#maincontents #listnavi li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #222;
	display:inline;
}

/* [現在位置] */
#maincontents #istnavi li.now
{
	color:#000000;
}

	/*
	-------------------------------------------------------
		アンカーリンク
	-------------------------------------------------------
	*/
	#maincontents #headderlistnavi a{	border:dotted #555;border-width: 0px 0px 1px 0px;}
	#maincontents #headderlistnavi a:link {color:#555;text-decoration:none;}
	#maincontents #headderlistnavi a:visited{color:#55a;text-decoration:none;}
	#maincontents #headderlistnavi a:hover{color:#bb3355;text-decoration:none;}


/*
-------------------------------------------------------
	 siteconcept (サイトの説明)
-------------------------------------------------------
*/

/* [囲み] */
#siteconcept
{
	margin: 20px 10px 0px 0px;
	padding: 8px 0px 8px 40px;
	font-size:95%;
	line-height:150%;
	color:#444;
}

/*
-------------------------------------------------------
	 siteinformation (サイトの情報)
-------------------------------------------------------
*/

/* [囲み] */
#siteinformation
{
	margin: 10px 10px 0px 0px;
	padding: 8px 0px 8px 40px;
	color:#000;
	line-height:150%;
	font-size:95%;
}


/*
-------------------------------------------------------
	 appearentry (以下は最新記事　のアピール文)
-------------------------------------------------------
*/

/* [囲み] */
#appearentry
{
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	color:#a00;
	font-size:95%;
}


/*
--------------------------------------------------------------------------------------------------------------
	navigation項目
--------------------------------------------------------------------------------------------------------------
*/

/*
-------------------------------------------------------
	product (作製したコンテンツ一覧)
-------------------------------------------------------
*/

/* [囲み] */
#navigation #product
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	/*
	-------------------------------------------------------
		アンカーリンク
	-------------------------------------------------------
	*/
	#navigation #product a{color:#555;text-decoration:none;}
	#navigation #product a:link {color:#555;text-decoration:none;}
	#navigation #product a:visited{color:#555;text-decoration:none;}
	#navigation #product a:hover{color:#fff;text-decoration:none;background-color:#45c78e;}



	/*
	-------------------------------------------------------
		キャプション−プロダクト
	-------------------------------------------------------
	*/
	
	/* [囲み] */
	#navigation #product #caption_product
	{
		margin: 0px 0px 0px 0px;
		padding: 8px 0px 8px 0px;
		background-color:#b2d3d7;
		border:solid #7ea1a5;
		border-width: 0px 0px 1px 0px;
		font-size:95%;
	}
	
	/* [p] */
	#navigation #product #caption_product p
	{
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 0px 0px;
		color:#0d636b;
	}


	/*
	-------------------------------------------------------
		Loogo engine
	-------------------------------------------------------
	*/
	
	/* [囲み] */
	#navigation #product #loogo
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	/* [img Loogo engine] */
	#navigation #product #img_product_loogo
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border:solid #a9b6be;
		border-width: 0px;
	}

	/* [p] */
	#navigation #product p
	{
		margin: 5px 0px 0px 15px;
		padding: 0px 5px 0px 5px;
	}
/*
-------------------------------------------------------
	 Loginbox (ログインボックス）
-------------------------------------------------------
*/

/* [ログインボックス:囲み] */
#navigation #loginbox
{
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

	/* [入力欄: ログインボックス]:start */
	/* ----------------------------------------- */
	/* [囲み:入力欄: ログインボックス] */
	#navigation #loginbox #inputbox
	{
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
		width:161px;
		background-color:#ffe88c;
		background-image:url(../images/loginbox_footerr.gif);
		background-position:bottom;
		background-repeat:no-repeat;
	}
	
	/* [文章(キャプション): ログインボックス] */
	#navigation #loginbox #inputbox p
	{
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 0px;
		font-size:95%;
	}
	
	/* [ユーザID入力ボックス: ログインボックス] */
	#navigation #loginbox #inputbox input.userid
	{
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
		font-size:95%;
		width:120px;
	}
	
	/* [パスワード入力ボックス: ログインボックス] */
	#navigation #loginbox #inputbox input.userpassword
	{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		font-size:95%;
		width:120px;
	}
	
	/* [ログインボタン: ログインボックス] */
	#navigation #loginbox #inputbox input.loginbox_b_login
	{
		margin: 10px 0px 10px 7px;
		padding: 0px 0px 0px 0px;
	}
	
	
	/* ----------------------------------------- */
	/* [入力欄: ログインボックス]:end */


/*
-------------------------------------------------------
	MemberResistbox (新規会員登録ボックス）
-------------------------------------------------------
*/

/* [新規会員登録ボックス:囲み] */
#navigation #memberresistbox
{
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

/*
-------------------------------------------------------
	 freetext01_box (フリーテキスト01）
-------------------------------------------------------
*/

/* [囲み:フリーテキスト] */
#navigation #freetext01_box
{
	margin: 10px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
	border:dotted #696;
	border-width: 2px 0px 0px 0px;
}

/* [p:フリーテキスト] */
#navigation #freetext01_box p
{
	font-size:95%;
	line-height:130%;
	color:#222;
}

/*
-------------------------------------------------------
	contentslink_box (コンテンツリンク）
-------------------------------------------------------
*/

/* [囲み:コンテンツリンク] */
#navigation #contentslink_box
{
	margin: 10px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
	border:dotted #696;
	border-width: 2px 0px 0px 0px;
}

/* [ul:コンテンツリンク] */
#navigation #contentslink_box ul
{
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size:95%;
	line-height:130%;
	color:#222;
}

/* [li:コンテンツリンク] */
#navigation #contentslink_box li
{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	border:solid #c82;
	border-width: 0px 0px 0px 3px;
	list-style-type: none;
}

	/* [アンカーリンク: コンテンツリンク]:start */
	/* ----------------------------------------- */
	#navigation #contentslink_box a{color:#02f;}
	#navigation #contentslink_box a:link {text-decoration:none;}
	#navigation #contentslink_box a:visited{color:#237;text-decoration:none;}
	#navigation #contentslink_box a:hover{color:#dd3355;text-decoration:none;background-color:#ded;}
	/* ----------------------------------------- */
	/* [アンカーリンク: コンテンツリンク]:end */
	
/*
-------------------------------------------------------
	latestentries_box (最近の記事）
-------------------------------------------------------
*/

/* [囲み:最近の記事] */
#navigation #latestentries_box
{
	margin: 10px 10px 0px 10px;
	padding: 10px 0px 0px 0px;
	border:dotted #696;
	border-width: 2px 0px 0px 0px;
}

/* [項目名:最近の記事] */
#navigation #latestentries_box .caption
{
	margin: 0px 0px 0px 5px;
	padding: 0px 5px 0px 5px;
	font-size:small;
	color:#222;
	border:solid #585;
	border-width: 0px 1px 0px 1px;
}

/* [ul:最近の記事] */
#navigation #latestentries_box ul
{
	font-size:95%;
	color:#222;
}

/* [li:最近の記事] */
#navigation #latestentries_box li
{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

	/* [アンカーリンク:最近の記事]:start */
	/* ----------------------------------------- */
	#navigation #latestentries_box a{color:#02f;}
	#navigation #latestentries_box a:link {text-decoration:none;}
	#navigation #latestentries_box a:visited{color:#237;text-decoration:none;}
	#navigation #latestentries_box a:hover{color:#dd3355;text-decoration:none;background-color:#ded;}
	/* ----------------------------------------- */
	/* [アンカーリンク:最近の記事]:end */
	
/*
-------------------------------------------------------
	entrylog_box (記事のログ）
-------------------------------------------------------
*/

/* [囲み:記事のログ] */
#navigation #entrylog_box
{
	margin: 10px 10px 10px 10px;
	padding: 10px 0px 0px 0px;
	border:dotted #696;
	border-width: 2px 0px 0px 0px;
}

/* [項目名:記事のログ] */
#navigation #entrylog_box .caption
{
	margin: 0px 0px 0px 5px;
	padding: 0px 5px 0px 5px;
	font-size:small;
	color:#222;
	border:solid #585;
	border-width: 0px 1px 0px 1px;
}

/* [ul:記事のログ] */
#navigation #entrylog_box ul
{
	font-size:95%;
	color:#222;
}

/* [li:記事のログ] */
#navigation #entrylog_box li
{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
}

	/* [アンカーリンク:記事のログ]:start */
	/* ----------------------------------------- */
	#navigation #entrylog_box a{color:#02f;}
	#navigation #entrylog_box a:link {text-decoration:none;}
	#navigation #entrylog_box a:visited{color:#237;text-decoration:none;}
	#navigation #entrylog_box a:hover{color:#dd3355;text-decoration:none;background-color:#ded;}
	/* ----------------------------------------- */
	/* [アンカーリンク:記事のログ]:end */
	
/*
----------------------
	 counter (カウンタ)
----------------------
*/

/* [囲み] */
#siteinform #counter
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	border:solid #bbb;
	border-width: 0px 0px 0px 5px;
}

/* [Visitor] */
#siteinform #counter #c_visitor
{
	margin: 0px 0px 0px 0px;
	font-size:small;
	color:#0000aa;
}

/* [Number] */
#siteinform #counter #c_counter
{
	font-size:small;
	color:#333333;
}


/*
--------------------------------------------------------------------------------------------------------------
	 sitefooter (サイトフッタ)
--------------------------------------------------------------------------------------------------------------
*/

/* [囲み: フッタ] */
#sitefooter
{
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:solid #ccc;
	border-width: 1px 0px 0px 0px;
}

/*
--------------------------------------------------------------------------------------------------------------
	 systeminformation (システム情報)
--------------------------------------------------------------------------------------------------------------
*/

/* [囲み] */
#sitefooter #systeminformation
{
	margin: 10px 0px 0px 40px;
	padding: 0px 0px 40px 0px;
}

/* [署名] */
#sitefooter #systeminformation #signature
{
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-size:small;
	color:#000000;
	border:solid #aaa;
	border-width: 0px 0px 0px 5px;
}


/*
-------------------------------------------------------
	system_msg (システムメッセージ)
-------------------------------------------------------
*/

/* [囲み:システムメッセージ] */
#system_msg 
{
	margin: 30px 20px 60px 10px;
	padding: 0px 0px 0px 30px;
}

/* [タイトル見出し:システムメッセージ] */
#system_msg  h2
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 130%;
	font-weight:bold;
	border:solid #ff9900;
	border-width: 0px 0px 2px 0px;
}

	/* [エラー関連:システムメッセージ]:start */
	/* ----------------------------------------- */
	/* [囲み:エラー関連] */
	#system_msg #error_box
	{
		margin: 20px 0px 0px 0px;
	}
	
	/* [キャプション:システムメッセージ] */
	#system_msg #error_box .text_caption
	{
		color:#02a;
	}
	
		/* [エラー文:エラー関連]:start */
		/* ----------------------------------------- */		
		/* [囲み:エラー文] */
		#system_msg #error_box #text_errors
		{
			margin: 0px 0px 0px 10px;
			line-height:130%;
		}
		/* ----------------------------------------- */		
		/* [エラー文:エラー関連]:end */
		
		
		/* [戻るボタン:エラー関連]:start */
		/* ----------------------------------------- */		
		/* [ボタン:戻るボタン] */
		#system_msg #error_box #backlink
		{
			margin: 20px 0px 0px 20px;
		}
		
		/* [box:戻るボタン] */
		#system_msg #error_box #backlink .box
		{
			margin: 0px 0px 0px 0px;
			padding: 5px;
			background-color:#fff;
			border:dotted #555;
			border-width: 1px;
		}
		/* ----------------------------------------- */		
		/* [戻るボタン:エラー関連]:end */
	

/* [end] */