@charset "EUC-JP";
/* CSS Document */

/*-------------------------------

			リセットCSS
	
--------------------------------*/

body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,table,th,td{
	margin:0;
	padding:0;
}

body,h1,h2,h3,h4,h5,h6,p,span,li,div{
	font-size:13px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
	* html body {font-size:small;}
	*:first-child+html body {font-size:small;
	color:#4d4d4d;}
img {border:0px; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,span{clear:both; font-size:100%;}
li a{text-decoration:none;}

/*-------------------------------

			共通
	
--------------------------------*/
.clear{clear:both;}
.clearfix:after{ /* for Modern Browser */
	content:".";display:block; clear:both; height:0px; visibility:hidden; 	font-size:0;
}
br.br-yes{
	display:none;
}
.shadow {
  filter: drop-shadow(3px 3px 3px #aaa);
}
input{z-index: 5;}
/*-------------------------------

			構造
	
--------------------------------*/
div#sfm-container {
	width: 900px; 
	margin: auto;
	padding: 5px;
	border: 1px solid #ccc;
	text-align:center;
}
div#header{
	width:900px;
	height:192px;
	margin-left:auto;
	margin-right:auto;
}
div#header-sp{
	display: none;
}
div#noshi{
	border:solid 1px #CCCCCC;
	border-left:solid 4px #970092;
	padding:9px;
	margin-bottom:40px;
}
div#wrap{
	border:solid 1px #CCCCCC;
	border-left:solid 4px #437f00;
	padding:9px;
	margin-bottom:40px;
}
div#letter_n1{
	border:solid 1px #CCCCCC;
	border-left:solid 4px #976700;
	padding:9px;
	margin-bottom:40px;
}
div#hagaki{
	border:solid 1px #CCCCCC;
	border-left:solid 4px #0090ff;
	padding:9px;
	margin-bottom:40px;
}
div#orderer{
	border:solid 1px #CCCCCC;
	border-left:solid 4px #002d5f;
	padding:9px;
	margin-bottom:40px;
}
div.op-block{
width:867px;
padding:5px;
position:relative;
text-align:center;
margin:0 0 20px 0;
border: 1px solid #cccccc;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#d9d9d9));
background: -webkit-linear-gradient(#ffffff, #d9d9d9);
background: -moz-linear-gradient(#ffffff, #d9d9d9);
background: -ms-linear-gradient(#ffffff, #d9d9d9);
background: -o-linear-gradient(#ffffff, #d9d9d9);
background: linear-gradient(#ffffff, #d9d9d9);
-pie-background: linear-gradient(#ffffff, #d9d9d9);
behavior: url(https://www.g-ishizawa.com/rakuten_jh/giftform/mailform/PIE.htc);
}

/*-------------------------------

			ヘッダー
	
--------------------------------*/
div#header-title{
	border:solid 1px #cccccc;
	margin:0 0 20px 0;
}
div#header-title img{
	margin:0 0 10px 0;
	width:898px;
}
#header-title p.exp span{
	font-size:20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: bold;
	color: #2d2d2d;
}
div#kouden-exp{
	border:solid 1px #cccccc;
	margin:0 0 20px 0;
	text-align:left;
}
div#kouden-exptext{
	float:left;
	display:inline;
	zoom:1;	
	margin:10px 0 20px 25px;
	width:590px;
}
div#kouden-exptext h2{
	font-size:197%;
	color:#6d4284;
	margin:20px 0 10px 0px;
}
div#kouden-exptext p{
	width:590px;
	font-size:116%;
	line-height:1.333;
	text-align:justify;
	color:#333333;
}
div#kouden-exp img{
	float:right;
	display:inline;
	zoom:1;
	margin:60px 19px 20px 0;
}
div#kouden-exp img.freedial{
	float:left;
	display:inline;
	zoom:1;
	margin:20px 0 20px 25px;
}
/*-------------------------------

			熨斗
	
--------------------------------*/
h2.noshi-title,
h2.wrap-title,
h2.letter-title,
h2.hagaki-title,
h2.orderer-title{
	font-size:189%;
	vertical-align:top;
	text-align:center;
}
h2.noshi-title,
h3.noshi-header{color:#970092;}
h2.wrap-title,
h3.wrap-header{color:#437f00;}
h2.letter-title,
h3.letter-header{color:#976700;}
h2.hagaki-title,
h3.hagaki-header{color:#0090ff;}
h2.orderer-title,
h3.orderer-header{color:#002d5f;}

h3.noshi-header,
h3.wrap-header,
h3.letter-header,
h3.hagaki-header,
h3.orderer-header{
	font-size:153.9%;
	vertical-align:top;
	text-align:left;
	margin:0 0 0 25px;
}
div.op-area{
	width:865px;
	border-top:solid 1px #999999;
}
div.op-straight,
div.op-parallel {
	float:left;
	display:inline;
	zoom:1;
}
/*配置間隔*/
div.op-straight-noshi01{
	margin:15px 15px 15px 5px;
}
div.op-straight-noshi01 p img{
	height: 131px;
}
div.op-straight-noshi02{
	margin:15px 10px 15px 10px;
	width:140px;
}
div.op-straight-noshi02 p{
		height: 131px;
}
div.op-straight-noshi03{
		display: none;
}
#noshi-gaki-img{
	margin-right: 50px;
	width:227px;
	height: 161px;
}
input[id="shitagaki_a-no"]{
	margin: 10px 0 0 62px;
}
_:lang(x)::-moz-placeholder, input[id="shitagaki_a-no"]{
	margin: 10px 0 0 57px;
}
_:lang(x)::-internal-media-controls-overlay-cast-button, input[id="shitagaki_a-no"]{
	margin: 10px 0 0 57px;
}

.op-parallel-letter02 p img.letter-h,
.op-parallel-letter02 p img.letter-h2{
  height: 109px;
}
.letter-margin{
	height: 109px;
}
div.op-straight-letter01{margin:15px 7px 15px 15px;}
div.op-parallel-noshi02{margin:15px 29px 15px 29px;}
div.op-parallel-wrap{margin:15px 20px 15px 60px;}
div.op-parallel-letter01{margin:15px 17px 15px 17px;}
div.op-parallel-letter02{margin:10px 8px 15px 15px;}
div.op-parallel-letter03{margin:15px 45px 15px 45px;}
div.op-parallel-hagaki01{margin:15px 0px 15px 0px;}

div.op-parallel-noshi02 p img{width:157px;}
div.op-parallel-letter03 p img{width:118px;}
div.op-parallel-letter01 p img{width:250px;}

/*for モダンブラウザ 一列並び*/ 
div.op-straight p{
	display: table-cell;  
    vertical-align: middle; 
	text-align:left; 
    margin: 0;
	font-size:116%;	
}
/*for IE6 一列並び*/  
* html .op-straight p {  
    display: inline;  
    zoom: 1;
	text-align:left; 
}  
/*for IE7 一列並び*/  
*:first-child+html .op-straight p {  
    display: inline;  
    zoom: 1;
	text-align:left; 
}
div.op-parallel p{
	text-align:center; 
    margin: 0;
	font-size:116%;
}


/*注意書きテキスト*/
span.noshiexp{font-size:85%;}
span.littleexp{font-size:77%; vertical-align:text-bottom;}
span.redtext{color:#e20000;}
span.purpletext{color:#970092;}
span.brauntext{color:#976700;}
p.lettertext{line-height:1.9;}
p.exp{
	font-size:86%;
	color:#444;
	text-align:left;
	margin-left:20px;
}
p.notes-l{
	font-size:93%;
	text-align:left;
}
p.notes2-l{
	font-size:86%;
	text-align:left;
	display:inline;
}
p.notes-r{
	font-size:93%;
	text-align:right;
}
.listhead{
	width:100px;
	text-align:justify;
}
#nondigits{
	font-size:85%;
	font-weight: bold;
	color:red;
}
	
/*挨拶状 二つ折り注意書き部分*/
#d-letterarea{
	border:dotted 2px #999999;
	width:270px;
	padding:5px;
}
p#d-letter-l{
	float:left;
	display:inline;
	zoom:1;
}
p#d-letter-l img{
	height: 122px;
}
p#d-letter-r{
	float:right;
	display:inline;
	width:200px;
	font-size:100%;
	zoom:1;
}
p#d-letter-r img{
	height: 13px;
}
table#noshiDoubleText{
	float:right;
	display:inline;
	text-align:left;
	border-collapse:collapse;
	width:600px;
	margin:20px 0 0 0;
}
table#noshiDoubleText tr th{
	width: 70px;
	height:27px;
	font-size:108%;
	font-weight: normal;
}
p#noshidoubleimg1 img,
p#noshidoubleimg2 img,
p#noshidoubleimg3 img{
	height: 200px;
}
/*包装紙*/
.op-parallel-wrap p img{
	width:121px;
}
/*巻紙エリア上部*/
#makitype{
	border-bottom:solid 1px #999999;
	margin-top:5px;
}
#makiselect{
	float:left;
	display:inline;
	zoom:1;
	text-align:left;
	width:314px;
	margin:15px 0 0 20px;
}
#makiselect ul li{
	list-style:none;
	font-size:116%;
	line-height:1.7;
}
#makiimg{
	float:right;
	display:inline;
	text-align:right;
}
#makiimg p img{width:490px;}
table#makitext-l,
table#makitext-r{
	border-collapse:collapse;
	display:inline;
	width:390px;
	text-align:left;
}
table#makitext-l{
	float:left;
	display:inline;
	zoom:1;
	margin:3px 10px 3px 10px;
}
table#makitext-r{
	float:right;
	display:inline;
	zoom:1;
	border-left:solid 1px #999999;
	color:#444444;
	margin:3px 20px 3px 10px;
	padding-left:10px;
}
table#makitext-r tr td{*padding-left:10px;}/*IE6 7*/
table#makitext-r tr td{padding-left:10px\9;}/*IE8*/

