body{font-size: 14px;line-height:1.2;}
body,th,td,input,textarea,pre,p,div{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Ghothic Pro W3", "Hiragino Kaku Gothic Pro", "Osaka";}

/*chirashi*/
/**/

.addict-msg{
width:760px;
margin:1.5em auto;
padding:20px;
line-height:1.5;
background:#FFFFCC;

}

.addict-msg p{
text-align:left;
}

.addict-msg p.btn{
text-align:center;
}


.addict-msg p.btn input{
font-size:1.6em;
}


.invite_message-name01{
font-size:1.6em;
margin-bottom:5px;
text-align:center;
font-weight:bold;
}

.invite_message-name02{
font-size:10px;
margin-bottom:0;
}

.invite_message_hd{
margin:1em auto 0 auto;
width:600px;
text-align:left;
line-height:1.5;
}

.invite_message{
padding:8px;
margin:0 auto 10px auto;
width:584px;
background:#FFF;
border:1px solid #FFCC99;
text-align:left;
line-height:1.5;
}


#msg01top{
margin:1em auto 0 auto;
text-align:left;
}


#msg01top .col01{
width:420px;
}

#msg01top h3{
font-size:1.4em;
}

#msg01top p{
margin:1em 0 0 0;
text-align:left;
}

#msg01top p.col01{
margin:0 auto 10px auto;
width:440px;
}

#msg01top p.col02{
float:right;
text-align:right;
width:350px;
}

#msg01top h2{
margin:1em auto 0 auto;
text-align:left;
}


#msg01top p.msg-reco{
margin:1em 0 0 0;
text-align:left;
}


#msg02top{
margin:1em auto 0 auto;
width:500px;
}

#msg02top p.btn{
text-align:center;
margin:0 auto;
}

#msg02top p.btn img{
margin:0 auto;
}

#msg-wrapper{
width:800px;
margin:0 auto;
}

#msg01 p{
width:440px;
margin:10px auto 15px auto;
}

#msg02 h3{
margin:0 auto 5px auto;
}


#msg05 h3{
margin:0 auto 5px auto;
text-align:left;
border-left:4px solid #CCC;
padding-left:5px;
}

#forad{
margin:0 auto 20px auto;
padding:10px;
background:#ECECEC;
border:solid #CCC;
border-width:1px;
}

#msg05 p #forad p{
text-align:left;
}

#msg05 p{
margin:0 auto 10px auto;
}

#msg05 .col01{
margin:0 auto 10px auto;
width:440px;
text-align:left;
}

#msg05 p.col02{
float:right;
text-align:right;
width:350px;
}

#msg05 p.col02 img{
margin-left:10px;
}

#msg06 {
margin:20px auto 10px auto;
text-align:left;
}

#msg06 img{
margin:0 20px 0 20px;
}

#msg06 h3{
margin:0 auto 5px auto;
text-align:left;
border-left:4px solid #CCC;
padding-left:5px;
}

#msg06 p,#msg06 img{
margin:0 auto 10px auto;
}


#msg07{
margin:20px auto 10px auto;
text-align:left;
}

#msg07 img{
margin-left:20px;
}

#msg07 h3{
border-left:4px solid #CCC;
padding-left:5px;
margin:0 auto 10px auto;
text-align:left;
}

#msg07 p{
margin:0 auto 10px auto;
}

#msg08{
margin:20px auto 10px auto;
text-align:left;
}

#msg08 h3{
border-left:4px solid #CCC;
padding-left:5px;
margin:20px auto 5px auto;
text-align:left;
}

#msg09{
text-align:center;
}

#msg09 table{
margin:10px auto 10px auto;
}

#msg09 td{
font-size:12px;
}

#msg09 th{
font-size:12px;
}

.ttl-bar{
margin:20px 0 10px 0;
padding:3px 6px;
border: solid #CCC;
border-width:2px 0 1px 0;
background:#ECECEC;
font-size:1.2em;
}

.col01{
float:left;
width:390px;
padding-bottom:20px;
}

.col02{
float:right;
width:390px;
padding-bottom:20px;
}

.col01 p,.col02 p{
margin:0 0 10px 0;
}

/*thanks*/
#mail-send-wrapper{
width:800px;
margin:0 auto;
}

