@charset "UTF-8";

/*  ノーマライズ
-----------------------------------------------------------*/
html,body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,pre,form,fieldset,input,textarea,blockquote,th,td { 
   margin:0;
   padding:0;
}
body {
	line-height: 1.4em;
	font-size: 100%;
}
ul,ol,li {
	list-style-type: none;
}
em,strong,pre {
	font-style: normal;
	font-weight: normal;
}
a,
a img {
	border: 0px none #fff;
}
/*  クリア
-----------------------------------------------------------*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */

/*  クリア
-----------------------------------------------------------*/
.cl {
	clear: left;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}
.cr {
	clear: right;
	visibility: hidden;
}
.cb {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
	visibility: hidden;
}

/*  インラインクラス
-----------------------------------------------------------*/
.txtcnt {
	text-align: center;
}




/*  レイアウト
-----------------------------------------------------------*/
body {
	text-align: center;
	background: #fff url(../common_images/back_body.jpg) repeat-x;
}
div#outbox {
	width: 806px;
	margin: 0px auto 0px auto;
	text-align: left;
	background: #fff;
}
div#header {
	margin: 0px 15px 0px 3px;
	padding: 9px 0px 0px 0px;
}
div#contentsbox {
	margin: 7px 3px 0px 3px;
	padding: 12px 0px 15px 0px;
	background: #d2e1c1 url(../common_images/back_cnt.jpg) repeat-x;
}

/*  ヘッダ
-----------------------------------------------------------*/
div#header ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 12px;
	float: left;
}
div#header ul li {
	float: left;
	margin: 0px 11px 0px 0px;
}
div#header ul li img {
	display: block;
}
div#header ul li.seibi {
	margin: 13px 0px 0px 0px;
}
div#header p {
	float: right;
	margin: 18px 0px 0px 0px;
}

/*  トップメニュー
-----------------------------------------------------------*/
ul#topmenu {
	margin: 0px 0px 0px 7px;
	background: #73a340 url(../common_images/topmenu_back.gif) no-repeat;
}
ul#topmenu li {
	float: left;
	width: 181px;
	margin: 0px 19px 0px 0px;
	font-size: 0px;
	line-height: 0px;
}
ul#topmenu li.lastmenu {
	margin-right: 0px;
}
ul#topmenu li a {
	display: block;
}
ul#topmenu li a:hover {
	text-indent: -9988px;
}

/*  下層グローバルメニュー
-----------------------------------------------------------*/
ul#gmenu {
	margin: 0px 0px 0px 22px;
	background: #73a340 url(../common_images/gmenu_back.gif) no-repeat;
}
ul#gmenu li {
	float: left;
	width: 140px;
	margin: 0px 14px 0px 0px;
	font-size: 0px;
	line-height: 0px;
}
ul#gmenu li.lastmenu {
	margin-right: 0px;
}
ul#gmenu li a {
	display: block;
}
ul#gmenu li a:hover {
	text-indent: -9988px;
}

/*  トップページフェイス
-----------------------------------------------------------*/
div#mainbox {
	margin: 7px 4px 0px 4px ;
}
div#flashcontents {
	text-align: center;
	margin: 0px 0px 10px 0px;
}
div#iteminfo {
	width: 201px;
	margin: 0px 7px 0px 0px;
	float: left;
	font-size: 77%;
	line-height: 1.2em;
	color: #646a3f;
}
div#info {
	background: #fff;
	margin: 8px 0px 8px 0px;
	padding: 6px 6px 7px 9px;
}
div#info p {

}
div#copy {
	margin: 0px 0px 0px 10px;
}
div#copy p {
	margin: 4px 0px 4px 0px;
}
div#mainvisual {
	background: #a6c387;
	width: 578px;
	float: left;
}
div#mainvisual h1 {
	margin: 5px 0px 5px 5px;
}


/*  フッタ
-----------------------------------------------------------*/
div#footer {
	margin: 13px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font-size: 83%;
}
div#footer p {
	text-align: center;
	color: #646a3f;
}


/*  下層
-----------------------------------------------------------*/
div#contents {
	margin: 7px 3px 0px 3px;
	padding: 12px 0px 15px 0px;
}
div.listen,
div.recite {
	background: #d2e1c1 url(../common_images/back_contents.jpg) repeat-x;
}
div.konwcnt {
	background: #d2e1c1 url(../common_images/back_know.jpg) repeat-x;
}
div.writecnt {
	background: #d2e1c1 url(../common_images/back_write.jpg) repeat-x;
}

