/* 共通 */
* {
	font-size: small;
	line-height: 130%;
	margin: 0px;
	padding: 0px;	
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
img {
	border: none;
}
a, a:link, a:visited {
	color: #0066CC;
}
a:hover {
	color: #CC0000;
}
h1 {
	margin: 20px;
	padding: 0px;
	font-weight: bold;
}

div#raku-main {
	width: 750px;
	margin: 0 auto;
}

div.caution {
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 0px;
	width: 730px;
	clear: both;
	overflow:hidden;
}

div.caution:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.caution {
    height: 1em;
    overflow: visible;
}
/**/

div.caution p {
	padding: 10px;
	width: 28%;
	margin-right: 10px;
	margin-left: 0px;
	float: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
div.caution p.ssl {
	background-color: #D2E9FF;
}
div.caution p.kiyaku {
	background-color: #FFECEC;
}
div.caution p.privacy {
	background-color: #EDFFD2;
}

p.caption {
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 0px;
	width: 700px;
	clear: both;
}
p.error {
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 0px;
	width: 700px;
	font-weight: bold;
	color: #CC0000;
	clear: both;
	font-size:medium;
}
p.center {
	text-align: center;
	width: 700px;
	margin-left: 30px;
	margin-bottom: 20px;
	clear: both;
}
p#winclose {
	text-align: right;
	margin: 10px 0;
	width: 750px;
	clear: both;
}
/* 共通 */


/* ナビゲーション */
#headerBody {
	width: 744px;
	height: 80px;
	background: url(../images/menu600_01.gif) no-repeat;
	text-indent: -9999px;
	margin:0 auto;
}
ul#shopNavi {
	padding: 42px 0 0 0;
	height: 38px;
	list-style: none;
	float:right;
}
ul#shopNavi li {
	font-size: 0.9em;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
	display: block;
	float: left;
}
ul#shopNavi li a,
ul#shopNavi li a:link,
ul#shopNavi li a:visited {
	line-height: 38px;
	color: #ffffff;
	text-decoration: none;
}


/* ポイント通帳 */
ul#shopNavi li#pointBook {
	padding: 0 5px 0 0;
	width: 125px;
	height: 38px;
	display: block;
	background: url(../images/cart_navi_pointbook.gif) no-repeat;
}
ul#shopNavi li#pointBook a {
	width: 125px;
	height: 38px;
	display: block;
}
ul#shopNavi li#pointBook a:hover {
	color: #cc0000;
	background: url(../images/cart_navi_pointbook_on2.gif) no-repeat;
}

/* 登録情報の確認 */
ul#shopNavi li#confirm {
	padding: 0 5px 0 0;
	width: 137px;
	height: 38px;
	color: #cc0000;
	background: url(../images/cart_navi_confirm_on.gif) no-repeat;
}

/* マイカート */
ul#shopNavi li#myCart {
	padding: 0 10px 0 0;
	width: 95px;
	height: 38px;
	display: block;
	background: url(../images/cart_navi_mycart.gif) no-repeat;
}
ul#shopNavi li#myCart a {
	width: 95px;
	height: 38px;
	display: block;
}
ul#shopNavi li#myCart a:hover {
	color: #cc0000;
	background: url(../images/cart_navi_mycart_on2.gif) no-repeat;
}	
/* ナビゲーション */


/* 文字色 */
strong {
	font-weight: bold;
	color: #CC0000;
}
strong.mustvalue {
	font-weight: bold;
	color: #CC0000;
}
span.zenhan, span.shiyou {
	color: #CC0000;
}
span.white {
	color: #FFFFFF;
	font-weight: bold;
}
span.red {
	color: #CC0000;
}
span.title {
	font-size: large;
	font-weight: bold;
	color: #0066CC;
}
/* 文字色 */

/* ヘッダー・フッター */
div#header {
	margin: 0px;
	padding: 0px;
	width: 770px;
	clear: both;
	background:#fff;
}
ul#footer {
	margin: 0px;
	padding: 10px 10px 10px 0px;
	text-align: center;
	width: 740px;
	border-top: 1px solid #999999;
	clear: both;
}
ul#footer li {
	display: inline;
}
ul#footer li a {
	font-size: small;
}

/*p.copyright {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	margin: 0px 0px 10px;
	width: 740px;
	font-size: x-small;
	padding: 0px 10px 10px 0px;
	clear: both;
}*/

ul#navi {
	padding: 3px 6px 3px 20px;
	margin: 0 auto;
	width: 744px;
	border-bottom: 1px solid #CCCCCC;
	clear: both;
}
ul#navi li {
	display: inline;
}
ul#navi span.navi-now {
	color: #FF6600;
}
ul#navi span.navi-will {
	color: #999999;
}
/* ヘッダー・フッター */

