/*  Reset   ==================================== */
* {
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.3 "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,Gulim,sans-serif;
  text-decoration:none;
  line-height:1.3;
/*  If you use the below 2 lines, the border of "form-input" will disappear.  */
/*border:0;
	border:none;*/
}
img {
	border:0px;
}
address {
	clear: both;
	font-size: 88%
}
table, tbody, thead, tfoot, tr, td, th, ul {
  /* Repeat font size for broken browsers that don't inherit into tables.
     This rule is wrong,obviously, since it may change the cascading
     order, but as long as other style rules are imported *after*
     this one, it should not cause problems. */
	font-size: 1em;
}

.main li.on{
/*IE6用*/
    float:left;
    overflow:hidden;
    width:100px;
    background-color:#FFFFD5;
    border:1px solid #993300;
}
.main>li.on{
/*firefox・IE7で上書きしたいものを記述*/
overflow:visible;
}

/*  Initialize   ==================================== */
body {
	font-size: 80%;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	line-break: strict;
	margin: 0.5em;
	padding: 0em;
	color: #555; 
	background: #dddddd ;

/*	font-family: 'Gulim', 'cursive', 'arial unicode ms','arial', serif; */
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
/*	font-family:  "Lucida Grande", "Lucida Sans Unicode", lucida, verdana, arial, sans-serif; */
/*	background: #663300;*/
/*	background: #dddddd; #eef0ff; #663300;*/
}

/*  Common >> a   ==================================== */
a {
/*	TEXT-DECORATION: underline;*/
}
a:link {
	color: teal;
	text-decoration: none;
	background: transparent;
}
a:visited {
	/* color: #3ea7a7; */
	color: teal;
	text-decoration: none;
	background: transparent;
}
a:hover {
  color: #cc7700; 
/*background: #cccccc;*/
  position:relative;
/*  top: 1px;
  left:1px;*/
}
a:active {
	color: #900;
	text-decoration: none;
	background: #ffc;
}


#a_href_clear a {
	background-color: #ECE9D8; /* 明るい灰色 */
}




/*  TOP Header    ==================================== */
/*  (1).TOP Header >> Right side =   ----------- */
#W3C-Validation {
	float: right; 
/* the blelow 2 lines are to adjust "TOP Header position"  */
/*text-align: center;
	padding:0 20px 0 0;*/
}
#W3C-Validation  ul li {
	display: block;
	LIST-STYLE-TYPE: none;
}
#W3C-Validation li#logo10 {
	BACKGROUND: url(../LaFraiseTitle-Space_1.jpg) no-repeat;
	width:50px;
	height: 25px;
	font-size:0px;
}
#W3C-Validation li#logo11 {
	BACKGROUND: url(../rss.gif) no-repeat;
	width:16px;
	height: 16px; 
	font-size:0px;
}

/*  (2).TOP Header >> Left side = Logo Images  ----------- */
#topLeft {
	padding: 8px 0 0 4px;
	margin: 0 0 0 0; 
	background-color: #D2B782; /* 濃青 */
/*	background-color: #ff7700;*/ /* 濃orange */
/*	background-color: #F89A0E; */ /* orange */ 
}
#topLeft ul {
/*	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0;
	LIST-STYLE-TYPE: none;*/
	/* without dot in frot of LIST */
}
#topLeft  ul li {
	display: block;
	float: left;
}

#topLeft li#logo00 {
	BACKGROUND: url(../LaFraiseTitle-Space_1.jpg) no-repeat;
	width:20px;
	height: 48px;
	font-size:0px;
}
#topLeft li#logo01 {
	border: 1px solid #444444;
	BACKGROUND: url(../LaFraiseTitle-01.jpg) no-repeat;
	width:145px;
	height: 48px; 
	font-size:0px;
}
#topLeft li#logo02 {
	border-top: 1px  solid #555555;
	border-bottom: 1px  solid #555555;
	BACKGROUND: url(../LaFraiseTitle.jpg) no-repeat;
	width:420px;
	height: 48px; 
	font-size:0px;
}
#topLeft li#logo03 {
	border: 1px  solid #555555;
	padding: 0 0 0 5px ;
	BACKGROUND: url(../LaFraiseTitle-02.png) no-repeat;
	width:72px;
	height: 48px; 
	font-size:0px;
}
/*  (3).TOP Header >> Bottom side = Menu List  ----------- */
#navigation {
	top:inherit;
	font-size: 8pt;
}
#navigation ul {
  margin-left: 0;
  margin-top: 0;
  padding-left: 0;
