@charset "utf-8";
/* 
---------------------------------------------*/

/*width:750px*/

#contenttitle{
	width: 700px;
	margin: 0 auto;
	margin-top100px;
}

#contenttitle p{
	margin: 0px;
	padding: 0px;
	font-size: 110%;
	line-height: 1.6em;
	text-align: center;
}

#contentdetail {
	width: 761px;
	margin: 0 auto;
        padding-top: 110px;
        padding-bottom: 0px;
	color: #444444;
}

/*width:750px*/

#contactform{
	width: 750px;
	margin: 0 auto;
}

/***** NAVIGATION LAYER 160px*****/

div#navigation {
	clear: both;
	float: left;
	width: 182px;
	background-color:#fff;
	margin: 0;
	padding-bottom: 20px;
	/*background-color:#0AF;*/
}

div#navigation ul {
	margin: 0;
	padding: 0;
	border-left: 1px solid #ddd;
	/*border-bottom: 1px solid #ddd;*/
	border-right: 1px solid #ddd;
	padding-bottom: 10;
	list-style: none;
}

div#navigation .header{
	width: 160px;
	display: block;
	margin: 0;
	padding: 10px;
	/*background-color:#e9e0d1;*/
	/*background-color:#c9c3b5;*/
	background-color:#0AF;
	/*color: #666666;*/
	color: #fff;/
	border-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
}

div#navigation .header a {
	width: 170px;
	display: block;
	margin: 0;
	padding: 0;
	background-color:#ABADA5;
	color: #fff;
	border-bottom: 0;
}

div#navigation .header a:hover {
	background: #ABADA5;
	color: #fff;
	border-bottom: 0;
}

div#navigation ul li {
	background: #FFFFFF;
	width: 180px;
	text-align: left;
	margin: 0;
	padding: 0px;
	padding-top: 0px;
	font-size: 1em;
}

div#navigation ul li img {
	padding: 5px;
	margin: 0 auto;
}

div#navigation ul li p {
	width: 170px;
	margin: 0;
	background-color: #e1e1e1;
	color: #666;
	padding: 5px;
	border-bottom: 1px inset #ddd;
}

div#navigation ul li a {
	width: 170px;
	display: block;
	margin: 0;
	background-color: #FBFBF9;
	color: #666;
	padding: 5px;
	text-decoration: none;
	border-bottom: 1px inset #ddd;
}

div#navigation .texbr {
	width: 140px;
	display: block;
	margin: 0;
	background-color: #FBFBF9;
	color: #666;
	padding: 20px;
	text-decoration: none;
	border-bottom: 1px inset #ddd;
}

div#navigation ul li a:hover {
	background-color: #F3F3F1;
	color: #0AF;
	text-decoration: none;
}

div#navigation .new a {
	width: 150px;
	display: block;
	margin: 0;
	background: #FBFBF9;
	color: #666;
	padding: 5px;
	text-decoration: none;
	border-bottom: 1px dotted #ddd;
}

div#navigation .new a:hover {
	background: #F3F3F1;
	color: #0AF;
}

.rss a {
	color: #0AF;
	text-decoration:none;
}

.rss a:hover {
	color: #444;
}

.rssbutton {
	padding: 0 4px 0 0;
}

/***** NAVIGATION LAYER END*****/

#cflink {
	width: 650px;
	margin: 0 auto;
	background: #FFFFFF;
	padding-bottom: 20px;
	text-align: center;
}

#contactform p {

	margin: 10px;
}

#contactw600 {
	width: 730px;
	margin: 0 auto;
	margin-top: 20px;
}

#contactw600 h2 {
	margin: 0 0 10px 0;
	font-size: 1.4em;
	font-weight: 600;
	padding-top: 2px;
	padding-bottom: 0px;
	border-bottom: 2px solid #0AF;
	color: #0AF;
	padding-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contactw600 .pic{
	float: right;
	width: 400px;
	height: 266px;
	margin: 0 15px 0 15px;
	border: 1px solid #CCCCCC;
	color: #AAAAAA;
	font-weight: 600;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#contactw600 p.recipe{
	text-align: justify;
	margin: 0 0 10px 0;
	line-height: 1.8em;
	letter-spacing: 0em;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

#contactw600 a {
	color: #0000ff;
	line-height: 1.6em;
	padding: 0px 3px 0px 3px;
}

