@charset "utf-8";
/* トップページ用スタイル設定 */

/**************************/
/* ブラウザの初期設定解除 */
/**************************/
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
th,
form,select,option,input
address,pre,strong,em,iframe{
	margin:0;
	padding:0;
	/*\*/ /*/ font-size:x-small; /* MacIE */
}

body,h1,h2,h5,h6{
	font-size:small;
	font-weight:normal;
	font-style:normal;
	color:#646464;
	line-height:135%;
	
}

h3{
	font-size:small;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#646464;
	line-height:140%;
	border-bottom:#CCCCCC 1px dotted;
	font-weight:bold;
	margin:5px 0px;
	padding-bottom:5px;
	
}

h4{
	font-size:medium;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	
}



li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

img {
	border:0px;
}




/**************/
/**共通スタイル**/
/**************/

.floatL{float:left;}
.floatR{float:right;}
.clear{clear:both;}

a:link{color:#666666;}
a:visited{color:#999999;}
a:hover{color:#999999;}
a:active{color:#666666;}

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

#bun{padding:10px 10px 0px 10px;
}


#bun p {
font-size:12px;
line-height:170%; 
padding-bottom:15px;
}


/*ヘッダーエリア枠*/
#header{
	width:960px;
	margin:5px auto 0px auto;
}

/*１行目・２行目*/
#header .line1{
	clear:both;
}
#header .line2{
 clear:both;
	padding-top:5px;
}

/*SEOテキスト*/
#header h1{
	float:left;
}

/*サブナビリンク*/
#snavi{
	float:right;
}
#snavi li{
	display:inline;
}

/*サイトロゴ*/
#logo{
	float:left;
}

/*フリーダイヤル*/
#dial{
	float:right;
}


/*パンくずリスト*/

#pan{
text-align:left;
padding-bottom:10px;}


/*　メイン　*/
#main {
	width:960px;
	margin:0 auto;
	padding-bottom:10px;
}

/*　フッター　*/
#footer {
	width:940px;
	margin:0 auto;
	padding:10px 10px;
	border-top:#c9c9c9 1px dotted;
}

#flink{
	float:left;
}

#flink li{
	display:inline;
}

#copyright{
	float:right;
}

/*******************/
/* 　装飾 */
/*******************/


/* 小文字　*/
.s
{ font-size:smaller;
line-height:130%;
padding-top:5px;
}


/* 赤文字　*/

.style1 {
	color: #CC0000;
	font-weight: bold;
}


a.imgov:hover img{
  filter:alpha(opacity=50); /*IE*/
  -moz-opacity:0.50; /*FF*/
  opacity:0.50;
}



/*******************/
/*  グローバルナビ 　　　*/
/*******************/

#gnavi
{width:960px;}


#gnavi li
{float:left;
}

/*******************/
/* 　　中央 　　　*/
/*******************/

/*　イベント案内　*/

#event p{
padding:5px 5px 10px 5px;
line-height:110%;
}


#event a{
text-decoration:none!important;
}

/* 商品カテゴリ　*/

#title{ 
border-bottom:1px #CCCCCC solid;
height:30px;
}

#item {
width:110px; margin:0px 8px; float:left;
display:inline;
}

#item .type{ background:#d9d8d3;  
padding:2px 10px; 
font-weight:bold; 
color:#FFFFFF; 
border-bottom:#999999 1px solid; 
border-right:#999999 1px solid; 
float:left;

}

#item .name{
font-weight:bold;
padding:5px 0px 10px 0px;
}


#item .detail{
line-height:120%;
}


#syurui{height:19px;
background:url(../img/top/images/syurui_02.gif);
font-weight:bold;
color:#FFFFFF
}

#syurui_p{height:19px;
background:url(../img/top/images/syurui_p_02.gif);
font-weight:bold;
color:#FFFFFF
}

#ichiran
{margin:10px 0px 10px 0px; 
padding:10px 0px 5px 0px; 
border:1px solid #CCCCCC;
}

#ichiran li{
float:left;
width:171px;
margin-left:20px;
font-size:smaller;
line-height:140%;
border-right:1px #CCCCCC dotted;
}

#ichiran .noborder{
float:left;
width:171px;
font-size:smaller;
line-height:140%;
border:none;}

#ichiran li a{text-decoration:none!important;}
#ichiran li a:link{color:#999999; text-decoration:none!important;}
#ichiran li a:visited{color:#999999; text-decoration:none!important;}
#ichiran li a:hover{color:#CCCCCC; text-decoration:none!important;}
#ichiran li a:active{color:#999999; text-decoration:none!important;}


#link_cate{
background:url(../img/top/point_s.gif);
background-repeat:no-repeat;
margin-yop:5px;
padding:5px 15px 5px 20px;
background-position:center left;
float:right;
font-weight:bold;
}
  

/*******************/
/* 　　　左列 　　　*/
/*******************/

.end{ padding-bottom:15px;

}

/* カテゴリ　*/

#cate { background:url(../img/top/images/line2_02.gif);
	width:165px;
	padding-left:10px;
}


#cate li {	background:url(../img/top/point_s.gif); 
	background-repeat:no-repeat; 
	padding:5px 0px 5px 20px; 
	border-bottom:dotted 1px #CCCCCC; 
	background-position:center left;
}

/* 目的で選ぶ　*/


