@charset "utf-8";
/* ================================================================= 
 *
 * Style : Reset
 *
 * ================================================================= */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;}
article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block;}
ul,li,ol{list-style:none;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}img{border:none;vertical-align:top;}

table{border-collapse:collapse;border-spacing:0;}caption,th {text-align: left;}
caption,th,address,cite,code,dfn{font-style:normal;font-weight:normal;}
input,textarea,select,code,kbd,samp,pre{font-size:100%;font-family:ArialMT,'メイリオ', Meiryo;}
abbr,dfn{border:0;font-variant:normal;cursor:help;}
sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
fieldset{vertical-align:bottom;}legend{color:#000;}
input[type="checkbox"]{vertical-align:bottom;}
input[type="radio"]{height:15px;vertical-align:bottom;}
input[type="text"],input[type="tel"],input[type="email"],input[type="number"],input[type="password"] {
	width: 100%;
	height:35px;
	/*line-height:35px;*/
	padding:3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
select {
	width: 100%;
	padding:3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
textarea{
	padding:3px;
	vertical-align:bottom;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ================================================================= 
 *
 * common : 共通
 *
 * ================================================================= */

body {
	font-size: 14px;
	font-family: ArialMT,'メイリオ', Meiryo;
	line-height: 1.5;
	word-break: break-all;
	word-wrap: break-word;
	width: 100%;
	min-width: 320px;
}
a {
	text-decoration:none;
}

#wrapper {
	color: #333;
	width: 100%;
	margin: 0 auto;
}


/* ヘッダー */
header h1 {
	padding: 10px;
	color: #fff;
	font-size: 14px;
}

/* コンテンツ */

#content {
	margin: 0 auto 20px;
}
.column-full {
}
.column {
	padding: 10px;
	overflow: hidden;
}
.column a {
	display:block;
}
/* (1)見出し1 */
.column-full p.type-ttl-h1{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 7px 10px 6px 10px;
}

/* (2)見出し2 */
.column-full p.type-ttl-h2 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding: 9px 10px 7px 10px;
}

/* (3)見出し2 */
.column-full p.type-ttl-h3{
	font-size: 16px;
	font-weight: bold;
	padding: 7px 10px;
	background:#fff;
}
/* (4)見出し4 */
.column-full p.type-ttl-h4 {
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 10px;
	background:#fff;
}
/* (5)タイトル */
.column-full p.type-ttl-h5 {
	font-size: 14px;
	font-weight: bold;
	padding-left: 10px;
	line-height: 25px;
	margin:10px;
}
/* (6)ボタン */
.column-full a.thmBtn {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
	border-top:1px solid rgba(255,255,255,0.3);
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing:border-box;
	text-decoration:none;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	position: relative;
}
.column-full a.thmBtn:after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	/*width: 10px;*/
	height: 10px;
	margin-top: -5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);


}

/* (7)画像 */
.column-full img.full {
	width:100%;
}

/* (8)テキストコンテンツ */
.column  p{

}

/* (9)左に文字・右に画像 */
/* (10)左に文字・右に画像 */
.column p{

}

/* (11)枠付コンテンツ */
.c_frame {
	border: 1px solid #ccc;
}
.c_frame p.type-ttl {
	font-weight: bold;
	color: #fff;
	padding: 5px 10px 5px 10px;
	display: block;
}
.c_frame p {
	padding: 5px 10px;
}
.c_frame p.type-ttl a{
	color: #fff;
	display:block;
	width:100%;
	height:100%;
}
.c_frame p a{
	display:block;
}
/* (14)rss */
ul.rss-area {
	border-top:1px dotted #ccc;
}
ul.rss-area li {
	border-bottom:1px dotted #ccc;
}
ul.rss-area li  a {
	position: relative;
	display: block;
	width:100%;
	height:100%;
	padding: 12px 0px;
}
ul.rss-area li a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* (16)画像(小)と文字のコンテンツ */
.column .shop-content-price {
	color: #A10000 !important;
}
.shop-content-name {
	color: #333 !important;
}
/* (17)3つの画像並び */
.column ul.shop-list {
	/*width: 312px;
	margin-right: -12px;*/
	overflow: hidden;
}

.column ul.shop-list li {
	text-align: center;
	letter-spacing: normal;
	display: table-cell;
	width: 92px;
	padding: 0 12px 5px 0;
}

.column ul.shop-list li a {
	display: block;
}

.column ul.shop-list li img {
	margin: 0 0 10px 0;
}
/*-- フッター --*/

/* 戻るボタン */
footer #footer-inner {
	height:30px;
	padding:10px 10px 10px 20px;
}


a.retuen-btn {
	display:block;
	overflow:hidden;
	width:75px;
	height:30px;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing: border-box;
	padding:5px 10px;
	border-radius: 5px;
	color:#fff !important;
	box-shadow:rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
	-webkit-box-shadow:rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
	-moz-box-shadow:rgba(255, 255, 255, 0.15) 0px 0px 0px 1px;
}
a.retuen-btn span {
	float:left;
	margin:3px 5px 3px 0;
}

a.retuen-btn span {
	height:14px;
	width:14px;
	display:block;
	position:relative;
} 

a.retuen-btn .arrow01 {
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
}

a.retuen-btn .arrow01:before {
	content:'';
	height:0;
	width:0;
	display:block;
	border:4px transparent solid;
	border-left-width:0;
	border-right-color:#fff;
	position:absolute;
	top:3px;
	left:4px;
}

/* アイコン */
footer #footer-icon {
	height:50px;
	padding:10px 0;
}

footer #footer-icon ul {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin:0 10px;
	clear: both;
	zoom: 1;
}
footer #footer-icon ul:after {
	content:"";
	display:block;
	clear:both;
	zoom:1;
}
footer #footer-icon ul li {
	float:left;
	width:75px;
	text-align:center;
	
}
footer #footer-icon ul li a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
}