#contactw600 p a:hover {
	color: #0AF;
	text-decoration: none;
}

/***** CONTENT LAYER *****/
div#content {
	float: right;
	width: 550px;
	background-color:#fff;
	/*border-left: 1px solid #CBCDC5;*/
	padding: 5px 0px 0px 8px;

}

div#content p {
	text-align: justify;
	padding: 20px;
	padding-top: 8px;
	line-height: 1.7em;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-size: 120%;
}

div#content .imgflolpt20 {
	float: right;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
}

div#content p a, div#content ul li a, div#content ol li a {
	color: #0AF;
	line-height: 1.6em;
	padding: 0px 3px 0px 3px;
}

div#content p a:hover, div#content ul li a:hover, div#content ol li a:hover {
	color: #666;
	text-decoration: none;
}

div#content .imgright {
	float: right;
	padding: 0px;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottomt: 20px;
}

div#content ul {
	text-align: left;
	margin: 20px 0 20px 15px;
	font-size: 1.1em;
	color: #666;
	border: 0; padding: 0;
}



div#content ol {
	text-align: left;
	margin: 20px 0 20px 20px;
	margin-left: 20px !important; margin-left: 23px;
	font-size: 1.1em;
	color: #666;
	border: 0; padding: 0;
}

div#content ul li {
	list-style-type: square;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#content ol li {
	list-style-type:inherit;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#content .li-inner {
	list-style-type: square;
	margin-left: 14px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

div#content .li-noblock {
	list-style-type: none;
	margin-left: 14px;
	line-height: 1.6em;
	margin-bottom: 5px;
}

.ruler {
	border: 0; padding: 0;	height: 1px;
	color: #CBCDC5;
	background-color: #CBCDC5;
	margin-bottom: 6px;
}

div#content .pt20 {
	padding-left: 20px;
}

div#content h2 {
	font-weight: 600;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	border-left: 8px solid #999999;
	/*border-bottom: 2px solid #0AF;*/
	border-bottom: 1px solid #b0b0b0;
	color: #444444;
	/*color: #0AF;*/
	/*color: #b0b0b0;*/
	font-size: 120%;
	letter-spacing: 0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background : #ffffff;
}

div#content .pt20 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

div#content h3 {
	font-weight: 600;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	border-left: 8px solid #0AF;
	/*border-bottom: 2px solid #0AF;*/
	color: #444444;
	/*color: #0AF;*/
	/*color: #b0b0b0;*/
	font-size: 140%;
	letter-spacing: 0.3em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}




div#content .img {
	padding-left: 10px;
	border-left: 8px solid #999999;
	/*border-bottom: 2px solid #0AF;*/
}

div#content .imgtai {
	font-weight: 600;
	padding-top: 2px;
	padding-left: 20px;
	padding-bottom: 2px;
}

#oliveoilexpinfo {
	width: 500px;
	height: 300px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 25px;
	text-decoration: none;
}

#oliveoilexp{
	width: 500px;
	height: 350px;
	margin: 0 auto;
	text-decoration: none;
	border: 2px solid #CCCCCC;
	background : url(../images/parts/chart.PNG) no-repeat left top;
	/*background: url(../images/parts/chart2.PNG) left top no-repeat;*/
	/*background: url(../images/parts/chart3.PNG) left top no-repeat;*/
}

#oliveoilexp .chart1{
	position: absolute;
	width: 100px;
	height: 100px;
	margin-top: 5px;
	margin-left: 200px;
	z-index: 0;
	color: #666;
	font-size: 120%;
	/*font-weight: 600;*/
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#oliveoilexp .chart2{
	position: absolute;
	width: 100px;
	height: 100px;
	margin-top: 163px;
	margin-left: 200px;
	z-index: 0;
	color: #666;
	font-size: 120%;
	/*font-weight: 600;*/
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#oliveoilexp .chart3{
	position: absolute;
	width: 100px;
	height: 100px;
	margin-top: 316px;
	margin-left: 200px;
	z-index: 0;
	color: #666;
	font-size: 120%;
	/*font-weight: 600;*/
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#oliveoilexp .chart4{
	position: absolute;
	width: 100px;
	height: 100px;
	margin-top: 163px;
	margin-left: 3px;
	z-index: 0;
	color: #666;
	font-size: 120%;
	/*font-weight: 600;*/
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#oliveoilexp .chart5{
	position: absolute;
	width: 100px;
	height: 100px;
	margin-top: 163px;
	margin-left: 398px;
	z-index: 0;
	color: #666;
	font-size: 120%;
	/*font-weight: 600;*/
	text-align: center;
}

