@charset "UTF-8";

/* main-contents
-----------------------------------*/
#main-contents {
	display: inline;
	float: left;
	margin: 0 15px 50px 0;
	width: 500px;
}

	/*- entry
	---------------------------*/
	.entry-date {
		margin: 0 0 3px 0;
		color: #001364;
		font-weight: bold;
		font-size: 1.2em;
		letter-spacing: 1px;
	}
	
	#entry-container {
		width: 487px;
		padding: 0 0 0 10px;
		border-left: 3px solid #F5F5F5;
	}
	
	/*-- entry head
	---------------------------*/
	#entry-head {
	}

	#entry-head h1 {
		margin: 0 0 8px -10px;
		background: url(/images/common2/entry_title_bg02.png) left bottom no-repeat;
	}

	#entry-head h1 span {
		display: block;
		padding: 8px 10px 8px 10px;
		background: url(/images/common2/entry_title_bg01.png) left top no-repeat;
		color: #FFFFFF;
		font-size: 1.6em;
		line-height: 1.2;
		letter-spacing: 1px;
	}
	
	#entry-head .tweetmeme {
		float: right;
		width: 70px;
		margin: 0 0 12px 0;
	}
	
	#entry-head .sbs-btn {
		float: right;
		width: 141px;
		margin: 0 0 12px 0;
		text-align: right;
	}
	
	
	/*-- entry body
	---------------------------*/
	#entry-body {
		clear: both;
		margin: 0 0 50px 0;
	}
	
	#entry-body h2 {
		margin: 40px 20px 8px 0;
		padding: 0px 0 2px 5px;
		border-bottom: 1px solid #884358;
		color: #884358;
		font-size: 1.4em;
		line-height: 1.4;
		letter-spacing: 1px;
	}

	#entry-body h3 {
		font-size: 1.3em;
		line-height: 1.6;
	}

	#entry-body p {
		width: 460px;
		margin: 5px 0 1.8em 0;
		color: #343C49;
		font-size: 1.3em;
		line-height: 1.6;
		letter-spacing: 0px;
	/*	text-align: justify;  for modern browser */
	/*	text-justify: inter-ideograph;  IE6～8 */		
	}

	#entry-body img.sample-photo {
		border: 5px solid #EEEEEE;
		/*padding: 5px;
		background: url(/images/common2/dot_bg.gif) left top repeat;*/
	}

	#entry-body ul {
		width: 420px;
		margin: 5px 0 1.8em 0;
	}

	#entry-body ul li {
		padding: 0 0 0 1em;
		color: #343C49;
		font-size: 1.3em;
		line-height: 1.8;
		letter-spacing: 0px;
		text-indent: -1em;
	}

	#entry-body table.code-hyo {
		width: 460px;
		margin: 5px 0 1.8em 0;
		border-collapse: collapse;
	}

	#entry-body table.code-hyo th {
		padding: 5px 5px 5px 5px;
		border-bottom: 1px dotted #999;
		font-weight: bold;
		font-size: 1.3em;
		line-height: 1.4;
		text-align: left;
		vertical-align: top;
		white-space: nowrap;
	}

	#entry-body table.code-hyo td {
		width: 100%;
		padding: 5px 5px 5px 5px;
		font-size: 1.3em;
		line-height: 1.4;
		border-bottom: 1px dotted #999;
	}

	#entry-body pre {
		overflow: auto;
		width: 450px;
		margin: 5px 0 20px 0;
		padding: 0 0 0 1em;
		border: 1px solid #D8E6EB;
		background-color: #FDFDFD;
		font-size: 12px;
		line-height: 1.5;
		letter-spacing: 0px;
	}
	#entry-body pre a {
		padding: 0 0 0 0;
		background: none;
	}

	#entry-body a.popup {
		padding: 1px 0 1px 25px;
		background-position: 3px center;
		background-repeat: no-repeat;
	}

	#entry-body a.download {
		padding: 1px 0 1px 25px;
		background-position: 3px center;
		background-repeat: no-repeat;
	}

	/*-- reference-area
	---------------------------*/
	#reference-area {
		margin: 0 0 50px 0;
	}
	
	#reference-area .title {
		margin: 0 0 15px -10px;
/*		padding: 1px 0 1px 10px;
		background: #0044A1 url(/images/common2/captitle_bg.gif) left top repeat;*/
	}