/*  border-bottom: 1px solid black;
  border-top: 1px solid black; */
  background: rgb(00, 70, 160);
/*  background: rgb(99, 132, 173);*/
  width: 100%;
}
#navigation ul li {
  display: inline;
}
#navigation ul li a {
	padding: 0 1em 0 1em;
	border-right: 1px solid black;
	letter-spacing: 0.1em; 
	color: #cccccc;
/*	color: white;*/
/*  font-weight: normal;
  text-decoration: none;*/
  /* text-transform: uppercase; */
}
#navigation ul li a:hover {
  background: #D8E0DF;
  color: black;
}




/* ----------  Level-4  ----------- */

/* 中央列上段の三角マーク部分 */
#stoppress {
	margin-bottom: 2em;
}
#stoppress  ul li {
	list-style-image:url(../right.gif);
	list-style-position:inside;
	margin-top: 4px;
	margin-bottom: 4px;
}
#stoppress 
.date {
	color: #B8860B;
	font-weight: normal;
}
#stoppress 
a { 
	font-style: italic;
}

/*  Initialize   ==================================== */
.inquiry-mark {
	BACKGROUND: url(../LFN_mail-01.png) no-repeat;
	width:  260px;
	height: 22px;
	float:right;
}
#Bar_01 {
	margin: 0em 0 5px 0;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	height: 1px;
	background:#aaaaaa;
}



/* --- 1 --- */


#TOP {
	padding: 0px 2px 0px 2px;
/*	padding: -5px -5px 0px 0px;*/
}
#TOP-inner {
	background-color: #D2B782; /*  */
/*	background-color: #ff7700;*/ /* 濃orange */
/*	padding: 1px 1px 0px 1px;*/
}
#BOTTOM {
	text-align: center;
	background: rgb(00, 70, 160);
	font-size: 8pt;
	color:#FFFFFF;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 1px 1px 1px 1px;
}
.copyright {
	color:#FFFFFF;
	text-decoration: underline;
	background: transparent;
}
#BOTTOM a {
	color:#FFFFFF;
	text-decoration: none;
	background: transparent;
}
#BOTTOM a:link {
	color:#FFFFFF;
	text-decoration: none;
	background: transparent;
}
#BOTTOM a:visited {
	text-decoration: none;
	background: transparent;
}
#BOTTOM a:hover {
  background: black;
  position:relative;
  top: 1px;
  left:1px;
}
#BOTTOM a:active {
	text-decoration: none;
}


#page {/* 一意ID = page */

	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 760px;
	background: white url(../../house/img/shadow_right.jpg) repeat-y 0% 0%;
	/*外枠*/
	border-top:  1px solid black;
	border-left:  1px solid black;
	border-right: 1px solid black;
}


div.main {
	width: 68%; float: right;
}


#mainLayout { 
	margin-top: 1em; 
	}
#oldNews {
	font-size: 90%; 
	border-top: 1px solid black;
	}


.topRight {/* 任意Class = topRight */
	background-color: #D2B782; /*  */
/*	background-color: #ff7700;*/ /* 濃orange */
/*	background-color: #F89A0E; */
	color: black; 
	font-weight: normal;
/*	padding: 1px;*/
	padding: 0em;
}


/* --- 2 --- */
div.rightCol {/* 固定Class = div.rightCol */
	width: 20%; 
	float: right; 
	margin-top: 5px;
	margin-right: 2px;
	text-align: center;	
}
/* ID=HomeはBodyにつけられたIDのため「body#home」はBodyと同じ意味 */
body#home div.directory 
h2.topOfColumn { 
	background: white url(../img/lef-menu02.gif) no-repeat;
	height: 14px;
	width: 171px;
	margin-top:5px;
	margin-left:1px;
}
h2.topOfColumn2 { 
	background: white url(../img/lef-link.gif) no-repeat;
	height: 14px;
	width: 171px;
	margin-top:5px;
	margin-left:1px;
}
h2.topOfColumn3 { 
	background: white url(../img/lef-w3c.gif) no-repeat;
	height: 14px;
	width: 171px;
	margin-top:5px;
	margin-left:1px;
}



