@charset "UTF-8";

/**********************************************************************/
/** ■　TOPページCSS											**/
/********************************************************************/

/* お花2015 */
#flower{
	padding-bottom:1px;
}


/* スライドショー */
.mainimgLeft{
	float:left;
	width:230px;
	height:300px;
	padding-bottom:15px;
}
#mainimgArea{
	float:left;
	background:url(../img/mainImage20.jpg) 0 0 no-repeat;
	width:670px;
	height:300px;
	padding-bottom:15px;
}
#mainimgArea2{
	float:left;
	background:url(../img/novelloImage04.jpg) 0 0 no-repeat;
	width:670px;
	height:300px;
	padding-bottom:15px;
}
#barYoyaku{
	padding-bottom:15px;
}
/* 3商品ボタン */
.main3btn{
	float:left;
	width:300px;
	height:300px;
	padding-bottom:15px;
}

/* アライスタイル2014 */
#araistyle{
	margin:0 0 30px 0;
	background-color:#CCC;
	width:900px;
	
}
#box870{
	width:870px;
	padding:10px 15px 20px 15px;
}

#araistyle .bgAraistyle-t,
#araistyle .bgAraistyle-b{
	font-size:1px;
	height:20px;
}

#araistyle .bgAraistyle-t{
	background:transparent url(../img/bgAraistyle-t.png) no-repeat 0px 0px;
}
#araistyle .bgAraistyle-m{
	background:transparent url(../img/bgAraistyle-m.png) repeat-y 0px 0px;
	padding:5px 25px 0 25px;
}
#araistyle .bgAraistyle-b{
	background:transparent url(../img/bgAraistyle-b.png) no-repeat 0px 0px;
}

#ownerImg{
	float:left;
	width:170px;
	padding-right:30px;
}
#ownerComment{
	float:left;
	width:620px;
}
#ownerComment p{
	padding:20px 0 0 0;
	margin:0;
	font-size:85%;
}

a#yoyaku{
	display:block;
	padding-bottom:20px;
}

#oliveCondition{
	float:left;
	width:540px;
	padding-right:30px;
}
img#olive2014Img{
	float:left;
	width:250px;
}
#oliveCondition .title{
	background:url(../img/iconCircle.png) no-repeat 0 center;
	padding-left:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:120%;
	margin-bottom:10px;
}
#oliveCondition p{
	padding:0 0 20px 10px;
	margin:0;
	font-size:85%;
}



/* 搾油機の見積り公募 */
#koubo{
	margin:0 0 30px 0;
	border:1px solid #B13D3D;
	background-color:#FFF0F6;
	padding:20px 30px;
	width:838px;
	
}
#koubo .title{
	padding-bottom:10px;
	font-size:110%;
	color:#B13D3D;
}





/* キャッチコピー */
#catchcopy{
	padding: 10px 0 25px 0;
}
h2.title{
	font-size:135%;
	padding:15px 0 15px 0;
	margin:0;
	border:none;
	font-weight:bold;
	line-height:150%;
}
h3.arai{
	font-size:115%;
	color:#65A831;
	padding:0 0 20px 0;
	font-weight:bold;
}

/* Extra Virgin Olive Oil */

.lineup{
	float:left;
}


/* TOPICS */

#topics{
	border:1px solid #9D0606;
	padding:10px 15px;
	margin:0px 0 30px 0;
}

#topics_title{
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:#AB7F59 3px solid;
}

#topics ul{
	overflow: scroll;   /* スクロール表示 */
	margin:0;
	padding:0;
	list-style:none;
	height:300px;
}

#topics ul li{
	line-height:130%;
	list-style:none;
	background:url(../img/arrow_red.gif) 0 13px no-repeat;
	padding:10px 0 10px 15px;
	margin:0;
	color:#333;
	border-bottom:1px dotted #CCC;
}

#topics ul li .date{
	color:#AB7F59;
	font-weight:bold;
}
#topics ul li .new{
	color:#FF0000;
	font-size:85%;
	padding-left:5px;
}



/* 10か条 */

#kodawari{
	margin-top:30px;
	background:url(../olive/img/bgGreen.gif) 0 0 repeat;
	padding:15px;
}

#kodawari .box{
	background:#FFF;
	padding:10px 20px;
}


#kodawari h2{
	padding:0;
	margin:0;
}

#kodawari h3{
	border:none;
	color:#9D0606;
	font-size:110%;
	line-height:150%;
}

ul#k10{
	padding:10px 0 5px 0;
	margin:0;
}
ul#k10 li{
	float:left;
	padding-right:5px;
}
ul#k10 li a{
	display:block;
	width:55px;
	height:55px;
	cursor:pointer;
	overflow:hidden;
	text-indent:-9999px;
}

ul#k10 li#k01 a{	background:url(../img/icon_10kajyou01.gif) 0% 0% no-repeat;}
ul#k10 li#k01 a:hover{	background:url(../img/icon_10kajyou01.gif) 0% 100% no-repeat;}

ul#k10 li#k02 a{	background:url(../img/icon_10kajyou02.gif) 0% 0% no-repeat;}
ul#k10 li#k02 a:hover{	background:url(../img/icon_10kajyou02.gif) 0% 100% no-repeat;}

