/* 日本語処理（重要消すな）*/
.suji{
	ime-mode:disabled;
	text-align:right;
}
.eisu {
	ime-mode: disabled;
	text-align: leftt;
}
.kana {
	ime-mode: active;
	text-align: leftt;
}
/* 日本語処理（重要消すな）*/

/*
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;}

#awrapp {
/*	background:url(images/bg.gif) repeat-y #ffffff;
        background-position:center; */

	color: #105375; /* change */
	font: normal 62.5% sans-serif;
	
	
}

a {color:#2BAED9;}
a:hover {color:#FF66CC;}


big {font-size: 1.1em;}




h1 a {text-decoration: none;}
h1 a:hover {text-decoration: underline;}

h2 {font: serif,sans-serif;}
h3 {font: serif,sans-serif;}


blockquote {
	background: url('img/quote.gif') no-repeat;
	display: block;
	font: normal 1.1em Georgia,serif;
	padding-left: 26px
}

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;}

.cl{
clear:both}
/* structure */
#wrapper {
	background: #ffffdd ; /* #fffbdf */
	margin: 0 auto;
	width: 950px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
} 
#container {
	
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 auto; background: #ffffdd ; /* #fffbdf */
	width: 910px;
}



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

.boxclr {
  min-height: 1px;
}

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



/* header */
#bgb{
display:block;
background:url(images/bgb.gif) no-repeat;
height:32px;
text-align:center;
padding:2px;
}
#bgb h1{
color:#ffffff;
font-size:1.2em;
}
#bgb h2{
color:#ffffff;
font-size:1.2em;
}
#title {
float:left;
background:#ffffdd ; /* #fffbdf */
	
}

#title .img01 /* tuika */
{
float:right;
background:#ffffdd ;
	}
#purei{
float:right;
padding:3px 0 15px 0;
}
/* main */
.main {background:transparent; } /* #fffbdf */

.top {
margin-bottom:10px;
}



/* 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;
}


/* left */

.left{
width:700px;
}

.box01{
margin-bottom:15px;
}
.box05{
margin-bottom:5px;
background-color:#FFFFFF;
}

.box02{
width:700px;
padding-bottom:3px;
background:url(images/maru_bottom.gif) #FFFFFF no-repeat bottom;
}
.box02 img{
	margin-left:5px;
}
.box02 h2{
margint:0px; 
height:20px;
color: #440000; /* tuika */
padding:5px 30px 4px 30px;
background:url(images/bg_top.gif) #FFFFFF no-repeat top;
font-size:1em;
}

.box02 h1{
margin:0;
height:20px;
color: #440000; /* tuika */
padding:5px 30px 4px 30px;
background:url(images/bg_top.gif) #FFFFFF no-repeat top;
font-size:1em;
}

.box04{
background:url(images/bgbox4.gif) no-repeat;
margin-bottom:15px;
width:700px;
height:225px;
}
.mama{
width:530px;
float:right;
margin:60px 15px 15px 150px;

}
.mama h3{
font-size:1em;
padding-bottom:5px;
color:#FF0099;
}
.mamari01{
padding-bottom:5px;
font-size:0.8em;
}
　.mama04 img{
float:left;
margin-right:7px;
}　
.mamari02{
width:450px;
font-size:0.8em;
line-height:1.4;
}
.mamari02 span{
font-weight:bold;
color:#669900;
}



#textarea {
padding:7px 15px;
text-align:left;
}
#textarea span{
text-decoration:blink;
color:#FF0000;
}
#textarea h3{
font-size:1em;
}

dl{
line-height:2;
margin:0px;
width: 100%;
}
dl dt {
width: 9em;
float: left;
padding-bottom: 1px;
text-indent:1em;
}
dl dd {
padding-left:5em;
border-bottom: 1px dotted #ccc;
}


.category{
padding:15px 15px 10px 15px;
}
.category2{
padding:0 15px 10px 15px;
}

.cate01{
float:left;
width:121px;

}

.cate02 li{
list-style:none;
background-image:url(images/mark.gif);
background-repeat:no-repeat;
padding-left:10px;

}

.cate02{
float:left;
width:160px;
text-align:left;
margin-left:10px;
}

.category3{
float:left;
width:530;
}
.category3 h3{

font-size:1em;
margin-left: 7px; /* tuika */
}