#mail-send-msg{
padding:8px;
margin:0 auto 10px auto;
background:#FFF;
border:solid #FFCC99;
border-width:3px 0 1px 0;
text-align:left;
line-height:1.5;
}

#mail-send-note{
padding:8px;
margin:0 auto 10px auto;
background:#FFF;
border:1px solid #FFCC99;
text-align:left;
line-height:1.5;
background:#FFFFCC;
}


#invite-wrapper{
text-align:left;
margin-bottom:20px;}


/*Help*/
.dscrpt img{
vertical-align:middle;
line-height:20px;}

.dscrpt-graf{
margin-left:2em;}

/* Block Style ------------------------------------------------------------------------------------------------- */
body{
font-size:12px;
margin:0;
padding:0;
}

h1{
	margin:0;
	padding:0;
	}
	
h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
	}

ul,ol,form{
	margin:0;
	padding:0;
	line-height: 1.2;
	}
	
p{
line-height:1.4;	margin:5px 0;
text-align:left;
}

ul,ol{
	margin:0;
	padding:0;
	}

li{
	margin:0;
	padding:0;
	line-height:130%;
	list-style: none outside;
	}

table{
	margin:0;
	padding:0;
	text-align:left;
	border-collapse:collapse;
	}

td{
	padding:2px;
	text-align:left;
	}
	
th{
	font-weight:normal;
}	


/* Inline Block Style ------------------------------------------------------------------------------------------------- */
img{
	border: none;
	}

a img{
margin:0pt;
padding:0pt;
text-decoration:none;
}

input,textarea{
	margin:0;
	padding:1px;
	/*Some browser doesn't inherit body's font-size, so this line is needed.*/
	}
	
.center {
  text-align: center;
}
td.left {
  text-align: left;
}
td.right {
  text-align: right;
}



.clr,center{
	zoom:1;
	margin:0;
	}

.clr:after,center:after{
	display:block;
	height:1px;
	visibility:hidden;
	content:".";
	clear:both;
	}

.clear_both{
	clear: both;
	float: none;
}

.last{
margin-bottom:30px;}






/*  common  */
/* Link Style---------------------------------------------------------------------------------------------------- */
a:link{color: #330000;text-decoration: underline;}
a:visited{color: #663333;text-decoration: underline;}
a:hover{color: #663333;text-decoration: underline;}

a.recipe-ttl:hover {
color:#9EA73D;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
}

a.recipe-ttl:link {
color:#9EA73D;
font-size:1.2em;
font-weight:bold;
text-decoration:underline;
}

.author {
color:#111111;
font-size:0.85em;
}
/*   laypout  */
	hr{
	visibility:hidden;
	height:1px;
	margin:0;
	padding:0;}
	
	.border{
	height:1px;
	 margin:5px 0;
	background:url(../images/bg_line.gif) repeat-x bottom;
	}
	
	
.snote{
font-size:10px;}
	
	/*Header*/
#header{
	vertical-align:middle;
	margin:5px 10px 0 10px;
	height: 75px;
	}
	
	/*Header serch area*/
#hd-srch{
float:left;
margin-top:0;
margin-left:20px;
line-height:1.5;
text-align:left;
}

#notice{width:256px; font-size:12px;text-align:left;margin-bottom:5px;margin-top:5px;color:#999; position:relative;}
#hd-srch p{
color:#999999;
font-size:0.8em;
margin:3px 0;
}

#hd-user-account{
float:right;
width:160px;
margin-top:0px;
font-size:1em;
	}
	
#hd-user{
float:right;
width:300px;
margin-top:0px;
font-size:12px;
	}
	
	#hd-user div{
	text-align:right;
	margin-bottom:4px;
    margin-top:4px;
	}
	
	#hd-user div input{
	margin-bottom:5px;
	}
	
#hd-invite-mail-pkg{
margin:0;
}

#maillabel{ font-size:10px;}

#hd-invite-mail-pkg div#hd-invite-mail{
float:right;
width:290px;
padding: 3px 5width:206px;px;
margin:0;
background:#FFFFCC;
border:1px solid #FFCC66;
}

#hd-invite-mail p{
text-align:center;
}

#hd-invite-mail span{
font-weight:bold;
}

