/*
Theme Name: Natural Essence
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: Soft and natural two-column theme supporting widgets. Based on the <a href="http://templates.arcsin.se/">free website template</a> Natural Essence. Also available as <a href="http://templates.arcsin.se/natural-essence-joomla-template/">Joomla template.</a>
Author: Viktor Persson
Author URI: http://arcsin.se/
*/

/* default elements */
* {margin: 0; padding: 0;}

body {
background-image:url(img/bg.gif) ; 
background-position:top ;
	color: #222;
	font: normal 62.5% sans-serif;
}

a {color:#0000ff;}
a:hover {color:#339900;}

big {font-size: 1.1em;}






p{font-size:1em;}


form,table {margin-bottom: 1.2em;}
img {border: none;}
label {display: block;}
li {line-height: 1.5em;}

small,.small {font: normal 0.9em sans-serif;}


/* structure */
#wrapper {
	background: #ffffff;
	margin: 0 auto;
	width: 762px;
}
#container {

	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto; background: #FFFFFF;
	width: 722px;
}



.boxclr:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.boxclr {
  min-height: 1px;
}

* html .boxclr {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* header */
.top{
margin:20px 0 7px 0;
}

.title {
float:left;
background:url(img/title.gif) no-repeat;
height:40px;
width:265px;
}
.toptext{
float:right;
width:457px;
padding-top:6px;

}
.toptext h1{
font-size:0.9em;
}
.toptext h2{
font-size:0.9em;
}

.header {
background:url(img/top.jpg) no-repeat;
margin-bottom:15px;
height: 251px;
}



/* main */
.main {background: #FFF ;}

.pankuz{
font-size:0.8em;
margin-bottom:8px;
}

/* kbtr */
.bbox2{
margin:12px 16px 11px 14px;
}

.kbtrle{
float:left;
background:url(img/kbtr.jpg) no-repeat;
width:201px;
height:169px;
}

.kbtrri{
float:right;
}

.kbtext{
margin:10px 0 10px 0;
}

.kuwasiku{
text-align:center;
}


.kbtrle2{
float:left;
background:url(img/sannin.jpg) no-repeat;
width:207px;
height:128px;
}
.kbtrri2{
float:right;
width:246px;
}
.kbtrri2 p{
color:#e31413;
line-height:1.5;
font-weight:bold;
}
.text2{
padding:0px 12px 12px 12px;
font-size:1em;
line-height:1.4;
}
.text3{
padding:15px 12px 5px 12px;
text-align:center;
font-size:1em;
line-height:1.4;
}

#entry{
text-indent:-9999px;
width:329px;
margin:0 auto;
}
#entry a{
display:block;
width:329px;
height:46px;
text-decoration:none;
background:url(img/entry.gif) no-repeat;
}
#entry01 a{background-position:0 0px;}
#entry01 a:hover{background-position:-329px 0px}


/* left */
.box01{
margin-bottom:15px;
}
.box02{
width:492px;
padding-bottom:3px;
background:url(img/h2bottom.gif) #FFFFFF no-repeat bottom;

}
.box02 h2{
margin:0;
height:24px;
padding:7px 0 0px 20px;
background:url(img/h2.gif) #FFFFFF no-repeat top;
font-size:1.1em;
color:#657a01;
}

.all{
position:relative;
width:492px;
}

.bbox{
padding-top:14px;
margin:0px 10px 7px 13px;
text-indent:-9999px;
}
.botan01{
float:left;
}
.botan01 a{
display:block;
width:237px;
height:159px;
text-decoration:none;
background:url(img/botan1.jpg) no-repeat;
}
.botan01 a{background-position:0 0px;}
.botan01 a:hover{background-position:-237px 0px}


.botan02{
float:right;
}
.botan02 a{
display:block;
width:231px;
height:159px;
text-decoration:none;
background:url(img/botan2.jpg) no-repeat;
}
.botan02 a{background-position:0 0px;}
.botan02 a:hover{background-position:-231px 0px}


.botan03{
float:left;
}
.botan03 a{
display:block;
width:231px;
height:159px;
text-decoration:none;
background:url(img/botan3.jpg) no-repeat;
}
.botan03 a{background-position:0 0px;}
.botan03 a:hover{background-position:-237px 0px}


.botan04{
float:right;
}
.botan04 a{
display:block;
width:231px;
height:159px;
text-decoration:none;
background:url(img/botan4.jpg) no-repeat;
}
.botan04 a{background-position:0 0px;}
.botan04 a:hover{background-position:-231px 0px}


.jra{
width:205px;
position:absolute;
top:140px;
left:20px;
text-align:center;
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
}

.chiho{
width:205px;
position:absolute;
top:140px;
left:258px;
text-align:center;
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
}
/*.keiba{
width:464px;
position:absolute;
top:40px;
left:14px;
}*/

.keiba{
margin:10px 14px 0px 14px;
font-size:1em;
}

/* left2222 */
.box06 h2{
background:url(img/h2.gif) no-repeat;
height:31px;
padding:7px 0 0 20px;
font-size:1.2em;
color:#657a01;
}
.next{
margin:5px 0;
text-align:center;
}
/* left3333 */

