/*	BOX_OPEN()のCSS↓ここから	*/

.shadow_box{
	-webkit-box-shadow:0px 2px 20px 1px rgba(0,0,0,0.7);
 	   -moz-box-shadow:0px 2px 20px 1px rgba(0,0,0,0.7);
 	    -ms-box-shadow:0px 2px 20px 1px rgba(0,0,0,0.7);
 	     -o-box-shadow:0px 2px 20px 1px rgba(0,0,0,0.7);
 	        box-shadow:0px 2px 20px 1px rgba(0,0,0,0.7);
	background-color:white;
}
.close_png{
	width:18px;height:18px;float:right;cursor:pointer;margin:5px 5px 0px 0px;
}
.subBoxTitl{
	padding:10px 0px 0px 10px;font-size:24px;line-height:1.7em;color:green;font-family:WebFont;
}
.subBoxBody{
	font-size:14px;padding:5px 10px 10px 10px;line-height:1.3em;
}
#DARK_BOX{
	position:fixed;top:0;left:0;width:100%;height:100%;background-color:black;filter:alpha(opacity=40);-moz-opacity:0.40;opacity:0.40;z-index:-1;
}
.subBox_sumaho_tate_err{
	padding:10px 0 0 0;text-align:center;
}
@media screen and (orientation: landscape) {
	 /* 横向きの場合のスタイル */
	.subBox_sumaho_tate_err{
		display: none;
	}
}
@media screen and (orientation: portrait) {
	/* 縦向きの場合のスタイル */
	.subBox_sumaho_tate_err{
		display: inherit;
	}
}
/*	BOX_OPEN()のCSS↑ここまで	*/


body{

	/*　色階調　*/
	background-color: #CCCCCC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFFFBB ), color-stop(0.16, #FFFFFF), color-stop(0.15, #FFFFFF), color-stop(0.00, #00a0dd ));
	background: -webkit-linear-gradient(top, #00a0dd 0%, #FFFFFF 15%, #FFFFFF 16%, #FFFFBB 100%);
	background:    -moz-linear-gradient(top, #00a0dd 0%, #FFFFFF 15%, #FFFFFF 16%, #FFFFBB 100%);
	background:     -ms-linear-gradient(top, #00a0dd 0%, #FFFFFF 15%, #FFFFFF 16%, #FFFFBB 100%);
	background:      -o-linear-gradient(top, #00a0dd 0%, #FFFFFF 15%, #FFFFFF 16%, #FFFFBB 100%);
	background:         linear-gradient(top, #00a0dd 0%, #FFFFFF 15%, #FFFFFF 16%, #FFFFBB 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,StartColorStr=#00a0dd ,EndColorStr=#FFFFBB
	);
	zoom:1;/* HTML4 */
	color:black;
	text-shadow:1px 1px 2px white;


}




@media print{
	form{
		display:none;
	}
	.no_print{
		display:none;	
	}
		
}

.box_title,.gradation{
	/*　色階調　*/
	background-color: #EE6655;
	background: -webkit-gradient(linear, left top, left bottom, from(#FF7766), to(#DD5544));
	background: -webkit-linear-gradient( #FF7766 , #DD5544 );
	background:    -moz-linear-gradient( #FF7766 , #DD5544 );
	background:     -ms-linear-gradient( #FF7766 , #DD5544 );
	background:      -o-linear-gradient( #FF7766 , #DD5544 );
	background:         linear-gradient( #FF7766 , #DD5544 );
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,StartColorStr=#FF7766,EndColorStr=#DD5544
	);
	zoom:1;/* HTML4 */
	color:white;
	text-shadow:1px 1px 2px black;

}

.box_title{
	/*　罫線　*/
	border-top:   1px #EE6655 solid;
	border-right: 1px #CC4433 solid;
	border-bottom:0px #CC4433 solid;
	border-left:  1px #CC4433 solid;

	/*　形状　*/
	-webkit-border-radius: 9px 9px 0px 0px;
	   -moz-border-radius: 9px 9px 0px 0px;
	    -ms-border-radius: 9px 9px 0px 0px;
	     -o-border-radius: 9px 9px 0px 0px;
	     	border-radius: 9px 9px 0px 0px;

	/*　書体等　*/
	font-size:17px;
	font-weight:bold;
	line-height:130%;
	padding:3px 10px 3px 10px;
}

.box_body{
	/*　罫線　*/
	border-top: 　0px #CC4433 solid;
	border-right: 1px #CC4433 solid;
	border-bottom:1px #CC4433 solid;
	border-left:  1px #CC4433 solid;

	/*　形状　*/
	-webkit-border-radius: 0px 0px 9px 9px;
	   -moz-border-radius: 0px 0px 9px 9px;
	    -ms-border-radius: 0px 0px 9px 9px;
	     -o-border-radius: 0px 0px 9px 9px;
	     	border-radius: 0px 0px 9px 9px;
	background-color:white;
	padding:10px 15px 15px 15px;
}

.box_title,.box_body{
	/*　影　*/
	-webkit-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	    -ms-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     -o-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     	box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
}



.box_title2,.gradation2{
	/*　色階調　*/
	background-color: #CC7722;
	background: -webkit-gradient(linear, left top, left bottom, from(#DD8833), to(#BB6611));
	background: -webkit-linear-gradient( #DD8833 , #BB6611 );
	background:    -moz-linear-gradient( #DD8833 , #BB6611 );
	background:     -ms-linear-gradient( #DD8833 , #BB6611 );
	background:      -o-linear-gradient( #DD8833 , #BB6611 );
	background:         linear-gradient( #DD8833 , #BB6611 );
	filter:progid:DXImageTransform.Microsoft.gradient(
		GradientType=0,StartColorStr=#DD8833,EndColorStr=#BB6611
	);
	zoom:1;/* HTML4 */
	color:white;
	text-shadow:1px 1px 2px black;

}

.box_title2{
	/*　罫線　*/
	border-top:   1px #CC7722 solid;
	border-right: 1px #AA5500 solid;
	border-bottom:0px #AA5500 solid;
	border-left:  1px #AA5500 solid;

	/*　形状　*/
	-webkit-border-radius: 9px 9px 0px 0px;
	   -moz-border-radius: 9px 9px 0px 0px;
	    -ms-border-radius: 9px 9px 0px 0px;
	     -o-border-radius: 9px 9px 0px 0px;
	     	border-radius: 9px 9px 0px 0px;

	/*　書体等　*/
	font-size:17px;
	font-weight:bold;
	line-height:130%;
	padding:3px 10px 3px 10px;
}

.box_body2{
	/*　罫線　*/
	border-top: 　0px #AA5500 solid;
	border-right: 1px #AA5500 solid;
	border-bottom:1px #AA5500 solid;
	border-left:  1px #AA5500 solid;

	/*　形状　*/
	-webkit-border-radius: 0px 0px 9px 9px;
	   -moz-border-radius: 0px 0px 9px 9px;
	    -ms-border-radius: 0px 0px 9px 9px;
	     -o-border-radius: 0px 0px 9px 9px;
	     	border-radius: 0px 0px 9px 9px;
	background-color:white;
	padding:10px 15px 15px 15px;
}

.box_title2,.box_body2{
	/*　影　*/
	-webkit-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	   -moz-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	    -ms-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     -o-box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
	     	box-shadow:0px 2px 10px 1px rgba(0,0,0,0.2);
}



.box_title,.box_title2{
	text-align:center;
}

.box_body,.box_body2{
	line-height:1.5em;
}