#hd-invite-mail form{
line-height:1;
vertical-align:middle;
margin:0 0 0 0;
padding:0;
text-align:center;
}

span#hd-phone{
font-weight: bold;
color:#660000;
font-size:1.2em;
}

body div#hd-mail{text-align:right;font-size:12px; margin-right:0;}

#t-user{
margin:0;
padding:0;
float:right;
line-height:1;
}

#t-toools{
float:left;
}

#t-bd-submit{
margin:5px 0 40px 0;
text-align:left;
width:320px;
font-size:12px;
}

#t-bd-submit_2006{
margin:5px 0 40px 0;
text-align:left;
width:220px;
font-size:12px;
}

#keyword_form #t-bd-submit #keyword{
width:200px;
}

#keyword_form_2006 #t-bd-submit #keyword{
width:140px;
}

#keyword-assist{
margin-top:10px;
color:#333;
font-size:12px;
text-align:center;}

#keyword_form #keyword{
width:200px;
}
#keyword_form_2006 #keyword{
width:140px;
}
/*header sarch area*/
#t-logo{
margin:5px 0;
text-align:center;}


#t-bd-cat{
margin:4px 0 13px 0;
text-align:center;
width:500px;
text-align:left;
margin-bottom:5px;
font-size:12px;
}

#t-bd-cat span.info{
color:#999999;
}

#t-bd-submit{
position:relative;
}

#search-tab {
line-height:16px;
}

#t-logo img{
margin:0 auto;
}

#t-ft{
padding:5px 0;
text-align:center;
font-size:12px;
}

#contents-pkg{
margin:0 10px;
}

/*titlebar*/
#info-bar{
width: 100%;
text-align: left; 
border: solid #CCC;
border-width:1px 0 1px 0;
font-weight:bold;
font-size:1.2em;
margin:5px 0 8px 0;
height:30px;
min-height:30px;
background-image:url(/images/bg_infobar.gif);
background-repeat:repeat-x;
}

/*infobar*/
#info-bar:after{display:block;height:1px;visibility:hidden;content:".";clear:both;}
#info-bar span{float:left;display:block;line-height:30px;}
#info-bar span span{ float: left;display:block;line-height:30px;}
#info-bar div.zenkoku{float:right; text-align:right;width:200px;font-size:12px; margin-top:7px;}
#info-bar div.zenkoku-txt{float:right;font-size:12px; margin-right:5px; }
#info-bar div.zenkoku-help{ width:26px;float:right;font-size:12px;}
#info-bar div.zenkoku-help a{ display:block; height:16px;}
#info-bar span.kekka{font-size:12px;padding:0px 5px auto auto;}
#info-bar span.kotoba{font-weight: bold;font-size:16px; padding-left:15px;}

#t-hd-welcom{
padding-right:1em;
}

#header #pr-logo{
margin-top:0;
float:right;
}

#signup,#invite-wrapper{
width:600px;
min-height:300px;
margin:0 auto 20px auto;
}

#signup h2,#invite-wrapper h2{
margin:10px 0 ;
padding-left:5px;
border-left:8px solid #FF9933;
text-align:left;
}

#invite-wrapper h3{
margin:10px 0 3px 0 ;
}

#invite-wrapper p{
text-align:center;
width:400px;
}

#submit01{
padding: 5px;
}

td .note{
	font-size:90%;
	color:#CC0000;
	padding-right:1em;
	font-weight:normal;
}

.note{
color:#CC0000;
	padding:5px;
}

.note span{
color:#CC0000;
	padding:3px 8px;
	border:1px solid #ECECEC;
	background:#FFCCCC
}

#beta-noteice{
	padding:3px 8px;
	margin-bottom:10px;
	border:1px solid #CCC;
}

th .note{
	font-size:10px;
	color:#CC0000;
	padding-right:1em;
	font-weight:normal;
}



/*   form   */
.form{
margin-top:10px;
}

.table01{
margin-bottom:10px;
margin-top:10px;
}

.form h3 {
font-size:1em;
font-weight:bold;
margin-bottom:0px;
text-align:center;
letter-spacing:2pt;
}


#form1 table{
width:600px;
border-collapse: collapse;
border:solid 1px #999;
}


#form1 th {
width: 175px;
padding: 5px;
text-align: right;
background-color:#ECECEC;
border-bottom:solid 1px #999;
font-size:1em;
}

