* {
margin: 0;
padding: 0;
}

#soft_about {
    margin-bottom: 10px;
}  

#astep {
    margin-bottom: 20px;
}

h2.nagare {
	font-size:16px;
	padding:2px 0 2px 5px;
	border-left:#009900 solid 5px;
	border-bottom:#009900 solid 1px;
	margin-bottom: 20px;
}
.widget {
	width: 528px;
	margin-bottom: 15px;
	letter-spacing: 1px;
	line-height: 1.5em;
}

.widget a:hover {
	color: #009;
	text-decoration: underline;
}
ul#tabnav {
	padding:0 19px;
	z-index: 100;
}
#tabnav li {
	list-style: none;
	float:left;
	width:240px;
	text-align:center;
	margin-right:10px;
}
	
#tabnav li a {
	width:240px;
	height:24px;
	display:block;
	overflow:hidden;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 6px;
}
#tabnav li a.mp {
	background-image:url(images/tab_mp.gif);
	background-repeat:no-repeat;
}
#tabnav li a.mp:hover {
	background-position:0 -30px;
}
#tabnav li a.tpl {
	background-image:url(images/tab_tpl.gif);
	background-repeat:no-repeat;
}
#tabnav li a.tpl:hover {
	background-position:0 -30px;
}
li.ui-tabs-selected a.mp {
	background-image:url(images/tab_mp.gif);
	background-position:0 -30px;
	position: relative;
	top: 1px;
}
li.ui-tabs-selected a.tpl {
	background-image:url(images/tab_tpl.gif);
	background-position:0 -30px;
	position: relative;
	top: 1px;
}

#order_mp,#order_tpl{
	padding: 20px;
}
		
#order_mp .sb-inner {
	background: #FBF4CE;
}

#order_mp .sb-border {
	background:#FFCC00;
}

#order_mp .sb-shadow {
	background:#333333;
}

#order_tpl .sb-inner {
	background: #E5F4CE;
}

#order_tpl .sb-border {
	background:#00CC00;
}

#order_tpl .sb-shadow {
	background:#333333;
}
	
.ui-tabs-hide {
	display: none;
}

#featuredvid {
	text-align: center;
}
		
.fvid {
	margin-bottom: 5px;
}
		
.vidselector li {
	text-align: left;
	list-style: none;
	padding: 5px;
	background: #ffffff;
	border: 1px solid #dedbd1;
	text-transform: uppercase;
	margin-bottom: 5px;
}

/* ホワイト　開始 */
.box_white{
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FFFFFF,EndColorStr=#F9F9F9);
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAAJUlEQVQImW3ENwEAMAwDsPBn7NkSsA5d23erJDvbO0k7kjsAsw/EKHZOpEw5IQAAAABJRU5ErkJggg==");
	background-repeat:repeat-x;
	background-color:#F9F9F9;
	padding:8px;
	margin-bottom:5px;
	border: #CCCCCC solid 1px;
	text-align: center;
}

*+html body .box_white {
	display: inline-block;
}

* html body .box_white {
	display: inline-block;
}
/* ホワイト　終了 */

@media screen and (max-width: 750px) {
    #soft_about {
        margin-bottom: calc(40*100vw/750);
        padding: 0 calc(22*100vw/750);
    }
#astep {
    margin-bottom: calc(30*100vw/750);
}
    .text_al {
        text-align: left;
    }
    .box_white .text_al {
        text-indent: -1.5em;
        padding-left: 1.5em;
    }
    .box_white .text_al:first-child {
        margin-bottom: calc(30*100vw/750);
    }
/* ホワイト　開始 */
.box_white{
	padding:calc(18*100vw/750);
	margin-bottom:calc(18*100vw/750);
	border: #CCCCCC solid calc(2*100vw/750);
}
    
    .box_mb5tac {
    margin-bottom: calc(18*100vw/750);
}
    .first_text {
        margin-bottom: calc(18*100vw/750);
    }

    
}