@charset "euc-jp";

/*
createdate: 20130125
update: 20130125
var: 1.0.0
*/

/*====================================================================================================
 *	共通設定
====================================================================================================*/

body {
	text-align: center;
	margin: 8px;
	padding: 0;
/*	font-size: 82%; */
	color: #000;
	background: #fff;
}

/* フロート
---------------------------------------- */
.fL{ float: left;}
.fR{ float: right;}


/* 文字サイズ
---------------------------------------- */
.Minimum{  font-size:82% !important;}

/* 文字太さ
---------------------------------------- */
.bold{	font-weight:bold !important;}

/*
 行揃え
-------------------------------------------------------------------------*/
.taLeft   { text-align: left   !important; }
.taCenter { text-align: center !important; }
.taRight  { text-align: right  !important; }

/*
 縦位置
-------------------------------------------------------------------------*/
.vat { vertical-align: top    !important; }
.vam { vertical-align: middle !important; }
.vab { vertical-align: bottom !important; }


/* パディング：左右上下
---------------------------------------- */
.pa0 {	padding: 0 !important;}
.pa5 {	padding: 5px !important;}
.pa10 {	padding: 10px !important;}
.pa15 {	padding: 15px !important;}
.pa20 {	padding: 20px !important;}
.pa25 {	padding: 25px !important;}
.pa30 {	padding: 30px !important;}
.pa40 {	padding: 40px !important;}
.pa50 {	padding: 50px !important;}

/* パディング：上
---------------------------------------- */
.pt0 {	padding-top: 0 !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}
.pt40 {	padding-top: 40px !important;}
.pt50 {	padding-top: 50px !important;}

/* パディング：下
---------------------------------------- */
.pb0 {	padding-bottom: 0 !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pb40 {	padding-bottom: 40px !important;}
.pb50 {	padding-bottom: 50px !important;}

/* パディング：右
---------------------------------------- */
.pr0 {	padding-right: 0 !important;}
.pr5 {	padding-right: 5px !important;}
.pr10 {	padding-right: 10px !important;}
.pr15 {	padding-right: 15px !important;}
.pr20 {	padding-right: 20px !important;}
.pr25 {	padding-right: 25px !important;}
.pr30 {	padding-right: 30px !important;}
.pr40 {	padding-right: 40px !important;}
.pr50 {	padding-right: 50px !important;}

/* パディング：左
---------------------------------------- */
.pl0 {	padding-left: 0 !important;}
.pl5 {	padding-left: 5px !important;}
.pl10 {	padding-left: 10px !important;}
.pl15 {	padding-left: 15px !important;}
.pl20 {	padding-left: 20px !important;}
.pl25 {	padding-left: 25px !important;}
.pl30 {	padding-left: 30px !important;}
.pl40 {	padding-left: 40px !important;}
.pl50 {	padding-left: 50px !important;}

/* マージン：左右上下
---------------------------------------- */
.ma0 {	margin: 0 !important;}
.ma5 {	margin: 5px !important;}
.ma10 {	margin: 10px !important;}
.ma15 {	margin: 15px !important;}
.ma20 {	margin: 20px !important;}
.ma25 {	margin: 25px !important;}
.ma30 {	margin: 30px !important;}
.ma40 {	margin: 40px !important;}
.ma50 {	margin: 50px !important;}


/* マージン：上
---------------------------------------- */
.mt0 {	margin-top: 0 !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}

/* マージン：下
---------------------------------------- */
.mb0 {	margin-bottom: 0 !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb50 {	margin-bottom: 50px !important;}

/* マージン：右左
---------------------------------------- */
.marl0 {	margin: 0 !important;}
.marl5 {	margin: 0 5px 0 !important;}
.marl10 {	margin: 0 10px 0 !important;}
.marl15 {	margin: 0 15px 0 !important;}
.marl20 {	margin: 0 20px 0 !important;}
.marl25 {	margin: 0 25px 0 !important;}
.marl30 {	margin: 0 30px 0 !important;}
.marl40 {	margin: 0 40px 0 !important;}
.marl50 {	margin: 0 50px 0 !important;}

/* マージン：右
---------------------------------------- */
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.mr40 {	margin-right: 40px !important;}
.mr50 {	margin-right: 50px !important;}

/* マージン：左
---------------------------------------- */
.ml0 {	margin-left: 5px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.ml40 {	margin-left: 40px !important;}
.ml50 {	margin-left: 50px !important;}


/*====================================================================================================
 *	テキスト装飾
====================================================================================================*/

#main a {
	color: #0066CC;
	text-decoration: none !important;
	font-weight: bold;
}

#main a:hover{
	text-decoration: underline !important;
}


/*====================================================================================================
 *	レイアウト
====================================================================================================*/

#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.5;
	font-size: 82%;
}

#header {
	margin-bottom: 15px;
}

#footer {
	margin-top: 10px;
}

#column2Wrap #sidenavi {
	float:left;
	width: 200px;
}

