/*
 * Copyright (c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */
 
@charset "<!--{$smarty.const.CHAR_CODE}-->";



div.outline {
	width: 950px;
	height: auto;
	margin: auto;
	padding: 0px;
	text-align: left;
	background-image: url(/img/body-bg.gif);
	background-repeat: no-repeat;
	background-color: #000000; 
}

div.outline div.layout {
	width: 840px;
	height: auto;
	margin: 0px 50px;
	padding: 0px;
	background-color: #000000;
}

li { list-style:none; list-style-position: outside;}
div.cleararea { clear: both;}
.lsp45 { margin: 0px 0px 0px 45px;}


/*layout-rightarea*/
div.layout div.rightarea {
	width: 180px;
	height: auto;
	float: right;
	padding: 0px 0px 0px 7px;
}







/*layout-rightarea-search*/
div.rightarea div.box .search {
	width: 100%;
	margin: 0px 0px 7px;
}

.search input{
	width: 163px;
	margin: 0px 0px 4px;
}

.search select{
	width: 163px;
	margin: 0px 0px 4px;
}



/*layout-rightarea-categolie*/
div.rightarea div.box .categolie {
	width: 164px;
	margin: 0px 0px 15px;
}

.categolie ul{
	margin: 0px;
	padding: 0px;
}

.categolie ul li{
	margin: 7px 0px;
	line-height: 16px;
	list-style: none;
}

.categolie ul li img{
	margin: 0px 7px 0px 0px;
}



/*layout-main-top*/
div.main-up {
	width: 840px;
}

div.main-dw {
	width: 600px;
	float: left;
	padding: 0px 20px;
}

.prarea .contents {
	width: 592px;
	margin: 0px 0px 15px 0px;
}

.prarea .contents img {
	width: 592px;
	margin: 0px;
}

.prarea img {
	margin: 0px 0px 15px 0px;
}

.selectarea {
	width: 825px;
	margin: 0px 0px 20px 10px;
}

/*layout-main-contentes*/

div.contentsarea {
	width: 635px;
	float: left;
	margin: 0px 0px 20px 0px;
}

/*layout-main-list*/
div.contentsarea form {
	width: 100%;
	margin: 0px;
	padding: 0px;
}

form.detail {
	width: 500px;
	margin: 0px;
	padding: 0px;
}

div.contentsarea div.bigtitle {
	width: 100%;
	height: 37px;
	margin: 0px 0px 17px;
	background-color: #333333;
}

div.contentsarea div.bigtitle strong{
	line-height: 37px;
	margin: 0px 5px;
	padding: 0px;
	font-size: 24px;
}


div.contentsarea div.bigtitle strong{
	line-height: 37px;
	margin: 0px 5px;
	padding: 0px;
	font-size: 24px;
	float: left;
}

div.contentsarea div.bigtitle span.titlesub{
	line-height: 18px;
	margin: 12px 5px;
	padding: 0px;
	font-size: 18px;
	float: left;
}

div.contentsarea div.bigtitle span.titleright{
	line-height: 37px;
	margin: 0px 5px;
	padding: 0px;
	font-size: 14px;
	float: right;
}

div.contentsarea div.listbox{
	width:206px;
	padding: 0px 0px 25px;
	float: left;
	text-align: center;
}

div.contentsarea div.listbox strong{
	margin: 5px;
	color: #ffffff;
}

div.contentsarea div.listbox img{
	margin: 5px;
}

div.contentsarea div.listbox .comment{
	width: 146px;
	margin: 0px 30px;
	padding: 0px 0px;
	text-align: left;
}


/*layout-main-detail*/

div.contentsarea div.itembox {
	width: 100%;
	margin: 0px 0px 20px 0px;
}

div.itembox div.nameline {
	width: 590px;
	margin: 10px 0px 20px 20px;
	font-size: 18px;
}

div.itembox div.pic {
	width: 100%;
	text-align: center;
	padding: 0px 0px 15px;
}

