/*
 * Copyright(c) 2000-2007 LOCKON CO.,LTD. All Rights Reserved.
 *
 * http://www.lockon.co.jp/
 */

@charset "<!--{$smarty.const.CHAR_CODE}-->";

/*FORM*/
.box3 { width: 33px; }	/*W3*/
.box6 { width: 54px; }	/*W6*/
.box10 { width: 82px; }	/*W10*/
.box12 { width: 96px; }	/*W12*/
.box18 { width: 138px; }	/*W18*/
.box19 { width: 145px; }	/*W19*/
.box20 { width: 152px; }	/*W20*/
.box30 { width: 222px; }	/*W30*/
.box33 { width: 243px; }	/*W30*/
.box40 { width: 292px; }	/*W40*/
.box47 { width: 341px; }	/*W47*/
.area40 { width: 302px; height: 134px; }	/*W40¡ßH8*/
.area45 { width: 337px; height: 290px; }	/*W40¡ßH20*/
.area46 { width: 337px; height: 134px; }	/*W40¡ßH8*/
.area50 { width: 372px; height: 290px; }	/*W50¡ßH20*/
.area55 { width: 407px; height: 290px; }	/*W55¡ßH20*/
.area65 { width: 444px; height: 290px; }	/*W65¡ßH20*/
.area68 { width: 498px; height: 134px; }	/*W68¡ßH8*/
.area80 { width: 572px; height: 134px; }	/*W80¡ßH8*/
.area80_2 { width: 572px; height: 420px; }	/*W80¡ßH30*/
.area92 { width: 666px; height: 160px; }	/*W92¡ßH10*/
.area96 { width: 694px; height: 420px; }	/*W80¡ßH30*/
.area96_2 { width: 694px; height: 160px; }	/*W80¡ßH10*/

/*FOOT*/
.footer {
	font-size: 12px;
	line-height: 1.0em;
	font-family: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
}

