/* ***********************************************************
 *
 * Since:     2006-08-03
 * Modified:  2006-08-03
 * Guideline: Ver.1.0
 *
 * ***********************************************************
*/

/* univarsal reset */
*{
	margin: 0;
	padding: 0;
}

/* Browser's Reset Style */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

table {
	background-color: #FFFFFF;
	margin: 0 auto;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

ul,ol,li,dl,dt.dd {
	list-style: none;
}

p {
	margin: 0 0 20px;
	padding: 0;
	line-height: 1.5em;
}

p.point {
	position:absolute; top:0px;
	padding: 0px 0px 0px 190px;
	font-size: 12px; color: #848483;
	text-aling: right;
}

p.klist {
	text-align: left;
	margin: 4px 50px 10px 23px;
	font-size: 12px; color: #848483;
	width: 100%;
}

p.klist2 {
	text-align: left;
	margin: 4px 0px 0px 23px;
	font-size: 12px; color: #848483;
	width: 100%;
}
p.mark {
	text-align: right;
	font-size: 12px; color: #848483;

}

p.rl11 {
	margin: 20px 70px 15px 5px;
	font-size: 11px;
	text-align: right;

}

p.rl211 {
	margin: 0px 70px 0px 5px;
	font-size: 11px;
	text-align: right;

}

p.r11 {
	margin: 50px 70px 10px 10px;
	font-size: 11px;
	text-align: right;

}

p.r8 {
	margin: 10px 50px 10px 10px;
	font-size: 8px; color: #848483;
	text-align: right;

}

p.s1 {
	margin: 10px 50px 10px 10px;
	padding: 5px 5px 5px 10px;
	font-size: 11px; color: #848483;
	background-color: #ECEBDE;
	width: 300px;
	border-left: inset 10px #ff0000;

}

p.hpsystem {
	padding: 0px 0px 0px 30px;
	font-size: 12px; color: #848483;
}

	div#hpsystem{
	padding: 0px 0px 50px 30px;
	font-size: 11px; color: #121212;
	line-height: 1.3em;
	}
	div#hpsystem p{
	padding: 0px 0px 0px 10px;
	font-size: 11px; color: #121212;
	line-height: 1.6em;
	}
	div#hpsystem strong{
	font-size: 14px; color: #009D00;
	}
	div#hpsystem h1{
	padding: 25px 0px 0px 0px;
	}

	div#hpsystem table.hpmenu { /* hpシステムとはのメニュー */
		background-color: #FEF5F9;
		padding: 5px;
		font-size: 11px; color: #121212;
		border: 1px solid #999999;
		width: 238px;
	}
	div#hpsystem  table.hpmenu tr{
		text-align: left;
	}

	div#hpsystem  table.hpmenu td{
		background-color: #FEF5F9;
		text-align: left;
		padding: 4px;
	}


	div#hpsystem table.designadd1 { /* 認定書 */
		background-color: #F2F2F2;
		padding: 25px;
		font-size: 11px; color: #121212;
	}

	div#hpsystem  table.designadd1 th{
		background-color: #F2F2F2;
		text-align: left;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		padding: 5px;
	}
	div#hpsystem  table.designadd1 td{
		background-color: #FFFFFF;
		text-align: left;
		border-right: 1px solid #999999;
		border-bottom: 1px solid #999999;
		padding: 8px;
	}

	div#hpsystem table.designadd2 { /* 認定書 */
		padding: 25px;
	font-size: 11px; color: #121212;
	}

	div#hpsystem  table.designadd2 td{
		background-color: #FFFFFF;
		text-align: left;
		padding: 8px;
	}



p#build {
	margin: 10px 50px 5px 40px;
	padding: 5px 5px 5px 10px;
}

p#build2 {
	margin: 10px 50px 5px 60px;
	padding: 5px 5px 5px 10px;
	font-size: 11px; color: #848483;
	background-color: #ECEBDE;
	width: 740px;
	border-left: inset 10px #CE186B;
}

p#mem1 {
	margin: 10px 0px 5px 20px;
	padding: 5px 5px 5px 10px;
	font-size: 11px; color: #848483;
	background-color: #ECEBDE;
	width: 340px;
	border-left: inset 10px #CE186B;
}



p.90 {
	width: 90%;
}


img {
	border: none;
}

a:link,
a:visited { 
color: #848483; 
text-decoration: underline; 
} 

a:hover,
a:active { 
color: #848483; 
text-decoration: underline; 
} 


