@charset "shift_jis";

@import url(basic.css);
@import url(common.css);


/* index.html ---------------------------------------- */


#toppage {
}

/* main & sub banners */

#toppage .mainbanners {
	clear:left;
	position:relative;
width:690px;
	padding-bottom	: 10px;
border:0;
}
#toppage .mainbanners h2 {
	z-index:1;
margin:0;
padding:0;
}
#toppage .mainbanners ul {
	position	:absolute;
	height		:34px;
	z-index		:2;
}
#toppage .mainbanners ul li {
	display			:inline;
	float			:left;
	padding-right	:10px;
}
#toppage .mainbanners ul li a {
	display			: block;
	width			: 139px;
	height			: 34px;
	overflow		: hidden;
	text-indent		: -9999px;
}
#toppage .mainbanners ul li.link01 a { background:url(img/top_buybtn.gif) 0 0 no-repeat; }
#toppage .mainbanners ul li.link02 a { background:url(img/top_detailbtn.gif) 0 0 no-repeat; }
#toppage .mainbanners ul li a:hover { background-position:0 -34px; }

#toppage #mainbanner ul {
	top				: 245px;
	left			: 20px;
}
#toppage #subbanner ul {
	top				: 165px;
	left			: 385px;
}

/* middle size banners */

#toppage #midbanners {
	clear			: both;
}
#toppage #midbanners .banner {
	display			: inline;
	float			: left;
	width			: 340px;
	height			: 120px;
	margin			: 0 10px 10px 0;
}

/* small size banners */

#toppage #smallbanners {
	clear			: both;
}
#toppage #smallbanners .banner {
	display			: inline;
	float			: left;
	width			: 165px;
	margin-right	: 10px;
}

/* News */
#toppage #topnews {
	display			: inline;
	float			: right;
	margin			: 0 10px 10px 0;
	width			: 338px;
	height			: 250px;
	overflow		: hidden;
	border-left		: 1px solid #E18300;
	border-right	: 1px solid #E18300;
	border-bottom	: 1px solid #E18300;
}
#toppage #topnews h2 {
	background-color: #E18300;
}
#toppage #topnews dl {
	padding			: 10px;
}
#toppage #topnews dl dt {
clear:both;
	padding			: 5px 0 0 0;
	font-size		: 8pt;
	font-weight		: bold;
	border-top	: 1px dotted #E18300;
}
#toppage #topnews dl dt.top { border:0; }
#toppage #topnews dl dd {
	padding			: 0 0 5px 0;
	line-height		: 1.3;
}
#toppage #topnews p {
margin:0;
padding:0;
}

/* mail magazine */
#toppage #topmag {
	margin-bottom	: 10px;
}

/* common right box */
#toppage dl.rightbox {
	clear:both;
	height:70px;
	margin:5px 0;
}
#toppage dl.rightbox dt {
	display:inline;
	float:left;
	width:70px;
}
#toppage dl.rightbox dd {
	margin-left:75px;
	line-height:1.2;
}
#toppage dl.rightbox dd h3 {
	padding-bottom:5px;
}
#toppage dl.rightbox dd span.date {
	font-size:8pt;
	font-weight:bold;
}
#toppage dl.rightbox dd a.more {
	display:block;
	margin-top:5px;
	text-align:right;
}


/* right links */
#toppage #links {
}
#toppage #links ul li {
	padding-bottom:1px;
}
#toppage #links ul li a {
	display:block;
	height:75px;
	overflow:hidden;
	text-indent:-9999px;
}
#toppage #links ul li.link01 a { background:url(img/top_link_aobadai.gif) 0 0 no-repeat; }
#toppage #links ul li.link02 a { background:url(img/top_link_pure.gif)    0 0 no-repeat; }
#toppage #links ul li.link03 a { background:url(img/top_link_online.gif)  0 0 no-repeat; }
#toppage #links ul li.link04 a { background:url(img/top_link_doe.gif)     0 0 no-repeat; }
#toppage #links ul li a:hover { background-position:0 -75px; }

/* right column */
#toppage #column {
	margin:10px 0;
}

/* right blogs */
#toppage #blogs {
	margin:10px 0;
}

/* right recipes */
#toppage #recipes {
}

/* Company.html ---------------------------------------------------- */

#company {
}

#company h1 {
	padding:10px 35px 15px 35px;
}
#company h2 {
	margin:20px 35px;
}
#company table {
	border-collapse:collapse;
	border-spacing:0;
	margin:10px 35px 50px 40px;
}
#company table tr td {
	width:400px;
	padding:0;
	line-height:1.8;
}

/* qand.html ------------------------------------------------------- */

#qanda h1 {
	padding:10px 35px 0 35px;
}
#qanda dl {
	padding:0 35px;
}
#qanda dl dt {
	margin-top:30px;
	margin-bottom:5px;
}
#qanda dl dd {
	margin-top:5px;
	margin-bottom:30px;
	padding-left:20px;
	background:url(img/qa_a.gif) 0 3px no-repeat;
	line-height:1.5;
}
#qanda p {
	margin:30px 0 10px 35px;
	padding:0;
}

