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

.con_box{
	width: 700px;
	background-color: #0042f0;
	background:url(/dol/order_of_the_prince/img/wall.png) top center no-repeat;
	margin: 0 auto ;
}

.img-box img{width: auto; max-width: 100%;}

.top{
	width: 700px;
	height: 500px;
		background: url(/dol/order_of_the_prince/img/top.png) top center no-repeat;
	margin: 0 auto ;
}
.con_m{
	width: 700px;
	background: url(/dol/order_of_the_prince/img/flame_m.png) top center repeat-y;
	margin: 0 auto ;
}
.con_f{
	width: 700px;
	height: 50px;/*260px;*/
	background: url(/dol/order_of_the_prince/img/flame_f.png) bottom center no-repeat;
	margin: 0 auto ;
}
.cont1bg img,
.banner_box img{width:auto; max-width:100%;}

.cont1bg{background:url(/dol/order_of_the_prince/img/cont1_bg.png); width: calc(80% - 8px); margin: 0 auto; border: solid 4px #bf9f4e; color: #fff; box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; }
.cp_title{ width: 100%; max-width: 386px; margin: -70px auto 0 auto; }
.cont1_top_box{background:url(/dol/order_of_the_prince/img/cont1_top_right.png) top right no-repeat;}
.cont1_bottom_box{background:url(/dol/order_of_the_prince/img/cont1_bottom_right.png) top right no-repeat;}

.btn_box{width: 85%; max-width: 608px; margin:0 auto 0 auto;}

.banner_box{background:url(/dol/order_of_the_prince/img/banner_bg.jpg); width: calc(80% - 8px);  margin: 32px auto; border: solid 4px #bf9f4e; color: #fff; box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; -moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;}
.banner_title{width: 85%; max-width: 250px; margin: -20px auto 0 auto;}

.banner_list{width: 90%; max-width: 800px; margin: 0 auto 0 auto; letter-spacing: -.80em; padding-bottom: 24px;}
.banner_list li{width: calc(50% - 8px); display: inline-block; letter-spacing: normal; padding: 4px;}
.banner_list li img{ box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 2px 3px; -webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 2px 3px; -moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 2px 3px; }

.btn_box a:hover,
.banner_list li a:hover,
.pro_box a:hover{ filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}

.pro_box{width: 50%; max-width: 300px; margin:0 auto 0 auto; padding-top: 32px;}