a:link1    {font-size: 9pt; color:#003300; }
a:visited1 {font-size: 9pt; text-decoration:none; color:#000000; }
a:active1  {font-size: 9pt; text-decoration:none; color:#cc0000; }
a:hover1   {font-size: 9pt; text-decoration:none; color:#cc0000; }




/* Layout Style */

	div#outer
		{
		width:892px;
		background-color: #FFFFFF;
    background-image: url("../img/side.jpg");
    background-repeat: repeat-y;
    background-position: right;
		}

	div#logo
		{
		width: 99px ;
		float:left;
		}

	div#header
		{
		position: static;
		margin-top: 0px;
		width:100%;
		background-color: #FFFFFF;
    background-image: url("../img/side.jpg");
    background-repeat: repeat-y;
    background-position: right;
		}
	div#menu
		{
		width:100%;
    background-image: url("../img/side.jpg");
    background-repeat: repeat-y;
    background-position: right;
    
		}

	div#main
		{
		clear: both;
		width:100%;
    background-image: url("../img/side.jpg");
    background-repeat: repeat-y;
    background-position: right;

		}
	div#mein
		{
		padding-bottom: 50px;
		clear: both;
		margin-left: 50px;
    background-image: url("../img/side.jpg");
    background-repeat: repeat-y;
    background-position: right;

		}

.mainb
	{
	float:left;
	width:650px;
	padding-right: 15px;
	}

.maina
	{
	float:left;
	width:120px;
	}
.mapa
	{
	float:left;
	width: 605px;
	padding-right: 5px;
	}

.mapb
	{
	float:left;
	width:185px;

	}

.clears{
  clear:both;
}

	div#ttl
		{
		padding-top: 10px;
		margin-left: 10px;
		padding-bottom: 3px;
		clear: both;
    background-image: url("../img/side.jpg");
    background-repeat: repeat-y;
    background-position: right;
		}

		
	div#info
		{
		position:absolute; left:10px;
		float:left;
		margin-left: 10px;
		margin-bottom: 20px;
		font-size: 9pt; color: #252525;
		width : 320px;
		}

#info a:link,
#info a:visited { 
color: #252525; 
text-decoration: underline; 
font-size: 8pt;
} 

#info a:hover,
#infoa:active { 
color: #E80000; 
text-decoration: underline; 
font-size: 8pt;
} 


#infot{
    text-align:right;

}

#infot a:link,
#infot a:visited { 
color: #B9115D; 
text-decoration: underline; 
font-size: 8pt;
} 

#infot a:hover,
#infot a:active { 
color: #E80000; 
text-decoration: underline; 
font-size: 8pt;
} 


	div#kamei
		{
		position:absolute; left:350px;
		float:left;
		margin-left: 10px;
		margin-bottom: 20px;
		}
		
	div#kameiin
		{
		float:left;
		margin-left: 30px;
		}


	div#baneer
		{
		position:absolute; left:600px;
    background-image: url("../img/side.jpg");
    background-repeat: repeat-y;
    background-position: right;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 292px;
		height: 400px;
		}
		
	div#sp1
		{
		float:left;
		}

	div#sp1 ul li {
		margin-bottom: 6px;
		margin-left: 47px;
		list-style-type: square;
	}
	div#sp2
		{
		float:left;
		}

	div#sp2 ul li {
		margin-bottom: 6px;
		margin-left: 47px;
		list-style-type: square;
	}


	div#sp3 ul li {
		margin-top: 16px;
		margin-bottom: 6px;
		margin-left: 57px;
		list-style-type: square;
	}




		
	div#fooder
		{
		clear: both;
		width:100%;
		background-color: #FFFFFF;
		height: 51px;
    vertical-align:top;
    background-image: url("../img/fooder_img.jpg");
    background-repeat: no-repeat;
		
		}

	div#foodertop
		{
		clear: both;
		width:100%;
		background-color: #FFFFFF;
		height: 51px;
    vertical-align:top;
    background-image: url("../img/fooder_img.jpg");
    background-repeat: no-repeat;
		position:absolute; top:870px;
		}



ul#globalNav {
	margin: 0px;
	padding: 0px;
	height: 29px;
	position: static;
	top: 0px;
	
}

ul#globalNav li {
	margin-left: 100px;
	margin-top: 38px;
	padding: 0px;
	width: 27px;
	height: 27px;
	position: absolute;
	top: 0px;
}
ul#globalNav li#nav01 { 
    left: 0; 
    background-image: url("../img/m_line.gif");
    background-repeat: no-repeat;
    background-position: top right;
    width: 85px;
    height: 27px;
    
}
ul#globalNav li#nav02 { 
		left: 85px; 
    background-image: url("../img/m_line.gif");
    background-repeat: no-repeat;
    background-position: top right;
    width: 102px;
		height: 27px;
    }