/* UnderConstuction ------------------------------------------------ */

#underconst h1 {
	padding:200px 200px 30px 200px;
	text-align:center;
}
#underconst h2 {
text-align:center;
padding-bottom:160px;
}
#underconst h2 a{
color:#aa0000;
}
#underconst h2 a:hover{
text-decoration:underline;
}

/* entry ----------------------------------------------------------- */

#entrydetail {
}
#entrydetail .container-inner {
	background:url(img/detail_bg.gif) 0 0 repeat-y;	
}

#entrydetail .entrybanner {
	padding-bottom:10px;
	background:#ffffff;
/*	border:1px solid #ff0000; */
}
#entrydetail .leftcol {
	display:inline;
	float:left;
	margin-left:10px;
	width:750px;
}
#entrydetail .rightcol {
	display:inline;
	float:right;
	width:165px;
	color:#ffffff;
	text-align:center;
}
#entrydetail .rightcol .inner {
	padding:10px;
	line-height:1.5;
}
#entrydetail .rightcol a:link    { color:#ffffff; text-decoration:underline; }
#entrydetail .rightcol a:hover   { color:#ffeeee; text-decoration:underline; }
#entrydetail .rightcol a:visited { color:#ffffff; text-decoration:underline; }

#entrydetail .entrybody {
	margin:10px 0;
line-height:1.7;
}
#entrydetail .entrymore {
	margin-top:10px;
line-height:1.7;
}

#entrydetail .entrybody div.clearFix,
#entrydetail .entrymore div.clearFix {
/*	padding:10px 0; */
}
#entrydetail .itemlinks a {
	display:block;
	text-align:center;
	margin-bottom:20px;
}
#entrydetail .itemlinks a img {
	display:block;
	margin:5px auto;
}

.asset-footer {
	clear			: both;
}
.asset-footer dl {
	float			: right;
}
.asset-footer dl dt {
	clear			: left;
	float			: left;
	width			: 8em;
	text-align		: right;
	color			: #C47716;
	font-weight		: bold;
}
.asset-footer dl dd {
	margin-left		: 9em;
}
.asset-footer dl dd ul li {
	float			: left;
	padding-right	: 10px;
}
.asset-footer dl dd a { text-decoration:underline; }

/* Search Result --------------------------- */

#searchresult .container-inner {
	background:url(img/detail_bg.gif) 0 0 repeat-y;	
}

#searchresult #pageheader {
	border-bottom		: 2px dotted #CC9900;
}
#searchresult #pageheader h1 {
font-weight:bold;
font-size:11pt;
}

#searchresult .leftcol {
	display:inline;
	float:left;
	margin-left:10px;
	width:750px;
}
#searchresult .rightcol {
	display:inline;
	float:right;
	width:165px;
height:400px;
	color:#ffffff;
	text-align:center;
}

#searchresult .leftcol ul {
padding:20px 0 20px 20px;
}
#searchresult .leftcol ul li {
list-style-type:circle;
margin-left:20px;
}
#searchresult .leftcol ul li a {
font-weight:bold;
}
#searchresult .content-nav {
	border-top		: 2px dotted #CC9900;
}

/* Page Title ------------------------------ */

#pageheader h1 {
	padding		: 10px 0;
	margin-left	: 20px;
}

/* Content Navi ---------------------------- */

.content-nav {
	clear			: both;
	padding			: 10px 5px;
	text-align		: right;
}
.content-nav a {
	padding-left	: 10px;
}

/* mailmag/index.html --------------------------- */

#mailmag h1 {
	padding-top:10px;
padding-bottom:15px;
}
#mailmag h2 {
padding-bottom:30px;
}
#mailmag h3 {
/* padding-bottom:15px; */
}
#mailmag h4 {
padding-bottom:15px;
}
#mailmag h5 {
font-size:7pt;
padding-bottom:5px;
}
#mailmag h6 {
font-size:7pt;
padding-top:25px;
}
#mailmag form {
padding-top:30px;
}
#mailmag table {
table-layout:auto;
}
#mailmag input.inp_email {
	width:280px;
	height:25px;
	margin-right:15px;
	border:1px solid #000;
	font-size:12pt;
	font-weight:bold;
}

#mailmag p {
padding:40px 0;
}
#mailmag p span {
color:#C3641A;
}

/* mailmag/thanks.html & mailmag/delete.html -------- */

#mailthanks {
	height		: 500px;
}
#mailthanks h1 {
	padding-top:10px;
	padding-bottom:15px;
}
#mailthanks h2 {
	padding-left:5px;
	padding-bottom:50px;
}
#mailthanks h3 {
	padding-left:5px;
	padding-bottom:15px;
}
#mailthanks h4 {
	padding-left:5px;
	padding-bottom:40px;
	line-height:2;
}
#mailthanks p {
	padding-left:5px;
}
#mailthanks p span {
	color:#C3641A;
}