/*	#reference-area .title img {
		margin: 8px 0 8px 0;
		color: #FFFFFF;
		font-size: 1.4em;
		line-height: 1.2;
		letter-spacing: 1px;
		vertical-align: middle;
	}*/

	#reference-area .page {
		font-size: 1.2em;
		line-height: 1.3;
	}

	#reference-area .page a {
		display: block;
		margin: 0 0 10px 0;
		padding: 0 0 0 20px;
		background-position: left top;
		background-repeat: no-repeat;
	}


	/*-- trackback-area
	---------------------------*/
	#trackback-area {
		margin: 0 0 30px 0;
	}
	
	#trackback-area .title {
		margin: 0 0 15px -10px;
/*		padding: 1px 0 1px 10px;
		background: #0044A1 url(/images/common2/captitle_bg.gif) left top repeat;*/
	}
/*	#trackback-area .title img {
		margin: 8px 0 8px 0;
		color: #FFFFFF;
		font-size: 1.4em;
		line-height: 1.2;
		letter-spacing: 1px;
		vertical-align: middle;
	}*/

	#trackback-area .url input {
		width: 460px;
		padding: 5px;
		border: 2px solid #EEEEEE;
		background-color: #FAFAFA;
		color: #343C49;
		font-size: 1.3em;
	}


	/*-- comment-area

	---------------------------*/
	#comment-area {
	}
	
	#comment-area .title {
		margin: 0 0 20px -10px;
	/*	padding: 1px 0 1px 10px;
		background: #0044A1 url(/images/common2/captitle_bg.gif) left top repeat;*/
	}
/*	#comment-area .title img {
		margin: 8px 0 8px 0;
		color: #FFFFFF;
		font-size: 1.4em;
		line-height: 1.2;
		letter-spacing: 1px;
		vertical-align: middle;
	}*/
	
		/*--- comment-list
		---------------------------*/
		#comment-area .comment-list {
		
		}
		
		.comment-list .jot-row {
			margin: 0 0 15px 0;
			zoom: 1;/*for IE 5.5-7*/
		}

		.comment-list .jot-row:after {/*for modern browser*/
			content: ".";
			clear: both;
			display: block;
			height: 0;
			line-height: 0;
			visibility: hidden;
		}

		.jot-row-alt { /* user */	}
		.jot-row-author { /* admin */	}
		.jot-row-me { /* ログイン中のadmin */ 	}
		.jot-row-up { /* 非公開 */	}
		.jot-row-new { /* 新着 */	}
		
		.jot-row .box-l {
			float: left;
			width: 60px;
		}

		.jot-row .no {
			margin: 0 0 2px 0;
			font-size: 1.1em;
		}
		
		.jot-row .photo {
			margin: 0 0 2px 0;
			width: 58px;
			height: 58px;
			border: 1px solid #DCDCDC;
			background: url(/images/common2/comment_post_user.gif) left top no-repeat;
		}

		.jot-row-alt .photo { /* user */
		}

		.jot-row-author .photo { /* admin */
			background: url(/images/common2/comment_post_author.gif) left top no-repeat;
		}
		.jot-row-me .photo { /* admin */
			background: url(/images/common2/comment_post_author.gif) left top no-repeat;
		}
		
		.jot-row .postedby {
			font-size: 1.1em;
		}


		.jot-row .box-r {
			float: right;
			width: 427px;
			background: url(/images/common2/balloon_bg_bottom.gif) left bottom no-repeat;
		}
		
		.jot-row .msg-title {
			min-height: 22px;	/*モダンブラウザに適用*/
			height: auto !important;	/*モダンブラウザに適用*/
			height: 22px;	/*全ブラウザに適用*/
			padding: 8px 15px 5px 23px;
			background: url(/images/common2/balloon_bg_top.gif) left top no-repeat;
			color: #343C49;
			font-size: 1.3em;
			line-height: 1.5;
		}

		.jot-row .message {
			padding: 0 15px 10px 23px;
			color: #343C49;
			font-size: 1.3em;
			line-height: 1.5;
		}

		.jot-row .note {
			padding: 0 15px 10px 23px;
			text-align: right;
		}

		.jot-row .note .homepage {
			font-size: 1.1em;
		}
		.jot-row .note .homepage img {
			margin: 0 2px 0 0;
		}

		.jot-row .note .posted-date {
			padding: 0 0 0 10px;
			color: #666666;
			font-size: 1.1em;
		}


		/*------編集・削除ボタン------*/
		.comment-list .jot-mod {
		}

		.comment-list .jot-mod a {
			display: inline;
			float: left;
			margin-right: 2px;
		}

		.comment-list .jot-mod-edit {
		}

		.comment-list .jot-mod-edit a {
			float: left;
		}

		.comment-list .jot-editby {
			clear: left;
			text-align: right;
			font-style: italic;
			margin-right: 1em;
		}


		/*--- Pagenation
		---------------------------*/
		#comment-area .pagenation {
			margin: 0 0 30px 0;
		}

		#comment-area .pagenation .page {
			margin: 0 0 5px 0;
			font-size: 1.1em;
			text-align: center;
		}

		#comment-area .pagenation ul {
			text-align: center;
		}

		#comment-area .pagenation ul li {
			display: inline;
			font-size: 1.1em;
		}


		/*--- Moderate
		---------------------------*/
		#comment-area .moderate {
			margin: 0 0 20px 0;
		}

		#comment-area .moderate p {
			margin: 0 0 5px 0;
			font-size: 1.1em;
		}

		#comment-area .moderate ul li{
			margin: 0 0 5px 0;
			font-size: 1.1em;
		}


		/*--- post-comment
		---------------------------*/
		#comment-area .post-comment {
		
		}
		
		.post-comment legend {
			display: none;
		}
		
		.post-comment form dt {
			margin: 0 0 2px 0;
			font-size: 1.1em;
			line-height: 1.2;
		}
		
		.post-comment form dt .required {
			color: #EE0000;
		}
		
		.post-comment form dd {
			margin: 0 0 10px 0;
		}
		
		.post-comment form dd input,
		.post-comment form dd textarea {
			font-size: 1.2em;
			line-height: 1.4;
		}
		
		.post-comment form #name {
			width: 12em;


		}
		
		.post-comment form #title {
			width: 24em;
		}
		
		.post-comment form #url {
			width: 32em;
		}

		.post-comment form #content {
			width: 32em;
		}
		
		.post-comment form .vericode-image img {
			margin: 0 0 5px 0;
			border: 1px solid #CCCCCC;
		}

		.post-comment form #vericode {
			display: block;
			width: 12em;
			vertical-align: top;
		}

		.post-comment form .submit label {
			display: none;
		}

		.post-comment form .submit input {
			margin: 5px 0 0 0;
			outline: none;
		}

