@charset "utf-8";

/*
===== GENERAL ==========================================
*/

* {
	font-size: small;
}

body.voice2 {
	margin: 0;
	background: #ffffff;
	text-align: center;
	font-size: 12px;
}


body {
	margin: 0;
	background: #fff url(img/back_img.gif) 0 0 repeat;
	text-align: center;
	font-size: 12px;
}


.otherBDY {
	background: #ffffff !important;
	margin: 0;
	text-align: center;
}


th {
	text-align: left;
	font-size: 12px;
}


td {
	text-align: left;
	font-size: 12px;
}

strong {
	font-size: 12px;
}

p {
	font-size: 12px;
}

font{
	font-size: 12px;
}

.note {
	line-height: 16px;
	text-align: left;
}

.note strong {
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	color: #cc0000;
}

.manga {
	display :block;
	width: 800px;
	margin: 0 50px 0 50px;
}

.header-txt {
	font-size: 10px;
	margin: 0 10px 0 10px;
	color: #999999;
}

.attention {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20px;
	color: #ff0000;
}


.naiyou { 
	margin: 0 0 20px 40px; padding: 5px 0 0 0;
	text-align: left;
}

p {
	margin: 5px 0 7px 0; padding: 0;
	line-height: 1.5;
}


/*
===== TITLE ===========================================
*/

h1 {
	display: block;
	width: 900px;
	height: 349px;
	margin: 0 auto;
	background: #fff url(img/header.jpg) top center no-repeat;
	text-indent: -10000px;
}

.copy1 {
	display :block;
	width: 800px;
	height: 160px;
	margin: 0 auto;
	background: #fff url(img/copy01.jpg) no-repeat;
	text-indent: -10000px;
}

.copy2{
	display :block;
	width: 800px;
	height: 157px;
	margin: 0 auto;
	background: #fff url(img/copy02.jpg) no-repeat;
	text-indent: -10000px;
}

.txt1 {
	display: block;
	margin: 20px 0 20px 0;
	text-align: left;
}

td.leadBOX {
	padding: 12px 0;
}

.copy_top {
	display :block;
	width: 800px;
	height: 30px;
	margin: 20px 0 20px 30px;
	background: #fff url(img/copy03.gif) no-repeat;
	text-indent: -10000px;
}

