/*ここは消さないで下さい!*/
/* Edited with EditCSS */
/*CSSLicense: jp-soft.com Tsunehisa Hazama*/

* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}


/* BODY-------------------------------*/
body {
	background: #778899;
	margin: 0;
	padding: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 75%;
	line-height:1.5;
	color: #666;
	list-style: none;
	text-align: center;
}

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

a:link, a:visited, a:active {color: #6699CC;text-decoration: none;}
a:hover{color : #FF6633;text-decoration: underline;}

/*引用属性*/
blockquote {
	width: 400px;
	height: 200px;
	overflow: auto;
	border: 1px solid #CCC;
	scrollbar-face-color: #DCEBF0;
	margin: 10px 20px 10px 20px;
	padding: 5px;
	text-align: left;
	}
	
/* テーブルの属性*/
table {margin: 0 0 0 10px; font-size: 12px; color: #999;}
td {padding: 5px;}

/* 基本設定 ----------------------------- */
#base{
	width: 840px;
	margin: 0 auto;
	background: url("http://www.link-tools.net/img/base_back.gif") repeat-y;
	text-align: center;
}

#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
	background: #FFF url("http://www.link-tools.net/img/header.gif") no-repeat;
}

/*  ヘッダー  */
#header {
	height:150px;
	margin: 0;
	color: #666;
}
#header h1{
	margin : 0;
	padding: 0;
	float: left;
	text-indent: -2000px;
}
#header h1 a {
	width:350px;
	height:100px;
	background: #FFF url("http://www.link-tools.net/img/header.gif") no-repeat;
	display: block;
}

#header .bdes{
	position: absolute;
	right: 10px;
	top: 3px;
	font-size: 85%;
	color: 999;
}

#header .navi{
	position: absolute;
	right: 5px;
	top: 128px;
}

#header .navi a{
	display: block;
	width: 100px;
	height: 20px;
	text-indent: 15px;
	text-decoration: none;
	color: #FFF;
	background: url("http://www.link-tools.net/img/navi01.gif") no-repeat;
	float: right;
}
#header .navi a:hover{
	color: #FFF;
	font-weight: bold;
	background: url("http://www.link-tools.net/img/navi02.gif") no-repeat;
}

/*  パンくずリスト  */
.navi2 {
	margin :0px;
	height: 18px;
	border-top: 2px solid #999;
	border-bottom: 1px solid #999;
	font-size: 85%;
	padding: 0 5px;
	text-align: left;
	color: #999;
}

.navi2 a {
	color: #6699CC;
	text-decoration: none;
}

.navi2 a:hover {
	color: #FF6633;
	text-decoration: underline;
}

/*  記事枠等の属性  */
#left {
	float: left;
	width: 565px;	
	margin: 5px 0;
	background: #FFF;
	overflow-x: hidden;	
}

#left h2 {
	margin: 0px 0px 10px 10px;
	border-bottom: 1px dotted #CC3366;
	background: url("http://www.link-tools.net/img/h_back.gif") no-repeat;
	color: #CC3366;
	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	text-align: left;
	text-indent: 25px;
	clear: both;
}

#left h3 {
	margin: 0 5px 0px 10px;
	border: 1px solid #DDD;
	background: #476685;
	color: #FFF;
	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	text-align: left;
	text-indent: 5px;
}
			
#left h3 a {
	text-decoration: none;
	color: #FFF;
}
					
#left h3 a:hover {
	color: #FF0000;
}

#left h4 {
	margin: 10px 0px 10px 10px;
	border-bottom: 1px dotted #DDD;
	background: url("http://www.link-tools.net/img/h_back2.gif") no-repeat;
	color: #176782;
	font: bold 100%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	text-align: left;
	text-indent: 20px;
	clear: both;
}

#left h5 {
	margin: 10px 0px 10px 10px;
	color: #666;
	font: normal 85%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	display: block;
	text-align: left;
}


#left .cont{
	margin: 0px 5px 20px 10px;
	border-style: solid;
	border-color: #DDD;
	border-width: 0 1px 1px 1px;
}

