body { margin-left: 0pt; margin-top: 0pt; margin-right: 0pt; margin-bottom: 0pt;
word-break: break-all;
	background-color: #ffffff;padding:0px 0px;color: #666;font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",sans-serif;
-webkit-text-size-adjust:none;
        }
	
body,tr,td    { font-size: 10pt;line-height: 18px;}
big           { font-size: 11pt ;}
small         { font-size: 8pt ;}

input {
font-family:Arial,Helvetica,sans-serif;
}



a:link { color : #3C6196;
          text-decoration: none; }
	  
a:visited { color : #3C6196;
          text-decoration: none; }
	  
a:hover { color: #ff0000; 
          text-decoration: none; }

a img:hover{border:none;
            filter:alpha(opacity=80);
            opacity:0.8;
}

.responsive-image {
    max-width: 100%;
    height: auto;
    display: block;
}



h3:first-letter {
font-weight: bold; font-size: 1.3em;
}


div.title{
	background-color:#333333;
	font-size:12pt;
	font-weight:bold;
	color:#ffffff;
	width:100%;
	padding-top:5px;
	padding-bottom:2px;
}
h1.title{
	background-color:#333333;
	font-size:12pt;
	font-weight:bold;
	color:#ffffff;
	width:100%;
	padding-top:2px;
	padding-bottom: 2px;
	border:0px solid #333333;
}

.tablexxxxx { table-layout:fixed; }

.pict {
background-color: #f6f6f6;
border-width: 1px;
margin: 5px 5px 5px 0px;
padding: 7px 7px 7px 7px;
border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}


.frame img {    /* 写真の角丸め  <div class="frame"><img src="aaa.jpg"></div>  */
	border-radius: 4px;
}

/* ========TABLE DIVの角丸め======== */


.dotted {
	border-color:#6b926b;
	border-width:2px;
	border-style:dotted;
	background-color:#ffffff;
}

.kakko
	{
	background-color: #fff;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:1px dotted #dddddd;
	width:94%;
	padding: 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
	}

.kakko_top
	{
	background-color: #fff;
	border-top:1px solid #ffffff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #dddddd;
	width:95%;
	padding: 15px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
	}

.round
	{
	border:1px solid #ccc;
	padding: 5px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
	}

.roundbox
	{
	background-color: #fff;
	border:2px dotted #ccc;
	padding: 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
	
	}


	
.roundbox_solid
	{
	background-color: #fff;
	border:2px solid #006600;
	padding: 7px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
	}




/* ========掲示板ここから======== */

blockquote { 
    margin: 0; padding: 0; text-align:left; min-height: 100px;
} 

DIV#message { 
    max-width: 600px; 
    margin-bottom: 30px;
    border-bottom:dashed 1px #cccccc;
    background: #ffffff;
    padding: 5px;
    border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
    position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
}

blockquote#member { 
    width: 100%; 
    padding-bottom: 25px; 
}

blockquote#farmer { 
    max-width: 500px;
    text-align:left;
    background: #F9E4BF; 
    padding: 5px; 
    padding-bottom:20px;
    border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
    position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
}

blockquote#farmer .arrow {     /* 吹き出しの部分 */
 width: 0;
 height: 0;
 line-height: 0;
 border-bottom: 25px solid #F9E4BF;
 border-right: 50px solid #ffffff;
 position: absolute;
 top: -24px;
 left: 20px;
}

blockquote#farmer .arrow_mem {     /* 吹き出しの部分 */
 width: 0;
 height: 0;
 line-height: 0;
 border-bottom: 25px solid #F9E4BF;
 border-right: 50px solid #ffffff;
 position: absolute;
 top: -24px;
 left: 20px;
}

div#farmer_top { /* トップページおすすめのお米　吹き出しの部分 */
    font-size : 0.8rem;
    width: 275px;
    text-align:left;
    background: #FBEBCC; 
    padding: 7px; 
    border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
    position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
}

div#farmer_top .arrow {     /* トップページおすすめのお米　吹き出しの部分 */
 width: 0;
 height: 0;
 line-height: 0;
 border-top: 15px solid #FBEBCC;
 border-left: 30px solid #ffffff;
 position: absolute;
 bottom: -15px;
 right: 15px;
}


/* ========掲示板ここまで======== */

/* ========コメント数吹き出しここから======== */
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #999999;
	display:inline;
	padding-left: 2px; 
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 3px;
	top: 50%;
	margin-top: -3px;
}
.arrow_box:before {
	border-color: rgba(102, 102, 102, 0);
	border-right-color: #999999;
	border-width: 4px;
	top: 50%;
	margin-top: -4px;
}
/* ========コメント数吹き出しここまで======== */



/* ========マウスオーバーでのツールチップ　ここから======== */
a.tooltip1{
    display: inline-block;                        /* インライン要素化 */
}
 
/* ツールチップ部分を隠す */
a.tooltip1 p {
    display: none;
}
 
/* マウスオーバー */
a.tooltip1:hover {
    position: relative;
}
 
/* マウスオーバー時にツールチップを表示 */
a.tooltip1:hover p {
    display: block;                  /* ボックス要素にする */
    position: absolute;            /* relativeからの絶対位置 */
    top: 25px;
    font-size: 88%;
    color: #fff;
    background-color: #666;
    min-width: 250px;
    padding: 5px;
    border-radius:6px;
    z-index:100;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
 
/* フキダシ部分を作成 */
a.tooltip1 p:before{
    content:''; 
    display:block; 
    position:absolute;                         /* relativeからの絶対位置 */
    height:0; 
    width:0; 
    top:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:#666; 
    transform:rotate(270deg);            /* 傾きをつける */
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
/* ========マウスオーバーでのツールチップ　ここまで======== */


/* ========はじめての方へ、よくある質問等　ここから======== */

.ag_title{font-size:100%;font-weight:bold;}
.ag_value{font-size:140%;font-weight:bold;}
.title_block {
    width:90%;
    color: #fff;
    font-size: 16pt ;
    padding: 20px;
    background: #b2946c;
    position: relative;
    z-index: 10;
}
 
.title_block:before {
    content: "";
    position: absolute;
    background: #b2946c;
    margin: 4px;
    border: 2px #fff solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

.topic
	{
	background-color: #fff;
	border-top:1px dotted #b2946c;
	border-left:1px dotted #b2946c;
	border-right:1px dotted #b2946c;
	border-bottom:1px dotted #b2946c;
	width:88%;
	text-align:left;
	font-size: 12pt ;
	line-height:1.5em;
	margin: 5px 0px 20px 0px;
	padding:5px 20px 20px 20px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */  
	position:relative;            /* PIEを動作させるために追加 */
	behavior: url( /PIE_IE_CSS3/PIE.htc ) ;	      /* CSS3 PIE */
	}
	
.mark{
font-size: 14pt ;
font-weight:bold;
color: #006600;
line-height:1.2em;
}



/* ========はじめての方へ、よくある質問等　ここまで======== */