ul#k10 li#k03 a{	background:url(../img/icon_10kajyou03.gif) 0% 0% no-repeat;}
ul#k10 li#k03 a:hover{	background:url(../img/icon_10kajyou03.gif) 0% 100% no-repeat;}

ul#k10 li#k04 a{	background:url(../img/icon_10kajyou04.gif) 0% 0% no-repeat;}
ul#k10 li#k04 a:hover{	background:url(../img/icon_10kajyou04.gif) 0% 100% no-repeat;}

ul#k10 li#k05 a{	background:url(../img/icon_10kajyou05.gif) 0% 0% no-repeat;}
ul#k10 li#k05 a:hover{	background:url(../img/icon_10kajyou05.gif) 0% 100% no-repeat;}

ul#k10 li#k06 a{	background:url(../img/icon_10kajyou06.gif) 0% 0% no-repeat;}
ul#k10 li#k06 a:hover{	background:url(../img/icon_10kajyou06.gif) 0% 100% no-repeat;}

ul#k10 li#k07 a{	background:url(../img/icon_10kajyou07.gif) 0% 0% no-repeat;}
ul#k10 li#k07 a:hover{	background:url(../img/icon_10kajyou07.gif) 0% 100% no-repeat;}

ul#k10 li#k08 a{	background:url(../img/icon_10kajyou08.gif) 0% 0% no-repeat;}
ul#k10 li#k08 a:hover{	background:url(../img/icon_10kajyou08.gif) 0% 100% no-repeat;}

ul#k10 li#k09 a{	background:url(../img/icon_10kajyou09.gif) 0% 0% no-repeat;}
ul#k10 li#k09 a:hover{	background:url(../img/icon_10kajyou09.gif) 0% 100% no-repeat;}

ul#k10 li#k10 a{	background:url(../img/icon_10kajyou10.gif) 0% 0% no-repeat;}
ul#k10 li#k10 a:hover{	background:url(../img/icon_10kajyou10.gif) 0% 100% no-repeat;}
ul#k10 li#k10{	padding-right:0px;}


/* オリーブの話 */

#olive_hanashi{
	margin:10px 0 0 0;
	background:url(../olive/img/bgOrange.gif) 0 0 repeat;
	padding:15px;
}

#olive_hanashi .box{
	background:#FFF;
	padding:10px 20px;
}

#olive_hanashi h2{
	padding:0 0 15px 0;
	margin:0;
}

#olive_hanashi h3{
	border:none;
	color:#9D0606;
	font-size:110%;
	line-height:150%;
}

#olive_hanashi ul{
	list-style:none;
	padding:0 0 10px 0;
	margin:0;
}
#olive_hanashi ul li{
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
#olive_hanashi ul li a{
	background:url(../img/iconOlive.png) 0 center no-repeat;
	padding: 10px 10px 10px 42px;
	color:#000;
}
#olive_hanashi ul li a:hover{
	color:#9D0606;
}

/* オリーブオイルの豆知識 */

#oliveoil{
	margin:10px 0 0 0;
	background:url(../olive/img/bgPerple.gif) 0 0 repeat;
	padding:15px;
}

#oliveoil .box{
	background:#FFF;
	padding:10px 20px;
}

#oliveoil h2{
	padding:0 0 15px 0;
	margin:0;
}

#oliveoil h3{
	border:none;
	color:#9D0606;
	font-size:110%;
	line-height:150%;
}
#oliveoil ul{
	list-style:none;
	padding:0 0 10px 0;
	margin:0;
}
#oliveoil ul li{
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
#oliveoil ul li a{
	background:url(../img/iconOlive2.png) 0 center no-repeat;
	padding: 10px 10px 10px 42px;
	color:#000;
}
#oliveoil ul li a:hover{
	color:#9D0606;
}


/* Oliveソムリエ 宇田川さんの簡単レシピ */
#recipe{
	margin:10px 0 0 0;
	background:url(../recipe/img/bgPink.gif) 0 0 repeat;
	padding:15px;
}
#recipe .box{
	background:#FFF;
	padding:0;
}

#recipe h2{
	float:left;
	width:400px;
	padding:10px 0 5px 20px;
}


/* もっと知りたい！ */
#morelearn{
	margin:10px 0 0 0;
	background:url(../olive/img/bgBlue.gif) 0 0 repeat;
	padding:15px;
}

#morelearn .box{
	background:#FFF;
	padding:10px 20px;
}

#morelearn h2{
	padding:0 0 15px 0;
	margin:0;
}

#morelearn p{
	color:#000;
}


/* 取扱店舗 */
table#shop{
	margin:0 0 50px 0;
	padding:0;
	font-size:90%;
}

#shop .name{
	text-align:center;
	width:30%;
}
#shop .name a{
	color:#B13D3D;
}

#shop .oil{
	text-align:center;
	width:10%;
}

#shop .shin{
	text-align:center;
	width:10%;
}

#shop th.other{
	width:50%;
}

#btnshop{
	display:block;
	text-align:center;
	padding:10px 0 30px;
}