#oliveoilexp .mon a{
	position: absolute;
	display: block;
	width: 35px;
	height: 100px;
	padding: 0px;
	margin-top: 25px;
	margin-left: 350px;
	text-decoration: none;
	background : url(../images/pic50/pic50-100000001.PNG) no-repeat center bottom;
}

#oliveoilexp .non a{
	position: absolute;
	display: block;
	width: 37px;
	height: 100px;
	padding: 0px;
	z-index: 100;
	margin-top: 10px;
	margin-left: 400px;
	text-decoration: none;
	background : url(../images/pic50/pic50-100000002.PNG) no-repeat center bottom;
}

#oliveoilexp .exv a{
	position: absolute;
	display: block;
	width: 37px;
	height: 100px;
	padding: 0px;
	z-index: 100;
	margin-top: 150px;
	margin-left: 160px;
	text-decoration: none;
	background : url(../images/pic50/pic50-100000003.PNG) no-repeat center bottom;
}

#oliveoilexp .pur a{
	position: absolute;
	display: block;
	width: 37px;
	height: 100px;
	padding: 0px;
	z-index: 100;
	margin-top: 180px;
	margin-left: 80px;
	text-decoration: none;
	background : url(../images/pic50/pic50-100000004.PNG) no-repeat center bottom;
}

#oliveoilexp .cra a{
	position: absolute;
	display: block;
	width: 37px;
	height: 100px;
	padding: 0px;
	z-index: 100;
	margin-top: 150px;
	margin-left: 190px;
	text-decoration: none;
	background : url(../images/pic50/pic50-100000005.PNG) no-repeat center bottom;
}

#oliveoilexp .lim a{
	position: absolute;
	display: block;
	width: 37px;
	height: 100px;
	padding: 0px;
	z-index: 100;
	margin-top: 30px;
	margin-left: 150px;
	text-decoration: none;
	background : url(../images/pic50/pic50-100000006.PNG) no-repeat center bottom;
}

#oliveoilexp .pep a{
	position: absolute;
	display: block;
	width: 37px;
	padding: 0px;
	z-index: 100;
	height: 100px;
	margin-top: 30px;
	margin-left: 120px;
	text-decoration: none;
	background : url(../images/pic50/pic50-100000007.PNG) no-repeat center bottom;
}

#recipeexp{
	width: 500px;
	height: 333px;
	margin: 0 auto;
	padding-top: 5px;
	text-decoration: none;
	font-size: 130%;
	line-height: 1.6em;
	background : url(../images/picexp500/recipe4.JPG) no-repeat left top;
}

#recipeexp .tex{
	width: 150px;
	height: 250px;
	color: #AAAAAA;
	font-weight: 600;
	margin-top: 40px;
	margin-left: 2px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

#recipeexp .texbo{
	padding-top: 10px;
	font-size: 250%;
	padding-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

/*width:750px*/

#contactvavibot{
	clear : both;
	width: 700px;
	margin: 0 auto;
	padding: 0px 20px 20px 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	/*background: #FFFFFF url(../images/caroli/bg.PNG) top left repeat-y;*/
}

#contactvavibot .texter{
	padding: 0px 20px 20px 20px;
	font-size: 120%;
	line-height: 1.7em;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	/*background: #FFFFFF url(../images/caroli/bg.PNG) top left repeat-y;*/
}


#contactvavibot .pt20 {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}

#contactvavibot h1 {
	font-weight: 600;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 3px;
	border-left: 8px solid #999999;
	/*border-bottom: 2px solid #0AF;*/
	border-bottom: 1px solid #b0b0b0;
	color: #444444;
	/*color: #0AF;*/
	/*color: #b0b0b0;*/
	font-size: 120%;
	letter-spacing: 0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background : #ffffff;
}