/* フォーム関連 */
form#registform {
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0px;
	width: 700px;
	clear: both;
}
.registform {
	margin-left: 30px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding: 0px;
	width: 700px;
	clear: both;
}

input {
    padding: 3px;
	font-size: 12px;
    line-height: 150%;
}

option, textarea {
	line-height: 100%;
}
table#registtable td{
	padding: 6px;
	margin: 10px;
}
table#registtable td.title1{
	font-weight: bold;
	color: #000000;
	background-color: #FFCC00;	
}
table#registtable td.title2{
	color: #444444;
	background-color: #DFEFFF;	
}
table#registtable td.must input, table#registtable td.must select {
	background-color: #FFF2BF;	
}

table#registtable .value1 {
	background-color: #EEEEEE;
}

label{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #0066CC;
	cursor: pointer;
}
input.btnext {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FF3300;
}
input.login-box {
	width: 120px;
	background-color: #FFFFFF;
}

.titleQ {
	vertical-align: top;
	text-align: left;
}

/* フォーム関連 */




/* 住所検索・IDチェック エラー表示部分 --------- */

#addressCheck {
	position: relative;
}

#resuleCheckListPack,
#resuleAddressListPack {
	position: absolute;
	padding: 0;
	margin: 0;
	z-index: 5;
	display: none;
}

div#resuleCheckListPack {
	left: 150px;
	top: 1.4em;
}

div#resuleAddressListPack {
	left: 0;
	top: 1.5em;
}

.errorCode,
.nonError {
	height: auto;
	line-height: 1.2em;
	padding: 8px 20px 6px 28px; 
}

.errorCode {
	margin-left: 14px;
	background: url(/camp-sfc/common/images/idcheck_att.gif) no-repeat left center;
}

#resuleCheckListPack #idMiddle {
	height: auto;
	width: 367px;
	background: transparent url(/camp-sfc/common/images/checkMiddle.png) repeat-y;
	behavior: expression(IEPNGFIX.fix(this));
}

#resuleAddressListPack #addressMiddle {
	height: auto;
	width: 317px;
	overflow: auto;
	background: transparent url(/camp-sfc/common/images/addressMiddle.png) repeat-y;
	behavior: expression(IEPNGFIX.fix(this));
}

#resuleCheckListPack .top {
	height: 21px;
	width: 367px;
	background: transparent url(/camp-sfc/common/images/checkTop.png) no-repeat top;
	behavior: expression(IEPNGFIX.fix(this));
}

#resuleAddressListPack .top {
	height: 21px;
	width: 317px;
	background: transparent url(/camp-sfc/common/images/addressTop.png) no-repeat top;
	behavior: expression(IEPNGFIX.fix(this));
}

#resuleCheckListPack .bottom {
	height: 15px;
	width: 367px;
	background: transparent url(/camp-sfc/common/images/checkBottom.png) no-repeat top;
	behavior: expression(IEPNGFIX.fix(this));
}

#resuleAddressListPack .bottom {
	height: 15px;
	width: 317px;
	background: transparent url(/camp-sfc/common/images/addressBottom.png) no-repeat top;
	behavior: expression(IEPNGFIX.fix(this));
}

#resuleAddressListPack .top span,
#resuleAddressListPack .bottom span {
	display: none;
}

input.closeBtn {
	height: 26px !important;
	width: 79px;
	border: none !important;
	text-indent: -9999px;
	background: url(/camp-sfc/common/images/btn_checkClose.gif);
	cursor: pointer;
	margin-right: 8px;
}

#resuleCheckListPack .close,
#resuleAddressListPack .close {
	margin-right: 20px;
	padding-bottom: 3px;
	margin-top: 5px;
	display: block;
	text-align: right;
}

div#formArea td.right input.checkAddress {
	height: 26px;
	width: 79px;
	margin-bottom: 1px;
	border: none;
	display: block;
	text-indent: -9999px;
	background: url(/camp-sfc/common/images/btn_checkAddress.gif);
	cursor: pointer;
}

div#formArea td.right input.checkId {
	height: 26px;
	width: 79px;
	margin-bottom: 1px;
	border: none;
	display: block;
	text-indent: -9999px;
	background: url(/camp-sfc/common/images/btn_checkID.gif);
	cursor: pointer;
	margin-left: 5px;
}

/*\*//*/
input.closeBtn,
input.checkAddress,
input.checkId {
	letter-spacing: -9999px;
}
/**/














