body { font-family:"ＭＳ Ｐゴシック", Osaka; margin:2px 0px 0px 0px; background-color:#FCFCFC;}

.Large { font-size:16px; line-height:18px;  top:1px; } 
.MediumBroad { font-size:12px; line-height:16px; } 
.Medium { font-size:12px; line-height:1.3em; } 
.MediumRed { font-weight: bold;	color: #FF0000; }
.MediumWhite { font-weight: bold; color: #FFFFFF; }
.Medium2 { font-size:12px; line-height:1.5em;  } 
.Small { font-size:11px; line-height:14px; } 
.SmallWhite { font-size:11px; line-height:14px; bottom:3px;	font-weight: bold; color: #FFFFFF; }
.whats {  font-size: 12px; line-height:14px; top:1px; }

.mid { font-size:75%; line-height:1.2em }
div.mid_m10 { font-size:75%; line-height:1.2em; margin-bottom:10px }

a.white {color:#ffffff; text-decoration:underline;}
a.white:link{color:#ffffff; text-decoration:underline;}
a.white:visited {color:#ffffff; text-decoration:underline;}
a.white:hover {color:#ffcc66; text-decoration:underline;}
a.white:active {color:#ffffff; text-decoration:underline;}

#contentsbg #contents #ctgr_index2 .submenu .submenu_right a.bleu {
	color:#0033FF;
	text-decoration:underline;
}
#contentsbg #contents #ctgr_index2 .submenu .submenu_right a.bleu:link{
	color:#0033FF;
	text-decoration:underline;
}
#contentsbg #contents #ctgr_index2 .submenu .submenu_right a.bleu:visited {
	color:#0033FF;
	text-decoration:underline;
}
#contentsbg #contents #ctgr_index2 .submenu .submenu_right a.bleu:hover {
	color:#FF0000;
	text-decoration:underline;
}
#contentsbg #contents #ctgr_index2 .submenu .submenu_right a.bleu:active {
	color:#0033FF;
	text-decoration:underline;
}


a.black {color:#333333; text-decoration:underline;}
a.black:link{color:#333333; text-decoration:underline;}
a.black:visited {color:#333333; text-decoration:underline;}
a.black:hover {color:#ff6600; text-decoration:underline;}
a.black:active {color:#333333; text-decoration:underline;}

a.gray  {color:#666666; text-decoration:underline;}
a.gray:link{color:#666666; text-decoration:underline;}
a.gray:visited {color:#666666; text-decoration:underline;}
a.gray:hover {color:#ff6600; text-decoration:underline;}
a.gray:active {color:#666666; text-decoration:underline;}

a {color:#333333; text-decoration:underline;}
a:link{color:#0066cc; text-decoration:underline;}
a:visited {color:#0066cc; text-decoration:underline;}
a:hover {color:#ff6600; text-decoration:underline;}
a:active {color:#333333; text-decoration:underline;}

/*デザイン枠用 2007.02 */
/* ヘッダー  */
#headerbg{background-color:#FFFFFF;}
#header{
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	text-align:right;
	color: #666666;
	font-size: 10px;
}
#header a {color:#666666; text-decoration:none;}
#header a:hover {color:#0066cc; text-decoration:underline;}

#headerlogo{
	width: 860px;
	height:60px;
	margin-left: auto;
	margin-right: auto;
	margin-top:13px;
	margin-bottom:0px;
	background-color: #FFFFFF;
	text-align:center;
}
#logo{
	border:0px;
	float:left;
}
#google{
	float:right;
	text-align:right;
	vertical-align:bottom;
	color: #666666;
	font-size: 10px;
	margin:10px 0px 0px 0px;
	padding:0px;
	line-height:1em;
}
#headerlink{
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	color: #333333;
	text-align:right;
	font-size: 12px;
	padding-bottom:5px;
}
#headerlink a {color:#333333; text-decoration:none;}
#headerlink a:hover {color:#0066cc; text-decoration:underline;}
#headerlink ul {display:inline; margin:0px; padding:0px;}
#headerlink li  {display:inline; padding:0px 5px 0px 5px;}

#navi {
background-image:url(../image/tab_bg.jpg);
	padding:0px ;
	margin:0px;
}

#navi .navitable {
	width: 840px;
	border: 0px;
	padding:0px ;
	margin:0px;
	background-color: #FFFFFF;
	font-size: 12px;
}
#navi a {color:#003399; text-decoration:none; }
#navi a:hover {color:#0066cc; text-decoration:none;}

#navi .tab1{width:123px; margin:0px ; height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_1.jpg); padding-left:15px;}
#navi .tab2{width:108px; margin:0px ; height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_2.jpg);}
#navi .tab3{width:108px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_3.jpg);}
#navi .tab4{width:84px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_4.jpg);}
#navi .tab5{width:83px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_5.jpg);}
#navi .tab6{width:105px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_6.jpg);}
#navi .tab7{width:84px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_7.jpg);}
#navi .tab8{width:117px; margin:0px ; height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_8.jpg); padding-right:13px;}

#navi .tab1w{width:123px; margin:0px ; height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_1w.jpg);padding-left:15px;}
#navi .tab2w{width:108px; margin:0px ; height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_2w.jpg);}
#navi .tab3w{width:108px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_3w.jpg);}
#navi .tab4w{width:84px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_4w.jpg);}
#navi .tab5w{width:83px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_5w.jpg);}
#navi .tab6w{width:105px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_6w.jpg);}
#navi .tab7w{width:84px; margin:0px ;  height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_7w.jpg);}
#navi .tab8w{width:117px; margin:0px ; height:28px; text-align:center; vertical-align:middle; background-image:url(../image/tab1_8w.jpg);padding-right:13px;}

/* コンテンツ  */
#contentsbg{
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../image/body_bg.jpg);
	background-repeat:repeat-y;
		text-align:center;}

#pankuzu{
	margin-left: auto;
	margin-right: auto;
	padding:5px 5px 5px 20px;
	font-size:10px;
	color:#333333;
	text-align:left;
}
#pankuzu a {color:#333333; text-decoration:none;}
#pankuzu a:hover {color:#0066cc; text-decoration:underline;}

div #contents{
	width: 750px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}



/* フッタ  */

#gototop{
	margin-top: 10px;
	width: 100px;
	float:right;
	font-size:12px;
	height:18px;
}
#back{
	margin-top: 10px;
	width: 100px;
	height:18px;
	float:left;
	font-size:12px;
}
#footermenu{
	margin-top:0;
	margin-bottom:5px;
	padding:5px;
	font-size:12px;
	color:#333333;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
#footermenu a {color:#333333; text-decoration:none;}
#footermenu a:hover {color:#0066cc; text-decoration:underline;}

#footer{
	width: 840px;
	height:9px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../image/footer.jpg);
}
#footer a {color:#333333; text-decoration:none;}
#footer a:hover {color:#0066cc; text-decoration:underline;}

#footer2{
	width: 840px;
	margin-top:10px;
	margin-bottom:15px;
	margin-left: auto;
	margin-right: auto;
	font-size: 10px;
	text-align:right;
	color: #666666;
}
#footer2 a {color:#666666; text-decoration:none;}
#footer2 a:hover {color:#0066cc; text-decoration:underline;}



/* 以上、共通 */

/* 以下、カテゴリインデックス用 */


#ctgr_index{
	margin-left: auto;
	margin-right: auto;
	padding:5px 5px 5px 20px;
	font-size:12px;
	text-align:left;
	line-height:1.3em;
}

#ctgr_index h1{
	padding:7px 0px 8px 20px;
	font-size:15px;
	text-align:left;
	background-image:url(../image/ctgr_index_h1.jpg);
	background-repeat:no-repeat;
}
#ctgr_index h2{
	margin-top:20px;
	margin-left: 50px;
	padding:2px 0px 8px 40px;
	background-image:url(../image/ctgr_index_h2.gif);
	background-repeat:no-repeat;
	font-size:15px;
	text-align:left;
}
#ctgr_index a {color:#003399; text-decoration:none; font-weight:bold;}
#ctgr_index a:hover {color:#0066cc; text-decoration:none;}

