@charset "utf-8";

@import url("common.css");

/* -------------------------------------------------------------------
 xxxxx
------------------------------------------------------------------- */

/* common -------------------- */

div#main p img {
	margin: 0 0 0 -8px;
}

p#end {
	clear: both;
	text-align: right;
	margin-right: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-bottom: 15px;
}


/* -------------------------------------------------------------------
 privacy.html
------------------------------------------------------------------- */

div#content dl#privacy {
	margin-top: 10px;
}
div#content dl#privacy dt {
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	/*margin-bottom: 10px;*/
}
div#content dl#privacy dd {
	margin-bottom: 25px;
	width: 550px;
	padding-right: 140px;
}

div#content dl#privacy dd.line-area {
	padding-bottom: 25px;
	border-bottom: 1px dashed #3B0000;
}


/* -------------------------------------------------------------------
 company.html
------------------------------------------------------------------- */
div#content div#comp-read h4 {
	margin-bottom: 20px;
	margin-top: 10px;
	line-height: 1.4;
}
div#content div#comp-read {
	width: 690px;
	background: no-repeat top;
}
/*div#content div#comp-read {
	background: url(../images/bcg_hane.png) no-repeat 300px top;
}*/

div#content div#comp-read #leftbox {
	width: 350px;
	float: left;
}
div#content div#comp-read #rightbox {
	width: 228px;
	float: left;
}

div#content div#comp-read p.photo-area {
	float: right;
	width: 180px;
	line-height: 1.5;
	margin-right: 0px;
	margin-bottom: 30px;
}
div#content div#comp-read p.photo-area-l {
	float: left;
	width: 400px;
	line-height: 1.5;
	margin-right: 10px;
	text-align: right;
}
div#content div#comp-read p.photo-area-r {
	float: left;
	width: 280px;
	line-height: 1.5;
	margin-right: 0;
	text-align: right;
}
div#content div#comp-read p {
	float: left;
	width: 470px;
	line-height: 2;
	margin-right: 25px;
	margin-bottom: 5px;
}

div#content div#comp-read .sign {
	width: 470px;
	margin-right: 25px;
	margin-bottom: 30px;
	text-align: right;
}

div#content div#comp-read p.photo-area strong {
	font-size: 16px;
}
div#content table#comp {
	border-top: 1px dashed #3B0000;
}
/*div#content table#comp {
	background: url(../images/line_cont.png) no-repeat left top;
}*/

div#content table#comp a {
	text-decoration: underline;
}

div#content table#comp th {
	border-bottom: 1px dashed #3B0000;
	text-align: left;
	padding: 10px 5px 10px 30px;
	font-size: 14px;
	width: 150px;
	vertical-align: top;
}
div#content table#comp td {
	border-bottom: 1px dashed #3B0000;
	padding: 10px 5px;
	width: 475px;
}
div#content table#comp td ul#list-area {
	margin-left: 100px;
	margin-top: -1.5em;
}
div#content table#comp h5 {
	font-weight: normal;
}
div#content table#comp p.end {
	text-align: right;
}
div#content table#comp td p#tomap {
	background: url(../../company/images/btn_map.gif) no-repeat left top;
	height: 20px;
	width: 157px;
}
div#content table#comp p#tomap a {
	text-indent: -9999px;
	height: 20px;
	width: 157px;
	display: block;
}

div#content table#comp td p#tomap a:hover{
	background: url(../../company/images/btn_map_on.gif) no-repeat left top;
}
div#content div#map-area img {
	/*margin-left: 20px;*/
	clear: both;
}
div#content div#map-area p {
	margin: 22px 0 0 20px;
	float: left;
	width: 219px;
	/*text-align: right;*/
}

div#content div#map-area small {
	/*margin-left: 335px;*/
	float: right;
}

div#content div#map-area a {
	font-size: 14px;
}
div#content div#map-area .gmap {
	float: left;
	width: 450px;
}
div#content div#map-area {
}


/* -------------------------------------------------------------------
 inquiry.html
------------------------------------------------------------------- */
div#content span.txt-red {
	color: #FF0000;
}
div#content p#readend {
	background: url(../images/line_cont.png) no-repeat left bottom;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
div#content table#inq-area {
	margin: 0px;
}
div#content table#inq-area th {
	padding: 0px 10px 10px;
	width: 170px;
	text-align: left;
	vertical-align: top;
}
div#content table#inq-area td {
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

