@charset "Shift_JIS";

/*------------------------------------------------------------------------------
	shomeido - Local CSS
	URL: http://www.shomeido.com/
	Date: 2007-07-01
	Copyright (C) shomeido All Rights Reserved.
------------------------------------------------------------------------------*/

/* SSL用
----------------------------------------------------*/

body.form{
}

body.form div#mainContent{
	width: 900px;
}

body.form div#mainContent div.section{
	background:#FFF;
}

body.formR{
	background-image:none !important;
}

body.formR div#mainContent{
	/*width:600px;
	margin:20px auto 0;*/
	float:none;
    width: auto;
}
body.formR div#mainContent h1 {
    padding: 30px;
    margin-bottom: 50px;
    text-align: center;
    font-size: 220%;
}
body.formR div#mainContent div.section{
    width: 800px;
    margin: auto;
}
body.formR div#mainContent form h2{
	border:none;
	background: #B71918;
	border-radius:10px;
	color: #fff;
	padding:10px 20px;
	font-size:120%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}
body.formR div#mainContent form h2 a{
	background: #fff;
	color: #000;
	font-size:90%;
	border-radius:20px;
	padding:5px 30px;
	text-decoration: none;
}
body.formR div#mainContent .cardType{
	margin-bottom:50px;
	border:1px solid #B71918;
	border-radius: 12px;
	background: #fbf9ed;
}
body.formR div#mainContent .cardType h2{
	border-radius:10px 10px 0 0;
	margin:0;
}
body.formR div#mainContent .cardType input,
body.formR div#mainContent .cardType select{
	margin:30px;
    border: 2px solid rgb(204, 204, 204);
    padding: 20px;
    box-sizing: border-box;
	width:calc(100% - 60px) !important;
	font-size:16px;
    font-weight: bold;
}
body.formR div#mainContent .cardType p{
    padding: 20px 20px 0;
    font-size: 120%;	
}
body.formR div#mainContent form input[type="submit"]{
    padding: 15px 40px;
    font-size: 130%;
    margin: 30px auto;
    cursor: pointer;
    border: none;
    color: #fff;
    border-radius: 5px;
    background: #94001c;
    background: -moz-linear-gradient(top, #94001c 0%, #b3002e 100%);
    background: -webkit-linear-gradient(top, #94001c 0%,#b3002e 100%);
    background: linear-gradient(to bottom, #94001c 0%,#b3002e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94001c', endColorstr='#b3002e',GradientType=0 );
}

/* Home body.home
----------------------------------------------------*/


/* Local
----------------------------------------------------*/

body#specialKessan2 .goods a{
	line-height:1.2;
	color:#3366CC;
	text-decoration:underline;
}
body#specialKessan2 .goods a img{
	display:block;
}
body#specialKessan2 .goods strong{
	font-weight:bold;
	font-size:110%;
	color:#3366CC;
}


/*	hr	*/

div#mainContent hr.line{
	clear:both;
}

/*	hx	*/

div#mainContent h1{
	margin:0 0 10px;
	padding:5px;
	background:#B71918;
	color:#FFF;
	font-size:large;
	font-weight:normal;
}

div#mainContent h2{
	margin:0 0 20px;
	padding:5px 10px;
	border-bottom:4px solid #B71918;
	color:#444;
	font-size:medium;
	font-weight:normal;
}

div#mainContent h3{
	margin:0 0 10px;
	border-left:2px solid #B71918;
	padding:5px 10px;
	background:#FBF9ED;
	color:#444;
	font-size:medium;
	font-weight:bold;
}

div#mainContent h4{
	margin:0 0 5px;
	background:#F5F5F5;
	padding:5px;
	font-size:medium;
	font-weight:bold;
}

div#mainContent li{
	margin:0 0 10px;
	line-height:1.5;
}

div#mainContent p{
	line-height:1.3;
}

div#mainContent p#pan{
	margin:0 0 20px;
	padding:0 0 2px;
	border-bottom:1px solid #EEE;
}

div#mainContent div.section{
	margin:0 0 10px;
	padding:0 0 20px;
	border-bottom:1px solid #EEE;
	box-sizing:border-box;	
}

div#mainContent div.section div.section{
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:none;
}


/*	table	*/
/*	表	*/