div.itembox div.dataarea {
	width: 590px;
	margin: 10px 0px 20px 15px;
	line-height: 30px;
}

div.itembox div.dataarea img {
	float: left;
}

div.itembox div.dataarea .lavel {
	width: 100px;
	float: left;
}

div.itembox div.dataarea .data {
	width: 180px;
	margin: 0px 5px;
	float: left;
}

div.contentsarea div.subbox {
	width: 100%;
	margin: 0px 0px 20px 0px;
}

div.subbox div.pic {
	width: 444px;
	float: left;
	padding: 0px 0px 10px 0px;
}

div.subbox div.pic div.bigphoto{
	width: 444px;
	margin: 0px 0px 8px 0px;
}

div.subbox div.pic div.smallphoto{
	width: 444px;
	margin: 0px;
}

div.subbox div.pic img{
	margin: 0px 5px 0px 0px;
}

div.subbox div.rightdata {
	width: 191px;
	float: right;
	margin: 0px;
	padding: 0px;
}

div.subbox div.rightdata div.nameline {
	margin: 0px;
	width: 100%;
	height: 24px;
	font-size: 16px;
	line-height: 24px;
	background-image: url(/img/right_product/name-bg.gif);
}

div.nameline strong {
	padding: 0px 8px;
	color: #ffffff;
}

div.subbox div.rightdata div.comment {
	width: 191px;
	padding: 10px;
	line-height: 18px;
}

div.cartarea {
	width: 595px;
	height: 64px;
	background-color: #666666;
	margin: 10px 0px 15px 20px;
}

div.cartarea div.categolie{
	width: 95px;
	height: 64px;
	float: left;
}

div.cartarea div.price{
	width: 220px;
	height: 64px;
	float: left;
	line-height: 30px;
	font-size: 18px;
	padding: 0px 0px 0px 15;
	background-color: #333333;
} 

div.cartarea div.price strong{
	color: red;
	font-size: 20px;
} 

div.cartarea div.cartin{
	width: 258px;
	height: 50px;
	float: right;
	font-size: 16px;
	background-color: #666666;
	margin: 0px;
	padding: 5px 0px;
} 

div.pageselect{
	width: 90%;
	margin: 15px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}

div.downarea div.recommnd {
	width: 580px;
}

div.recommnd div.leftarea{
	width: 270px;
	height: 80px;
	float: left;
	border-bottom: 1px dashed #314396;
	margin: 10px 10px 10px 0px;
}

div.recommnd div.leftarea img{
	float: left;
}

div.recommnd div.rightarea{
	width: 270px;
	height: 80px;
	float: right;
	border-bottom: 1px dashed #314396;
	margin: 10px 10px 10px 0px;
}

div.recommnd div.rightarea img{
	float: left;
}

div.recommnddata{
	float: right;
	width: 190px;
}

div.recommnddata p{
	font-size: 10px;
	color: #444444;
	margin:2px;
}

div.recommnddata p strong{
	font-size: 12px;
	color: red;
}

/*layout-main-cart*/
div.main div.button{
	width: 100%;
	padding: 10px 0px;
	text-align: center;
}
div.main div.wide-contents {
	width: 740px;
	height: auto;
}

div.wide-contents div.wide-main {
	width: 700px;
	height: auto;
	margin: 10px 0px 0px 30px;
}

div.wide-main img.cartnavi {
	width: 700px;
	height: 36px;
	margin: 0px 0px 15px 0px;
}

div.wide-main img.title {
	width: 700px;
	height: 40px;
	margin: 0px 0px 25px 0px;
}

div.wide-main p.titlesub {
	width: 690px;
	line-height: 18px;
	margin: 0px 0px 15px 0px;
	border: 5px solid #D0DBEE;
	padding: 10px;
	color: red;
}

div.wide-main dl {
	width: 700px;
	height: auto;
	border: 1px solid #666666;
	background-image: url(/img/shopping/table_bg.jpg);
}