div. p.preblog {
	margin-top: 0;
/*	margin-top: 0.5em;*/
}



/* --- 3 --- */
div.leftCol {
	float: left;
	width: 30%;
	margin: 0px 0px 0px 0px; 
}
div.content { 
	float: left;
	width: 78%;
	margin: 5px 0px 0px 0px;
	padding-left: 5px;
	background: white url(../../house/img/shadow_right.jpg) repeat-y 0% 0%;
}

/* directory は 左右のメニュー領域 */
.directory {
	background-color: #ECE9D8; /* 明るい灰色 */
	padding: 0em;
	width: 22%;
/*	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black; */
}

#toc {
/*	background-color: #FBD495;*/
/*	background-color: #fecb81;*/
/*	background-color: #fef0ac; */
	padding-bottom: 1em;
}
.toc1 { 
	margin-left: 1em; 
	margin-right: 1em; 
	margin-top: 1em; 
	color: #005a9c; 
	font-weight: bold;
}
.toc2 { 
	margin-left: 2.5em; 
	margin-right: 1em; 
	margin-top: .5em;
}


.clear_float {
	clear: both;
	padding:3px 0 0 0;
}


#sitelinks {/* 一意ID = sitelinks */
/*	margin-top: 0.5em;*/
	margin-top: 0em;
	margin: 0 0 0 5px; 
	background-color: #ff7700; /* 濃orange */
}














#onthispage {
	float: right;
	background-color: white;
	text-align: left;
	width: 25%;
/*	text-align: right; */
	margin-left: 1em;
	margin-bottom: 1em;
	}
#onthispage ul {
	margin: 0;
	padding: 0;
	}
#onthispage li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
/*
#onthispage {
	float: right;
	background-color: white;
	width: 20%;
	margin-left: 1em;
	margin-bottom: 1em;
	}
.onpagetitle {
	text-align: right;
	margin-bottom: 0.5em;
	}
*/

/* td.directory :visited {
	color: #005a9c;
	text-decoration: none;
	background: transparent;
} */
/* td.directory :active {
	color: #900;
	text-decoration: none;
	background: #ffc;
} */



.blogtitle
a {
	color: #697fb1;
}




.toc2
a { 
	color: #005a9c;
}
.blogtitle {
	font-size: 200%;
	text-decoration: none;
}




#description {
/*	border-left: 1px solid black;*/
}
.description {
	margin-top: 0em;
	margin-bottom: 1em;
	}
    .resource 
div { 
	margin-top: 0; 
	line-height: 1.2em; 
}
div.bComment {
	padding-top: 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #ffebcd;
	}
    .description 
div { 
	margin-top: .35em; 
	margin-bottom: .1em; 
	line-height: 1.2em; 
	}
div.commentsarea {
	color: Gray;
	margin-top: 3em;
	}
	div.commentsarea 
h4 {
	border-bottom: 2px solid #ffebcd;
	}
body#home 

div.previousnext p {
	font-size: 90%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	}
div.previousnext {
	margin-top: 2em;
	margin-bottom: 1em;
	}
fieldset {
	border: 0;
}
#search 
form {
	margin: 0;
	margin-bottom: 2px;
	}
h1 {
/*	font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;*/
/*	font-family: 'Gulim', 'cursive', 'arial unicode ms','arial', serif; */
/*	font-family: Arial, helvetica, sans-serif;*/
	font-weight: normal;
	font-size: 80%;
/*	color: #005a9c;*/
/*	background-color: #fff;*/
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0em;
	padding-top: 0em;
	padding-bottom: 0em;
	border: none;*/
	}
h1.home {
	font-size: 110%;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border-top:  3px solid #005a9c;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray;
	}