#column2Wrap #main {
	float:right;
	width: 740px;
}

#column1Wrap {
	margin-top: 8px;
}

.pagetop {
	float: right;
	margin-top: 5px;
	padding-left: 13px;
	position: relative;
}

.pagetop .topIcnAr {
    background-image: url(../img/pagetop_ar.gif);
    display: block;
    font-size: 0;
    height: 6px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 7px;
}

/*====================================================================================================
 *	#speciallyInfo
====================================================================================================*/

#speciallyInfo {
	border: 2px solid #f32a2a;
	background: #fff7e0;
	padding: 9px 22px;
	margin-bottom: 15px;
}

#speciallyInfo .ttl {
	font-weight: bold;
	color: #f32a2a;
}


/*====================================================================================================
 *	#column2Wrap
====================================================================================================*/

/*====================================================================================================
 *	sidenavi
====================================================================================================*/

#navWrap {
	width: 198px;
	border: 1px solid #CCCCCC;
	border-bottom: 0;
}

#navWrap a {
	color: #0066CC;
	text-decoration: none !important;
	font-weight: bold;
}

#navWrap a:hover{
	text-decoration: underline !important;
}

#navWrap h3 {
	background: url(../img/top/navi_ttl_bg.gif) top;
	border-bottom: 1px solid #CCCCCC;
	font-weight: bold;
	font-size:1.2em;
	padding: 9px 0 4px 13px;
	color: #FF7700;
}

/* =================================================
 * #keyword
 * ================================================*/

#navWrap #keyword {
	padding: 15px;
	text-align: right;
}

#navWrap #keyword .navFreeWord {
	width: 166px;
	margin-bottom: 7px;
}

#navWrap #keyword .navBtnSubmit {
	padding: 2px 15px 2px 15px;
}

#navWrap #keyword #popular {
	margin-top: 14px;
	padding: 8px;
	background: #FFF2BF;
	text-align: left;
	line-height: 1.5;
}

#navWrap #keyword #popular .ttl {
    background: url(../img/top/navi_keyword_icon.gif) no-repeat left;
	height: 17px;
	padding-left: 20px;
	margin-bottom: 5px;
}

#navWrap #keyword #popular .popKeyword {
	color: #FFB03C;
}

#navWrap #keyword #popular .popKeyword a {
	font-weight: normal;
}

/* =================================================
 * .nav
 * ================================================*/

/*
#navWrap .navLv1,
#navWrap .navLv2 {
	font-weight: bold;
}
*/

#navWrap .navArList {
	padding: 7px 0;
	border-bottom: 1px solid #CCCCCC;
    position: relative;
}

#navWrap .navLineList {
	padding: 8px 0 7px;
	border-bottom: 1px solid #CCCCCC;
    position: relative;
}

#navWrap .navArTxt {
	margin-left: 28px;
}

#navWrap .navLineTxt {
	margin-left: 41px;
}

#navWrap .navIcnAr {
    background-image: url(../img/top/navi_ttl_ar.gif);
    display: block;
    font-size: 0;
    width: 5px;
    height: 9px;
    top: 12px;
    left: 16px;
    position: absolute;
}

#navWrap .navIcnLine {
    background-image: url(../img/top/navi_ttl_line.gif);
    display: block;
    font-size: 0;
    width: 7px;
    height: 7px;
    top: 10px;
    left: 28px;
    position: absolute;
}

/*====================================================================================================
 *	#main
====================================================================================================*/

.section {
	margin-bottom: 20px; 
}

/* =================================================
 * #ranking
 * ================================================*/

#main #ranking .fL {
	width: 215px;
}

#main #ranking .fR {
	width: 509px;
	padding: 7px 8px 0 8px;
	font-size:1.2em;
	text-align: left;
	font-weight: bold;
	color: #ff722a;
}

#main #ranking .box {
	border: 2px solid #ffcc00;
	padding: 10px 22px 10px 21px;
}

#main #ranking .box .itemList {
	width: 715px;
	overflow:hidden;
	margin-right: -18px;
}

#main #ranking .box .itemList {
	width: 715px;
	overflow:hidden;
	margin-right: -18px;
}

#main #ranking .box .itemList .item {
	width: 125px;
	float: left;
	margin-right: 18px;
}

#main #ranking .box .itemList .item img {
	border: 1px solid #CCCCCC;
}

#main #ranking .box .itemList .item .ttl {
	margin-bottom: 3px;
}
 
/* =================================================
 * #centerArea
 * ================================================*/
 
#centerArea .fL {
	width: 345px;
}

#centerArea .fR {
	width: 380px;
}

#centerArea .fL #news {
	margin-bottom: 20px;
}

#centerArea .fL #news .newsIcnAr {
    background: url(../img/top/news_dod_ico.gif) no-repeat left;
    display: block;
    font-size: 0;
    height: 13px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 14px;
}