.box05 h2{
background:url(img/h202.gif) no-repeat;
height:32px;
padding:6px 0 0 15px;
font-size:1.2em;
color:#657a01;
}

.text{
padding:11px 12px 12px 12px;
font-size:1em;
line-height:1.4;
}
.itou_color{
margin-top:12px;
font-size:1.1em;
color:#657a01;
}

.map{
margin:10px 0;
}

/* left-kabegami */

.uma{
text-align:center;
}
.kabegami{
background:url(img/border.gif) bottom no-repeat;
display:inline-table;
padding:20px 0;
margin:0 14px;
}

.downroad{

margin:10px 0 0 14px;
}
.d01{
float:left;
background:url(img/downroad.gif) no-repeat;
width:136px;
height:23px;
text-align:center;
margin-right:14px;
}

.d01 p{
font-size:1em;
padding-top:4px;
}
.d01 p a:hover {color:#FFFFFF; text-decoration:none;}
.d01 p a {color:#FFFFFF; text-decoration:none;}







/* right */
.box07{
margin:5px 0 15px 0
}
.box04{
width:215px;
background:url(img/h204bottom.gif) no-repeat bottom;
position:relative;
}
.box04 h2{
margin:0;
height:56px;
padding:13px 0 0px 12px;
background:url(img/h204.gif)  no-repeat top;
font-size:1.1em;
color:#ffffff;
}

#konyu{
padding:0px 19px 7px 19px;
text-align:center;
}
#konyu ul{
padding:0;
list-style:none;
text-indent:-9999px;
text-align:center;
}
#konyu li,#konyu a{
display:block;
width:177px;
height:103px;
}
#konyu a{
text-decoration:none;
background:url(img/konyu.gif) no-repeat;
}

#k01 a{background-position:0 0px}
#k02 a{background-position:0 -103px}
#k01 a:hover{background-position:-177px 0}
#k02 a:hover{background-position:-177px -103px}

.ktext01{
width:177px;
position:absolute;
top:144px;
left:19px;
color:#FFFFFF;
font-size:0.9em;
}
.ktext02{
width:177px;
position:absolute;
top:247px;
left:19px;
color:#FFFFFF;
font-size:0.9em;
}




.box03{
width:215px;
padding-bottom:10px;
background:url(img/h203bottom.gif) #FFFFFF no-repeat bottom;
}
.box03 h2{
margin:0;
height:29px;
padding:5px 0 0px 17px;
background:url(img/h203.gif) no-repeat top;
font-size:1em;
color:#ffffff;
}

.box03 p{
margin:5px 14px 5px 14px;
font-size:1em;
}


.pickup ul{
list-style-type:none;
margin:5px 14px 4px 14px;
}
.pickup li{
padding:1px 0 1px 26px;
font-size:1.1em;
}
li.kakko {
list-style-type:none;
text-indent:-1em;
padding-left:6em;
}
li.first{
background-image:url(img/first.gif);
background-repeat:no-repeat;
}
li.second{
background-image:url(img/second.gif);
background-repeat:no-repeat;
}li.third{
background-image:url(img/third.gif);
background-repeat:no-repeat;
}





.photo{
margin:0px 12px;
padding:5px 0 ;
background:url(img/border.gif) bottom no-repeat;
display:inline-table;
}
.gazou01{
background:url(img/photo01.jpg) no-repeat;
float:left;
width:104px;
height:66px;
}
.gazou02{
background:url(img/photo03.jpg) no-repeat;
float:left;
width:104px;
height:66px;
}
.gazou03{
background:url(img/photo02.jpg) no-repeat;
float:left;
width:104px;
height:66px;
}
.gazou04{
background:url(img/photo04.jpg) no-repeat;
float:left;
width:104px;
height:66px;
}
.gazou05{
background:url(img/photo05.jpg) no-repeat;
float:left;
width:104px;
height:66px;
}
.phototext{
float:right;
width:83px;
}
.phototext p{
font-size:1em;
margin:0;
padding:0;
}

.ichiran p{
text-align:right;
margin:0px 12px;
padding:5px 0 ;
font-size:1em;
background:url(img/border.gif) bottom no-repeat;
}

/* posts */
.post .descr {
	color: #630;
	font-size: 0.9em;
	margin: 2px 0 4px;
}
.post .info{
	border-top: 1px dashed #AAAA9A;
	color: #222;
	font-size: 0.9em;
	font-weight: bold;
	margin: 4px 0 8px;
	padding: 8px 0;
}
.post{
margin:5px 0;
}
.post h3{
font-size: 1em;
}

.mark1{
float:left;
color:#657a01;
margin-top:1px;
}
.mark2{
float:left;
}


/* bottom */


/* footer */
.footer {
	background: #332;
	color: #EED;
	padding: 10px 20px;
	width:722px;
	margin:auto;
}


.fooleft{
float:left;

}
.fooright li{
list-style:none;
float:right;
}

.footer .right {
	
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover, .footer .right a:hover {
	color: #FFF;
	text-decoration: underline;
}
.footer .right, .footer .right a {color: #7D7D75;}

/* misc */


.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width:492px;}
.col2 .right {width:215px;}

.banner{
text-align:center;
}