#left .cont div{
	padding: 10px;
	text-align: left;
	font:normal 100%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#left .info {
	width: 545px;
	height: 200px;
	margin: 0px 5px 20px 10px;
	text-align: left;
	background: url("http://www.link-tools.net/img/info.gif") no-repeat;
}

#left .info .doc2 {
	padding: 10px 230px 10px 10px;
	text-align: left;
}

#left .info div {
	padding: 0px 0px 3px 20px;
	text-align: left;
}

#left .doc {
	margin: 5px 25px;
	text-align: left;
}

#left p{
	margin: 10px 0;
}

/*  テンプレート表示トップページ用  */
#left .dlt {
	margin: 10px 0px 5px 11px;
	width: 100px;
	float: left;
	text-align: center;
}

#left .dlt .tpl{
	padding: 5px;
	text-align: center;
	border: 1px solid #DDD;
}

/*  テンプレート表示カテゴリーページ用  */
#left .dl {
	margin: 10px 5px 5px 10px;
	width: 170px;
	float: left;
	text-align: center;
}

#left .dl .tpl{
	padding: 5px;
	text-align: center;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#left .dl h3 {
	margin: 0;
	background: #476685;
	color: #FFF;
	font-size: 100%;
	display: block;
	text-align: left;
	text-indent: 5px;
}
			
#left .dl h3 a {
	text-decoration: none;
	color: #FFF;
}
					
#left .dl h3 a:hover {
	color: #FF0000;
}

/*  トップページ特殊表示  */
#left .top_right{
	width: 355px;
	float: right;
}

#left .top_img{
	float: left;
	margin: 0 5px;
}

/*  カテゴリー一覧  */

#left .cat01 ul{
	margin: 10px 0;
	padding: 0;
	list-style-type: none;
}
#left .cat01 li{
	float: left;
	margin: 0 5px 20px 30px;
	color: #666;
	font-size: 100%;
	text-align: left;
}
#left .cat01 img{
	margin: 0 5px;
	vertical-align: middle;
}

/*　詳細へ　*/
.next {
	margin : 10px 0;
}

.next a{
	float: right;
	width: 80px;
	height:20px;
	display: block;
	background: url("http://www.link-tools.net/img/more01.gif") no-repeat;
	text-decoration: none;
	text-align: center;
	color: #666;
}

.next a:hover{
	width: 80px;
	height:20px;
	display: block;
	background: url("http://www.link-tools.net/img/more02.gif") no-repeat;
	color: #FF0000;
}

/*　ダウンロードへ　*/
.next2 {
	margin : 5px 0;
}

.next2 a{
	width: 80px;
	height:20px;
	display: block;
	background: url("http://www.link-tools.net/img/more01.gif") no-repeat;
	text-decoration: none;
	text-align: center;
	color: #666;
}

.next2 a:hover{
	width: 80px;
	height:20px;
	display: block;
	background: url("http://www.link-tools.net/img/more02.gif") no-repeat;
	color: #FF0000;
}



/*  記事一覧  */
#left ol{
	margin: 0px 0px 20px 60px;
	text-align: left;
}

#left li{
	margin: 2px 0;
	font-size: 100%;
	color; #666;
}

#left .cform{
	margin: 0;
}

/*----- trackbacks & Comments-----*/

#left .post1,#left .post2 {
	border-top: solid 1px #AAAAFF;
	font-size: 12px;
	padding-top: 6px;
	margin-bottom: 30px;
}

#left #trackbackdata post1{
	font-size: 10px;
	color: #888;
	margin-bottom: 10px;
}

#left #tbdata,#left #tbdata p, #left #commentdata,#left #commentdata p{
	font-size: 12px;
	color: #888;
	margin-top: 0px;
	margin-bottom: 0px;
}

#left #commentdata .post2{
	margin-bottom: 10px;
	font-size:10px;
	text-align: right;
}
#left .error {
	font-size : 14px;
	color: red;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
}


/*  サイドメニュー等の属性  */
#right {
	float: right;
	width: 235px;
	margin: 0;
	background: #FFF;
	overflow-x: hidden;
}

#right h2{
	margin: 5px 10px 0 5px;
	border: 1px solid #555;
	background: url("http://www.link-tools.net/img/cat_back.gif") no-repeat;
	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}