#ctgr_index2{
	width:730px;
	margin-left: auto;
	margin-right: auto;
	padding:0;
	font-size:12px;
	text-align:left;
	line-height:1.3em;
	clear:both;
}

#ctgr_index2 h1{
	padding:0;
	margin:5px 0 20px 0;
	font-size:15px;
	text-align:left;
}
#ctgr_index2 h2{
	margin:0;
	padding:0;
}
#ctgr_index2 img{
border:0;
}
#ctgr_index2 a {color:#333333; text-decoration:none; text-decoration:none;}
#ctgr_index2 a:hover {color:#0066cc; text-decoration:underline;}
}
#ctgr_index2 .submenu_right02 {
	float:right;
	width:540px;
}
#ctgr_index2 .submenu_right03 {
	float:left;
	width:605px; 
	margin:0 0 0 17px;
	padding:0;
}

#ctgr_index2 .submenu_right {
float:right; width:514px; 
}
#ctgr_index2 .submenu_right02 {
	float:right;
	width:540px;
}
#ctgr_index2 .submenu_left {
float:left; width: 200px; margin:0 0 20px 0;
}
#ctgr_index2 .submenu_left02 {
	float:left;
	width: 174px;
	margin:0 0 20px 0;
	margin-left: 0;
}

#ctgr_index2 .submenu_left03 {
	float:left; 
	width: 100px;
	margin:0;
	padding:0;
}



#ctgr_index2 .submenu {
margin:20px 0 20px 0; padding:0;clear:both; 
}
#ctgr_index2 .end {
margin:20px 0 200px 0; padding:0;clear:both; 
}
#ctgr_index2 p.text{
	margin-top:20px;
	margin-left: 0px;
	padding:2px 0px 8px 40px;
	background-image:url(../image/ctgr_index_h2.gif);
	background-repeat:no-repeat;
	font-size:15px;
	text-align:left;
}
#ctgr_index2 p.text a {color:#2381fc; text-decoration:none; font-weight:bold;}
#ctgr_index2 p.text a:hover {color:#0066cc; text-decoration:none;}