#bene {	background:url(../img/top/images/line_02.gif); 
	width:161px; 
	padding:5px 2px 5px;
}

/* お知らせバナー　*/

#osirase li { margin-bottom:10px;
}

/* ガイド　*/

#guide { background:url(../img/top/images/line_02.gif);
	width:155px;
	padding-left:10px;
}


#guide li {	background:url(../img/top/point_g.gif); 
	background-repeat:no-repeat; 
	padding:2px 0px 2px 20px;  
	background-position:center left;
}

/*　問い合わせ　*/

#toi { background:url(../img/top/images/line_02.gif);
	width:165px;
}



/*******************/
/* 　　　右列 　　　*/
/*******************/

/*　メニュー枠　*/

#menu{
background-image: url(../img/top/images/line3_01.gif); 
padding:0px 18px 0px 8px;
margin:0px;
}


#menu li { border-bottom:dotted 1px #CCCCCC;
padding:10px 0px;
margin:0px;
}

/*　スタッフ　*/


#staff { background:url(../img/top/images/line3_01.gif);
	width:155px;
	padding-left:10px;
}


#staff li {	background:url(../img/top/point_r.gif); 
	background-repeat:no-repeat; 
	padding:2px 0px 2px 20px;  
	background-position:center left;
	margin:0px;
}

#tentyo {padding:5px 10px 0 10px;}

#tentyo img{
border:1px #CCCCCC solid;
}

#tentyo p { font-weight:bold;
color:#999999;
}


/*　ランキング　*/


#ranking { background:url(../img/top/images/line3_01.gif);
	padding:0px 18px 0px 20px;
}


#ranking li { 
border-bottom:dotted 1px #CCCCCC;
padding:10px 0px;
margin:0px;
}

#ranking .rank1{
padding-left:10px;
}

#ranking .rank2{

padding-left:25px;
width:70px;
height:70px;

}

#ranking .name{
font-weight:bold;
padding-bottom:5px;
}


/**********************/
/* 　外部リンク 　　　*/
/**********************/

#ec { 
	width:960; 
	padding:10px 15px;
	border-top:#CCCCCC dotted 1px;

}

/**********************/
/* 　フッター部分 　　　*/
/**********************/

#tokusyo { border-top:#CCCCCC 1px dotted;  
padding-top:10px;
}

#tokusyo .title{ background:#e9e9e9;  
padding:2px 10px; 
font-weight:bold;
color:#666666;}


#tokusyo .bun{
padding:10px 5px 15px 0px;
}

#siharai{ float:left;
width:620px;
border:1px solid #CCCCCC;
}


#sihara_l{ float:left;
padding-top:10px;
width:310px; 
padding-left:10px;
}


#siharai_r{ float:left;
width:280px; 
padding:10px 10px 0px 10px;
}


/**********************/
/* 　ロールオーバー 　　　*/
/**********************/

a.imgov:hover img{
  filter:alpha(opacity=50); /*IE*/
  -moz-opacity:0.50; /*FF*/
  opacity:0.50;
}


#if_news{
font-size:-1;}


#if_news dt{
	float:left;
	padding-bottom:5px;
	width:80px;
}

#if_news dd{
	padding-bottom:5px;

}

body#if{
	border-top:none;
}



/*　ランキング　*/


#rank {
padding-left:15px;
}


#rank li { 
border-bottom:dotted 1px #CCCCCC;
padding:10px 0px;
margin:0px;
}


#rank .name{
font-weight:bold;
padding-bottom:5px;
}

#rank .img{
margin:0 auto;}


/*　情報　*/

#about{
margin-bottom:10px;
padding:10px 0px 0px 10px;
}

#about .box{
float:left;
width:270px;
padding:0px 20px 20px 0px;
}

#about img{
padding-right:10px;
right:auto;
}


/*　おすすめ　*/

#osusume{
float:left;
width:289px;
padding:0px 10px 20px 10px;
margin-top:10px;
}

#osusume .type{
font-weight:bold;
color:#333333;
/*padding:2px 10px;*/

}

#osusume .image{
padding:10px 10px 5px 0px;
}


.style_l{
	float:left;
	width:120px;
	margin-left:10px;
}

.style_r{
	float:left;
	width:120px;
	margin-left:10px;	
}

/*
#osusume .type{ background:#d9d8d3;  
padding:2px 10px; 
font-weight:bold; 
color:#FFFFFF; 
border-bottom:#999999 1px solid; 
border-right:#999999 1px solid; 
float:left;
}
*/

#osusume .name{
font-weight:bold;
padding-bottom:10px;
}

#osusume .konyu{
background-color:#f8f8f8; padding:0px 10px 10px 10px;
width:90%;
}

/**********************/
/* 　ロールオーバー 　　　*/
/**********************/

a.imgov:hover img{
  filter:alpha(opacity=50); /*IE*/
  -moz-opacity:0.50; /*FF*/
  opacity:0.50;
}

/**********************/
/* 　左メニューリスト 　　　*/
/**********************/

#l_menu{
padding:5px 0px 10px 10px;
}


#l_menu li { 
padding-bottom:3px
}

#cate_l
{padding:0px 15px 15px 0px;
}

#cate_r
{padding:0px 0px 15px 0px;
}


#tenpo{
padding-bottom:5px; 
margin-bottom:5px; 
border-bottom:1px #CCCCCC solid;
}