div#content div#subm-area {
	text-align: center;
	width: 565px;
}
/* -------------------------------------------------------------------
 index.html
------------------------------------------------------------------- */
div#flash-area {
	background: url(../images/bcg_flash.png) no-repeat left top;
	height: 386px;
	width: 930px;
	margin-left: 150px;
	margin-top: 20px;
}


div#main-index {
	background: url(none);
	text-align: left;
	clear: both;
	padding-top: 25px;
	width: 1200px;
	margin:0 auto;
}
div#read-index {
	width: 500px;
	text-align: left;
	float: left;
	margin-right: 15px;
	padding-right: 15px;
	background: url(../images/line_info.png) no-repeat right top;
	padding-bottom: 25px;
	clear: both;
	padding-left: 150px;
}

*html div#read-index {
height:200px;
}
div#read-index h3 {
	font-size: 18px;
	font-weight: bold;
}
div#read-index p {
	width: 500px;
}
div#info-area h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #3B0000;
	margin-bottom: 20px;
}
div#info-area {
	float: left;
	width: 370px;
	padding-bottom: 25px;
}
div#info-area ul {
	margin-bottom: 20px;
}
div#info-area p {
	text-align: right;
}
div#info-area p a {
	color: #46210C;
	background: url(../images/icon_info.png) no-repeat right top;
	padding-right: 11px;
}

div#info-area p a:hover {
	color: #C83228;
	background: url(../images/icon_info_o.png) no-repeat right top;
	padding-right: 11px;
} 

div#cont-list-area {
	clear: both;
	background: #3A0000;
	color: #FFFFFF;
	padding-bottom: 35px;
	text-align:left;
}

div#cont-list-area-inn {
	width: 900px;
	background: #3A0000;
	color: #FFFFFF;
	padding-bottom: 35px;
	margin:0 auto;
}
div#cont-list-area h3 {
	background: url(../images/line_cont-list.jpg) repeat-x left bottom;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
div#cont-list-area div.ttl-area {
	background: url(../images/line_cont-list.jpg) repeat-x left bottom;
	margin-bottom: 20px;
	padding-bottom: 5px;
	clear: both;
	padding-top: 35px;
}
div#cont-list-area div.ttl-area h3 {
	float: left;
	width: 170px;
	background: url(none);
}
div#cont-list-area div.ttl-area p {
	line-height: 25px;
}
div.cont-list-l {
	float: left;
	width: 420px;
	background: url(../images/line_info.png) no-repeat right top;
	margin-right: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}
div.cont-list-l h4 {
	margin-bottom: 5px;
}

div.cont-list-l p {
	background: #260000;
	padding-left: 10px;
	margin-bottom: 0px;
}

div.cont-list-l p.comsoon {
	background: #260000;
	height: 69px;
	text-align: center;
}

div.cont-list-l img {
	float: left;
}
div.cont-list-l span {
	display: block;
	border-top: 1px solid #FFFFFF;
	text-align: right;
	line-height: 28px;
	background: #260000;
	float: left;
	width: 240px;
	/* ↓準備中用 */
	color: #260000;
}
div.cont-list-l a {
	color: #CCA467;
	background: url(../images/icon_catelist.png) no-repeat right top;
	padding-right: 12px;
}

div.cont-list-l a:hover {
	color: #C83228;
	background: url(../images/icon_info_o.png) no-repeat right top;
	padding-right: 12px;
}

div.cont-list-txt {
	padding: 10px 10px 0px 0px;
	width: 240px;
	background: #260000;
	float: left;
}
div.cont-list-r0 {
	background: url(none);
	margin-right: 0px;
	padding-right: 0px;
}
div.cont-list-l h4 img {
	float: none;
}





/* -------------------------------------------------------------------
 kinoie.html
------------------------------------------------------------------- */

div#content div#kinoie-read {
	margin: 0px;
	width: 690px;
}
div#content div#kinoie-read p.photo-area {
	float: left;
	width: 240px;
	line-height: 1.5;
	margin-right: 0px;
	padding-bottom: 30px;
}
div#content div#kinoie-read p {
	float: left;
	width: 430px;
	margin-right: 20px;
	margin-top: 40px;
	padding-bottom: 30px;
	line-height: 1.7;
}
div#content div#kinoie-read p.photo-area strong {
	font-size: 16px;
}
div#contents-Nav {
	clear: both;
	width: 690px;
	padding-top: 0px;
}
div#contents-Nav ul {
	border-bottom: 1px dashed #3B0000;
	padding: 10px;
	border-top: 1px dashed #3B0000;
}