div#mainContent div.section table caption{
	text-align:right;
	padding:2px;
}
table#formmailer_table2,
div#mainContent table.normal{
	border-collapse:collapse;
	width:100%;
	margin:0 0 20px;
	border-top:1px solid #E9E3D5;
}
table#formmailer_table2 td,
div#mainContent table.normal th,
div#mainContent table.normal td{
	padding:8px;
	border-bottom:1px solid #E9E3D5;
}
table#formmailer_table2 td.head,
div#mainContent table.normal th{
	width:25%;
	background:#5C970B;
	color:#FFF;
	font-weight:bold;
	text-align:right;
}
table#formmailer_table2 td.head strong,
div#mainContent table.normal th strong{
	color:#FFF;
}
table#formmailer_table2 td,
div#mainContent table.normal td{
	width:75%;
	background:#FBF9ED;
	line-height:1.3;
}

table#formmailer_table1{
	margin-bottom:20px;
}
table#formmailer_table1 td{
	line-height:1.5;
}

div#mainContent table.normal.list thead th,
div#mainContent table.normal.list td{
	width:auto;
	border-left:1px solid #FFF;
	text-align:left;
}

div#mainContent table.normal.list thead th{
	white-space:nowrap;
}

div#mainContent table.amount{
	border-collapse:collapse;
	width:280px;
	margin:0 0 20px auto;
	border-top:1px solid #E9E3D5;
	border-left:1px solid #E9E3D5;
}

div#mainContent table.amount th,
div#mainContent table.amount td{
	padding:4px;
	border-right:1px solid #E9E3D5;
	border-bottom:1px solid #E9E3D5;
	text-align:right;
}

div#mainContent table.amount tr.amount th,
div#mainContent table.amount tr.amount td{
	background:#FBF9ED;
}


/*	form	*/
/*	フォーム	*/

div#mainContent input{
	margin:0 2px;
	padding:2px;
}

div#mainContent p.button,
div#mainContent p.buttonSet{
	width:100%;
	min-height:40px;
	height:auto!important;
	height:40px;
	margin:0 0 20px;
}

div#mainContent p.buttonSet{
	margin:0 auto;
	text-align:center;
}

#formmailer_button p,
div#mainContent input.button{
	text-align:center;
}
#formmailer_button p input{
	padding:0 10px;
}


div#mainContent p.button input.postButton{
	display:block;
	margin:0 auto;
	padding:2px 5px;
	text-align:center;
}

div#mainContent p.button input.nextButton{
	display:block;
	margin:0 0 0 auto;
	padding:2px;
	text-align:center;
	background:#C00;
	color:#fff;
	height:40px;
	font-size:120%;
	font-weight:bold;
}

div#mainContent p.button input.backButton{
	display:block;
	padding:2px;
	text-align:center;
}
div#mainContent th.must{
	background:#C00 !important;
}

/*	div#wrappingInfo	*/
/*	店長のラッピング説明	*/

div#wrappingInfo{
margin:0 0 20px;
padding:9px;
border:1px solid #DDD;
background:url(http://shop3.genesis-ec.com/17317/img/search/wrapp-img-001.jpg) no-repeat 415px 10px;
}

div#wrappingInfo p.text{
padding-right:120px;
}

div#wrappingInfo dl#wrappingInfoDesc{
margin:20px 0 0;
padding:9px 0 0;
border-top:1px dashed #EEE;
}

div#wrappingInfo dl#wrappingInfoDesc dt{
padding:0 0 5px;
font-weight:bold;
color:#B81E14;
}

div#wrappingInfo dl#wrappingInfoDesc dd.text{
float:right;
width:320px;
line-height:1.3;
}

div#wrappingInfo dl#wrappingInfoDesc dd.figure{
float:left;
width:160px;
}

/*	body.ecomelon	*/
/*	エコメロンページ	*/


body.ecomelonItem #pan{
	display:none;
}

body.ecomelon div#subContent{
	display:none;
}
body.ecomelon div#mainContent{
	clear:both;
	float:none;
	width:750px;
	margin-left:20px;
}
body.ecomelon .bodyText p{
	font-size:110% !important;
	color:#181818;
	line-height:1.6; 
} 
body.ecomelon .bodyText p strong{color:#36824F !important;}


body#ecoIndex .about{
	background:url(../../special/img/ecomelon/btm_waku.gif) no-repeat left bottom;
	margin-bottom:20px;
	padding:5px 20px 20px;
	text-align:left;
	font-size:110%;
}
body#ecoIndex .about h2{
	border:0;
	padding:none !important;
}
body#ecoIndex p.wakuTop{
	margin-bottom:0 !important;
}
body#ecoIndex .about .text{
	width:465px;
	float:left;
}
body#ecoIndex .about .text p{
	color:#256A3C  !important;
	line-height:1.5;
}
body#ecoIndex .about .pic{
	width:202px;
	float:right;
}

/*-- Modern Browser Firefox,Safari,Opera --*/
body#ecoIndex .about:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*-- IE7 --*/
body#ecoIndex .about{
	display: inline-block;
}