#form1 td {
padding: 5px;
background-color:#FFFFFF;
border-bottom:solid 1px #999;
}

#form1 td p{
margin:2px;
}

#form1 input {
padding: 2px;
}

.font_brownred{
color: #CC3300;
}

.form_submit{
text-align: center;
margin-bottom:20px;
}

#mail{
padding: 25px 27px 0px 27px;
width: 625px;
}

/*pp*/
#pp{
	margin:0 0 20px 0;
	line-height: 1;
}

#pp h3{
margin:0 0 5px 0;
font-size:14px;
}


#pp-section {
padding:10px;
line-height:1.3;
}

#pp-section dl{
margin:0;
}

#pp-section dd{
margin:5px 0.5em;
}


#pp-section dt{
font-weight:bold;
margin:0;
}


#pp-section li{
margin:0;
padding:0;
}

p.kanri{
margin:5px 0;
padding:0;
font-weght:bold;
}

#agree-section{
padding:5px;
background:#ECECEC;
border:solid 1px #AAA;
}

#pptxt{
	margin-bottom:10px;
	margin-top: 0px;
}


#agree-section input{
margin-right:5px;
vertical-align:middle;
}

#btn-login{ background:#ECECEC;
border:1px solid #ccc;
padding:15px;
text-align:center;
width:175px;
}


/*Fukidashi*/
	
	/* CSS for the box starts here */
	.box {
	 width:240px;
		padding:0 12px 0 0;
		background:#fff url(/images/borders.gif) 100% 0 repeat-y;
		text-align:left;
		position:absolute;
		z-index:2000;
		line-height:16px;
	}
	
		.box p{
			text-align:center;
			font-size:16px;
			line-height:16px;
	}
	
	.bi {
		padding:0 0 0 12px;
		background:#fff url(/images/borders.gif) 0 0 repeat-y;
	}
	.bt {
		height:16px;
		margin:0 -12px;
		padding:0;
		background:url(/images/box_y04.gif) right top no-repeat;
		line-height:1;
	}
	
	.bt div {
		width:18px;
		height:16px;
		margin:0;
		padding:0;
		background:url(/images/box_y04.gif) 0 0 no-repeat;
		font-size:10px;
	}
	
	.bb {	height:25px;
		margin:0 -12px;
		background:url(/images/box_y04.gif) 100% 100% no-repeat;
	}
	.bb div {
		width:18px;	height:25px;
		background:url(/images/box_y04.gif) 0 100% no-repeat;
	}
	
		.box02 {
		width:240px;
		padding:0 12px 0 0;
		background:#fff url(/images/borders.gif) 100% 0 repeat-y;
		text-align:left;
		position:absolute;
		z-index:2000;
		line-height:16px;
	}
	
	
	.box02 p{
			text-align:center;
			font-size:16px;
			margin-bottom:5px;
	}
		.box02 .bi {
		padding:0 0 0 12px;
		background:#fff url(/images/borders.gif) 0 0 repeat-y;
	}
		.box02 .bt {
		height:27px;
		margin:0 -12px;
		background:url(/images/box_y03.gif) 0  100% no-repeat;
		background-position:right top;
	}
	
		.box02 .bt div {
		width:60px;
		height:27px;
		background:url(/images/box_y03.gif) 0 0 no-repeat;
		background-position:left top;
		font-size:10px;
	}
		.box02 .bb {	height:17px;
		margin:0 -12px;
		background:url(/images/box_y03.gif) 100% 100% no-repeat;
	}
		.box02 .bb div {
		width:18px;	height:17px;
		background:url(/images/box_y03.gif) 0 100% no-repeat;
	}
	
	
	.box h1 {
		margin:0;
		padding:0.3em 10px;
		background:#efece6;
	}
	
	.box p,  .box02 p{
		margin:0;
		padding:0;
		background:#ffe7b6;
	}

		.box a, .box02 a{
		line-height:1;
	}
	
	.box a img, .box02 a img{
			margin-top:2px;
	}	
	
	.box li {
		margin:0 0 0 2em;
		padding:0;
	}
	
	#top01{
	 width:240px;
		top:48px;
	}
	
		#top-help p{
		text-align:center;
	}
	
	.box p.close-button-pkg,
	.box02 p.close-button-pkg,
	#top-help p.close-button-pkg
	{
	text-align:right;
	margin-top:-8px;
	height:16px;
	}
	
	
	.close-button-pkg img{
	margin-right:2px;}
	
	
	#si-help01{
	position: relative;
	z-index:10000;
	left:30px;
	top:-10px;
	}
	
		#si-help01 a{
	position: absolute;
	top:0;
	left:0;
	}
	

	#si02{
		left:70px;
	top:-35px;
	z-index:999;
	width:200px;

	}/*shino #suggestion-keyword-container h2のz-index:3000;*/
	
	#re02{
	left:160px;
	top:-35px;
	z-index:999;
}
	