ul#globalNav li#nav03 { 
		left: 187px; 
    background-image: url("../img/m_line.gif");
    background-repeat: no-repeat;
    background-position: top right;
    width: 118px;
    height: 27px;
	}
ul#globalNav li#nav04 { 
		left: 305px; 
    background-image: url("../img/m_line.gif");
    background-repeat: no-repeat;
    background-position: top right;
    width: 76px;
    height: 27px;
	}

ul#globalNav li#nav05 { left: 381px; }
ul#globalNav li#nav06 { left: 487px; }
ul#globalNav li#nav07 { left: 542px; }
ul#globalNav li#nav08 { left: 614px; }
ul#globalNav li#nav09 { left: 687px; }


div.privacy ul li {
	margin-bottom: 7px;
	margin-left: 57px;
	list-style-type: decimal;
}



/*
	Main Content Area
*/



div#contentArea {
	margin-left: 16px;
	margin-right: 28px;
	text-align: left;
	width: 509px;
}


div#contentArea2 {
	margin-left: 16px;
	text-align: left;
	width: 537px;
}

div#mente {
	margin-top: 50px;
	margin-left: 106px;
	margin-bottom: 250px;
	text-align: left;
	width: 537px;
}


/*
	1.Layout patarn 1
*/
#def div#contentArea div.contents {
	margin-bottom: 40px;
}
#def div#contentArea div.contents2 {
	margin-bottom: 28px;
}
div#titleArea {
	height: 142px;
	width: 570px;
	clear: both;
	float: none;
}



.p12 {
	font-size: 12px;
	line-height: 14px;
}




/* table Design sympotionm */

/* table Design06 */
table.design06{
    border-top:1px solid #EAEAEA;
    border-left:1px solid #EAEAEA;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    font-size: 11px;
        padding-left:100px;


}
.design06 th{
    border-right:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
    color:#282827;
    background-color:#ECEBDE;
    padding:0.3em 1em;
    text-align:center;
    font-size: 11px;

}
.design06 td{
    border-right:1px solid #EAEAEA;
    border-bottom:1px solid #EAEAEA;
    padding:0.3em 1em;
    font-size: 11px;

}

table.design08{
    border-collapse:collapse;
    background-color:#ffffff;
    empty-cells:show;
    font-size: 11px;

}
.design08 th{
    border-right:1px solid #011E44;
    border-bottom:1px solid #011E44;
    color:#000000;
    background-color:#A7C6FE;
    background-position:left top;
    padding: 13px;
    text-align:center;
}
.design08 td{
    border-bottom:1px solid #011E44;
    background-color:#E8F2FF;
    padding:0.3em 1em;
}

.design08 td.k{
    border-bottom:1px solid #011E44;
    background-color:#C8FFC8;
    padding:0.3em 1em;
}
.design08 td.s{
    border-bottom:1px solid #011E44;
    background-color:#A7C6FE;
    padding:0.3em 1em;
}

/* table Design09 */
table.design09{
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
    font-size: 11px;

}
.design09 th{
    color:#011E44;
    background-color:#889EBA;
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
    font-size: 11px;
}
.design09 td{
    padding:0.3em 1em;
    font-size: 11px;
}



.p12{
font-size: 11px;
line-height: 1.8;
}
.p14{
font-size: 13px;
line-height: 2.5;
height: 16px;
}

/* Footer Style */

#example3 { vertical-align: middle; } 




li.mk {
		padding: 0px 10px 3px 16px;
		margin: 0px 0px 12px 0px;
		font-size: 12px; color: #848483;
    background-image: url("../img/mark.gif");
    background-repeat: no-repeat;
    border-bottom-style: dotted;
    border-bottom-width: thin;
}


li.disc {
	list-style-type: disc;
	margin-left: 16px;
}

li.disc {
	list-style-type: disc;
	margin-left: 16px;
}


/* Font Style */
.txt9 {font-size: 9px; color: #252525;}
.txt10 {font-size: 10px; color: #252525;}
.txt11 {font-size: 11px; color: #252525;}
.txt20 {font-size: 20px; color: #252525;}

.red12b {font-size: 12px; color: #FF0000;}

.red10 {font-size: 10px; color: #FF0000;}
.red9 {font-size: 9px; color: #FF0000;}

.green12 {font-size: 12px; color: #009900;}
.green10 {font-size: 10px; color: #009900;}