/* 以下、スタンダードページ用 */





#std_page{
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	padding:5px 5px 5px 20px;
	font-size:12px;
	line-height:1.3em;
	text-align:left;
}
#std_page h1{
	padding:7px 0px 8px 20px;
	font-size:15px;
	text-align:left;
	background-image:url(../image/std_page_h1.jpg);
	background-repeat:no-repeat;
}
#std_page h2{
	margin-top:20px;
	margin-left: 20px;
	padding:2px 0px 8px 20px;
	font-size:17px;
	text-align:left;
	background-image:url(../image/std_page_h2.gif);
	background-repeat:no-repeat;
}
#std_page p{
	line-height:1.4em;
}


#title_about_us {
	background-image: url(../image/ctgr_index_h1_02.jpg);
	background-repeat: no-repeat;
	height: 210px;
	width: 710px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
.d_blue_m {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #0000CC;
}
.text_large {
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
	text-decoration: none;
}
.text_large a,.text_large a:visited {
	font-size: 16px;
	color: #1D6EAF;
	margin-bottom: 10px;
	text-decoration: none;
}
.text_large a:hover {
	font-size: 16px;
	color: #666666;
	margin-bottom: 10px;
	text-decoration: none;
}
.title_area {
	background-color: #1D6EAF;
	width: 350px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFFFFF;
	margin: 0px;
	font-size: 14px;
}
.about_contents_area {
	width: 650px;
	border: 1px solid #1D6EAF;
	padding: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.title_area_lb {
	background-color: #1AA8CB;
	width: 150px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFFFFF;
	margin: 0px;
	font-size: 14px;
}
.about_contents_area_lb {
	width: 650px;
	border: 1px solid #1AA8CB;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}
.about_contents_area_gr {
	width: 650px;
	border: 1px solid #23A69E;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#about_title_area {
	width: 650px;
	margin-right: 0px;
	margin-left: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
}
.text_area02 {
	float: right;
	width: 450px;
	text-decoration: none;
	line-height: 1.5em;
}
.text_area_l {
	float: right;
	width: 510px;
	text-decoration: none;
	margin-top: 10px;
	line-height: 1.5em;
}
.img_area {
	float: left;
	width: 150px;
}
.img_area_s {
	float: left;
	width: 100px;
}
.text_red {
	color: #FF0000;
}
.line01 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	margin-bottom: 30px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
}
.contents_read_area {
	line-height: 1.5em;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

sup{
	vertical-align: baseline;
	position: relative;
	top: -0.5ex;
}

.d_blue_s {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	color: #0000CC;
	text-align: center;
}
a .text_link {
	color: #0033FF;
	text-decoration: underline;
}

#submenu_right .contents_read_area a:hover {
	color: #333333;	
}
#submenu_right .contents_read_area a:visited {
	color: #0033FF;	
}

.snack_ranking ol{
margin-top:5px;
}


.snack_ranking li{
	margin-bottom:10px;
	margin-left:8px;
	font-size:12px;
	line-height:1.4em;
}

.snack_ranking p{
font-size:12px;
line-height:1.4em;
margin-top:0px!important;
margin-bottom:7px!important;
margin-left:12px!important;
}


p.snack_title{
margin:5px 0 0 0;
font-size:12px;
}

.crown_img{
vertical-align:baseline;
 margin-right:5px;
}

.sp_btm0  { margin-bottom: 0px;  }
.sp_btm03{margin-bottom:3px;}
.sp_btm5  { margin-bottom: 5px;  }
.sp_btm10 { margin-bottom: 10px; }
.sp_btm15 { margin-bottom: 15px; }
.sp_btm20 { margin-bottom: 20px; }
.sp_btm25 { margin-bottom: 25px; }
.sp_btm30 { margin-bottom: 30px; }
.sp_btm40 { margin-bottom: 40px; }

.sp_top0  { margin-top: 0px;  }
.sp_top5  { margin-top: 5px;  }
.sp_top10 { margin-top: 10px; }
.sp_top13 { margin-top: 13px; }
.sp_top15 { margin-top: 15px; }
.sp_top20 { margin-top: 20px; }
.sp_top30 { margin-top: 30px; }
.sp_top40 { margin-top: 40px; }

.sp_rgt5  { margin-right: 5px; }
.sp_rgt10 { margin-right: 10px; }
.sp_rgt15 { margin-right: 15px; }
.sp_rgt20 { margin-right: 20px; }
.sp_rgt30 { margin-right: 30px; }
.sp_rgt40 { margin-right: 40px; }

.sp_lft5  { margin-left: 5px; }
.sp_lft10 { margin-left: 10px; }
.sp_lft15 { margin-left: 15px; }
.sp_lft20 { margin-left: 20px; }
.sp_lft25 { margin-left: 25px; }
.sp_lft30 { margin-left: 30px; }
.sp_lft35{margin-left:35px;}
.sp_lft40 { margin-left: 40px; }
.sp_lft50{margin-left:50px;}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display:inline-block;}
.clear_pix {clear:both; height:0px; font-size:0px; margin:0; padding:0; line-height:0;}