table#makitext-l tr,
table#makitext-r tr{
	height:25px;
}
table#makitext-r{
	float:right;
	display:inline;
	zoom:1;
}
table#makitext-l tr.tr-title1,
table#makitext-r tr.tr-title1{
	height:40px;
	color:#976700;
	font-size:131%;
}
table#makitext-l tr.tr-title2,
table#makitext-r tr.tr-title2{
	height:40px;
	color:#444444;
	font-size:131%;
}
table#makitext-l tr td.listhead,
table#makitext-r tr.td.listhead{
	width:70px;
	text-align: justify;
}
table#makitext-l tr td.listbody,
table#makitext-r tr.td.listbody{
	width:240px;
}

/*年賀欠礼ハガキ*/
#hagaki-l{
	float:left;
	display:inline;
	width:430px;
	text-align:left;
}
#hagakiimgarea{
	width:390px;
	margin:0 0 0 15px;
}
.hagakitextimg{
	float:left;
	display:inline;
	zoom:1;
}
#hagaki-notes{
	float:right;
	display:inline;
	zoom:1;
	width:145px;
	margin:205px 0 0 0;
	line-height:1.333;
}
#hagaki-rbox{
	float:right;
	display:inline;
	zoom:1;
	width:402px;
	text-align:left;
	margin:30px 20px 0 0;
}
#hagaki-r{
	float:left;
	display:inline;
	zoom:1;
	width:400px;
	text-align:left;
	margin:10px 0 0 15px;
}
table#hagakitext-rbox{
	border-collapse:collapse;
	width:400px;
	text-align:left;
	font-size:108%;
	margin:3px 0 3px 0px;
}

