/*
Theme Name: HOKENICHIBAN HOWTO
Theme URI: none
Description: HOKENICHIBAN HOWTO
Version: 1.0
Author: Garage034.com
Author URI: http://www.garage034.com/
*/

@charset "utf-8";

/* RESET DEFAULT */
h1,h2,h3,h4,h5,p { padding:0; margin:0; font-size:9px; line-height:1.0; font-weight:normal; }
dl,dt,dd,ul,ol,li,form { padding:0; margin:0; font-size:9px; line-height:1.0; font-weight:normal; list-style:none; }
object,embed { padding:0; margin:0; }
a { outline:0; }
img { vertical-align:bottom; }
/* RESET DEFAULT */

body {
	padding:0;
	margin:0;
	text-align:center;
	color:#FFF;
	background:#FFF url(images/bg.jpg) no-repeat center 0;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

a { color:#0F7E07; }
a:hover {
	color:#3CC;
	text-decoration:none;
}

#wrap {
	margin:0 auto;
	width:900px;
	text-align:left;
	position:relative;
	overflow:hidden;
}

/* HEAD */
#head {
	height:530px;
	position:relative;
}

#head h1 {
	margin:0 auto;
	color:#333;
	line-height:1.25;
	font-size:12px;
	text-align:center;
}
#head h2 {
	margin:0;
	position:absolute;
	left:60px;
	top:40px;
}
#head h3 {
	margin:0;
	position:absolute;
	left:60px;
	top:155px;
}
#head h4 {
	margin:0;
	position:absolute;
	left:0;
	bottom:10px;
}

#head dl {
	position:absolute;
	bottom:30px;
}
#head dt { margin:0 0 5px; }
#head dd {
	font-size:12px;
	line-height:1.25;
	color:#333;
}
#head dl#headttl {
	left:280px;
	width:320px;
}
#head dl#headttl2 {
	right:60px;
	width:210px;
}
/* HEAD */


/* CONTENT */
#content {
	float:left;
	padding:0 0 0 60px;
	margin:0 0 30px;
	width:545px;
	overflow:hidden;
}
#content h3 { margin:0; }
#content h4 { margin:0; }

#content div.postbox {
	padding:0 0 10px;
	margin:0 0 20px;
	border-bottom:1px #EEE solid;
	overflow:hidden;
}
#content div.postbox h4 {
	padding:9px 10px 0;
	margin:0 0 10px;
	font-size:16px;
	line-height:1.25;
	width:525px;
	height:31px;
	color:#0F7E07;
	background:url(images/post_ttl.gif) no-repeat 0 0;
}
#content div.postbox p {
	padding:0 0 10px;
	font-size:12px;
	line-height:1.75;
	color:#333;
}
#content div.postbox p.cname {
	float:right;
	padding:2px 0 4px 25px;
	margin:0 0 5px;
	background:url(images/list_icon.gif) no-repeat 0 50%;
	width:auto;
}

#content div.post {
	clear:both;
	padding:0 10px;
	margin:0 0 15px;
	width:525px;
	overflow:hidden;
}

#content div.feedback {
	padding:5px 6px;
	margin:0 0 25px;
	background:#F3F8F3;
	border:1px #E5F0E5 solid;
}
#content div.feedback p {
	padding:0;
	margin:0;
	font-size:12px;
	line-height:1.25;
}

#content div.recommend { margin:0 0 25px; }
#content div.recommend h5 { margin:0 0 10px; }
#content div.recommend ul {
	padding:0 0 0 18px;
	color:#666;
}
#content div.recommend li {
	list-style-position:inside;
	list-style-type:circle;
	font-size:12px;
	line-height:1.5;
}

p#p_nav {
	padding:0;
	font-size:12px;
	line-height:1.5;
	width:545px;
	overflow:hidden;
	color:#666;
}
.left { float:left; width:auto; }
.right { float:right; width:auto; }
/* CONTENT */


/* SIDE */
#side {
	float:right;
	padding:0 60px 0 0;
	margin:0 0 30px;
	width:210px;
	overflow:hidden;
}
#side h4 { margin:0 0 10px; }
#side ul { margin:0 0 15px; }
#side li {
	padding:2px 0 4px 25px;
	margin:0 0 5px;
	font-size:12px;
	line-height:1.5;
	background:url(images/list_icon.gif) no-repeat 0 50%;
}
#side dt { margin:0 0 5px; }
#side dd {
	font-size:12px;
	line-height:1.5;
	color:#0F7E07;
}
/* SIDE */


/* FOOT */
#foot {
	clear:both;
	height:100px;
	position:relative;
	background:url(images/foot.gif) no-repeat 60px 0;
}
#foot h3 {
	margin:0;
	position:absolute;
	left:75px;
	top:5px;
}
#foot p#footnava {
	font-size:12px;
	line-height:1.5;
	color:#333;
	position:absolute;
	top:10px;
	left:300px;
}
#foot p#footnavb {
	font-size:9px;
	line-height:1.0;
	position:absolute;
	top:10px;
	right:70px;
}
#foot p a {
	margin:0 0 0 15px;
}
#foot img#copy {
	position:absolute;
	left:75px;
	bottom:30px;
}
/* FOOT */