div.wide-main dl dt{
	width: 200px;
	padding: 0px;
	border-top: 1px solid #666666;
	margin: 0px;
	float: left;
	line-height: 18px;
}

div.wide-main dl dt p{
	padding: 7px;
}


div.wide-main dl dd{
	width: 498px;
	border-left: 1px solid #666666;
	border-top: 1px solid #666666;
	margin:0px;
	line-height: 18px;
	float: left;
}

div.wide-main dl dd p.redarea{
	padding: 0px 7px;
	color:red;
}

div.wide-main dl dd img{
	margin:7px;
}

div.wide-main dl dd div.inputbox{
	padding:7px;
}

div.wide-main dl dd p.sub{
	padding:0px 7px 7px 7px;
}

div.wide-main p.wide-btm{
	width: 690px;
	padding:7px;
	text-align: center;
	font-weight: bold;
}

/*layout-mypage*/

div.mypage {
	width: 740px;
}

div.mypage table.bigbox{
	width: 700px;
	margin:0px 0px 0px 35px;
}

div.mypage td.navi{
	padding:0px 0px 8px 0px;
}


div.mypage div.b_linebox{
	width: 162px;
	heigh: 100px;
	border: 4px solid #FFCAD9;
}

div.mypage div.b_linebox p{
	width: 140px;
	heigh: 70px;
	text-lign: left;
	font-size: 10px;
	margin: 10px 10px 10px 10px;
}

div.mypage div.b_linebox p span{
	color: red;
	font-weight: bold;
}


/*layout-foot*/
div.layout div.foot {
	width: 720px;
	height: 41px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	clear: both;
	font-size: 12px;
	text-align: center;
}

div.foot div.copy {
	text-align: center;
	width: 820px;
	height: 12px;
	padding: 7px 0px 6px 0px;
	margin: 0px;
	color: #ffffff;
}

/*以下サイバー記述
---------------------------------------*/

/* 地域一覧 */
div.areaname {
	float : left;
	width : 93px;
	height: 29px;
	text-align : center;
	margin-bottom:20px;
	background-image: url(/user_data/image/map/bg_areaname.gif);
	}

div.areaname p {
	font-weight : bold;
	margin : 9px 0 0;
	}

div.todofuken {
	float : left;
	width : 540px;
	height: 29px;
	color : #000000;
	margin-bottom:20px;
	background-image: url(/user_data/image/map/bg_todofuken.gif);
	}

div.todofuken p{
	margin : 9px 0 0 15px;
	}
	
div.todofuken a:link{
	color : #0600ff;
	padding : 0 2px;
	}

div.todofuken a:visited {
	color : #666666;
	}


/* 地域詳細 */

div.btn {
	float : right;
	margin: 0 0 20px;
	}

div.local-name	{
	clear : right;
	height : 25px;
	}

table.shop-list {
	font-size   : 13px;
	table-layout: fixed; width: 633px;
	margin      : 10px 0 20px;
	}

td.tenmei,td.jyusyo,td.denwa{
	font-weight : bold;
	margin-top  : 8px;
	}

td.tenmei {
	width : 220px;
	height: 26px;
	text-align : center;
	background : url(/user_data/image/map/bg_tenmei.gif) no-repeat;
	}

td.jyusyo {
	width : 311px;
	height: 26px;
	text-align : center;
	background : url(/user_data/image/map/bg_jyusyo.gif);
	}

td.denwa {
	width : 99px;
	height: 26px;
	text-align : center;
	background : url(/user_data/image/map/bg_denwa.gif) no-repeat;
	}

table.shop-list{
	border-spacing: 1px;
	}

th.shoplist-city {
	height     : 29px;
	text-align : center;
	color      : #ffffff;
	background-color : #616161;
	}

tbody.shop-list td {
	height       : 29px;
	color        : #000000;
	background   : #e3e3e3;
	padding-left : 10px;
	}

tbody.shop-list td img {
	margin-left : 5px;
	}

.age {
	margin: 0 auto;
	width: 600px;
	text-align: center;
}