table#hagakitext-r{
	border-collapse:collapse;
	width:400px;
	text-align:left;
	font-size:108%;
	margin:3px 0 3px 0px;
}

table#hagakitext-r tr td.listhead{
	width:100px;
}
table#hagakitext-r tr td.listbody{
	width:200px;
}
table#hagakitext-r tr td{
	height:30px;
}
table#hagakitext-r tr td.sendhead{
	vertical-align:top;
}

tr.tr-title3 td p.notes-l{
	font-size:93%;
}

/*注文者情報*/
#readFirst{
	width:90%;
	background-color: #8a5dbd;
	color:#FFF;
	font-size:16px;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	padding:10px 30px;
	box-sizing:border-box;
	margin: 10px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}

#readFirst1{
	width:90%;
	background-color: #999999;
	color:#FFF;
	font-size:16px;
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	padding:10px 30px;
	box-sizing:border-box;
	margin: 10px;
	text-align: justify;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
}

#orderertext-l tr td:first-child{
	
}
table#orderertext-l{
	float:left;
	display:inline;
	zoom:1;
	border-collapse:collapse;
	display:inline;
	width:430px;
	text-align:left;
	font-size:116%;
	margin:10px 0 3px 20px;
	table-layout:fixed;
}
table#orderertext-l tr{
	height:27px;
}
table#orderertext-l tr td.listhead{
	width:120px;
}
table#orderertext-l tr td.listbody{
	width:300px;
}
#orderermessage{
	float:right;
	display:inline;
	zoom:1;
	width:400px;
	text-align:left;
	margin:10px 0 0 0;	
}
#delivery-exp{
	font-weight:600;
	font-size:20px;
	margin:10px 0 20px 0;
	text-align:left;
	line-height:120%;
}
#delivery-exp span{
	background-color:#FDC8D0;
}
div#sendcheck{
	text-align:center;
}

address#copyright{
	text-align:center;
	font-size:86%;
	color:#999999;
	font-style:normal;
	}
#footer-link{
	display: none;
}
#sendcheck input{
	font-size:16px!important;
	width:130px!important;
	height:32px!important;
	vertical-align:middle!important;
	margin: 0 0 20px 0;
}
/*-------------------------------

			フォーム幅
	
--------------------------------*/
#shitagaki-text{width:200px;}
#mosyuaddress{width:400px;}
#mosyuname{width:200px;}
/*挨拶状*/
#zokugara-maki{width:100px;}
#zokumei-maki{width:100px;}
#kaimyou-text{width:200px;}
#kaimyou-exp{width:200px;}
#letterday-text-maki{width:130px;}
#letterday-exp{width:110px;}
#mosyuaddress-maki,
#address-exp{width:310px;}
#sendname-hagaki{width:200px;}
#zip-hagaki0{width:30px;}
#zip-hagaki1{width:35px;}
#address-hagaki{width:200px;}
#tel-hagaki0,
#tel-hagaki1,
#tel-hagaki2{width:40px;}
#count-hagaki{width:50px;}
#ordernumber{width:200px;}
#orderemail{width:200px;}
#useday{width:100px;}
#address0 { margin-bottom: 3px; }
#zip0 { width: 30px; }
#zip1 { width: 40px; }
#tel0, #tel1, #tel2, #fax0, #fax1, #fax2 { width: 40px; }
#message { width: 370px; height: 100px; }
#message-hagaki{ width:370px;}


#giftArea,
#orderermessage,
#delivery-exp,
#sendcheck,
#dateofPurchaseTr,
#orderNameTr,
#orderEmailTr,
#orderTelTr,
#orderUsedayTr{
	display: none;
}