h2 {
/*	font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;*/
/*	font-family: 'Gulim', 'cursive', 'arial unicode ms','arial', serif; */
	font-size: 130%;
	font-weight: normal;
	color: white;
	border: none;
	margin-top: 1.5em;
	padding: 0.1em;
	text-indent: 0.3em;
	background-color: #cc3300;　/* 朱色 */
/*	background-color: #335599;*/　/* 中色ｵﾚﾝｼﾞ */
/*	background-color: #697fb1;*/ /* 群青色 */
	}
body#home 
h2 {
	margin-top: 0;
}
div.directory
h2 {
/*	background-color: #eeb058;*/
/*	background-color: #F89A0E;*/
}	
body#home div.directory 
h2 {
	margin-top: 1em;
	background-color: #b06020;　/*  */
/*	background-color: #335599;*/　/* 中色ｵﾚﾝｼﾞ */
/*	background-color: #eeb058;*/
	}
td.directory 
h2 {
	margin-top: 1em;
	background-color: #eeb058;
	}
td.directory 
h2.topOfColumn { 
	margin-top: 0;
	}

h3 { 
/*	font-family: Arial, helvetica, sans-serif;
	font-size: 10pt;*/
/*	font-family: "ＭＳ Ｐゴシック","Osaka",sans-serif;*/
/*	font-family: 'ＭＳ ゴシック', 'cursive', 'arial unicode ms','arial', serif; */
	font-size: 125%;
	font-weight: bold; 
	color: #000066;
	margin-bottom: 0;
	margin-top: 0.5em;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid gray; 
	}
    .resource 
h3 {
/*	font-family: 'Gulim', 'cursive', 'arial unicode ms','arial', serif; */
/*	font-family: Arial, helvetica, sans-serif;*/
	margin-left: 0;
	margin-right: 0;
}
#search 
img {
	vertical-align: bottom;
	}
img {
	border: 0;
	}
td.main {
	padding: 10px;
	padding-top: 0;
	width: 56%;
	}
div.directory  
p {
	padding: 0px 15px ;
}
td.directory  
p {
	padding: 0px 15px ;
}
div.archs 
p {
	margin-top: 0;
	margin-bottom: 0;
}
div.cats 
p {
	margin-top: 0;
	margin-bottom: 0;
}
.pubdata 
p {
	margin-top: 0;
	margin-bottom: 0;
}
.resource 
p { 
	margin-top: 0; 
	line-height: 1.2em; 
	margin-left: 0;
	margin-right: 0;
}
.pubdata { 
	/* float: right; */
	padding-left: 2em; 
	color: #cc6600; 
	text-align: right; 
	line-height: 1.2em; 
	margin-bottom: .25em;
	/* width: 200px; */
	}


.searchkey {
	white-space:pre;
	/* color:#B8860B;  */
	font-size: 85%;
/*	font-family: 'Gulim', 'cursive', 'arial unicode ms','arial', serif; */
/*	font-family: Arial, Helvetica, sans-serif;*/
}
.slogan {
	color: #000066;
	font-style: italic;
/*	font-family: 'Gulim', 'cursive', 'arial unicode ms','arial', serif; */
/*	font-family: serif;*/
	margin-top: 0em;
	font-size: 110%;
	}
.smallLabel {
	font-size: 85%;
	}
.smallprint { 
	font-size: 90%;
	}
td { 
	margin: 0em;
	padding-top: 0em;
	padding-left: 0em;
	}




/* **************************************** */
div.style01 {
	font-size: 0.8em;
	line-height: 1.3;
	font-family: 'ＭＳ ゴシック', 'cursive', 'arial unicode ms','arial', sans-serif; 
	color: #707070;
	margin: 9px 0px 10px 0px;
}
div.style02 {
	font-size: 1.0em;
	line-height: 1.3;
	font-family: 'ＭＳ ゴシック', 'cursive', 'arial unicode ms','arial', sans-serif; 
	color: #114488;
}


/* Google Ad表示調整 */
div.column11 {
	padding: 0px 0px 0px 0px;
}
div.column12 {
	padding: 5px 0px 0px 0px;
}
div.column13 {
	padding: 5px 0px 3px 0px;
}