@charset "utf-8";

/*-----------------------------------------------------
Promotion
-------------------------------------------------------*/
#Promotion{
	width:900px;
	height:308px;
	/* overflow:hidden; */
	margin:13px auto 0 auto;
}


/*-------------------------------------
FlashArea
---------------------------------------*/
#Promotion #FlashArea{
	width:660px;
	height:308px;
	float:left;
	display:inline;
}

/*-------------------------------------
brand
---------------------------------------*/
#Promotion div.brand{
	width:220px;
	float:right;
	display:inline;
	padding:5px 0 0 0;
	background:url("/images/brand_bg_outline_top.gif") no-repeat 0 0 #F0F0F0;
}
#Promotion div.brand div.brand-inline{
	width:210px;
	height:298px;
	overflow:hidden;
	padding:0 5px 5px 5px;
	background:url("/images/brand_bg_outline_bottom.gif") no-repeat 0 100%;
}
/* inside */
#Promotion div.brand div.inside{
	width:200px;
	padding:4px;
	border:1px solid #CCCCCC;
	border-top:none;
	background:#FFFFFF;
}
#Promotion div.brand div.inside div.inside-inline{
	width:100%;
	padding:0px 0 3px 0;
	background:url("/images/brand_bg_outline_border.gif") repeat-x 0 100%;
}
#Promotion div.brand div.inside ul{
	width:199px;
	overflow:hidden;
	padding:1px 0 0 1px;
	background:#E4E4E4;
}
#Promotion div.brand div.inside ul li{
	float:left;
	display:inline;
	margin:0 1px 1px 0;
	padding:0 0 0 0;
}
#Promotion div.brand div.inside p{
	margin:2px 0 0 0;
	padding:6px 0 2px 0;
	text-align:center;
	background:url("/images/brand_bg_inline.gif") repeat 0 0;
}


/*-----------------------------------------------------
MainTop
-------------------------------------------------------*/
#MainTop{
	width:900px;
	margin:25px auto 0 auto;
	background:url("/images/guide_bg.gif") no-repeat 100% -80%;
}

/*
ColumnLeft
--------------------*/
#MainTop #ColumnLeft{
	width:220px;
	float:left;
	display:inline;
}

/*
ColumnCenter
--------------------*/
#MainTop #ColumnCenter{
	width:420px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
}

/*
ColumnRight
--------------------*/
#MainTop #ColumnRight{
	width:220px;
	float:right;
	display:inline;
	background:#FFF;
}

/*-------------------------------------
lineup
---------------------------------------*/
#MainTop div.lineup{
	width:220px;
	position:relative;
	padding:3px 0 0 0;
	background:url("/images/lineup_bg_outline.jpg") no-repeat 0 0 #FFE7B3;
}
#MainTop div.lineup div.lineup-outline{
	width:220px;
	padding:0 0 4px 0;
	background:url("/images/lineup_bg_outline_bottom.gif") no-repeat 0 100%;
}

/*
search
--------------------*/
#MainTop div.lineup div.search{
	width:214px;
	position:relative;
	margin:0 auto 0 auto;
	background:url("/images/lineup_search_bg.gif") repeat-y 0 0;
}
#MainTop div.lineup div.search div.search-inline{
	width:100%;
	padding:0 0 3px 0;
	background:url("/images/lineup_search_bg_bottom.gif") no-repeat 0 100%;
}

/* piglet */
#MainTop div.lineup div.search p.piglet{
	width:57px;
	height:73px;
	position:absolute;
	top:-10px;
	left:-16px;
	z-index:100;
}

/* keyword */
#MainTop div.lineup div.search p.keyword{
	width:190px;
	margin:0 auto 0 auto;
	padding:7px 0 4px 0;
}
#MainTop div.lineup div.search p.keyword input{
	vertical-align:top;
}
#MainTop div.lineup div.search p.keyword input.input-usually{
	/*width:119px;
	height:18px;*/
	width:133px;
	margin:0 1px 0 0;
	/*line-height:20px;*/
}

/*
inline
--------------------*/
#MainTop div.lineup div.lineup-inline{
	width:218px;
	margin:5px auto 0 auto;
	background:url("/images/lineup_bg_inline.gif") repeat-y 0 0;
}
#MainTop div.lineup div.lineup-inline div.inline-bg{
	width:218px;
	padding:2px 0 0 0;
	background:url("/images/lineup_bg_inline_top.gif") no-repeat 0 0;
}
#MainTop div.lineup div.lineup-inline dl{
	width:206px;
	padding:2px 6px 6px 6px;
	background:url("/images/lineup_bg_inline_bottom.gif") no-repeat 0 100%;
}
#MainTop div.lineup div.lineup-inline dl dt{
	width:206px;
	text-align:center;
}
#MainTop div.lineup div.lineup-inline dl dd{
	width:200px;
	margin:0 auto 0 auto;
	padding:1px 0 2px 0;
	background:url("/cmn/images/common/bg_border_dotted.gif") repeat-x 0 100%;
}
#MainTop div.lineup div.lineup-inline dl dd.last{
	background:url("") no-repeat 0 0;
}
#MainTop div.lineup div.lineup-inline dl dd a{
	display:block;
	padding:2px 0 3px 0;
	text-decoration:none;
}
#MainTop div.lineup div.lineup-inline dl dd a:hover{
	color:#666666;
	background:#FEF0E1;
}
#MainTop div.lineup div.lineup-inline dl dd a img{
	margin:0 6px 0 6px;
	vertical-align:middle;
}

