@charset "UTF-8";

@import "basic.css";

body {
	width:100%;
	color:#663300;
	background:#fff;
	text-align:center;
	}

#wrapper {
	width:100%;
	background:#fefefe url(../img/bg_common.gif) repeat center top;
	text-align:center;
	}

#wrapHead {
	width:100%;
	background:url(../img/bg_head.png) repeat-x center top;
	text-align:center;
	}

.ast {
	text-indent:-1em;
	padding-left:1em;
	}

span.ast {
	display:block;
	text-indent:-1em;
	padding-left:1em;
	}

a.icon {
	line-height:1.4;
	display:block;
	padding-left:1em;
	background:transparent url(../img/icon_r.png) no-repeat left 0.4em;
	}

input:focus {
	outline:none;
	}

.wordBreak {
	word-break:break-all;
	}


/* header
--------------------------------------------- */

#header {
	margin:0 auto;
	width:800px;
	height:73px;
	text-align:left;
	}

#header h1 {
	float:left;
	margin:9px 0 0 15px;
	}

#header p {
	float:left;
	margin:9px 0 0 0;
	}


/* suntory_contents
--------------------------------------------- */

#suntory_contents {
	width:800px;
	margin:24px auto 0 auto;
	text-align:center;
	}


/* navi
--------------------------------------------- */

#navi {
	width:780px;
	height:47px;
	margin-left:20px;
	}

#navi ul {
	width:780px;
	height:47px;
	}

#navi li {
	float:left;
	}


/* socialArea
--------------------------------------------- */

#socialArea {
	width:760px;
	margin:9px 20px 0 20px;
	text-align:right;
	}

#teaser #socialArea {
	width:760px;
	margin:9px auto 20px auto;
	}

.socialbutton_suntory {
	margin: 0 0 0 auto;
	width:760px!important;
	text-align:right;
}
.socialbutton_suntory div {
	display: inline-block;
}
*html .socialbutton_suntory div {
	display: inline;
}
*+html .socialbutton_suntory div {
	display: inline;
}

/* column
--------------------------------------------- */

#column {
	width:780px;
	margin-top:30px;
	margin-left:20px;
	text-align:left;
	}

#homePage #column {
	margin-top:0;
	}

#myPage #column {
	margin-top:20px;
	}

#sideBar {
	float:left;
	width:190px;
	margin-top:10px;
	}

#rightMain {
	float:left;
	width:567px;
	margin:10px 0 0 23px;
	}

#homePage #rightMain,
#myPage #rightMain {
	width:590px;
	margin:0;
	}


/* footer
--------------------------------------------- */

#footerBox {
	width:100%;
	text-align:center;
	border-top:solid 1px #ddd;
	background-color:#fff;
	}

#footer {
	margin:0 auto;
	width:768px;
	text-align:left;
	}

#footer p.rightBox {
	float:right;
	width:354px;
	margin-top:12px;
	}

#footer div.leftBox {
	float:left;
	width:414px;
	}

#footer p.logo {
	margin-top:12px;
	}

#footer ul {
	margin-top:7px;
	}

#footer li {
	float:left;
	background:transparent url(../img/footer_icon.gif) no-repeat left center;
	font-size:11px;
	line-height:1.2;
	margin-right:1.5em;
	padding-left:6px;
	}

#footer li a { color:#0066aa; text-decoration:none; }
#footer li a:link { color:#0066aa; }
#footer li a:visited { color:#0066aa; }
#footer li a:hover, a:focus, a:active	{ color:#0066aa; text-decoration:underline; }

#footer p.copy {
	margin-top:4px;
	_margin-top:0;
	padding-bottom:4px;
	}


/* single
--------------------------------------------- */

#single {
	width:720px;
	margin:30px 20px 0 20px;
	border:solid 20px #fecc1d;
	}

#single .box {
	padding:0 30px 30px 30px;
	text-align:left;
	color:#663300;
	background-color:#fff;
	}


/* centerBtn
--------------------------------------------- */

.centerBtn {
	margin:20px auto 0 auto;
	padding-bottom:40px;
	}

.centerBtn .mgn {
	padding-right:34px;
	}


/* inCenter
--------------------------------------------- */

.inCenter {
	text-align:center;
	margin:20px auto 0 auto;
	}

.inCenter .mgn {
	padding-right:34px;
	}


/* table
--------------------------------------------- */

table.common {
	width:660px;
	border-top:solid 1px #d0d0d0;
	border-left:solid 1px #d0d0d0;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#fff;
	empty-cells:show;
	font-size:13px;
	line-height:20px;
	text-align:left;
	}