/* 登録情報変更ページ */
div#henkou-main {
	width: 740px;
	margin-top: 20px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 20px;
	overflow: visible;
}

div#henkou-menu {
	/*width: 166px;*/
	width:210px;
	float: left;
	background-color: #FFFFFF;
}

div#henkou-menu h2{
	border: 3px ff9900 solid; 
	background-color: #ff9900;
	border-top-left-radius: 10px;     /* 左上 */
	border-top-right-radius: 10px;    /* 右上 */
	
	color: #fff;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

div#henkou-menu h2, div#henkou-menu ul {
	margin: 0px;
	padding: 0px;
}
div#henkou-menu p {
	padding: 8px 5px 0px;
	margin: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-left-color: #FF9900;
	color: #FF6600;
}
div#henkou-menu ul {
	margin: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FF9900;
	border-left-color: #FF9900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9900;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 0px;
}
div#henkou-menu ul li {
	line-height: 90%;
	background:url(../images/henkou_allow.gif) no-repeat 0 50%;
	margin: 0px 0px 7px 3px;
	padding:0 0 0 18px;
}
div#henkou-menu ul li a {
	font-size: 0.8em;
}

div#henkou-menu ul li input,
div#henkou-menu ul li button{
	width:180px;
	cursor:pointer;
}

div#henkou-menu ul li button{
    padding: 3px;
	font-size: 12px;
    line-height: 150%;
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}



div#henkou-menu a.logout {
	display: block;
	margin-top: 10px;	
}

div#henkou-menu a.gotop {
	display: block;
	text-decoration: none;
	margin-top: 10px;
	background-image: url(../images/henkou_allow_left.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 17px;
	margin-right: 6px;
	text-align: right;
}
div#henkou-menu a.goup {
	display: block;
	text-decoration: none;
	margin-top: 10px;
	background-image: url(../images/henkou_allow_up.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 17px;
	margin-right: 6px;
	text-align: right;
}
div#henkou-content {
	float: left;
	width: 500px;/*540px;*/
	margin-left: 20px;
	padding: 0px;
}
div#henkou-content h1 {
	font-size: large;
	line-height: 150%;
	margin: 0px;
	background-color: #EAEAEA;
	padding: 5px 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
}
div#henkou-content p {
	margin: 10px;
}
div#henkou-content p.msg-ok {
	font-weight: bold;
	color: #0066CC;
}
div#henkou-content p.msg-error {
	font-weight: bold;
	color: #CC0000;
}
div#henkou-content p.msg-caption {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
}
div#henkou-content td {
	padding: 7px;
}
/* 登録情報変更ページ */


/* 新規登録ページ */
p.blankmail-cap {
	float: left;
	margin-bottom: 10px;
	margin-left: 40px;
	_margin-left: 20px;
	width:380px;
}
p.blankmail-btn {
	float: left;
	margin-left: 40px;
	_margin-left: 20px;
}

a#mailsubmit {
	background-image: url(../images/bt_blankmail.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 72px;
	width: 272px;
}
a#mailsubmit:hover {
	background-image: url(../images/bt_blankmail.gif);
	background-repeat: no-repeat;
	display: block;
	height: 72px;
	width: 272px;
	background-position: left -72px;
}
a#mailsubmit span {
	display: none;
}

dl.blankmail-att {
	clear: both;
	margin-left: 40px;
	background-color: #EAEAEA;
	padding: 10px;
	border: 1px solid #CCCCCC;
	width: 600px;
	margin-top: 20px;
}
dl.blankmail-att dt{
	margin-bottom: 10px;
	font-weight: bold;
}
dl.blankmail-att table {
	border: 1px solid #999999;
	margin-top: 10px;
	width: 600px;
}
dl.blankmail-att td {
	padding: 3px 7px;
	color: #CC0000;
	background-color: #FFFFFF;
}
dl.blankmail-att th {
	padding: 3px 7px;
	color: #333333;
	background-color: #CCCCCC;
	font-weight: normal;
}
/* 新規登録ページ */


/* 戻るボタン */
p.RETURL {
	clear: both;
	width: 750px;
	margin: 0px 0px 30px 0px;
}

p.RETURL
a {
	background-color: #0066CC;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6699CC;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #6699CC;
	display: block;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	padding: 6px;
	width: 50%;
	margin: 0px auto;
	text-decoration: none;
}
p.RETURL
a:hover {
	color: #FFCC00;
}
/* 戻るボタン */


