@import url(reset.css);

/*
---------------------------------------------------- */
body{
font-family:"HraKakuProN-W6", "HelveticaNeue";
line-height:1;
-webkit-text-size-adjust:none;
}
#suntory_contents{
background-color:#ffffff;
color:#555;
padding:10px 0;
}
header{
text-align:center;
margin-bottom:10px;
}
#suntory_contents h1{
text-align:center;
margin:0 auto 10px auto;
}
#suntory_contents h1 span{
font-size:20px;
color:#669900;
padding:3px 0 0 0;
}

#container{
padding:0 10px;
}

#container p.done{
font-weight:bold;
color:#886633;
margin:0;
padding:5px 0 0 0;
}
#container p.lead{
margin:0;
padding:5px 0 0 0;
}
#container p.lead2{
margin:0;
padding:5px 0 0 0;
color:#E80;
}
#container p .kome{
color:#F00;
}
#container a{
font-weight:normal;
}
#container p.lead2 a{
background:url(../img/ico_totel.png) no-repeat left center;
-webkit-background-size:25px 25px;
padding:5px 0 6px 30px;
}
#container p.lead a.tel{
background:url(../img/ico_totel.png) no-repeat left center;
-webkit-background-size:25px 25px;
padding:5px 0 6px 30px;
}

#container .stopemail.close{
display:none;
}

#container .notes{
padding:5px 0 0 0;
}
#container .notes p{
margin:0;
padding:0;
}
#container .notes span{
color:#F00;
}
#container .inputErr{
display:block;
border:solid #F00 2px;
padding:10px;
margin:10px 0 0 0;
}
#container .inputErr .inputErr_msg1{
font-weight:bold;
color:#F00;
background:url(../img/ico_err.png) no-repeat 0 0;
-webkit-background-size:18px 18px;
margin:0;
padding:0 0 2px 24px;
}
#container .inputErr ol.inputErr_list{
margin:0 0 0 24px;
font-size:18px;
}
#container .inputErr ol.inputErr_list li{
line-height:1.4;
color:#F00;
}
#container .loginErr{
display:block;
border:solid #F00 2px;
padding:10px;
margin:10px 0 0 0;
}
#container .loginErr .loginErr_msg1{
font-weight:bold;
color:#F00;
background:url(../img/ico_err.png) no-repeat 0 4px;
-webkit-background-size:18px 18px;
margin:0;
padding:0 0 2px 24px;
}
#container .loginErr .loginErr_msg2{
color:#F00;
margin:2px 0 0 0;
}
#container .loginErr .loginErr_msg3{
margin:4px 0 0 0;
}
#container .shoppingBox{
background:#EDEBDC;
padding:10px;
margin:10px 0;
-webkit-border-radius:6px;
}
#container .shoppingBoxErr{
background:#FFE3E3;
padding:10px;
margin:10px 0;
-webkit-border-radius:6px;
}
#container .err_msg{
font-weight:bold;
color:#F00;
background:url(../img/ico_err.png) no-repeat 0 center;
-webkit-background-size:40px 40px;
padding:10px 0 10px 45px;
}
#container dt{
}
#container dt:after{
display:block;
height:1px;
content:"";
clear:both;
}
#container dt .title,
#container dt .title2{
float:left;
font-size:18px;
font-weight:bold;
line-height:1.2;
color:#886633;
margin:0 0 5px 0;
padding:2px 0;
}
#container dt .title2{
}
#container dt .required{
float:left;
background-color:#F70;
color:#FFF;
font-size:16px;
font-weight:normal;
text-shadow:none;
-webkit-border-radius:2px;
padding:2px 4px;
margin:2px 0 0 5px;
}
#container dd{
font-size:18px;
line-height:1.4;
color:#555;
}
#container dd .kome{
color:#F00;
}
#container dd:after{
display:block;
height:0;
content:"";
clear:both;
}
#container dd p{
font-size:18px;
line-height:1.4;
margin:5px 0 0 0;
}
#container dd .inner{
background:#FFF;
-webkit-border-radius:4px;
margin:0;
padding:5px 10px 10px 10px;
}
#container dd .inner p{
margin:5px 0 0 0;
padding:0;
word-wrap:break-word;
}
#container dd .inner p span{
color:#886633;
font-weight:bold;
}

