@charset "utf-8";
/* CSS Document */
/****************************************************************************************/

input, textarea,{
    margin: 0;
    padding: 0;
}

a:focus {
    outline:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
#home-button,#back-button,#next-button,#reset-button,#submit-button,
#login-button,#join-button,#home-button,#close-button,#delete-button,#update-button,#add-button,#upload-button {
	width:200px;
	font-size:16px;
	line-height:36px;
	font-weight: bold;
	text-shadow: 0 2px 0 #094275;
	color: #ffffff /*{a-bar-color}*/;
	border:1px solid #2F65A2;
	border-radius:17px;
	background: #005199;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #4E9EE0), color-stop(90%, #004277));
	background: -moz-linear-gradient(top, #4E9EE0 10%,#004277 90%);
	background: -o-linear-gradient(top, #4E9EE0 10%,#004277 90%);
	background: -ms-linear-gradient(top, #4E9EE0 10%, #004277 90%);
	background: linear-gradient(top, #4E9EE0 10%, #004277 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4E9EE0 10%', endColorstr='#004277 90%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4E9EE0 10%', endColorstr='#004277 90%)";
	-pie-background: linear-gradient(top, #4E9EE0 10%, #004277 90%);

	-webkit-box-shadow:inset 1px 1px 0px 0px #ADCBE9;
	-moz-box-shadow:inset 1px 1px 0px 0px #ADCBE9;
	box-shadow:inset 1px 1px 0px 0px #ADCBE9;
}

#home-button:hover, #back-button:hover, #next-button:hover, #reset-button:hover, #submit-button:hover, 
#login-button:hover, #join-button:hover, #home-button:hover, #close-button:hover, #delete-button:hover, #update-button:hover, #add-button:hover,#upload-button:hover {
	border: 1px solid #bbbbbb /*{a-bhover-border}*/;
	background: #dfdfdf /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{a-bhover-background-start}*/), to( #e0e0e0 /*{a-bhover-background-end}*/)); /* Saf4 , Chrome */
	background-image: -webkit-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Opera 11.10  */
	background-image:         linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/);
}

#home-button:focus, #back-button:focus, #next-button:focus, #reset-button:focus, #submit-button:focus, 
#login-button:focus, #join-button:focus, #home-button:focus ,#close-button:focus,  #delete-button:focus, #update-button:focus, #add-button:focus,#upload-button:focus {
	-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
}

span.icon {
	margin-left:-183px;
	bottom:-4px;
	font-size:20px;
	position:static;
}
p.icon {
	float:left;
	font-size:20px;
	position:absolute;
	margin-top:10px;
	margin-left:15px;
}
p.icon2 {
	float:left;
	font-size:20px;
	margin-top:10px;
	margin-left:15px;
}
ul.form {
	list-style:none;
	padding:10px;
	margin:auto;
	
}
ul.form li {
	float:left;
	padding-left:30px;
	margin:auto;
}

input[type="text"] {
  border: 1px solid #999;
}
input[type="text"]:focus {
  border: 1px solid #ff9900;
  outline: 0;
}
input[type="email"] {
  border: 1px solid #999;
}
input[type="email"]:focus {
  border: 1px solid #ff9900;
  outline: 0;
}
textarea {
  border: 1px solid #999;
}
textarea:focus {
  border: 1px solid #ff9900;
  outline: 0;
}

.contact-type {
    padding: 6px 0px;
}
.contact-type input[type=radio],
.contact-type input[type=checkbox] {
    display: inline-block;
    margin-right: 0px;
}
.contact-type input[type=radio] + label,
.contact-type input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 8px;
	/*font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;*/
    /*font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;*/
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    line-height: 32px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .contact-type input[type=radio],
    .contact-type input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .contact-type input[type=radio] + label,
    .contact-type input[type=checkbox] + label {
        padding: 0 0 0 44px;
    }
    .contact-type input[type=radio] + label::before,
    .contact-type input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 26px;
        height: 26px;
        margin-top: -12px;
         
        background: #FFF;
    }
    .contact-type input[type=radio] + label::before {
        border: 3px solid #ccc;
        border-radius: 60px;
    }
    .contact-type input[type=checkbox] + label::before {
        border: 3px solid #ccc;
    }
    .contact-type input[type=radio]:checked + label::after,
    .contact-type input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .contact-type input[type=radio]:checked + label::after {
        left: 6px;
         
        width: 14px;
        height: 14px;
        margin-top: -6px;
         
        background: #E71063;
        border-radius: 8px;
    }
    .contact-type input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 26px;
        height: 16px;
        margin-top: -11px;
         
        border-left: 5px solid #E71063;
        border-bottom: 5px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

input.num-data {
	border-style: none;
	border:solid 1px #999999;
	border-radius:4px;
	font-size:16px;
	line-height:28px;
	height:30px;
	color:#333;
	text-align:right;
}

input.num-data:focus {
	border-color:#69F;
	-webkit-box-shadow: 0px 0px 6px #387bbe;
	-moz-box-shadow: 0px 0px 6px #387bbe;
	box-shadow: 0px 0px 6px #387bbe
}

input.contact-data {
	border-style: none;
	border:solid 1px #999999;
	border-radius:4px;
	font-size:16px;
	line-height:28px;
	padding-left:10px;
	padding-right:10px;
	height:30px;
	color:#333;
	width:98%;
}

input.contact-data2 {
	border-style: none;
	border:solid 1px #999999;
	border-radius:4px;
	font-size:16px;
	line-height:28px;
	padding-left:3px;
	padding-right:3px;
	height:30px;
	color:#333;
}

input.contact-data:focus {
	
	border-color:#69F;
	-webkit-box-shadow: 0px 0px 6px #387bbe;
	-moz-box-shadow: 0px 0px 6px #387bbe;
	box-shadow: 0px 0px 6px #387bbe;
	
	/*
	border-color:#69F;
	-moz-box-shadow: inset 0 0 2px 		#387bbe, 0 0 9px #387bbe;
	-webkit-box-shadow: inset 0 0 2px 	#387bbe, 0 0 9px #387bbe;
	box-shadow: inset 0 0 2px 			#387bbe, 0 0 9px #387bbe;
	*/
}

textarea.contact-text {
	border-style: none;
	border:solid 1px #999999;
	border-radius:4px;
	font-size:16px;
	padding:10px;
	height:30px;
	color:#333;
	width:98%;
	height:8em;
}

textarea.contact-text:focus {
	border-color:#69F;
	-webkit-box-shadow: 0px 0px 6px #387bbe;
	-moz-box-shadow: 0px 0px 6px #387bbe;
	box-shadow: 0px 0px 6px #387bbe;
	
}

select.contact-data {
	border-style: none;
	border:solid 1px #999999;
	border-radius:4px;
	font-size:16px;
	line-height:28px;
	padding-left:10px;
	padding-right:0px;
	height:36px;
	color:#333;
	width:95%;
}

select.contact-data:focus{
	border-color:#69F;
	-webkit-box-shadow: 0px 0px 6px #387bbe;
	-moz-box-shadow: 0px 0px 6px #387bbe;
	box-shadow: 0px 0px 6px #387bbe;
}


ul.form_button {
	list-style:none;
	padding:10px;
	margin:auto;
	
}
ul.form_button li {
	float:left;
	padding-left:0px;
	margin:auto;
}


#height_slider {
     margin: 0 10px;
     height: 300px;
}