div#contents h1 {
	margin: 18px 0px 10px 20px;
}
div#contents h2 {
	margin: 0px 0px 7px 20px;
}

/* 枠部分 */
div.exarea {
	padding: 0px 0px 0px 19px;
}
div.exarea p.images {
	margin: 0px 0px 0px 0px;
	width: 194px;
	text-align: center;
	float: left;
}
div.exarea div.wmp {
	margin: 0px 0px 0px 0px;
	width: 194px;
	text-align: center;
	float: left;
}
div.exarea div.wmp img {
	margin: 0px auto 10px auto;
	display: block;
}
div.exarea p.images img {
	margin: 0px auto 10px auto;
	display: block;
}
div.exarea div.textinfo {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
	background: url(../common_images/text_top.gif) no-repeat left top;
	width: 570px;
	float: left;
}
div.exarea div.textinfo_btm {
	background: url(../common_images/text_btm.gif) no-repeat left bottom;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 0px 0px;
}
div.exarea div.textinfo_cnt {
	background: url(../common_images/text_cnt.gif) repeat-y left top;
	padding: 0px 0px 0px 0px;
}
div.exarea div.textinfo_back {
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	background: url(../common_images/back_text.gif) no-repeat right bottom ;
	font-family: "HG正楷書体-PRO";
	font-size: 17px;
	line-height: 1.2em;
	color: #646a3f;
}

/* 余白 */
.cntmdl {
	height: 70px;
	_height: 80px;
	padding: 10px 0px 0px 0px;
}

/* ミニ枠… */
div.sep div.textinfo {
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 0px;
	background: url(../common_images/txt_mini_top.gif) no-repeat left top;
	width: 370px;
	float: left;
}
div.sep div.textinfo_btm {
	background: url(../common_images/txt_mini_btm.gif) no-repeat left bottom;
	padding: 0px 0px 9px 0px;
	margin: 0px 0px 0px 0px;
}
div.sep div.textinfo_cnt {
	background: url(../common_images/txt_mini_cnt.gif) repeat-y left top;
	padding: 0px 0px 0px 0px;
}
div.sep div.textinfo_back {
	margin: 0px 10px 0px 10px;
	padding: 0px 10px 0px 10px;
	background: url(../common_images/back_text.gif) no-repeat right bottom ;
	font-family: "HG正楷書体-PRO";
	font-size: 17px;
	line-height: 1.2em;
	color: #646a3f;
}


/*
.lastcnt {
	padding-bottom: 15px;
}
*/

/* ここまでテキスト枠部分 */

div.exarea div.textinfo_back h3 {
	padding: 10px 0px 0px 0px;
}
div.exarea div.textinfo_back h4 {
	margin: 15px 0px 0px 0px;
}
div.exarea div.textinfo_back p.break {
	margin: 10px 0px 20px 0px;
}

div.exarea div.textinfo_back p.seac {
	margin: 10px 0px 0px 0px;
}



div.exarea div.textinfo_back dl {
}
div.exarea div.textinfo_back dl dt {
	font-weight: bold;
	width: 3.5em;
	float: left;
}
div.exarea div.textinfo_back dl dd {
	float: left;
	width: 460px;
	padding: 0px 0px 20px 0px;
}







/* 高さ縮める */
div.writecnt div.textinfo_back {
	margin: 0px 5px 0px 10px;
	padding: 0px 0px 0px 10px;
}

div.writecnt div.textinfo_back h3 {
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px -10px;
}
div.writecnt div.textinfo_back p {
	margin: 0px 0px 0px -10px;
}
div.writecnt div.textinfo_back dl {
	margin: 0px 0px 0px -10px;
}
div.writecnt div.textinfo_back dl dt {
	width: 3.2em;
}
div.writecnt div.textinfo_back dl dd {
	padding: 0px 0px 0px 0px;
	width: 495px;
}








div.config {
	padding: 0px 0px 0px 19px;
	margin: 7px 0px 0px 0px;
}
div#contents div.config h2 {
	margin: 0px 0px 7px 0px;
}
div.taste {
	margin: 0px 7px 0px 0px;
	width: 194px;
	float: left;
}
div.sep {
	margin: 0px 0px 0px 0px;
	width: 570px;
	float: left;
}
div.sep p.gani {
	width: 182px;
	float: left;
	margin: 0px 10px 0px 0px;
}