/* ================================================================= 
 *
 * Style : 共通スタイル
 *
 * ================================================================= */
.c_clear{clear:both;zoom:1;}
.c_clear:after{content:"";display:block;clear:both;zoom:1;}
.c_both{clear:both;}
.c_fltL{float:left;margin-right:10px;}
.c_fltR{float:right;margin-left:10px;}


.grad {
	background: -moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 75%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.3)), color-stop(75%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 75%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 75%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 75%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 75%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=0 );
}
 
.c_algC{text-align:center;}
.c_algL{text-align:left;}
.c_algR{text-align:right;}

.c_valgT{vertical-align:top;}
.c_valgM{vertical-align:middle;}
.c_valgB{vertical-align:bottom;}
.c_valgSup{vertical-align: super;}
.c_valgSub{vertical-align: sub;}
.c_valgDef{vertical-align: baseline;}


.c_imgL05{float:left;margin: 0  5px 0 0;}.c_imgL10{float:left;margin: 0 10px 0 0;}.c_imgL15{float:left;margin: 0 15px 0 0;}
.c_imgL20{float:left;margin: 0 20px 0 0;}.c_imgL25{float:left;margin: 0 25px 0 0;}.c_imgL30{float:left;margin: 0 30px 0 0;}
.c_imgR05{float:right;margin: 0 0 0  5px;}.c_imgR10{float:right;margin: 0 0 0 10px;}.c_imgR15{float:right;margin: 0 0 0 15px;}
.c_imgR20{float:right;margin: 0 0 0 20px;}.c_imgR25{float:right;margin: 0 0 0 25px;}.c_imgR30{float:right;margin: 0 0 0 30px;}


.c_pdLR05{padding: 0 5px;}.c_pdLR10{padding:0 10px;}.c_pdLR15{padding:0 15px;}
.c_pdLR20{padding:0 20px;}.c_pdLR25{padding:0 25px;}.c_pdLR30{padding:0 30px;}
.c_pdT05{padding-top: 5px;}.c_pdT10{padding-top:10px;}.c_pdT15{padding-top:15px;}.c_pdT20{padding-top:20px;}.c_pdT25{padding-top:25px;}
.c_pdT30{padding-top:30px;}.c_pdT35{padding-top:35px;}.c_pdT40{padding-top:40px;}.c_pdT45{padding-top:45px;}.c_pdT50{padding-top:50px;}
.c_pdB05{padding-bottom: 5px;}.c_pdB10{padding-bottom:10px;}.c_pdB15{padding-bottom:15px;}.c_pdB20{padding-bottom:20px;}.c_pdB25{padding-bottom:25px;}
.c_pdB30{padding-bottom:30px;}.c_pdB35{padding-bottom:35px;}.c_pdB40{padding-bottom:40px;}.c_pdB45{padding-bottom:45px;}.c_pdB50{padding-bottom:50px;}

.c_mgLR05{margin: 0 5px;}.c_mgLR10{margin:0 10px;}.c_mgLR15{margin:0 15px;}.c_mgLR20{margin:0 20px;}.c_mgLR25{margin:0 25px;}.c_mgLR30{margin:0 30px;}
.c_mgT05{margin-top: 5px;}.c_mgT10{margin-top:10px;}.c_mgT15{margin-top:15px;}.c_mgT20{margin-top:20px;}.c_mgT25{margin-top:25px;}
.c_mgT30{margin-top:30px;}.c_mgT35{margin-top:35px;}.c_mgT40{margin-top:40px;}.c_mgT45{margin-top:45px;}.c_mgT50{margin-top:50px;}
.c_mgB05{margin-bottom: 5px;}.c_mgB10{margin-bottom:10px;}.c_mgB15{margin-bottom:15px;}.c_mgB20{margin-bottom:20px;}.c_mgB25{margin-bottom:25px;}
.c_mgB30{margin-bottom:30px;}.c_mgB35{margin-bottom:35px;}.c_mgB40{margin-bottom:40px;}.c_mgB45{margin-bottom:45px;}.c_mgB50{margin-bottom:50px;}

table.w10-90 th{width:10%;}table.w10-90 td{width:90%;}
table.w15-85 th{width:15%;}table.w15-85 td{width:85%;}
table.w20-80 th{width:20%;}table.w20-80 td{width:80%;}
table.w25-75 th{width:25%;}table.w25-75 td{width:75%;}
table.w30-70 th{width:30%;}table.w30-70 td{width:70%;}
table.w35-65 th{width:35%;}table.w35-65 td{width:65%;}
table.w40-60 th{width:40%;}table.w40-60 td{width:60%;}
table.w45-55 th{width:35%;}table.w45-55 td{width:55%;}
table.w50-50 th{width:50%;}table.w50-50 td{width:50%;}
#frm_cuve {
  padding: 0px;
  margin: 0px;
  position: relative;
}

.draggableField {
	padding: 10px;
}
.draggableField button {
	width: 100%;
	height: 40px;
	cursor: pointer;
}
.draggableField > input,select, .checkboxgroup, .selectmultiple, .radiogroup {
}

.control-label {
	display: block;
	padding-bottom: 3px;
	padding-left: 1em;
	text-indent: -1em;
	text-align: left;
}

.droppedField {
   padding: 10px;
}

.droppedField > input,select,.checkboxgroup, .selectmultiple, .radiogroup {
}

.action-bar .droppedField {
	float: left;
	padding-left:5px;
}

#frm_cuve input.error, #frm_cuve textarea.error {
    background-color: #ffcccc;
}
p.error {
  color:red;
}

/* end edit by TranThuy */