/*LINK*/
a:link { color: #3a75af; text-decoration: underline; }
a:visited { color: #3a75af; text-decoration: underline; }
a:hover { color: #3a75af; text-decoration: none; }

/*OVER*/
a.over:link{ color:#4a6fa6; text-decoration: none; }
a.over:visited { color:#4a6fa6; text-decoration: none; }
a.over:hover { color:#4a6fa6; text-decoration: underline; }

/*COLOR*/
.white { color: #ffffff; }
.whitest { color: #ffffff; font-weight: bold; }
.red { color: #ec0000; }
.redst { color: #ec0000; font-weight: bold; }
.blue { color: #3a75af; }
.bluest { color: #3a75af; font-weight: bold; }
.black { color: #000000; }
.blackst { color: #000000; font-weight: bold; }
.orange { color: #ff6600; }
.orangest { color: #ff6600; font-weight: bold; }

/*PHOTO*/
.picture { 
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

/*PHOTO*/
img { 
	border: 0px;
}

table {font-size: x-small; }
table.fsxsmall {font-size: x-small; }
table.fssmall {font-size: small; }
table.fsmedium {font-size: medium; }
tr.h3 {height: 3px; }

#container #right #contents #right #price{
border-width: 1px;
border-style: solid;
border-color: #ccc;
padding: 0;
margin: 0;
padding: 0;
width: 295px;
background: #ecf5ff;
}

h2{
	height:1px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:1px;
	line-height:0.1em;
	}
.gift_box01{
	width:406px;
	margin:0;
	padding:0;
	background-color:#FFEBEB;
	}
.gift_box_left{
	width:225px;
	height:305px;
	float:left;
	margin:0;
	padding:0;
	}
.gift_box_right{
	width:171px;
	height:90px;
	float:right;
	margin:10px 4px 0 0;
	padding:0;
	font-size:12px;
	text-align:right;
	}
.gift_box_btn_box{
	width:171px;
	height:70px;
	margin:0;
	padding:0;
	}

#top_spring{
	margin:0;
	padding:0;
	font-size:13px;
	line-height:1.3em;
	}
#top_spring h2{
	width:410px;
	height:31px;
	background:url(/img/koshunavi/top/spting_sp_title.jpg) no-repeat;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:x-small;
	}
#top_spring .main{
	position: relative;
	margin:0;
	padding:0;
	}
#top_spring .main dl{
	position:absolute;
	top:90px;
	left:95px;
	width:300px;
	height:70px;
	margin:3px;
	padding:0;
	line-height:1.2em;
	text-align:left;
	}
#top_spring .main dl dd{
	margin-left:0;
	}
#top_spring .main dt{
	font-weight:bold;
	margin:0;
	padding:0;
	}
#top_spring .link01{
	position:absolute;
	top:247px;
	left:90px;
	width:90px;
	font-size:10px;
	text-align:left;
	margin:0;
	padding:0;
	}
#top_spring .link02{
	position:absolute;
	top:247px;
	left:220px;
	width:70px;
	font-size:10px;
	text-align:left;
	margin:0;
	padding:0;
	}
#top_spring .link03{
	position:absolute;
	top:247px;
	left:310px;
	width:85px;
	font-size:10px;
	text-align:left;
	margin:0;
	padding:0;
	}






/*-- blocks
---------------------------------------------------------------------*/

/*-- login
-----------------*/
#extra_area #login {
	background:#f5f5f5;
}
#extra_area #login h3#malmaga{
	background:url(../../img/side/cap_malmaga.gif) no-repeat;
}

#extra_area #login p{
	margin:2px 5px 0 5px;
	padding:3px 0;
	text-align:center;
	background:url(../../img/common/img_line.gif) repeat-x top;
}
#extra_area #login h3#mypage{
	background:#493126;
	color:#fff;
	text-indent:0;
	text-align:center;
	font-size:100%;
}
#extra_area #login dl *{
	display:block;
	margin:auto;
	text-align:center;
}
#extra_area #login dd{
	margin:7px 0 0 0;
}


/*-- ranking
-----------------*/
#extra_area #ranking h3{
	background:url(../../img/side/cap_ranking.gif) no-repeat;
}
#extra_area #ranking ul{
	margin:3px;
}
#extra_area #ranking ul li{
	position:relative;
	padding:11px 0;
	background:url(../../img/common/img_line.gif) repeat-x bottom;
	zoom:1;
}
#extra_area #ranking ul li:after{
	display:block;
	clear:both;
	height:1px;
	line-height:0;
	visibility:hidden;
	content:".";
}
#extra_area #ranking ul li .rank_photo{
	display:block;
	float:left;
	width:50px;
}
#extra_area #ranking ul li div{
	float:right;
	width:102px;
}

#extra_area #ranking ul li span{
	display:block;
	position:relative;
	height:16px;
	background:url(../../img/side/ico_ranking.gif) no-repeat;
	text-indent:-999em;
}
#extra_area #ranking ul li#rank1 span{background-position:0 0;}
#extra_area #ranking ul li#rank2 span{background-position:0 -16px;}
#extra_area #ranking ul li#rank3 span{background-position:0 -32px;}
#extra_area #ranking ul li#rank4 span{background-position:0 -48px;}
#extra_area #ranking ul li#rank0 span{background-position:0 -64px;}


/*-- press
-----------------*/

#extra_area #press h3{
	background:url(../../img/side/cap_press.gif) no-repeat;
}
#extra_area #press dl{
	margin:10px 3px;
}

#extra_area #press dl dt{
	display:block;
	float:left;
	width:50px;
	border:1px solid #666;
}
#extra_area #press dl dd{
	float:right;
	width:102px;
}
#extra_area #press dl span{
	display:block;
	margin:2px 0 0 0;
	color:#666;
}

/*-- stuffblog
-----------------*/
#extra_area #stuffblog h3{
	background:url(../../img/side/cap_blog.gif) no-repeat;
}

#extra_area #stuffblog .stuff_photo{
	display:block;
	float:left;
	width:50px;
	margin:0 3px;
	border:1px solid #666;
}


/*-- column
-----------------*/

#extra_area #column h3{
	background:url(../../img/side/cap_column.gif) no-repeat;
}
#extra_area #column p{
	margin:0 3px 3px;
}

