@charset "euc-jp";

/*   layout   */


a:link {
	overflow:hidden;
	outline:none;
}

#container {
	font-family:"¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", Meiryo, Osaka, "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}



#container {
	width:780px;
	margin:0 auto;
	font-size:14px;
	line-height:140%;
	padding:0 0 10px 0;
	z-index:0;
}

#header {
	background:url(/dol/service/vpack/images/head.jpg) top center no-repeat;
	padding-top:270px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
}


.tab01 a {
	background:url(/dol/service/vpack/images/btn_tab01.png) top left no-repeat;
	height:80px;
	width:375px;
	display:block;
	float:left;
	background-position:0 -80px;
}

.tab01 a:hover {
	background-position:0 0;
}



.tab02 a {
	background:url(/dol/service/vpack/images/btn_tab02.png) top left no-repeat;
	height:80px;
	width:375px;
	display:block;
	float:right;
	background-position:0 -80px;
}

.tab02 a:hover {
	background-position:0 0;
}


.tab01on {
	background:url(/dol/service/vpack/images/btn_tab01.png) top left no-repeat;
	height:80px;
	width:375px;
	display:block;
	float:left;
}


.tab02on {
	background:url(/dol/service/vpack/images/btn_tab02.png) top left no-repeat;
	height:80px;
	width:375px;
	display:block;
	float:left;
}



#contents {
	background:url(/dol/service/vpack/images/bg_wrap.gif);
	margin:0 15px;
	padding:0 0 20px 0;
	position: relative;
	z-index: 0;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



/*   class   */

.font10 {
	font-size:10px;
}


.font12 {
	font-size:12px;
}

.font14 {
	font-size:14px;
	font-weight:normal;
}

.font10_boTop {
	border-top:#ccc dotted 1px;
	font-size:10px;
	margin-top:10px;
	padding-top:10px;
}


.boTop {
	border-top:#ccc dotted 1px;
	margin-top:10px;
	padding-top:10px;
}



.boTop_b {
	border-top:#ccc double 3px;
	margin-top:10px;
	padding-top:10px;
}






/*   mainbox   */



#mainBox {
}


#mainBox_list {
	font-size:16px;
	line-height:24px;
	background:#fff;
	padding:10px;
	margin:10px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	border:#ccc solid 1px;
}


#mainBox_list ul {
	padding:0;
}

#mainBox_list ul li{
	color:#fff;
	font-size:16px;
	list-style:disc inside;
	background:#06F;
	padding:5px;
	margin:3px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#mainBox_list ul li span{
	color: #333;
	font-size:14px;
}

#mainBox_list ul li ul li {
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	color:#06F;
	font-size:15px;
 	list-style:none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#fff;
}





/* contBox */


.contBox {
	font-size:14px;
	line-height:20px;
	background:#fff;
	padding:10px;
	margin:10px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	border:#ccc solid 1px;
}









/* title */

.itemTitle {
	font-size:16px;
	padding:10px;
	margin:10px 0 5px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#06F;
	color:#fff;
	line-height:26px;
	display:block;
}

.itemTitle span.fontArial {
	font-size:36px;
	font-family:"Arial Black", Gadget, sans-serif;
	padding-right:5px;
}

.itemTitle span.fontArial_twoLine {
	font-size:36px;
	font-family:"Arial Black", Gadget, sans-serif;
	padding-right:5px;
	display:block;
	float:left;
	height:50px;
	line-height:50px;
}


.box h3 {
	margin:20px 0px 20px -55px;
	padding: 0 15px;
	height: 40px;
	position: relative;
	top: 0;
	left: 0;
	background: #E21B25;
	font-size:18px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0 1px 0 #aaa;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
}


.box h3:before {
	content: "";
	position: absolute;
	top: 40px;
	left: 0;
	border-top: 3px solid #A5171C;
	border-right: 11px solid #A5171C;
	border-bottom: 6px solid transparent;
	border-left: 4px solid transparent;
}

.box h3:after {
	content: "";
	position: absolute;
	top: 0;
	right: -20px;
	border-top: 20px solid #E21B25;
	border-bottom: 20px solid #E21B25;
	border-left: 20px solid #E21B25;
	border-right: 10px solid transparent;
}







.box h2.red {
	margin:0 -75px 10px -75px;
	padding: 10px 15px 0;
	height: 60px;
	position: relative;
	top: 0;
	left: 0;
	background: #E21B25;
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0 1px 0 #aaa;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
}


.box h2.red:before {
	content: "";
	position: absolute;
	top: 70px;
	left: 0;
	border-top: 3px solid #A5171C;
	border-right: 21px solid #A5171C;
	border-bottom: 10px solid transparent;
	border-left: 14px solid transparent;
}

.box h2.red:after {
	content: "";
	position: absolute;
	top: 70px;
	right:0;
	border-top: 3px solid #A5171C;
	border-left: 21px solid #A5171C;
	border-bottom: 10px solid transparent;
	border-right: 14px solid transparent;
}



.box h2.green {
	margin:0 -75px 10px -75px;
	padding: 10px 15px 0;
	height: 60px;
	position: relative;
	top: 0;
	left: 0;
	background: #E21B25;
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0 1px 0 #aaa;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
}


