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

/* Reset
=======================================*/

* {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

body { 
	font-size: 16px;
	 }

ul,li { padding:0; }

img {
	border: none;
	vertical-align: bottom;
	}

strong { font-weight: bold !important; }

.txt_red { color:#900; }
.b_red { font-weight:bold; color:#900; }
.b_red_14 { font-weight:bold; color:#900; font-size:14px; }
.b_red_16 { font-weight:bold; color:#900; font-size:16px; }

a:link { color:#f00; text-decoration: underline;}
a:visited { color: #f00; underline;}
a:hover { color:#f00; text-decoration: none;}
a:active { color: #f00; }

.clear { clear: both; }


dl{ padding-top:5px; }
.note dt { position: relative; }
.note dt span { position: absolute; }
.note dd { padding-left: 1em;}

.n_box { background-color:#ff9; margin:5px 0px; }

h4 {
    font-size: 16px;
    line-height: 1;
    color: #b38804;
    padding-left: 6px;
    border-left: solid 5px #b38804;
    margin-bottom: 5px;
    margin-top: 0px;
    font-weight: bold;
}


/* Style
=======================================*/

#cont_wp { 
			width:700px; 
			background-image:url(/dol/campaign/discount2016/img/wall.jpg); 
		   	margin:0 auto; 
		   }

#header  {  
			width:700px; 
			height:282px;
			margin:0 auto;
			background:url(/dol/campaign/discount2016/img/header.png) top center no-repeat;
			z-index:8;
			}

#leader  {	
			width:700px;
			height:208px;
			margin:0 auto;
			background:url(/dol/campaign/discount2016/img/leader.png) top center no-repeat;
			}


#c_header{
			width:700px;
			height:69px;
			margin:0 auto;
			background:url(/dol/campaign/discount2016/img/c_header.png) top center no-repeat;
			}

#c_box	{
			width:700px;
			margin:0 auto;
			background:url(/dol/campaign/discount2016/img/c_wall.png) top center;
			}
	
#c_footer{
			width:700px;
			height:50px;
			margin:0 auto;
			background:url(/dol/campaign/discount2016/img/c_footer.png) top center no-repeat;
			}
	

.txt_box{
			width:570px;
			margin:0 auto;
			/*padding-top:10px;*/
			padding-bottom:40px;
			}
			


.txt_box_t{
			width:570px;
			margin:0 auto;
			padding-bottom:30px;
			}

.txt_box_e{
			width:570px;
			margin:0 auto;
			padding-bottom:10px;
			}


#title_02 { width:700px; height:49px; background-image:url(/dol/campaign/discount2016/img/title_02.png); margin:0 auto; }
#title_03 { width:700px; height:49px; background-image:url(/dol/campaign/discount2016/img/title_03.png); margin:0 auto; }
#title_04 { width:700px; height:49px; background-image:url(/dol/campaign/discount2016/img/title_04.png); margin:0 auto; }
#title_05 { width:700px; height:49px; background-image:url(/dol/campaign/discount2016/img/title_05.png); margin:0 auto; }


table th,table td{ border: solid 1px #000; padding:5px; background:#fff; }
table .blue { background:#c6c6ff; vertical-align: middle; color: #000; text-align:center; }
table .blue02 { background:#e5e5ff; vertical-align: middle; color: #000; text-align:left; }
table .price { background:#fff; vertical-align: middle; color: #000; text-align:center; }

.l_b { margin-left:15px;}

.t_notice{ background:#fefec0; padding:10px; margin-top:10px; }


/*button*/


a.button
{
    width:570px;
	margin: 10px 5px;
    text-decoration: none;
    font: bold 1.5em; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #000;

    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.0);

    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: 20px;
    border-radius: 20px;
}

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-yellow
{
    background: #fcc800;
    background: -webkit-gradient(linear, left top, left bottom, from(#e6b422), to(#fade74) );
    background: -moz-linear-gradient(-90deg, #e6b422, #fade74);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6b422', endColorstr='#fade74');
}

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

a.button-yellow:active
{
    background: #daa520;
}



a.button02
{
    width:400px;
	margin: 10px 99px;
    text-decoration: none;
    font: bold 1.5em; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #000;

    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.0);

    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.button02, a.button02 span
{
    -moz-border-radius: 20px;
    border-radius: 20px;
}

a.button02 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.button02: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.button02:active
{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

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

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

a.button-yellow02:active
{
    background: #ffffa8;
}

.btn_t { font-weight:bold; font-size:18px; }

.item_box { width:300px; float:left; margin-left:10px; }
.item_box2 { margin-left:10px; }
.ss_box { width:250px; float:left; margin-left:10px; }