div#contents-Nav ul li {
	display: inline;
	/*margin-left: 10px;*/
	margin-right: 20px;
}
div#contents-Nav ul li a {
	background: url(../images/icon_sque.png) no-repeat left center;
	display: inline;
	padding-left: 13px;
}
div#contents-Nav ul li a:hover {
	background: url(../images/icon_sque_o.png) no-repeat left center;
	color: #C83228;
}
div#contents-Nav h4 {
	font-size: 14px;
	padding-top: 0px;
}


div#content div.cont-List {
	clear:both;
	padding-bottom: 25px;
	border-bottom: 1px dashed #3B0000;
	margin-bottom: 25px;
	width: 690px;
}

div#content div.cont-List:after {
 content:"."; display:block; height:1px; clear:both; visibility:hidden; 
}

*html div#content div.cont-List {
	padding-bottom: 0px;
}
div#content div.cont-List p.photo-area {
	float: left;
	width: 240px;
	line-height: 1.5;
	margin-right: 0px;
	margin-bottom: 25px;
	height: 160px;
}

div#content div.cont-List p.photo-area2 {
	float: left;
	width: 240px;
	line-height: 1.5;
	margin-right: 0px;
	margin-bottom: 25px;
	height: 190px;
}
div#content div.cont-List p {
	float: left;
	width: 430px;
	line-height: 1.7;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}
div#content div.cont-List p.photo-area strong {
	font-size: 16px;
}

div.cont-List h4 {
	color: #006837;
	margin-right: 20px;
}
img#then-area {
	clear: both;
	display: block;
	margin-bottom: 20px;
}
div.cont-List div.cont-List-Txt {
	float: left;
	width: 430px;
	margin-right: 20px;
}
div#content div.cont-List div.cont-List-Txt p {
	float: none;
	margin-right: 0px;
}
div.cont-List div.cont-List-Txt dl {
	margin-top: 10px;
	margin-bottom: 10px;
}
div.cont-List div.cont-List-Txt dl dt {
	color: #46780A;
	font-size: 14px;
	margin-bottom: 8px;
	font-weight: bold;
}
div.cont-List div.cont-List-Txt dl dd {
	margin-bottom: 25px;
}
div#content div.cont-List h4.txt-b {
	color: #3B0000;
}




/* -------------------------------------------------------------------
 howto.html
------------------------------------------------------------------- */

div#content div#howtoRead {
	margin: 0px;
	width: 690px;
}
div#content div#howtoRead p.photo-area {
	float: left;
	width: 224px;
	margin-right: 6px;
	padding-bottom: 30px;
}
div#content div#howtoRead p.photo-area2 {
	float: left;
	width: 224px;
	line-height: 1.5;
	padding-bottom: 30px;
}
div#content div#howtoRead p {
	width: 690px;
	margin-right: 20px;
	margin-top: 40px;
	padding-bottom: 0px;
	line-height: 1.7;
}

div.cont-List div.shurui-List-Area {
	clear: both;
}
div.shurui-List-Area div.shurui-List-LI {
	float: left;
	width: 206px;
	margin-right: 36px;
	margin-bottom: 55px;
}
div#content div.cont-List p.txt-w620 {
	float: none;
	width: 670px;
}
div#main div#content p img {

}
div.shurui-List-Area div.shurui-List-LI h5 {
	background: #3B0000;
	text-align: center;
	padding: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
}
div.shurui-List-Area div.shurui-List-LI img {
	margin-bottom: 15px;
}
div.shurui-List-Area div.shurui-List-end {
	margin-right: 0px;
}
div#content div.cont-List p.attent-shoudan {
	font-size: 18px;
	line-height: 1;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
div.cont-List div.brn_Sodan {
	float: right;
	width: 245px;
	padding-bottom: 20px;
}
div.cont-List div.brn_Sodan a {
	background: url(../images/btn_soudan.png) no-repeat left top;
	display: block;
	height: 40px;
	width: 245px;
	text-indent: -9999px;
}
div.cont-List div.brn_Sodan a:hover {
	background: url(../images/btn_soudan_on.png) no-repeat left top;
}
div.shurui-List-Area div.shurui-List-LI-W {
	float: left;
	margin-right: 34px;
	margin-bottom: 45px;
	width: 328px;
}

div.shurui-List-Area div.shurui-List-LI-W h5 {
	background: #3B0000;
	text-align: center;
	padding: 3px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	margin-bottom: 5px;
}

div#content div.shurui-List-Area div.shurui-List-LI-W p {
	width: 326px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.shurui-List-Area div.shurui-List-LI-W img {
	margin-bottom: 15px;
}