.box h2.green:before {
	content: "";
	position: absolute;
	top: 70px;
	left: 0;
	border-top: 3px solid #A5171C;
	border-right: 21px solid #A5171C;
	border-bottom: 10px solid transparent;
	border-left: 14px solid transparent;
}

.box h2.green:after {
	content: "";
	position: absolute;
	top: 70px;
	right:0;
	border-top: 3px solid #A5171C;
	border-left: 21px solid #A5171C;
	border-bottom: 10px solid transparent;
	border-right: 14px solid transparent;
}




.box h2.blue {
	margin:0 -75px 10px -75px;
	padding: 10px 15px 0;
	height: 60px;
	position: relative;
	top: 0;
	left: 0;
	background: #E21B25;
	font-size:32px;
	line-height:40px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0 1px 0 #aaa;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 10px rgba(0, 0, 0, 0.1);
}


.box h2.blue:before {
	content: "";
	position: absolute;
	top: 70px;
	left: 0;
	border-top: 3px solid #A5171C;
	border-right: 21px solid #A5171C;
	border-bottom: 10px solid transparent;
	border-left: 14px solid transparent;
}

.box h2.blue:after {
	content: "";
	position: absolute;
	top: 70px;
	right:0;
	border-top: 3px solid #A5171C;
	border-left: 21px solid #A5171C;
	border-bottom: 10px solid transparent;
	border-right: 14px solid transparent;
}

























/*.contBox h4 {
	border-bottom:#06F solid 1px;
	font-size:18px;
	font-weight:bold;
	padding-bottom:5px;
	margin-bottom:5px;
}*/





/*   table   */





table.syouhin {
	width:600px;
	margin:0 auto;
	border:#CCC solid 1px;
	margin-bottom:10px;
}

table.syouhin th {
	background:#9CF;
	padding:5px;
	border-right:#ccc solid 1px;
	border-bottom:#fff solid 1px;
	width:80px;
}

table.syouhin td {
	background:#eee;
	padding:5px;
	border-right:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
	font-size:13px;
}

















/*   box   */


.box {
	background:#fff url(/dol/service/vpack/images/contents_bg.png);
	clear: both;
	margin: 40px auto;
	width: 640px;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	position: relative;
	padding:40px;
}

.box:before, .box:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 12px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 1);
    z-index: -1;
}

.box:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}














/*   button   */





a.button {
	width:600px;
    margin: 10px 10px;
	padding:10px 0;
	font-size:20px;
    text-decoration: none;
    font: bold 1.5em; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

}

a.button, a.button span
{
    -moz-border-radius: .3em;
    border-radius: .3em;
}

a.button span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;

}

a.button:hover
{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

a.button:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

a.button-red
{
    background: #D82741;
    background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) );
    background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E84B6E', endColorstr='#D82741');
}

a.button-red:hover
{
    background: #E84B6E;
    background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E) );
    background: -moz-linear-gradient(-90deg, #D82741, #E84B6E);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#D82741', endColorstr='#E84B6E');
}



a.button-green:active {
    background: #078d10;
}

a.button-green {
    background: #078d10;
    background: -webkit-gradient(linear, left top, left bottom, from(#1fad14), to(#078d10) );
    background: -moz-linear-gradient(-90deg, #1fad14, #078d10);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1fad14', endColorstr='#078d10');
}

a.button-green:hover {
    background: #1fad14;
    background: -webkit-gradient(linear, left top, left bottom, from(#078d10), to(#1fad14) );
    background: -moz-linear-gradient(-90deg, #078d10, #1fad14);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#078d10', endColorstr='#1fad14');
}

a.button-green:active {
    background: #078d10;
}







a.button-blue:active {
    background: #1c53a7;
}

a.button-blue {
    background: #1c53a7;
    background: -webkit-gradient(linear, left top, left bottom, from(#326ec2), to(#1c53a7) );
    background: -moz-linear-gradient(-90deg, #326ec2, #1c53a7);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#326ec2', endColorstr='#1c53a7');
}

a.button-blue:hover {
    background: #326ec2;
    background: -webkit-gradient(linear, left top, left bottom, from(#1c53a7), to(#326ec2) );
    background: -moz-linear-gradient(-90deg, #1c53a7, #326ec2);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#1c53a7', endColorstr='#326ec2');
}

a.button-blue:active {
    background: #1c53a7;
}



.button_off
{
	width:600px;
    margin: 10px 10px;
	font-size:20px;
    text-decoration: none;
    font: bold 1.5em; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #666; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);

}




.button_off, .button_off span
{
    -moz-border-radius: .3em;
    border-radius: .3em;
}


.button_off
{
    background: #aaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#aaaaaa) );
    background: -moz-linear-gradient(-90deg, #aaaaaa, #999999);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#999999', endColorstr='#aaaaaa');
}



.button_off span
{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;

}







/*   close   */

.acc {
	position:relative;
}


.acc a.button {
	width:500px;
}

.sec,.sec2,.sec3,.sec4,.sec5 {
	background:#09f;
}

.itemTitle {
	text-decoration:none;
}

.close {
	background:#06f;
}