#right .search{	
	margin: 0 10px 0 5px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#right .box{
	margin: 10px 15px;
	width: 200px;
	height: 200px;
	display: block;
	background: url("http://www.link-tools.net/img/r_box.gif") no-repeat;
}

#right .box div{
	padding: 20px 10px 10px 10px;
	text-align: center;
}

#right .box img{
	margin: 5px;
}

/*　検索窓　*/
#right .search div {
	padding: 10px;
	text-align: left;
}

/* カテゴリ指定 */
#right .cat{
	margin: 10px 0;
}

#right ul.menu{
	margin: 0 10px 0 5px;
	padding: 0;
	list-style-type: none;
}

#right ul.menu li{
	margin: 0 1px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#right ul.menu li.tc1{
	display: block;
	margin: 10px 0 0 0;
	background: url("http://www.link-tools.net/img/cat_back.gif") no-repeat;
	color: #FFF;
	font: bold 117%/1.7  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-indent: 5px;
	text-align: left;
}


#right ul.menu li a {
	display: block;
	margin: 0;
	padding: 5px 0px 5px 20px;
	background: #f5f5f5 url("http://www.link-tools.net/img/menu01.gif") no-repeat;
	color: #6600FF;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
	text-align: left;
}

#right ul.menu li a .des{
	padding: 5px;
	background: #f5f5f5;
	color: #3D7A8F;
	font: normal 85%/1.5  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align: left;
}

#right ul.menu li a:hover {
	background: #FFF url("http://www.link-tools.net/img/menu02.gif") no-repeat;
	font-weight: bold;
	color: #333;
}

#right ul.menu li a:hover .des {
	background: #FFF;
}

/* ご利用ガイド  */
#right .guide dl {
	margin: 0 10px 0 5px;
}

#right .guide dd a{
	margin: 0;
	padding: 5px 5px 5px 20px;
	color:#444;
	text-decoration:none;
	text-align: left;
	display: block;
	font-size: 100%;
	line-height: 120%;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: #f5f5f5 url("http://www.link-tools.net/img/menu03.gif") no-repeat;
}
		
#right .guide dd a:hover{
	color:#F20;
	background: #FFF url("http://www.link-tools.net/img/menu04.gif") no-repeat;
}


/*フッターナビ*/
#f_navi {
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 0px 5px 5px 5px;
	font-size: 85%;
}

#f_navi img{margin: 0 5px;border-style: none; vertical-align: middle;}

/* フッター-----------------*/
#footer {
	clear: both;
	width: auto;
	height: 35px;
	background: #00A0E9;
	margin: 0;
}
#footer div {
	float: right;
	margin: 0;
	padding: 5px 10px 0 0;
	color: #CCC;
	font-size: 85%;
	line-height: 1.0;
	text-align: right;
}
	
#footer a:link, #footer a:visited, #footer a:active {color: #FFF;text-decoration: none;}
#footer a:hover{color : #FFF;text-decoration: underline;}

#footer ul {
	margin: 0;
	padding: 0;
	float: left;
}
#footer li {
	list-style: none;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}
#footer ul li a {
	color: #666;
	text-decoration: none;
}

/*  フォームメール用  */
.comments-head{
	margin: 10px 10px 10px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #4A4A97;
	}

.comment-content{
	margin: 10px 0px 10px 10px;
	font-size: 12px;
	color: #666;
	line-height: 155%;
	}

.comment-view{
	margin: 0px 0px 10px 10px;
	font-size: 12px;
	color:  #3399CC;
	line-height: 155%;
	}

/*  CSS切替用  */
.changecss{
	position: absolute;
	right: 10px;
	top: 0px;
	text-align: right;
	font-size: 85%;
}

/*  W3C  */
.w3c {
	margin: 15px 0;
	text-align: center;
}

#foot {
width: 780px;
cloear:both;
text-align:right;
margin:3px;

}

#foot ul {
list-style-type:none;
font-size:10px;
}

#foot li {
display:inline;

margin-left:1em;
line-height:2em;
}

#foot a{color: #333;text-decoration: none;}