.stdBOX08 ul	{
	width: 760px;
	margin: auto 0 0 30px;
}


	.stdBOX08 ul li.voice001	{
		width: 760px;
		height: 188px;
		background: url(img/img_svoice01.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}

		.stdBOX08 ul li.voice001 span a	{	
			width: 760px;
			height: 188px;
			display: block;
			margin: 0 ;
/*\*/
_height: 168px;
/**/
		}

	.stdBOX08 ul li.voice002	{
		width: 760px;
			height: 168px;
		background: url(img/img_svoice02.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}


		.stdBOX08 ul li.voice002 span a	{	
			width: 760px;
			height: 168px;
			display: block;
			margin: 0 ;
/*\*/
_height: 148px;
/**/
		}


	.stdBOX08 ul li.voice003	{
		width: 760px;
		height: 168px;
		background: url(img/img_svoice03.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}


		.stdBOX08 ul li.voice003 span a	{	
			width: 760px;
			height: 168px;
			display: block;
			margin: 0 ;
/*\*/
_height: 148px;
/**/
		}


	.stdBOX08 ul li.voice004	{
		width: 760px;
		height: 168px;
		background: url(img/img_svoice04.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}


		.stdBOX08 ul li.voice004 span a	{	
			width: 760px;
			height: 168px;
			display: block;
			margin: 0 ;
/*\*/
_height: 148px;
/**/
		}


	.stdBOX08 ul li.voice005	{
		width: 760px;
		height: 168px;
		background: url(img/img_svoice05.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}


		.stdBOX08 ul li.voice005 span a	{	
			width: 760px;
			height: 168px;
			display: block;
			margin: 0 ;
/*\*/
_height: 148px;
/**/
		}


	.stdBOX08 ul li.voice006	{
		width: 760px;
		height: 188px;
		background: url(img/img_svoice06.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}


		.stdBOX08 ul li.voice006 span a	{	
			width: 760px;
			height: 188px;
			display: block;
			margin: 0 ;
/*\*/
_height: 168px;
/**/
		}


	.stdBOX08 ul li.voice007	{
		width: 760px;
		height: 168px;
		background: url(img/img_svoice07.jpg) no-repeat;
		margin: 0 auto 12px 0 ;
		font-size: 1px !important;
		text-indent: -10000px !important;	
		color: white;
	}


		.stdBOX08 ul li.voice007 span a	{	
			width: 760px;
			height: 168px;
			display: block;
			margin: 0 ;
/*\*/
_height: 148px;
/**/
		}


/*
===== まんが ===========================================
*/

.pdf {
	width: 760px;
	margin: 0 50px 20px 50px;
	text-align: center;
}

.btnPDF {
	margin: 10px 10px 10px 10px;
}


/*
===== 米袋 ===========================================
*/

.package {
	width: 760px;
	margin: 0;
}

.detailPK {
	width: 160px;
	margin: 5px;
}


/*
===== デザインテンプレート ===========================================
*/

.designtmpl {
	display: block;
	width: 800px;
	margin: 20px auto;
}

.designtmpl h2 {
	display: block;
	width: 800px;
	height: 43px;
	margin: 0 auto;
	background: #fff url(img/h2_designtmpl.gif) no-repeat;
	text-indent: -10000px;
}

.designtmpl .h3_1 {
	display: block;
	width: 800px;
	height: 62px;
	margin: 0 auto;
	background: #fff url(img/h3_designtmpl01.jpg) no-repeat;
	text-indent: -10000px;
}

.designtmpl .h3_2 {
	display: block;
	width: 800px;
	height: 62px;
	margin: 0;
	background: #fff url(img/h3_designtmpl02.jpg) no-repeat;
	text-indent: -10000px;
}

.kakoi1 {
	display: block;
	width: 800px;
	margin: 10px 0 30px 0;
	padding-bottom: 10px;
	text-align: center;
	background: #fff url(img/frame_dtmp.jpg) no-repeat bottom;
}

.kakoi2 {
	display: block;
	width: 798px;
	border-left: 1px solid;
	border-right: 1px solid;
	border-left-color: #ff9999;
	border-right-color: #ff9999;
	margin: 0;
	text-align: center;
}

.omote {
	display: block;
	width: 760px;
	margin: 0 auto;
	background: #fff url(img/h4_designtmpl01.jpg) no-repeat;
	text-align: center;
}

.ura {
	display: block;
	width: 760px;
	margin: 0 auto;
	background: #fff url(img/h4_designtmpl02.jpg) no-repeat;
	text-align: center;
}

.omoteura {
	display: block;
	width: 760px;
	margin: 0 auto;
	background: #fff url(img/h4_designtmpl03.jpg) no-repeat;
	text-align: center;
}

.lineDT {
	display: block;
	width: 760px;
	margin: 10px 20px 10px 20px;
	text-align: left;
}

.detailDT {
	display: block;
	width: 282px;
	margin: 10px 39px 10px 59px;
	text-align: left;
}

.detailDT2 {
	display: block;
	width: 282px;
	margin: 10px 39px 10px 59px;
	text-align: center;
}

.detailDT3 {
	display: block;
	width: 760px;
	margin: 10px 20px 10px 20px;
	text-align: center;
}

.detailDT4 {
	display: block;
	margin: 10px 39px 10px 59px;
	text-align: center;
}

.detailDT5 {
	display: block;
	width: 282px;
	margin: 10px 0 10px 0;
	text-align: center;
}

.noteDT {
	line-height: 16px;
	text-align: left;
	white-space: normal;
}

.noteDT strong {
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	color: #000000;
}


/*
===== 購入特典 ===========================================
*/

.special {
	display: block;
	width: 800px;
	margin: 10px auto;
}

.special .h2_1 {
	display: block;
	width: 800px;
	height: 43px;
	margin: 0 auto;
	background: #fff url(img/h2_special01.gif) no-repeat;
	text-indent: -10000px;
}

.special .h2_2 {
	display: block;
	width: 800px;
	height: 43px;
	margin: 0 auto;
	background: #fff url(img/h2_special02.gif) no-repeat;
	text-indent: -10000px;
}

.special .h2_3 {
	display: block;
	width: 800px;
	height: 43px;
	margin: 0 auto;
	background: #fff url(img/h2_special03.gif) no-repeat;
	text-indent: -10000px;
}

.special .h3_1 {
	display: block;
	width: 400px;
	height: 52px;
	margin: 0 auto;
	padding: 0;
	background: #fff url(img/h3_special01.jpg) no-repeat;
	text-indent: -10000px;
}

.special .h3_2 {
	display: block;
	width: 400px;
	height: 52px;
	margin: 0 auto;
	background: #fff url(img/h3_special02.jpg) no-repeat;
	text-indent: -10000px;
}

.special .h3_3 {
	display: block;
	width: 400px;
	height: 52px;
	margin: 0 auto;
	background: #fff url(img/h3_special03.jpg) no-repeat;
	text-indent: -10000px;
}

.detailSP {
	display: block;
	width: 380px;
	margin: 10px 0 10px 20px;
	text-align: left;
}

.imgSP {
	display: block;
	width: 261px;
	padding: 0 55px 0 54px;
	text-align: center;
}


/*
===== 米の詳細 ===========================================
*/

.kome {
	display: block;
	width: 800px;
	margin: 10px auto;
}

.kome h2 {
	display: block;
	width: 800px;
	height: 43px;
	margin: 0 auto;
	background: #fff url(img/h2_kome.gif) no-repeat;
	text-indent: -10000px;
}

.detailKM {
	display: block;
	width: 380px;
	margin: 10px 0 10px 20px;
	text-align: left;
}

.imgKM {
	display: block;
	width: 352px;
	margin: 0 35px 0 35px;
	text-align: left;
}

.imgKM2 {
	display: block;
	margin: 10px 0 10px 20px;
	text-align: left;
}


/*
===== 理由 ===========================================
*/

.reason {
	display: block;
	width: 800px;
	margin: 10px auto;
}

.reason h2 {
	display: block;
	width: 800px;
	height: 43px;
	margin: 0 auto;
	background: #fff url(img/h2_reason.gif) no-repeat;
	text-indent: -10000px;
}

.detailRS {
	display: block;
	width: 380px;
	margin: 10px 0 10px 20px;
	text-align: left;
}

.noteRS strong {
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
	color: #336633;
}


/*
===== ORDER ===========================================
*/

.order {
	display: block;
	width: 760px;
	margin: 0 auto;
	background: #ffefbd;
	text-align: center;
}

.order h2 {
	display: block;
	width: 760px;
	height: 197px;
	margin: 0 auto;
	background: #fff url(img/h2_order.jpg) no-repeat;
	text-indent: -10000px;
}

.add {
	display: block;
	width: 740px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	padding: 10px;
	background: #fff;
	border: 1px dotted #999999;
	text-align: left;
}

.noteOD {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


.noteOD18 {
	font-size: 18px !important;
}

.noteOD14 {
	font-size: 14px;
}

.noteOD2 {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.imgOD {
	display: block;
	width: 760px;
	margin: 10px 0 10px 0;
	text-align: left;
}

.btnOD {
	text-align: center;
	margin: 0 50px 0 50px;
}

.formOD_0 {
	background: url(img/img_order.gif) no-repeat center bottom;
	padding: 5px 0 67px 0;
	margin: 5px 0 ;
	text-align: center;
}

td.pinkTD {
	background-color: #ffaac7;
}

td.pinkTD .labelbox {
	padding: 10px 15px;
}

td.pinkTD .resetbox {
	padding: 0 15px;
}

.formOD_1 {
	background: #fff;
	margin: 20px 10px 20px 20px;
	padding: 5px 10px 20px 30px;
}

.formOD_2 {
	background: #fff;
	margin: 20px 20px 20px 10px;
	padding: 5px 10px 20px 30px;
}

.formOD_3 {

	background: url(img/img_order.gif) no-repeat center top;
	padding: 67px 0 5px 0;
	margin: 5px 5px 5px 0;
	text-align: center;
}


.formTBL01 {
	margin: 20px 0 0 0;
}

.hayawari {
	background: #fff;
	margin: 20px 20px 0 20px;
	padding: 5px 10px 10px 0;
	text-align: center;
}
.hayawari p {
	margin: 10px;
	text-align: center;
}

.suuryou {
	background: #ffaac7;
	margin: 20px 0 0 0;
	padding: 0;
	text-align: center;
}
.suuryou p {
	width: 720px;
	height: 100px;
	background: url(img/txt_suuryou.gif) no-repeat top;
	margin: 0 20px;
	text-indent: -10000px;
}



/*
===== FLOW ===========================================
*/

.flow-title {
	display: block;
	width: 736px;
	height: 27px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/flow_title.gif) no-repeat;
	text-indent: -10000px;
}

.flow {
	display: block;
	width: 720px;
	height: 430px;
	margin: 0 auto;
	background: #fff url(img/flow_img.gif) no-repeat;
	text-indent: -10000px;
}


/*
===== PACKING ===========================================
*/

.packing-title {
	display: block;
	width: 736px;
	height: 27px;
	margin-top: 30px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	background: #fff url(img/packing_title.gif) no-repeat;
	text-indent: -10000px;
}

.notePK {
	line-height: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	margin-left: 100px;
	margin-right: 100px;
}

.packing-img {
	border: 1px dotted #000;

}


/*
===== INFOMATION ===========================================
*/

.info-note {
	line-height: 16px;
	text-align: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 5px;
}

.info-uonuma {
	display: block;
	width: 194px;
	height: 25px;
	margin: 0;
	background: #fff url(img/info_uonuma_title.gif) no-repeat;
	text-indent: -10000px;
}

.info-tanada {
	display: block;
	width: 194px;
	height: 25px;
	margin: 0;
	background: #fff url(img/info_tanada_title.gif) no-repeat;
	text-indent: -10000px;
}

.info-ibuki {
	font-size: 14px;
	font-weight: bold;
}

/*
===== PRESENT ===========================================
*/

.present {
	display: block;
	width: 681px;
	height: 166px;
	margin: 20px auto;
	background: #fff url(img/good3-present2.gif) no-repeat;
	text-indent: -10000px;
}

/*
===== FOOTER ===========================================
*/

.freedial {
	display: block;
	width: 229px;
	height: 46px;
	margin: 50px 30px 0 auto;
	background: #fff url(img/freedial.gif) no-repeat;
	text-indent: -10000px;
}

.maillink {
	display: block;
	width: 229px;
	margin: 10px 30px 0 auto;
}


#footer {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 1px 0;
	border-top: 2px dotted #666;
	background: #fff;
}

.footer-note {
	width: 100%;
	margin: 5px auto;
	padding: 0;
	text-align: center;
	font-size: 12px;
	color: #000;
}

#copyright {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: x-small;
	color: #666;
}

#daccho {
	width: 100%;
	margin: 10px auto;
	padding: 0;
	text-align: center;
}


/*
===== OTHER ===========================================
*/

.imgOTHER {
	display: block;
	margin: 0 50px 0 50px;
}

/*
===== 事例 ===========================================
*/

p.charaCoverLINK a {
	display :block;
	width: 680px;
	margin: 20px auto 0 auto;
	background: #fff url(img/banner_mymemories.jpg) left top no-repeat;
	text-align: center;
	padding: 148px 0 0 0;
}


h1.mymemominilogo {
	display :block;
	width: 800px;
	height: 157px;
	margin: 0 auto;
	background: #fff url(img/copy02.jpg) no-repeat;
	text-indent: -10000px;
}

h2.chara_banner {
	display: block;
	width: 800px;
	height: 43px;
	margin: 0 auto;
	background: #fff url(img/h2_casestudy01.gif) no-repeat;
	text-indent: -10000px;
}

.roundtop {
	display :block;
	width: 800px;
	margin: 0;
	padding: 10px 0 0 0;
	background: #fff url(img/cs_roundtop.jpg) left top no-repeat;
}

table.casestudyTBL td {
	padding: 10px;
}

.noteCS {
	font-weit: bold;
	font-size: 16pt !important;
	color: #cc0000;
	text-align: left;
}

.noteCS strong {
	font-size: 12pt !important;
	color: #cc0000;
}

/*
===== お客様の声 ===========================================
*/

p.voiceLINK a {
	display :block;
	width: 760px;
	margin: 20px auto 0 auto;
	background: #fff url(img/img_svoice01.jpg) left top no-repeat;
	text-align: center;
	padding: 188px 0 0 0;
}

/*
===== 贈呈シーン ===========================================
*/

.copy_top2 {
	display :block;
	width: 800px;
	height: 30px;
	margin: 20px 0 20px 30px;
	background: #fff url(img/copy04.gif) no-repeat;
	text-indent: -10000px;
}

p.zouteiLINK a {
	display :block;
	width: 760px;
	margin: 20px auto 0 auto;
	background: #fff url(img/img_svoice08.jpg) left top no-repeat;
	text-align: center;
	padding: 188px 0 0 0;
}


/*
===== IFRAME ===========================================
*/

.stdBOXIF	{
	margin: 10px; padding:0;
	border: dotted 2px #ff3366;
	font-size: 14px;
	line-height: 1.5;
	background-color:#ffcccc;
}

.stdBOXIF2	{
	margin: 0 10px 40px 10px; padding:0;
	border: solid 2px #ffcccc;
	background-color:#ffffff;
}