#contactvavibot h3 {
	font-weight: 600;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	border-left: 8px solid #0AF;
	/*border-bottom: 2px solid #0AF;*/
	color: #444444;
	/*color: #0AF;*/
	/*color: #b0b0b0;*/
	font-size: 140%;
	letter-spacing: 0.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contactvavibot .imgflolpt20 {
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	padding-bottom: 10px;
}

#contactvavibot .imgleftb {
	padding-left: 10px;
	border-left: 8px solid #0AF;
}

#contactvavibot p {
	padding: 0px 20px 20px 20px;
	font-size: 120%;
	line-height: 1.7em;
}

/*contactlinkmenu*/

#contactlinkmenu {
	clear : both;
	width: 751px;
	margin: 0 auto;
	padding-top: 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

#contactlinkmenu .linktai {
	width: 215px;
	font-size: 100%;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	border-left: 5px solid #686868;
	/*border-left: 5px solid #0AF;*/
	/*border-left: 5px solid #330000;*/
	border-right: 2px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	/*border-bottom: 1px ridge #686868;*/
	background-color: #f0f0f0;
	color: #686868;
	font-weight: 600;
	text-align: left;
	letter-spacing: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
}

#contactlinkmenu .wakunon {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#contactlinkmenu .wakug {
	border: 0px;
	border-left: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	padding-bottom: 5px;
}

#contactlinkmenu .sps20 {
	width: 15px;
	margin: 0px;
	padding: 0px;
}

#contactlinkmenu .linkpadd {
	width: 205px;
	margin: 0px;
	padding: 0px;
	padding: 4px 5px 4px 15px;
	text-align: left;
}

#contactlinkmenu .linkpadd a{
	display: block;
	font-size: 100%;
	color: #686868;
	padding-left: 15px;
	background : url(../images/parts/arrowb.PNG) no-repeat left center;
}

#contactlinkmenu .linkpadd a:hover{
	color: #0AF;
	background : url(../images/parts/arrowbon.PNG) no-repeat left center;
}



#makerboxerea {
	width: 700px;
	margin: 0 auto;
	padding: 5px;
}

#makerboxerea .makerboxsp {
	width: 340px;
	padding-top: 10px;
}

#makerboxerea .makerboxspr20 {
	float: left;
	width: 20px;
	padding-top: 10px;
}

#makerbox1 {
	float: left;
	width: 330px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;

}

#makerbox2 {
	float: left;
	width: 330px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;

}

#makerbox3 {
	float: left;
	width: 330px;
	margin: 0 auto;
	padding: 0px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;

}

#makerboxerea .ostai {
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-left: 130px;
	font-size: 150%;
	text-align: left;
	color: #0AF;
	font-family: Arial, Helvetica, sans-serif;

}

#makerboxerea .ita {
	font-style: italic; 
}



#makerboxerea a {
	display: block;
	padding-top: 0px;
	padding-left: 110px;
	padding-bottom: 5px;
	padding-right: 10px;
	text-align: left;
	color: #0000ff;
	font-family: Arial, Helvetica, sans-serif;

}



/***** NAVIGATION LAYER END*****/
/* ボトム
---------------------------------------------*/
#bottommenu {
	clear : both;
	width: 761px;
	margin: 0 auto;
	padding-top: 5px;
}

#bottommenu .mappo {
	clear : both;
  	text-align: left;
	padding-top: 3px;
	padding-bottom: 0px;
	color: #666666;
}

#bottommenu .mappo a {
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
}

#bottommenu .carolibridges {
	clear : both;
  	text-align: center;
	padding-top: 3px;
	padding-bottom: 0px;
	color: #666666;
}

#bottommenu .carolibridges a {
	color: #666666;
	padding-left: 5px;
	padding-right: 5px;
}

#bottommenu .pagetopgo {
	float: right;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
}

#bottommenu .dott {
	border-bottom: 1px dotted #686868;
}

#bottom {
	padding-bottom: 10px;
}

#bottom .background{
	background: #FFFFFF;
}

#bottom .bottomtext{
  	text-align: center;
	padding: 0px;
	color: #686868;
}