table.common th {
	font-weight:normal;
	border-right:solid 1px #d0d0d0;
	border-bottom:solid 1px #d0d0d0;
	background-color:#f7c803;
	padding:0.5em 8px;
	color:#000;
	}

table.common th img {
	_margin-top:-1em;
	}

table.common th.nw {
	white-space:nowrap;
	}

table.common th.cc {
	background-color:#f6f1dc;
	}

table.common th img {
	float:right;
	}

table.common td {
	width:440px;
	border-right:solid 1px #d0d0d0;
	border-bottom:solid 1px #d0d0d0;
	background-color:#fff;
	padding:0.5em 1em;
	}

table.common input {
	line-height:28px;
	background-color:#f7f7f7;
	}

table.common input.mgn {
	margin-bottom:6px;
	}

table.common input.wide {
	border:solid 1px #d0d0d0;
	width:269px;
	height:28px;
	padding:0 10px;
	text-align:left;
	}

table.common input.half {
	border:solid 1px #d0d0d0;
	width:110px;
	height:28px;
	padding:0 10px;
	text-align:left;
	}

table.common input.short {
	border:solid 1px #d0d0d0;
	width:60px;
	height:28px;
	padding:0 10px;
	text-align:left;
	}

table.common .er_msg_point {
	color:#e72510;
	}

table.common .caution {
	color:#777;
	font-size:0.8em;
	}

table.mailAddress th {
	background-color:#fee89d;
	}

table.common #autoZip a {
	text-indent:-12px;
	padding-left:12px;
	background:transparent url(../img/icon_r.png) no-repeat left center;
	}


/* submit_box
--------------------------------------------- */

#submit_box {
	margin-top:20px;
	}


/* inTwoCol
--------------------------------------------- */

#inTwoCol {
	width:660px;
	margin:0;
	text-align:left;
	}

#inTwoCol #flow {
	float:left;
	width:148px;
	}

#inTwoCol #inTwoMain {
	float:left;
	width:512px;
	}


/* former
--------------------------------------------- */

.former .er_msg {
	margin-left:13px;
	color:#e72510;
	padding-top:10px;
	}


/* formBox
--------------------------------------------- */

.formBox {
	width:512px;
	padding-bottom:1px;
	background:#fff url(../img/common_formbox_bottom.gif) no-repeat left bottom;
	text-align:left;
	margin-top:10px;
	}

.formBox.mgn {
	margin-top:5px;
	}

.formBox dl {
	border-top:solid 1px #d0d0d0;
	}

.formBox dt {
	float:left;
	}

.formBox dd {
	float:left;
	}

.formBox dd.wordBreak {
	width:270px;
	padding:24px 0 22px 13px;
	line-height:1.2;
	}

.formBox input {
	border:solid 1px #d0d0d0;
	background-color:#f7f7f7;
	width:247px;
	height:26px;
	line-height:24px;
	padding:0 10px;
	margin:13px 0 0 12px;
	text-align:left;
	}

.formBox .er_msg {
	margin-left:13px;
	color:#e72510;
	padding-top:10px;
	}

.formBox .caution {
	display:block;
	width:280px;
	text-align:right;
	color:#777;
	font-size:0.8em;
	padding-bottom:2px;
	}


/* formTable
--------------------------------------------- */

#formTable {
	width:537px;
	padding-top:15px;
	background:url(../img/common_tablebox_top.gif) no-repeat left top;
	text-align:left;
	}

#formTable table {
	text-align:left;
	background:transparent url(../img/common_tablebox_bottom.gif) no-repeat left bottom;
	}

#formTable th {
	width:180px;
	padding:15px 10px;
	border-bottom:solid 1px #e72510;
	color:#e72510;
	}

#formTable td {
	width:322px;
	padding:15px 15px 15px 0;
	border-bottom:solid 1px #e72510;
	}

#formTable th.first,
#formTable td.first {
	padding-top:3px;
	}

#formTable p.er_msg_point {
	color:#e72510;
	padding-bottom:0.2em;
	}

#formTable input.txtField {
	border:solid 1px #d0d0d0;
	background-color:#f7f7f7;
	width:180px;
	height:26px;
	line-height:24px;
	padding:0 10px;
	}

#formTable .er_msg {
	margin-left:13px;
	color:#e72510;
	}

#formTable .caution {
	color:#777;
	font-size:0.8em;
	}

#formTable th.last {
	border-bottom:none;
	}

#formTable td.last {
	border-bottom:none;
	font-size:12px;
	line-height:20px;
	}

#formTable td.last input {
	margin-top:0.5em;
	}

#formTable th.single,
#formTable td.single {
	padding-top:10px;
	padding-bottom:25px;
	border-bottom:none;
	}