/*-- For Legacy IE without macIE --*/
* html body#ecoIndex .about{
	height: 1%;
}
body#ecoIndex .about{
	display: block;
}







/*	body#guideLinks	*/
/*	相互リンク募集中	*/

body#guideLinks #bunnersArea{
	border:1px solid #D3C0A9;
	padding:10px;
}
body#guideLinks #bunnersArea ul img{
	vertical-align:baseline;
}
body#guideLinks #linksTable{
	width:100%;
}
body#guideLinks #linksTable td{
	vertical-align:middle;
	border-bottom:1px dotted #D3C0A9;
	padding-bottom:5px;
}
body#guideLinks #linksTable td a strong{
	color:#3366CC;
	font-size:110%;
}
body#guideLinks #linksTable td a:visited strong{
	color:#551A8B;
}
body#guideLinks #linksTable td a:hover strong{
	color:#3366CC;
}

/*	body#columnC006	*/
/*	静岡マスクメロンアドバイザー講座受講レポート	*/

body#columnC006 #meronGensen h2{
	border:none !important;
	background-image:none !important;
	background-color:#287D00 !important;
	color:#fff !important;
	font-weight:bold !important;
	font-size:100%;
}

body#guidePay #soryo strong{
	font-size:150%;
}

/*	body#guideBeginners	*/


body#guideBeginners #message{
	width:520px;
	background:url(../../guide/img/beginners/bg_message.gif) no-repeat left bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}
body#guideBeginners #message p{
	margin:20px 20px 1.5em;

}
body#guideBeginners .floatR{
	margin:0 0 10px 10px;
}
body#guideBeginners .floatL{
	margin:0 10px 10px 0;
}

body#guideBeginners h2,
body#guideBeginners h3{
	padding:0;
	border:none !important;
	background-color:transparent;
}
body#guideBeginners ul#about{
	margin-bottom:20px;
}
body#guideBeginners ul#categorys li,
body#guideBeginners ul#about li{
	width:250px;
	float:left;
}
body#guideBeginners ul#categorys li.odd,
body#guideBeginners ul#about li.odd{
	margin-right:20px;
}
body#guideBeginners ul#categorys li{
	margin-bottom:20px;
}


body#columnOffering #osusume a img{
	display:block;
}


/*	div#guideMessageFormConfirm	*/
/*	無料メッセージカード作成依頼フォームの確認画面	*/

body#guideMessageFormConfirm .section ul li{
	background:url(../img/bg-item-setlist.gif) no-repeat 0 0.2em;
	padding-left:15px;
}

body.formR div#mainContent .errs{
	margin:40px 0;
	padding:20px 30px 0;
	border:1px dashed #b71918;
}
body.formR div#mainContent .errs li{
	color:#b71918;
	margin-bottom:20px;
	font-weight:bold;
	font-size:110%;
}
body.formR div#mainContent form textarea, 
body.formR div#mainContent form input, 
body.formR div#mainContent form select {
    font-size: 16px;
	outline:none;
}
@media only screen and (max-width:799px) {
	body.formR div#mainContent h1{
		font-size: 18px;
		padding: 5% 3%;
		font-weight: 600;
		line-height: 1.4;
    	margin-bottom: 8%;
	}
	body.formR div#mainContent h1 span{
		display:block;
	}
	body.formR div#mainContent div.section{
		width: auto;
		padding: 0 3%;
	}
	body.formR div#mainContent form h2{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	body.formR div#mainContent form h2 a{
    	margin-top: 8px;
	}
	body.formR div#mainContent .cardType select{
    	margin: 30px 15px;
    	width: calc(100% - 30px) !important;
	}
	body.formR div#mainContent .cardType{
    	margin-bottom: 8%;
	}
	body.formR div#mainContent table.normal th{
		text-align:center;
		padding:3%;
	}
	body.formR div#mainContent table.normal td{
		padding: 5% 0 8%;
		background: none;
	}
	body.formR div#mainContent table.normal th br{
		display:none;
	}
	body.formR div#mainContent table.normal th,
	body.formR div#mainContent table.normal td{
		display:block;
		width:100%;
		box-sizing: border-box;
	}
	body.formR div#mainContent table.normal td input[type="text"],
	body.formR div#mainContent table.normal td textarea{
		width:100% !important;
		box-sizing: border-box;
    	padding: 2%;
    	border: 1px solid #999;
	}
	body.formR div#mainContent form input[type="submit"]{
    	margin: 0 0 10%;
	}
	body.formR div#mainContent div.section p{
		overflow:hidden;
	}
	body.formR div#mainContent img{
		max-width:100%;
		height:auto;
	}
}