@charset "UTF-8";

/* ================================================================ */
/* font-sizeは [if]で振り分けしています。 */
/* Win IE用のみ：win_ie.css（全てにImportant）で別記しています。 */
/*  */
/* ================================================================ */

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input{
	margin: 0;
	padding: 0;
	color:#545454;
	line-height: 1.5em;
	list-style:none;
	font-family: Arial, Helvetica, Verdana,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", Osaka, "メイリオ", Meiryo, sans-serif;
	}
	
	
/* Font size__________ */

body,h1,h2{	font-size:90%;}
h3,h4{font-size:100%;}

.s,
.toptxt,.lotcate dl,
.recommend ul li dd,
.category ul li,
.date dl,.totop,
#footer{ font-size:10px;}

.page li{ font-size:80%;}
	
/*__________ */
	
img a,a img{border:none;}

body{ background:url(../images/bg.gif);}

a:link,a:visited{ color:#545454; text-decoration:none;}
a:hover{ color:#F53162; text-decoration:underline;}

.prize a:link{ color:#545454; text-decoration:none;}
.prize a:visited{ color:#990099; text-decoration:none;}
.prize a:hover{ color:#F53162; text-decoration:underline;}
	

.clear{ clear:both;}
br.clear{ clear:both; height:0%; font-size:0; line-height:0;}
.b{ font-weight:bold; font-family: Verdana;}
.red{color:#FF0000;}
.pink,a.pink{ color:#F53162;}
.gr{ color:#729153;}
.org{ color:#F47554;}
.blue{color:#569BC7;}
.dblue{color:#0A70B0;}
.dark{color:#333;}
.f_l{ float:left;}
.f_r{float:right;}

.ma{ margin:10px 0;}
.pa{ padding:10px 0;}

.confirm{ padding:10px 10px 15px 10px;}
.complete{ text-align:center; padding:5px 10px 5px 35px;}

button{cursor: pointer!important;}


#base{
	width:780px;
	margin:0 auto;
	padding-bottom:10px;
	background-color:#fff;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;}


/* line 各カテゴリによって変更あり */
#header{border-bottom:5px solid #E95485;}


/* Search Form */
.search{ float:right; height:20px; padding-right:10px; padding-top:10px;}
.search img{float:left;}
.search button{
  padding: 0; margin:0; border:none;
  background: url(../images/btn_search.gif) no-repeat 0 0;
  width:52px;  height:20px;
  }
.inputtext{ height:15px; width:115px; padding:0; margin:2px 5px 0; border:1px solid #666666;}


/* Contents Clam */
.content_area{padding:15px 10px 0;}
.in_area{margin:0 auto; width:680px; padding-bottom:20px;}


#main{ width:535px; float:left;}
#menubar{ width:205px; float:right;}


/* Header */
.toptxt{ color:#FFFFFF;  padding:1px 10px; background:#E95485;}

h1 a,h1.top{ display:block; background:url(../images/sitetitle.gif) no-repeat 0 0; height:73px; width:250px;}
.sitetitle{ float:left; width:300px; padding-top:10px;}
.sitetitle p{ display:none;}

/* 広告用バナー　*/
.topbanner{ float:right; padding:10px 10px 0 0;}

/* 右バナー広告 */
.banner_bar{
		text-align:center;
		padding:30px 0px;}
.banner_bar img{ margin:3px 0; clear:both;}



/* Top menu */
.topnavi{ float:right; width:400px; text-align:right; height:20px;}
.topnavi ul{ padding-right:10px; padding-top:10px;}
.topnavi ul li{ display:inline; width:auto;}
.topnavi ul li a{padding-top:1px;}
input{ margin:0; padding:0;}

#topmenu{ clear:both; height:35px;}
.topmenu{float:left; padding-top:10px; padding-left:10px;}

#topmenu ul{ width:388px; height:25px; background:url(../images/topmenu.gif) no-repeat 0 -25px;}
#topmenu ul li{float:left; height:25px; width:97px;}
#topmenu ul li a{ width:95px;height:25px; margin-right:2px; display:block;}

#topmenu .tit01 a{ background:url(../images/topmenu.gif) no-repeat 0px 0px;}
#topmenu .tit01 a:hover{ background:url(../images/topmenu.gif) no-repeat 0px -25px;}
#topmenu .tit02 a{ background:url(../images/topmenu.gif) no-repeat -97px 0px;}
#topmenu .tit02 a:hover{ background:url(../images/topmenu.gif) no-repeat -97px -25px;}
#topmenu .tit03 a{ background:url(../images/topmenu.gif) no-repeat -194px 0px;}
#topmenu .tit03 a:hover{ background:url(../images/topmenu.gif) no-repeat -194px -25px;}
#topmenu .tit04 a{ background:url(../images/topmenu.gif) no-repeat -291px 0px;}
#topmenu .tit04 a:hover{ background:url(../images/topmenu.gif) no-repeat -291px -25px;}


/* Footer */

.copyright{	color:#333333; text-align:center; line-height:1.2em; padding:7px 5px 5px;}
.attention{	clear:both; padding:0px 10px 5px;}

.footer_menu{ background-color:#E95485;
			  text-align:center; padding:2px 0 1px;}
.footer_menu li{ display:inline; color:#FFFFFF;}
.footer_menu li a,.footer_menu li a:visited{ color:#FFFFFF;}
.footer_menu li a:hover{ color:#FFFFFF;}


/* ページ送り */
.page{ text-align:center; }
.page li{ display:inline;}
.page li.l{ background:url(../images/arrow03.gif) no-repeat 0 0.2em; padding-left:1em;}
.page li.r{ background:url(../images/arrow02.gif) no-repeat 2.2em 0.2em; padding-right:1.2em;}
.page li.c a{ background-color:#FFEAEA; border:solid 1px #DDDDDD; margin-right: 3px; margin-top: 3px; padding:3px 3px 3px 3px; font-size: 12px; }

/* to Top */
.totop{ float:right; padding-right:10px;}
.totop a{ display:block; background:url(../images/arrow_top.gif) no-repeat 0 0; padding-left:18px;}


/* パンクズ */
.pankuzu{ text-align:left; padding:10px 0 ;}
.pankuzu a,.pankuzu a:visited{color:#F53162;}

/* AllDetail ---------------- */
.arrow a{ background:url(../images/arrow01.gif) 0em 0em no-repeat;
		padding:0 0 0 18px;}

.arrow_s a{ background:url(../images/arrow01.gif) 0em 0em no-repeat;
		padding:1px 0 0 18px;}

.tri a{ background:url(../images/arrow02.gif) no-repeat 0em 0.2em;
		padding:0 0 0 13px;}

.mark { background:url(../images/mark01.gif) no-repeat 0em 0.19em; padding: 0 0 0 20px;}
.mark2 { background:url(../images/mark02.gif) no-repeat 0em 0.19em; padding: 0 0 0 20px;}
.mark3 { background:url(../images/mark03.gif) no-repeat 0em 0.19em; padding: 0 0 0 20px;}
.mark4 { background:url(../images/mark04.gif) no-repeat 0em 0.19em; padding: 0 0 0 20px;}

.tmark span{ display:block; float:left;}
.tmark .txt{ display:block; float:left;}
.tmark{clear:both;}

.tmark span.cl{ display: inline; float:none;}

.boxline{
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	height:1%;
    padding:5px 10px;}

.powered{width:157px; height:18px;}
.powered a{display:block; background:url(../images/powered.gif) no-repeat;
			width:157px; height:18px; display:block;}


/* Text hidden ---------------- */
.sitetitle p,
h1.top,h1 a,
h2,
#topmenu ul li,
#top h3,
#top h4,
.lotcate dt,button,
.powered a{
	text-indent:-9999px; overflow:hidden;}