/*-------------------------------------
news
---------------------------------------*/
#MainTop div.news{
	width:420px;
	margin:0 0 20px 0;
}
#MainTop div.news.update{
	margin:0 0 0 0;
}
/* title */
#MainTop div.news div.title{
	width:100%;
	overflow:hidden;
	margin:0 0 10px 0;
	border-bottom:3px solid #EBEBEB;
}
#MainTop div.news div.title h3,
#MainTop div.news div.title p.pdf,
#MainTop div.news div.title p.btn{
	float:left;
	display:inline;
}

#MainTop div.news ul{
	width:100%;
}
#MainTop div.news ul li{
	overflow:hidden;
	padding:10px;
	background:url("/cmn/images/common/bg_border_dotted.gif") repeat-x 0 100%;
}
#MainTop div.news ul li span{
	width:85px;
	display:blcok;
	float:left;
}
#MainTop div.news ul li a{
	width:315px;
	display:block;
	float:left;
}
#news_ex{
	text-align:right;
	font-size:80%;
	color:#606060;
}


/*
press
--------------------*/
#MainTop div.news.press{
	background:url("/images/press_bg_piglet.gif") no-repeat 95% 99%;
}

/*
update
--------------------*/
#MainTop div.news.update ul li a{
	width:252px;
	padding:0 0 0 63px;
	background-repeat:no-repeat;
	background-position:0 1px;
}
#MainTop div.news.update ul li a.campaign{background-image:url("/images/update_ico01.gif");}
#MainTop div.news.update ul li a.cm{background-image:url("/images/update_ico02.gif");}
#MainTop div.news.update ul li a.special{background-image:url("/images/update_ico03.gif");}
#MainTop div.news.update ul li a.commodity{background-image:url("/images/update_ico04.gif");}
#MainTop div.news.update ul li a.info{background-image:url("/images/update_ico05.gif");}


/*-------------------------------------
guide
---------------------------------------*/
#MainTop div.guide{
	width:220px;
	margin:0 0 10px 0;
	overflow:hidden;
	background:url("/images/brand_bg_outline_top.gif") no-repeat 0 0 #F0F0F0;
}
#MainTop div.guide.last{
	margin:5px 0 0 0;
}
#MainTop div.guide div.guide-inline{
	width:210px;
	padding:0 5px 5px 5px;
	background:url("/images/brand_bg_outline_bottom.gif") no-repeat 0 100%;
}
#MainTop div.guide div.inside{
	width:210px;
	margin:5px 0 0 0;
}

/*
title
--------------------*/
#MainTop div.guide div.inside div.title{
	width:210px;
	overflow:hidden;
}
#MainTop div.guide div.inside div.title h4,
#MainTop div.guide div.inside div.title p{
	float:left;
	display:inline;
}

/*
info
--------------------*/
#MainTop div.guide div.inside div.info{
	width:190px;
	overflow:hidden;
	padding:9px;
	border:1px solid #CCCCCC;
	border-top:2px solid #39AB03;
	background:#FFF;
}
#MainTop div.guide div.inside div.info_cm{
	width:185px;
	overflow:hidden;
	padding:9px 9px 9px 14px;
	border:1px solid #CCCCCC;
	border-top:2px solid #39AB03;
	background:#FFF;
}
#MainTop div.guide div.inside div.info p.date{
	width:120px;
	float:right;
	display:inline;
	margin:0 0 5px 0;
	color:#FB5A0E;
	font-weight:bold;
	font-size:84%;
}
#MainTop div.guide div.inside div.info p.txt{
	width:120px;
	float:right;
	display:inline;
}
#MainTop div.guide div.inside div.info p.txt_d{
	display:block;
	width:170px;
	font-size:84%;
	clear:both;
}
#MainTop div.guide div.inside div.info p.txt strong,
#MainTop div.guide div.inside div.info_cm p.txt strong{
	font-weight:normal;
}
#MainTop div.guide div.inside div.info p.img{
	width:60px;
	float:left;
	display:inline;
}

#MainTop div.guide div.inside div.info p.txt_e{
	width:120px;
	float:right;
	display:inline;
	font-size:84%;
}