#container #inquiry_mail_address_btn{
font-size:18px;
line-height:1.4;
background:#EDEBDC;
padding:5px 10px 10px;
margin:-15px 0 10px;
-webkit-border-bottom-left-radius:6px;
-webkit-border-bottom-right-radius:6px;
}
#container #inquiry_mail_address_btn.err{
background:#FFE3E3;
}

/*ボタン*/
#container p.login,
#container #submit,
#container p.submit{
display:block;
border:1px solid #ff7701;
-webkit-border-radius:6px;
-moz-box-shadow:0 2px 4px rgba(0,0,0,.3);
-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);
box-shadow:0 2px 4px rgba(0,0,0,.3);
background:-webkit-gradient(linear, center top, center bottom, from(#FDB06C),
			color-stop(0.01,#FDB06C),
			color-stop(0.49,#FF811A),
			color-stop(0.50,#FF5900),
			color-stop(0.99,#FF8B1E),
			to(#FF8B1E));
margin:15px 0;
}
#container p.submit2{
margin:5px 0;
}
#container p.login{
margin:10px 0 0 0;
}
#container p.login a,
#container p.submit a,
#container p.submit2 a{
display:block;
text-align:center;
font-size:18px;
font-weight:bold;
line-height:1.2;
text-decoration:none;
text-shadow:1px 1px 3px #B40;
color:#fff;
background:url(../img/btn_go.png) 14px center no-repeat;
-webkit-background-size:14px 14px;
padding:18px 0;
}
#container p.login a{
padding:8px 0;
}

#container p.btn_gry,
#container #submitGry{
display:block;
border:1px solid #BCBCBC;
-webkit-border-radius:6px;
-moz-box-shadow:0 2px 4px rgba(0,0,0,.3);
-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);
box-shadow:0 2px 4px rgba(0,0,0,.3);
background:-webkit-gradient(linear, center top, center bottom, from(#FDFDFD),
			color-stop(0.01,#FDFDFD),
			color-stop(0.49,#E0E0E0),
			color-stop(0.50,#C6C6C6),
			color-stop(0.99,#E0E0E0),
			to(#E0E0E0));
margin:15px 0;
}
#container p.btn_gry a{
display:block;
text-align:center;
font-size:20px;
font-weight:bold;
text-decoration:none;
text-shadow:none;
color:#664F03;
background:url(../img/btn_go2.png) 14px center no-repeat;
-webkit-background-size:14px 14px;
padding:15px 0;
}
#container p.btn_gry a.popup{
padding:10px 0;
}

#container p.btn_rd{
display:block;
border:1px solid #F00;
-webkit-border-radius:6px;
-moz-box-shadow:0 2px 4px rgba(0,0,0,.3);
-webkit-box-shadow:0 2px 4px rgba(0,0,0,.3);
box-shadow:0 2px 4px rgba(0,0,0,.3);
background:-webkit-gradient(linear, center top, center bottom, from(#FDCACA),
			color-stop(0.01,#FDCACA),
			color-stop(0.49,#FD8888),
			color-stop(0.50,#FD3333),
			color-stop(0.99,#FD7777),
			to(#FD8888));
margin:10px 0 0 0;
}
#container p.btn_rd a{
display:block;
text-align:center;
font-size:20px;
font-weight:bold;
text-decoration:none;
text-shadow:1px 1px 3px #B00;
color:#FFF;
background:url(../img/btn_go3.png) 14px center no-repeat;
-webkit-background-size:14px 14px;
padding:10px 0;
}


#container p{
font-size:18px;
color:#555;
line-height:1.5;
margin-bottom:5px;
}

/*入力欄サイズ*/
input[type=text]{
height:24px;
font-size:16px;
-webkit-border-radius:0;
background:#FFF;
}
input[type=email]{
height:25px;
width:95%;
font-size:16px;
-webkit-border-radius:0;
background:#FFF;
}
input[type=tel]{
height:25px;
font-size:16px;
-webkit-border-radius:0;
background:#FFF;
}
input[type=radio]{
vertical-align:bottom;
height:22px;
width:22px;
}
input[type=password]{
height:24px;
font-size:16px;
-webkit-border-radius:0;
background:#FFF;
}
input[type=checkbox]{
vertical-align:bottom;
height:20px;
width:20px;
}