#width_slider {
     margin: 0px 10px 0px 10px;
     width: 300px;
	 /*
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	*/
}

#length_slider {
     margin: 0px 10px 0px 10px;
     width: 300px;
}
#height_slider .ui-slider-range { background: #90CAF9; }
#width_slider .ui-slider-range { background: #90CAF9; }
#length_slider .ui-slider-range { background: #90CAF9; }

/*
#height_slider .ui-slider-handle {
	width:15px;
	height:15px;
	border-color: #c0c0c0; 
	background: #E38692; 
	border-radius: 10px; 
	
	moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
}          
*/

input.contact-data::-webkit-input-placeholder {
    color:    #AAAAAA;
}
input.contact-data:-ms-input-placeholder {
    color:    #AAAAAA;
}
/*for Firefox*/
input.contact-data:-moz-placeholder {
    color:    #AAAAAA;
}
p#sub_total {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:bold;
	text-align:right;
}
p#tax {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:bold;
	text-align:right;
}
p#total {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:bold;
	text-align:right;
	color:#FF0033;
}
input#num {
	font-size:28px;
	text-align:right;
	width:4em;
	height:32px;
}
input.num {
	font-size:28px;
	text-align:right;
	width:4em;
	height:32px;
}
label.num {
	font-size:20px;
	text-height:36px;
	vertical-align:middle;
	letter-spacing:10px;
}
label.input {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 16px;
    line-height: 32px;
}
input.min_icon_button {
	font-family: FontAwesome;
	font-size:26px;
	text-shadow: 0 2px 0 #444444;
	color: #ffffff /*{a-bar-color}*/;
	border:1px solid #336633;
	border-radius:10%;
	background: #005B02;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #689A43), color-stop(90%, #005B02));
	background: -moz-linear-gradient(top, #689A43 10%,#005B02 90%);
	background: -o-linear-gradient(top, #689A43 10%,#005B02 90%);
	background: -ms-linear-gradient(top, #689A43 10%, #005B02 90%);
	background: linear-gradient(top, #689A43 10%, #005B02 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#689A43 10%', endColorstr='#005B02 90%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#689A43 10%', endColorstr='#005B02 90%)";
	-pie-background: linear-gradient(top, #689A43 10%, #005B02 90%);

	-webkit-box-shadow:inset 1px 1px 0px 0px #D2E9BC;
	-moz-box-shadow:inset 1px 1px 0px 0px #D2E9BC;
	box-shadow:inset 1px 1px 0px 0px #D2E9BC;
}
input.min_button {
	font-size:14px;
	text-align:center;
	font-weight:bold;
	padding:4px 8px 3px 8px;
	text-shadow: 0 2px 0 #444444;
	color: #ffffff /*{a-bar-color}*/;
	border:1px solid #336633;
	border-radius:3px;
	background: #005B02;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #689A43), color-stop(90%, #005B02));
	background: -moz-linear-gradient(top, #689A43 10%,#005B02 90%);
	background: -o-linear-gradient(top, #689A43 10%,#005B02 90%);
	background: -ms-linear-gradient(top, #689A43 10%, #005B02 90%);
	background: linear-gradient(top, #689A43 10%, #005B02 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#689A43 10%', endColorstr='#005B02 90%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#689A43 10%', endColorstr='#005B02 90%)";
	-pie-background: linear-gradient(top, #689A43 10%, #005B02 90%);

	-webkit-box-shadow:inset 1px 1px 0px 0px #D2E9BC;
	-moz-box-shadow:inset 1px 1px 0px 0px #D2E9BC;
	box-shadow:inset 1px 1px 0px 0px #D2E9BC;
}


#a01,#a02,#a03,#a04,#a05,#a06,#a07,#a08,#a09,#a10,
#a11,#a12,#a13,#a14,#a15,#a16,#a17,#a18,#a19,#a11,
#a21,#a22,#a23,#a24,#a25,#a26,#a27,#a28,#a29,#a30 {
	width:200px;
	font-size:16px;
	line-height:36px;
	font-weight: bold;
	padding:10px 10px;
	margin:10px;
	text-shadow: 0 2px 0 #770606;
	color: #ffffff /*{a-bar-color}*/;
	border:1px solid #9E3235;
	border-radius:3px;
	background: #003999;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #E14D4D), color-stop(90%, #780000));
	background: -moz-linear-gradient(top, #E14D4D 10%,#780000 90%);
	background: -o-linear-gradient(top, #E14D4D 10%,#780000 90%);
	background: -ms-linear-gradient(top, #E14D4D 10%, #780000 90%);
	background: linear-gradient(top, #E14D4D 10%, #780000 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E14D4D 10%', endColorstr='#780000 90%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E14D4D 10%', endColorstr='#780000 90%)";
	-pie-background: linear-gradient(top, #E14D4D 10%, #780000 90%);

	-webkit-box-shadow:inset 1px 1px 0px 0px #E9ADAD;
	-moz-box-shadow:inset 1px 1px 0px 0px #E9ADAD;
	box-shadow:inset 1px 1px 0px 0px #E9ADAD;
}

#a01:hover,#a02:hover,#a03:hover,#a04:hover,#a05:hover,#a06:hover,#a07:hover,#a08:hover,#a09:hover,#a10:hover,
#a11:hover,#a12:hover,#a13:hover,#a14:hover,#a15:hover,#a16:hover,#a17:hover,#a18:hover,#a19:hover,#a11:hover,
#a21:hover,#a22:hover,#a23:hover,#a24:hover,#a25:hover,#a26:hover,#a27:hover,#a28:hover,#a29:hover,#a30:hover {
	border: 1px solid #bbbbbb /*{a-bhover-border}*/;
	background: #dfdfdf /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{a-bhover-background-start}*/), to( #e0e0e0 /*{a-bhover-background-end}*/)); /* Saf4 , Chrome */
	background-image: -webkit-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Opera 11.10  */
	background-image:         linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/);
}

#a01:focus,#a02:focus,#a03:focus,#a04:focus,#a05:focus,#a06:focus,#a07:focus,#a08:focus,#a09:focus,#a10:focus,
#a11:focus,#a12:focus,#a13:focus,#a14:focus,#a15:focus,#a16:focus,#a17:focus,#a18:focus,#a19:focus,#a11:focus,
#a21:focus,#a22:focus,#a23:focus,#a24:focus,#a25:focus,#a26:focus,#a27:focus,#a28:focus,#a29:focus,#a30:focus {
	-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
}

/*************************************************************************/
div.fname {
	width:510px;
	height:20px;
	line-height:1em;
	float:left;
	text-align:left;
	margin:3px 0px 0px 0px;
	padding:0px;
	font-size:14px;
	word-wrap: break-word;
}
div.fsize {
	width:100px;
	height:20px;
	line-height:1em;
	float:right;
	text-align:right;
	margin:3px 10px 0px 10px;
	padding:0px;
	font-size:14px;
}
div.fbutton {
	width:30px;
	height:20px;
	line-height:10px;
	float:right;
	font-family: 'FontAwesome';
	font-size:17px;
	color:#333;
	margin:0px;
	padding:0px;
	
	background: #0570BE;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #57B6FB), color-stop(90%, #0570BE));
	background: -moz-linear-gradient(top, #57B6FB 10%,#0570BE 90%);
	background: -o-linear-gradient(top, #57B6FB 10%,#0570BE 90%);
	background: -ms-linear-gradient(top, #57B6FB 10%, #0570BE 90%);
	background: linear-gradient(top, #57B6FB 10%, #0570BE 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#57B6FB%', endColorstr='#0570BE 90%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#57B6FB 10%', endColorstr='#0570BE 90%)";
	-pie-background: linear-gradient(top, #57B6FB 10%, #0570BE 90%);

	-webkit-box-shadow:inset 1px 1px 0px 0px #B9E0FD;
	-moz-box-shadow:inset 1px 1px 0px 0px #B9E0FD;
	box-shadow:inset 1px 1px 0px 0px #B9E0FD;

	-webkit-box-shadow:inset 1px 1px 0px 0px #B9E0FD;
	-moz-box-shadow:inset 1px 1px 0px 0px #B9E0FD;
	box-shadow:inset 1px 1px 0px 0px #B9E0FD;
}
div.progress_frame {
	width:790px;
	height:18px;
	clear:both;
	text-align:left;
	margin:0px;
	padding:0px;
	/*border:solid 2px #F00;*/
	margin-bottom:10px;
}
div.progress_bar {
	width:0px;
	height:18px;
	line-hight:16px;
	font-size:12px;
	color:#333;
	text-align:left;
	background:#F03;
	margin:0px;
	padding:0px;
	text-indent:10px;
}
div#progress_bar {
	width:0px;
	height:18px;
	line-hight:16px;
	background:#F03;
}
.del_button {
	width:20px;
	height:20px;
	float:right;
	margin:0px 10px 0px 0px;
	padding:0px;
	font-family: 'FontAwesome';
	font-size:1em;
	line-height:1em;
	font-weight: bold;
	color: #ffffff /*{a-bar-color}*/;
	border-radius:26px;
	
	text-shadow: 0 2px 0 #770606;
	color: #ffffff /*{a-bar-color}*/;
	border:1px solid #9E3235;
	border-radius:17px;
	background: #003999;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #E14D4D), color-stop(90%, #780000));
	background: -moz-linear-gradient(top, #E14D4D 10%,#780000 90%);
	background: -o-linear-gradient(top, #E14D4D 10%,#780000 90%);
	background: -ms-linear-gradient(top, #E14D4D 10%, #780000 90%);
	background: linear-gradient(top, #E14D4D 10%, #780000 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E14D4D 10%', endColorstr='#780000 90%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E14D4D 10%', endColorstr='#780000 90%)";
	-pie-background: linear-gradient(top, #E14D4D 10%, #780000 90%);

	-webkit-box-shadow:inset 1px 1px 0px 0px #E9ADAD;
	-moz-box-shadow:inset 1px 1px 0px 0px #E9ADAD;
	box-shadow:inset 1px 1px 0px 0px #E9ADAD;
}

.del_button:hover {
	border: 1px solid #bbbbbb /*{a-bhover-border}*/;
	background: #dfdfdf /*{a-bhover-background-color}*/;
	font-weight: bold;
	color: #2f3e46 /*{a-bhover-color}*/;
	text-shadow: 0 /*{a-bhover-shadow-x}*/ 1px /*{a-bhover-shadow-y}*/ 0 /*{a-bhover-shadow-radius}*/ #ffffff /*{a-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #f6f6f6 /*{a-bhover-background-start}*/), to( #e0e0e0 /*{a-bhover-background-end}*/)); /* Saf4 , Chrome */
	background-image: -webkit-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Chrome 10 , Saf5.1  */
	background-image:    -moz-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/); /* Opera 11.10  */
	background-image:         linear-gradient( #f6f6f6 /*{a-bhover-background-start}*/, #e0e0e0 /*{a-bhover-background-end}*/);
}

.del_button:focus{
	-moz-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	-webkit-box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
	box-shadow: inset 0 0 3px #387bbe /*{global-active-background-color}*/, 0 0 9px #387bbe /*{global-active-background-color}*/;
}

#file_list {
	 overflow: scroll;
	 margin:0px;
	 padding:0px;
	 height:280px;
	 width:100%;
	 text-align:left;
}
#drop_area {
	width:820px;
	height:300px;
	margin:10px;
	padding:30px;
	border:2px solid #333;
}
@media only screen and (min-width: 1250px) {
	#home-button,#back-button,#next-button,#reset-button,#submit-button,
	#login-button,#join-button,#home-button,#close-button,#delete-button,#update-button,#add-button,#upload-button {
		width:200px;
	}
}
@media only screen and (min-width: 950px) and (max-width: 1249px) {
	#home-button,#back-button,#next-button,#reset-button,#submit-button,
	#login-button,#join-button,#home-button,#close-button,#delete-button,#update-button,#add-button,#upload-button {
		width:200px;
	}
	input.contact-data {
		border-style: none;
		border:solid 1px #999999;
		border-radius:4px;
		font-size:16px;
		line-height:28px;
		padding-left:10px;
		padding-right:10px;
		height:30px;
		color:#333;
		width:95%;
	}
	textarea.contact-text {
		border-style: none;
		border:solid 1px #999999;
		border-radius:4px;
		font-size:16px;
		padding:10px;
		height:30px;
		color:#333;
		width:95%;
		height:8em;
	}
}
@media only screen and (min-width: 600px) and (max-width: 949px) {
	#home-button,#back-button,#next-button,#reset-button,#submit-button,
	#login-button,#join-button,#home-button,#close-button,#delete-button,#update-button,#add-button,#upload-button {
		width:180px;
	}
	input.contact-data {
		border-style: none;
		border:solid 1px #999999;
		border-radius:4px;
		font-size:16px;
		line-height:28px;
		padding-left:10px;
		padding-right:10px;
		height:30px;
		color:#333;
		width:94%;
	}
	textarea.contact-text {
		border-style: none;
		border:solid 1px #999999;
		border-radius:4px;
		font-size:16px;
		padding:10px;
		height:30px;
		color:#333;
		width:94%;
		height:8em;
	}
}
@media (max-width:599px) {
	#home-button,#back-button,#next-button,#reset-button,#submit-button,
	#login-button,#join-button,#home-button,#close-button,#delete-button,#update-button,#add-button,#upload-button {
		width:140px;
		font-size:0.8em;
	}
	input.contact-data {
		border-style: none;
		border:solid 1px #999999;
		border-radius:4px;
		font-size:16px;
		line-height:28px;
		padding-left:10px;
		padding-right:10px;
		height:30px;
		color:#333;
		width:85%;
	}
	textarea.contact-text {
		border-style: none;
		border:solid 1px #999999;
		border-radius:4px;
		font-size:16px;
		padding:10px;
		height:30px;
		color:#333;
		width:85%;
		height:8em;
	}
	
}
/*************************************************************************/