/* sub-contents1
-----------------------------------*/
#sub-contents1 {
	display: inline;
	position: relative;
	float: right;
	margin: 0 0 50px 25px;
	width: 140px;
}

#sub-contents1 #go-top {
	position: absolute;
	top: 570px;
	left: 0;
	zoom: 1;
}


/* sub-contents2
-----------------------------------*/
#sub-contents2 {
	display: inline;
	float: right;
	margin: 0 0 50px 0;
	width: 200px;
}


#sub-contents2 .tips-wrap {
	width: 200px;
}

	/*-- tips-box
	---------------------------*/
	#tips-wrap .tips-box {
		margin: 7px 0 0 0;
		zoom: 1;/*for IE 5.5-7*/
	}

	#tips-wrap .tips-box:after {/*for modern browser*/
		content: ".";
		clear: both;
		display: block;
		line-height: 0;
		height: 0;
		visibility: hidden;
	}

	#tips-wrap .tips-box .cate-title {
		padding: 10px 0 10px 25px;
		background-color: #F7F7F7;
		font-weight: bold;
		font-size: 1.2em;
		line-height: 1.4;
		background: url(/images/common2/tips_menu_title.png) left top no-repeat;
	}

	#tips-wrap .tips-box ul {
		overflow: hidden;
		border: 1px solid #CCCCCC;
	}
	
	#tips-wrap .tips-box ul li {
		margin: 0 0 -1px 0;
		padding: 0 0 1px 0;
		background: url(/images/common2/dot_line.gif) left bottom repeat-x;
	}

	#tips-wrap .tips-box ul li a {
		display: block;
		margin: 1px 0 0 0;
		padding: 10px 15px 9px 15px;
		background: url(/images/common2/ico_arrow-s_bl.gif) 5px 14px no-repeat;
		font-size: 1.1em;
		line-height: 1.5;
		zoom: 1;
	}
	
	#tips-wrap .tips-box ul li.active,
	#tips-wrap .tips-box ul li a:hover,
	#tips-wrap .tips-box ul li a:active {
		background-color: #FFFFEE;
	}

	#tips-wrap .tips-box ul li a .new-ico {
		padding: 0 0 0 2px;
		color: #EE0000;
		letter-spacing: -1px;
	}

/*	#tips-wrap .tips-box .even {
		background-color: #FFFFFF;
	}
	#tips-wrap .tips-box .odd {
		background-color: #FFFFFF;
	}
	#tips-wrap .tips-box .over {
		border: 1px solid #FEC90C;
		background-color: #FFFFEE;
		overflow: hidden;
		margin: -1px -1px 0px -1px;
	}*/