div.shurui-List-Area div.shurui-List-end {
	margin-right: 0px;
}
div.cont-List div.shurui-List-Area div.shurui-List-LI-W h5 span {
	font-size: 14px;
}
div.shurui-List-Area div.shurui-List-LI-W h5.txt-Line-1 {
	padding-top: 14px;
	padding-bottom: 14px;
}



/* -------------------------------------------------------------------
 howto.html
------------------------------------------------------------------- */

div.cont-List img.mb20 {
	margin-bottom: 20px;
}
div.cont-List div.photo-List {
	float: left;
	width: 330px;
	text-align: right;
	margin-right: 30px;
	margin-bottom: 30px;
}

div.cont-List div.photo-List-end {
	margin-right: 0;
}
div.cont-List p.attent-shoudan span {
	font-size: 12px;
	margin-top: 15px;
	display: block;
}
div.cont-List div.brn_Sodan-mt20 {
	margin-top: 30px;
}

div.ori-List-LI {
	float: left;
	width: 206px;
	margin-right: 30px;
	text-align: right;
	padding-bottom: 45px;
}

div.ori-List-LI-end {
	margin-right: 0;



/* -------------------------------------------------------------------
 neture.html
------------------------------------------------------------------- */

}
div#beans-Area {
	background: #F6EFDD;
	padding: 32px;
	clear: both;
	margin-bottom: 30px;
}
div#content div#beans-Area h3 {
	color: #3B0000;
	padding-top: 0px;
	padding-bottom: 25px;
}
div#content div#beans-Area p img#beans-Read {
	float: left;
	margin-right: 20px;
}
div#beans-Area div.bnr-Area {
	clear: both;
	padding-top: 30px;
	padding-bottom: 10px;
}
div#beans-Area ul#edamame {
	padding: 5px;
	border: 1px solid #46220C;
	clear: right;
	float: left;
	width: 350px;
}
div#beans-Area ul#edamame li {
	text-indent: -5em;
	padding-left: 5em;
}
div.cont-Listdiv .cont-List-Txt table {
	margin-bottom: 50px;
}
div.cont-List div.cont-List-Txt table {
	margin-bottom: 120px;
}
div.bnr-Area {
	clear: both;
	padding-top: 0px;
	padding-bottom: 30px;
	width: 630px;
}
div#beans-Area p.line-Area {
	background: url(../images/line_cont.png) no-repeat left bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
div#beans-Area p strong {
	font-size: 14px;
	font-weight: bold;
}
div#beans-Area table ul li {
	text-indent: -9.4em;
	padding-left: 10em;
	padding-bottom: 5px;
}
div#beans-Area table td {
	padding: 15px 5px 5px 25px;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
}
div#beans-Area p.txt-Right {
	text-align: right;
	padding-bottom: 20px;
}
div#beans-Area h3#chumon {
	font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	padding-bottom: 20px;
}
div#main div#content div#beans-Area h3#chumon img {
	vertical-align: middle;
	margin-right:30px;
}
div#beans-Area p#chumon-Txt {
	font-size: 14px;
	padding-bottom: 20px;
}
div#beans-Area table {
	margin-top: 10px;
}
div#beans-Area img.mr-25 {
	margin-right: 20px;
}
div.shurui-List-Area div.soudan-Area {
	clear: both;
	height: 40px;
	padding-bottom: 20px;
}
div.end-Piriod{
	display: block;
	clear: both;
	border: none;
	line-height: 1px;
	font-size: 1px;
	width: 650px;
	margin: 0px;
	padding: 0px;
	height: 1px;
}
div#content div.cont-List-Noline {
	border-bottom: none;
	margin-bottom: 0px;
}
div#content div.cont-List h4.line-Top {
	border-top: 1px dashed #3B0000;
	width: 690px;
	margin-right: 0px;
}
div.cont-List div.mb-10 {
	padding-bottom: 10px;
}

/* -------------------------------------------------------------------
 sitemap
------------------------------------------------------------------- */

div#content ul#sitemap {
	margin-top: 10px;
}
div#content ul#sitemap li {
	margin: 0 0 1.5em 20px;
}
div#content ul#sitemap li a {
	background: url(../images/icon_sque.png) no-repeat left center;
	display: inline;
	padding-left: 13px;
}
div#content ul#sitemap li a:hover {
	background: url(../images/icon_sque_o.png) no-repeat left center;
	color: #C83228;
}
#kodate {
	width: 690px;
	margin-bottom: 20px;
}