/* メール配信停止ページ */
p.msg-error {
	font-weight: bold;
	color: #CC0000;
	margin: 20px 30px;
}
form#deletemailform {
	padding: 10px;
	margin: 20px 30px;
	background-color: #E8E8E8;
	text-align: center;
	border: 1px solid #CCCCCC;
}

form#deletemailform
input#EMAIL {
	width: 300px;
}

form#deletemailform
p {
	margin: 20px;
}


label#deletemail {
	border: none;
	cursor: auto;
	font-weight: bold;
	margin: 0 10px 0 0;
	position: relative;
	top: -5px;	
}

h3#deletmailcaution1 {
	margin: 40px 30px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CC0000;
	color: #CC0000;
	padding: 0px 0px 8px;
}

ul#deletmailcaution2 {
	margin: 10px 30px 40px 50px;
	list-style-type: disc;
}
ul#deletmailcaution2
strong {
	color: #0066CC;	
}

#contact_table {
	border: 1px solid #cccccc;
	width: 510px;
	padding-top: 15px;
	margin:0;
}

#contact_table #middle {
	width: 463px;
	display: block;
	background: url(/rakuraku/rakumem-service/pc/images/service_msg_m.gif) repeat-y;
	margin: 2px auto 5px;
}

#contact_table #top {
	width: 463px;
	background: url(/rakuraku/rakumem-service/pc/images/service_msg_t.gif) no-repeat top;
	display: block;
}

#contact_table #bottom {
	width: 463px;
	background: url(/rakuraku/rakumem-service/pc/images/service_msg_b.gif) no-repeat bottom;
	display: block;
}

#contact_table p#contact {
	padding: 27px 12px 8px 12px;
	width: 439px;
	text-align: center;
}

#contact_table table {
	margin-left: 15px;
}


#contact_submit {
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 480px;
	padding: 6px 30px 6px 0;
	text-align: right;
	background-color: #FAF4DD;
	margin:0;
}

p.memo {
	text-align: left;
	font-size: 10px;
	text-indent: 15px;
}




/* らくメン新規登録共通 */
div.regist {
	margin-left: 30px;
	margin-bottom: 20px;
	padding: 0px;
	width: 690px;
	clear: both;
/*	overflow: auto;*/
}
div.regist h2 {
	font-size: large;
	line-height: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	margin: 10px;
}
div.regist p {
	margin: 0 15px 10px 20px;
}
div.regist form {
	margin: 0 15px 10px 20px;
	height: 80px;
	text-align: center;
}
div#regist-login {
	background-image: url(../images/regist_login_bgimg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 309px;
	width: 335px;
	float: left;
}
div#regist-new {
	background-image: url(../images/regist_new_bgimg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 309px;
	width: 335px;
	float: left;
	margin-left: 20px;
}

/* 登録画面修正 061127 */

div#caution_box {
	width: 674px;
	margin: 0 auto;
	padding: 10px 10px 5px 10px;
	border: 1px solid #FFCC99;
	line-height: 1.1em;
}

div#caution_box ul {
	list-style: none;
}

div#caution_box li,
div#caution_box a {
	font-size:12px;
	line-height: 1.1em;
	margin-bottom: 5px;
}

div#caution_box li {
	color: #333333;
}

/* 各らくメンファンサービスのヘッダー */
h1#header-oraga {
	background-image: url(../images/header_rakurakuoraga.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 650px;
	font-size: x-large;
	font-weight: bold;
	color: #FF3300;
	padding-top: 80px;
	padding-left: 40px;
}

h1#header-xylish {
	background-image: url(../images/header_rakurakuxylish.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 650px;
	font-size: x-large;
	font-weight: bold;
	color: #FF3300;
	padding-top: 80px;
	padding-left: 40px;
	margin: 0 auto;
}

h1#header-recipe {
	background-image: url(../images/header_rakurakurecipe.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 650px;
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 80px;
	padding-left: 40px;
}

h1#header-teddy {
	background-image: url(../images/header_rakurakuteddy.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 650px;
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 80px;
	padding-left: 40px;
}

h1#header-pucca {
	background-image: url(../images/header_rakurakupucca.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 650px;
	font-size: x-large;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 80px;
	padding-left: 40px;
}

h1#header-savas {
	background-image: url(../images/header_rakurakusavas.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 44px;
	width: 650px;
	font-size: x-large;
	font-weight: bold;
	color: #CC0000;
	padding-top: 80px;
	padding-left: 40px;
}


/*
フォームの幅を調整
*/
input.size_20{
	width:20px;
}

input.size_50{
	width:50px;
}

input.size_100{
	width:100px;
}

input.size_200{
	width:200px;
}


input.size_300{
	width:300px;
}