/**************************************************　骨組み以外　**************************************************/

/* head font -------------------------- */

#head-left h1 {
	color: #313031;
	font-size: 240%; font-weight: bold;
	margin: 0; padding: 0;
}
#head-right p {
	font-size: 100%;
	margin: 5px 0; padding: 0;
}
#head-bar ul {
	margin: 0;	padding: 0;
}
#head-bar li {
	float: left;
	margin: 0 12px 0 2px; padding: 1px 1px 1px 22px;
	font-size: 100%;
	list-style: none;
	background: url(http://www.hitorikurashi.net/images/bar-list.gif) no-repeat 0% 0px;
}
#head-bottom h2 {
	font-size: 150%; font-weight: bold;
	margin: 5px 0 10px 5px; padding: 0 0 5px 0;
	border-bottom: 1px dashed #DFDFDF;
}
#head-bottomL ul {
	margin: 0;	padding: 0;
}
#head-bottomL li {
	margin: 0 0 8px 5px; padding: 0 0 0 15px;
	font-size: 120%;
	line-height: 120%;
	list-style: none;
	background: url(http://www.hitorikurashi.net/images/list01.gif) no-repeat 0% 2px;
}

/* mainL font -------------------------- */

#mainL h2.before,
#mainL h2.after,
#mainL h2.all,
#mainL h2.subPage {	/* サブページフォント */
	font-size: 150%; font-weight: bold;
	margin: 0 0 20px 0; padding: 5px;
	border: 1px solid #DFDFDF; 	border-left: 10px solid #779922;
}
#mainL h3.subPage {	/* サブページフォント */
	font-size: 150%; font-weight: bold;
	margin: 50px 0 20px 0; padding: 5px;
	border-left: 10px solid #779922; border-bottom: 1px dashed #779922;
}
#mainL h4.subPage {	/* サブページフォント */
	font-size: 130%; font-weight: bold;
	margin: 40px 0 20px 0; padding: 5px;
	border-left: 10px solid #779922;
}
#mainL h5.subPage {	/* サブページフォント */
	font-size: 130%; font-weight: bold;
	margin: 30px 0 10px 0; padding: 0;
}
#mainL p {
	margin: 0 0 15px 0; padding: 0;
	font-size: 120%;
	line-height: 150%;
}
#mainL dl {	margin: 0 0 50px 0; padding: 0;}
#mainL dt {
	font-size: 120%;
	margin: 0 0 8px 0; padding: 0 0 0 15px;
	background: url(http://www.hitorikurashi.net/images/list02.gif) no-repeat 0% 2px;
}
#mainL dd {
	font-size: 100%;
	margin: 0 0 20px 0; padding: 0 0 0 15px;
	line-height: 140%;
}

/* mainR font -------------------------- */

#mainR h2 {
	font-size: 150%; font-weight: bold;
	margin: 0; padding: 5px;
	background: #F2F2F2;
	border: 1px solid #DFDFDF; border-top: 3px solid #779922;
}
#mainR ul {
	margin: 0; padding: 10px 5px 5px 5px;
}
#mainR li {
	margin: 0 0 3px 20px; padding: 0;
	font-size: 100%;
	line-height: 180%;
	list-style: disc;
}
#mainR p {
	margin: 0; padding: 10px 5px 5px 5px;
	font-size: 100%;
	line-height: 150%;
}
/* foot font -------------------------- */

#foot p.pagetop {
	font-size: 100%;
	text-align: right;
	margin: 0 0 5px 0; padding: 10px 0 0 0;
}
#foot p {
	font-size: 100%;
	margin: 10px; padding: 0;
}


/* link -------------------------- */

a:link { color: #16387C; text-decoration: underline;}
a:visited { color: #804099; text-decoration: underline;}
a:hover { color: #779922; text-decoration: none;}
#head-left h1 a:link { color: #000; text-decoration: none;}
#head-left h1 a:visited { color: #000; text-decoration: none;}
#head-left h1 a:hover { color: #000; text-decoration: underline;}
#head-bar li a:link { color: #FFF; text-decoration: none;}
#head-bar li a:visited { color: #FFF; text-decoration: none;}
#head-bar li a:hover { color: #FFF; text-decoration: underline;}

/* default font -------------------------- */

.h1,.h2,.h3,.h4,.h5,.h6,.h7,.ol,.ul,.li,.p { font-size: 100%; margin:0; padding:0;}

/**************************************************　骨組み（外部）　**************************************************/

body {
	font-size: 80%;
	color: #313031;
	margin:0 auto; padding: 0; 
	background: #E6E6E6;
}
#base { 
	width: 824px;
	margin: 0 auto; padding: 0 10px ; 
	background: #FFF;
	border: 2px solid #DFDFDF;
}

/* head --------------------------*/

#head { 
	margin: 0; padding: 0;
}
	#head-left {
		float: left;
		width: 250px; height: 50px;
		margin: 20px 0 20px 0; padding: 0;
		
	}
	#head-right {
		float: right;
		width: 550px; height: 50px;
		margin: 20px 0 20px 0; padding: 0;
	}
	#head-bar {
		clear: both;
		font-size: 110%;
		height: 17px;
		margin: 0 0 20px 0; padding: 5px;
		background: #779922;
	}
	#head-navi {
		width: 100%; height: auto;
		font-size: 100%;
		color: #5D5D5D;
		margin: 0 0 20px 0; padding: 0;
	}
	#head-bottom {
		width: 800px; height: 100px;
		margin: 0 0 20px 0; padding: 0;
		background: #FFF;
		border: 1px solid #DFDFDF; border-left: 10px solid #DFDFDF;
	}
		#head-bottomL {
			width: auto; height: auto;
			margin: 0; padding: 5px 0;
		}
		#head-bottomR {
			width: 190px; height: auto;
			margin: 0; padding: 5px;
		}
			#head-bottomR
			 div.scrollBox {
				width: 180px; height: 150px;
				margin: 0; padding: 5px;
				overflow: auto;
				border: 1px solid #DFDFDF;
			}

/* main （全体：width 800px）--------------------------*/

#main {
	height: 100%;
	margin: 0; padding: 0;
}
	#mainL {
		float: left;
		width: 546px;
		margin: 0 20px 0 0; padding: 0;
	}
	#mainR {
		float: right;
		width: 234px;
		margin: 0; padding: 0;
	}
		#mainR
		div.mainR-box {
			margin: 0 0 20px 0; padding: 0;
			border-right: 1px solid #DFDFDF;
			border-bottom: 1px solid #DFDFDF;
			border-left: 1px solid #DFDFDF;
		}
		
/* foot --------------------------*/

#foot {
	clear: both;
	text-align: center;
	margin: 0; padding: 0 0 5px 0;
	border-top: 1px solid #DFDFDF;
}
	#foot-box {
		margin: 0; padding: 15px 0 0 0;
		line-height: 150%;
		border-top: 1px solid #888888;
	}