#centerArea .fL #news dt {
	margin-top: 10px;
	background: url(../img/top/news_dod_ico.gif) no-repeat left;
	padding-left: 14px;
	font-size: 88%;
	color: #666666;
}

#centerArea .fL #news dt span {
	color: #FF6600;
}

#centerArea .fL #news dd {
	padding-left: 14px;
}

#centerArea .fL #news .txtArea {
	font-size: 88%;
	color: #666666;
}

#centerArea .fL #cycle h2 {
	margin-bottom: 10px;
}

#centerArea .fL #cycle p {
	padding-left: 14px;
	font-size: 1.1em;
	font-weight: bold;
}

#centerArea .fL #cycle p span {
	color:#FF0000;
}

#centerArea .fL #cycle .ttl {
	margin-top:5px;
}

#centerArea .fL #cycle .ttl a {
}

#centerArea .fR .bnner ul {
	margin-bottom: 10px;
}

#centerArea .fR .bnner li {
	float: left;
	margin-right: 20px;
}

#centerArea .fR .bnner li.last {
	margin-right: 0;
}

/* =================================================
 * #osusume
 * ================================================*/

#main #osusume .box {
	border: 2px solid #ffcc00;
	padding: 10px 16px 0 16px;
}

#main #osusume .box .itemList {
	width: 718px;
	overflow:hidden;
	margin-right: -14px;
}

#main #osusume .box .itemList .item {
	width: 165px;
	float: left;
	margin-right: 14px;
	margin-bottom: 10px;
}

#main #osusume .box .itemList .item .txtArea {
	text-align: center;
}


/*====================================================================================================
 *	#column1Wrap
====================================================================================================*/

/* =================================================
 * #osusume
 * ================================================*/

#osusume .itemLast {
	width: 981px;
	overflow:hidden;
	margin-top: 13px;
	margin-right: -31px;
	margin-bottom: 30px;
}

#osusume .itemLast .item{
	width: 296px;
	float: left;
	margin-right: 31px;
	margin-bottom: 30px;
	position:relative;
}

#osusume .itemLast .end{
	margin-bottom:0px;
}




#osusume .itemLast .item .fL{width: 135px;}
#osusume .itemLast .item .fR{width: 150px;}

#osusume .itemLast .item .fL img{
	border: 1px solid #CCCCCC;
}

#osusume .itemLast .item .ttl{
	background: url(../img/top/nuigurumi_ar.gif) no-repeat left;
	padding-left: 24px;
	font-weight:bold;
	margin-bottom: 3px;
}

#osusume .itemLast .item .osusumeTtl{
	background: url(../img/top/nuigurumi_ar.gif) no-repeat left;
	padding-left: 24px;
	font-weight:bold;
	margin-bottom: 3px;
	float: left;
}

#osusume .itemLast .item .ttl a,
#osusume .itemLast .item .osusumeTtl a{
	color: #0066CC;
}

#osusume .itemLast .item .osusumeIcnAr {
	margin-left: 24px;
    background-image: url(../img/top/nuigurumi_ico.gif);
    display: block;
    font-size: 0;
    width: 64px;
    height: 20px;
	float: left;
}

#osusume .itemLast .item .txtArea{
	background: url(../img/top/nuigurumi_dod_line.gif) no-repeat top;
	padding-top: 20px;
}

#osusume .itemLast .item .price{
	margin-top: 7px;
	color: #FF0000;
	text-align: right;
	font-weight: bold;
}

#osusume .itemLast .item .btn{
	position:absolute; top:150px; left:181px ;
	text-align: right;
}

/* =================================================
 * #info
 * ================================================*/

#info .fL{width: 455px;}
#info .fR{width: 455px;}

#info .bgMiddle{
	background: url(../img/top/info_bg_middle.gif) repeat-y;
	padding: 0 0px;
	height: 174px;
}

#info .bgMiddle img {
	margin-left:2px;
}

#info .bgTop{
	background: url(../img/top/info_bg_top.gif) no-repeat top;
	padding-top: 10px;
}

#info .fL{
	padding-bottom: 12px;
	background: url(../img/top/info_bg_bottom.gif) no-repeat bottom;
}

#info .fR{
	padding-bottom: 12px;
	background: url(../img/top/info_bg_bottom.gif) no-repeat bottom;
}

#info h3{
	margin-bottom: 5px;
}

#info .fL p{
	margin-left: 10px;
	padding-bottom: 5px;
}

#info .fL .order{
	padding: 3px 10px;
	background: #ff6730;
	color: #FFFFFF;
}

#info .fL .orderBox{
	padding: 3px 15px;
	background: #fdcc06;
}

#info .RedTxt{
	color: #FF0000;
}

/* upperBnrArea */
.upperBnrArea {
	width: 950px;
	text-align: center;
	margin: 20px 0;
}
.upperBnrArea p {
	margin: 0;
	padding: 0;
}
.upperBnrArea img {
	border: none;
}
.upperBnrArea .bnrCaption {
	margin-top: 5px;
}