#extra_area #column ul li{
	padding:11px 3px;
	background:url(../../img/common/img_line.gif) repeat-x top;
}
#extra_area #column ul li img{
	vertical-align:baseline;
}

/*-- banner 
-----------------*/
#banner h3{
	height:40px!important;
	margin:0 0 0 -3px;
	background:url(../../img/side/enjoy_top.jpg) no-repeat;
	text-indent:-9999px;
}
#banner p{
	margin:9px;
}








/*-- Page_contents
---------------------------------------------------------------------*/

/*-- history
-----------------*/
#history table th,
#history table td,
#history ul,
#history ul li{
	margin:0;
	padding:0;
}

#history p{
	margin:5px 0;
}

#history {
	width:680px;
	margin:auto;
	text-align:center;
}
#history div{
	position:relative;
}
#history h2{
	width:680px;
	height:123px;
	margin:auto;
	margin-bottom:0;
	background:url(../../img/koshunavi/history/ttl_history.jpg) no-repeat;
	text-indent:-999em;
}
#history p.cap{
	position:relative;
	left:-230px;
	width:211px;
	height:27px;
	margin:auto;
	margin-top:0;
	background:url(../../img/koshunavi/history/txt_history.gif) no-repeat;
	text-indent:-999em;	
}
#history div ul#selectyear{
	display:block;
	position:absolute;
	top:108px;
	right:2px;
	zoom:1;
	background:url(../../img/koshunavi/history/btn_history_on.gif) no-repeat;
}
#history div:after{
	display:block;
	clear:both;
	height:0.1em;
	font-size: 0.1em;
	line-height:0;
	visibility:hidden;
	content:".";}
#history div ul#selectyear li{
display:inline;
}

#history div ul#selectyear li a,
#history div ul#selectyear li a:link,
#history div ul#selectyear li a:visited{
	display:block;
	float:left;
	width:86px;
	height:52px;
	background:url(../../img/koshunavi/history/btn_history.gif) no-repeat;
	text-indent:-999em;
}
#history div ul#selectyear li#historynav_01 a{background-position:0;}
#history div ul#selectyear li#historynav_02 a{background-position:-86px;}
#history div ul#selectyear li#historynav_03 a{background-position:-172px;}
#history div ul#selectyear li#historynav_04 a{background-position:-258px;}
#history div ul#selectyear li#historynav_05 a{background-position:-344px;}

#history div ul#selectyear li a:hover{
	background:transparent !important;
}

#history h3{
	height:45px;
	margin:auto;
	margin-top:30px;
	margin-bottom:5px;
	background:url(../../img/koshunavi/history/sttl_history.gif) no-repeat;
	text-indent:-999em;
}
#history h3#y70{background-position:0 -44px;}
#history h3#y80{background-position:0 -87px;}
#history h3#y90{background-position:0 -130px;}
#history h3#y2000{background-position:0 -172px;}

#history table{
	width:680px;
	margin:auto;
	padding:0;
}

#history ul li{
	list-style:none;
	line-height:2;
}

#history table th,
#history table td{
	border-bottom:1px solid #999;
}
#history table th{
	background:#fff8e3;
	color:#614e11;
}
#history table td{
	padding:10px;
	border-left:1px solid #999;
	text-align:left;
}
#history p.more,
#history p.totop{
	text-align:right;
}

#history table .year{
	width:100px;
}
#history table .txt{
	width:450px;
}

#history table .sake{
	width:150px;
}



/*-- rightside recommend
-----------------*/
#extra_area #recommend h3{
	background:url(../../img/side/cap_recommend.gif) no-repeat;
}
#extra_area #recommend ul{
	margin:3px;
}
#extra_area #recommend ul li{
	position:relative;
	padding:11px 0;
	background:url(../../img/common/img_line.gif) repeat-x bottom;
	zoom:1;
}
#extra_area #recommend ul li:after{
	display:block;
	clear:both;
	height:1px;
	line-height:0;
	visibility:hidden;
	content:".";
}
#extra_area #recommend ul li .rcm_photo{
	display:block;
	float:left;
	width:50px;
}
#extra_area #recommend ul li div{
	float:right;
	width:102px;
}