/* banner*/
.box03 img {
border:1px solid #eaeaea; /* 4px change */
text-decoration:none;
margin-bottom:10px;
}
.box03 a:hover img {border:1px solid #FFCCCC;}

.banner01{
float:left;
width:208px;
padding:15px 17px 0px 21px;
}
.banner02{
float:left;
width:208px;
padding:15px 17px 0px 0px;
}
.banner03{
float:right;
width:208px;
padding:15px 21px 0px 0px;
}

/* onepeace*/

.one{
padding:15px 20px 5px 20px;
}
.one2{
padding:15px 20px 10px 20px;
}
.onepeace{
margin-bottom:9px;
}
.onele{
float:left;
background-color:#fff9ee;
border:solid 1px #ebdad3;
width:298px; /* change */
padding:10px;
}
.oneri{
float:right;
background-color:#fff9ee;
border:solid 1px #ebdad3;
width:308px; /* change */
padding:10px; 
}
.onegazo{
float:left;
width:235px; /*71px*/
}
.onetext{
float:right;
width:300px;
}



/* right */
.right{
width:200px;
}

.box06{
margin-bottom:15px;
}
.side01{
width:200px;

background:url(images/maru_bottom2.gif) no-repeat bottom;
position:relative;
}
.side01 h2{
margin:0;
padding-top:10px;

background:url(images/maru_top2.gif) no-repeat top;
font-size:1.1em;
text-align:center;
}

#cart{
padding:10px 18px;
text-align:center;
}
#cart ul{
padding:0;
list-style:none;
text-indent:-9999px;
text-align:center;
}
#cart li,#cart a{
display:block;
width:164px;
height:71px;
}
#cart a{
text-decoration:none;
background:url(images/cart.gif) no-repeat;
}
#cart01 a{background-position:0 0px}
#cart02 a{background-position:0 -71px}
#cart01 a:hover{background-position:-164px 0}
#cart02 a:hover{background-position:-164px -71px}

.cartext01{
width:164px;
position:absolute;
top:80px;
left:18px;
text-align:center;
}
.cartext02{
width:164px;
position:absolute;
top:150px;
left:18px;
text-align:center;
}
.cartext02 a{
color: #642;
}

.side02{
width:200px;
padding-bottom:10px;
background:url(images/maru_bottom3.gif) #FFFFFF no-repeat bottom;
}
.side02 h2{
margin:0;
height:27px;
color: #ffffff; /* change */
padding:7px 0 0 15px;
background:url(images/bg_top3.gif) #FFFFFF no-repeat top;
font-size:1.1em;
text-align:left;
}

.side03{
width:200px;
padding-bottom:10px;
background:url(images/maru_bottom3.gif) #ffffff no-repeat bottom;
}
.side03 h2{
margin:0;
height:27px;
color: #ffffff; /* change */
padding:17px 0 0 15px;
background:url(images/bg_top4.gif) #ffffff no-repeat top;
font-size:1.1em;
text-align:left;
}

.side04{
width:200px;
padding-bottom:10px;
background:url(images/maru_bottom3.gif)  #FFFFFF no-repeat bottom;
}
.side04 h2{
margin:0;
height:27px;
padding:7px 0 0 15px;
background:url(images/bg_top5.gif) #FFFFFF no-repeat top;
font-size:1.1em;
text-align:left;
}
.icon img{
float:left;
width:26px;
height:21px;
}
.icon{
padding-bottom:3px;
height:21px;
width:176px;
}
.icon h3{
font-size:1em;
padding:2px;
}
.rankin li{
list-style:none;
}

.rankin{
margin:0px 12px;
padding:9px 0 ;
background:url(images/border.gif) bottom no-repeat;
display:inline-table;
}
.gazou{
margin:0;
float:left;
width:70px;
height:70px;
}
.ranktext{
float:right;
width:100px;
text-align:left;
font-size:1em;
margin-left:6px;
}
.rank{
font-size:1.1em;
font-weight:bold;
}

.komoji{
font-size:0.9em;
}
.komoji2{
font-size:1.5em;
}


.banner{
margin-bottom:10px;
}
/* bottom */
.bottom {
width:700px;

margin-bottom:15px;	
}
.bottom p{
padding:10px;
}

/* footer */
.footer {
	background: #0066CC; /* 745750 */
	color: #EED;
	width:930px;
padding:10px;
}

.footer .left {width: 66%;}
.footer .right {
	width: 33%;
	text-align: right;
}
.footer a {
	color: #FFF;
	text-decoration: none;
}
.footer a:hover {
	color: #FFF;
	text-decoration: underline;
}

.fooleft{
float:left;
margin-left:10px;
}
.fooright li{
list-style:none;
float:right;
}
.fooright{
margin-right:10px;
}


/* misc */

.right .content {padding: 12px 10px;}
.left {float: left;}
.right {float: right;}
.clear,.clearer {clear: both;} 
.clearer {font-size: 0;}
.col2 .left {width: 700px;}
.col2 .right {width: 200px;}