#hd-srch	#si02 p,
#hd-srch	#re02 p{
margin:0;
padding:0;
color:000;
font-size:16px;}

#hd-srch	#si02 p.close-button-pkg,
#hd-srch	#re02 p.close-button-pkg{
margin-top:-3px;
font-size:10px;
}

	
	#si01{
	z-index:5000;}
	
	
	#si01{
	left:440px;
	top:110px;
	position:absolute;
	}
	
		#re01{
	left:440px;
	top:85px;
	position:absolute;
	}
	
	
#si01 .fixi{display:block; text-align:center;}
#si01 .fixw{ margin-top:40px;}
#si01 .close-button-pkg img{ margin-top:20px; margin-left:-10px; position:relative; z-index:5001; }
	
	.fixl{padding:0 0; margin:0;background-position:0 0 ;background-image:url(/images/box_y03.gif) ;background-repeat:no-repeat; height:80px; width:20px; float:left; position:relative; }
	.fixi{ float:left;padding:0; margin:0; position:relative;background-image:url(/images/box_y03.gif);background-position:0 top ;height:80px; vertical-align:middle; line-height:1;}
	.fixi span{ display:block; text-align:center;}
	.fixw{ margin-top:5px; margin-left:20px;}
	.fixi .close-button-pkg{ text-align:right; margin-top:20px; margin-bottom:5px;}
	.fixr{	 float:left; width:20px;padding:0; margin:0;background-image:url(/images/box_y03_fix.gif); background-repeat:no-repeat;height:80px; background-position:right top ; position:relative;}

#re01  p.close-button-pkg,
#si01  p.close-button-pkg{
margin-top:-5px;
font-size:16px;}

	
	#re03{
	width:280px;}
	
	#resi01{
	top:-90px;
	left:420px}
	
	#resi01 .maru{
	top:100px;
	left:100px;
	position:absolute;}
	
	
	#login-form-outer{
    width: 460px;
	margin:0 auto;
	text-align:left;
    margin-top:15px;
    margin-bottom:30px;
    border:2px solid sandybrown;
	}
	
	#login-form-outer-free{
    width: 460px;
	margin:0 auto;
	text-align:left;
    margin-bottom:30px;
    border:2px solid sandybrown;
	}
	
	#login-attention{
    width: 460px;
	margin:0 auto;
	text-align:left;
    margin-bottom:30px;
	}
		
	#login-form{
    margin-bottom: 10px;
	}
	
	#login-form-free{
    margin-bottom: 10px;
	}

	#login-form div{
		margin:5px;
	}

	#login-form-free div{
		margin:10px 10px 20px 10px;
	}

	#login-form-pkg #mov-help{
	float:left;margin-top:0px;}
	
	
	/*Logout*/
	#logout-pkg{
		width:100%;
	text-align:center;
	line-height:5;}
	
		#logout-pkg p{
		width:100%;
	text-align:center;
	font-size:1.4em;}

	
/*   copyright   */
#copyright {
width: 820px;
height: 54px;
margin: 0 auto;
}

/*　　comfirm　　*/
#copy{
margin-bottom: 10px;
}

/*   thanks    */
#thanks{
padding: 15px;
text-align: center;
}

.error{
margin:2px;
padding-left:5px;
padding-bottom:8px;
background-color:red;
background-image:url(../images/bg_error.gif);
background-repeat:no-repeat;
background-position:bottom left;
color:#FFF;
font-weight:bold;
}

#footer-box{ 
border-top:solid 1px #CCC;
}


#mov_help{ float:right;}