﻿/*
	メニューのカテゴリの共通部分
*/
img a {
 text-decoration: none;
 cursor: hand;
}

img a:visited {
 text-decoration: none;
 cursor: hand;
}

img a:hover {
 text-decoration: underline;
 cursor:hand;
}

div#sidemenu {
 font: 12px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
 width: 180px;
 min-height: 380px;
 float: left;
 color: #333333;
 margin-bottom:30px;
}

div#sidemenu_head {
 width: 180px;
 height: 24px;
 boarder:0px;
}

div#sidemenu_left {
 background-image: url(../images/miyamae_taitle_left.jpg);
 width: 10px;
 height: 24px;
 float: left;
 background-repeat: no-repeat;
 boarder: 0px;
}

div#sidemenu_center {
 background-image: url(../images/miyamae_taitle_center.jpg);
 width: 160px;
 height: 24px;
 float: left;
 background-repeat: repeat-x;
 boarder: 0px;
}

div#sidemenu_title {
 height: 20px;
 font: 16px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
 color: white;
 float: left;
 boarder: 0px;
 position: relative;
 bottom: -2px;
 margin: 1px 0px 0px 0px;
}

/** 店舗管理画面のサイドバー */
div.s_site_menu {
 width: 168px;
 /** height: 19px; */
 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
 text-align: left;
 color: #ABCDEFG;
 padding: 5px 0px 5px 10px;
 border: 1px solid;
 border-color: #AACCCC;
}

div#sidemenu_date {
 height: 20px;
 font-size: 10px;
 color: white;
 boarder: 0px;
 position: relative;
 left: 10px;
 bottom: -8px;
}

div#sidemenu_right {
 background-image: url(../images/miyamae_taitle_light.jpg);
 width: 10px;
 height: 24px;
 float: right;
 background-repeat: no-repeat;
 boarder: 0px;
}

div#sidemenu_head_space {
 width: 180px;
 height: 10px;
 border: 0px;
}

div#sidemenu_foot {
 background-image: url(../images/line_180.gif);
 width: 180px;
 height: 10px;
 boarder: 0px;
 background-repeat: no-repeat;
}


/*******************************************************************************
	category
*/

#category_menu_top_area {
	clear: both;
	width: 180px;
	height: 36px;
	border: 0;
}
#category_menu_top_left {
	float: left;
	width: 8px;
	height: 36px;
	background-image: url(../images/ctegory_left.jpg);
}
#category_menu_top_center {
	float: left;
	width: 164px;
	height: 36px;
	background: #ffffff url(../images/category_center.jpg) repeat-x;
}
#category_menu_top_right {
	float: right;
	width: 8px;
	height: 36px;
	background-image: url(../images/ctegory_light.jpg);
}

#category_menu_top_center div.c_chapter {
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	margin: 21px 0px 0px 0px;
}
#category_menu_area {
	width: 178px;
	border: 1px solid #cccccc;
	background: #cccccc url(../images/category_kage_1.jpg) repeat;	
}
#category_menu_area div.menu_item {
	width: 178px;
	height: 39px;
	background: #cccccc url(../images/category_grade.jpg) repeat-x;
	font: 16px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	margin-top: 3px;
}
div.menu_item img {
	float: left;
	width: 39px;
	height: 29px;
	margin: 5px 6px 5px 6px;
}
div.menu_item div.menu_text_area {
	float: left;
	width: 126px;
	height: 29px;
	margin: 5px 0px 0px 0px;
	color: #333333;
}
div.menu_text_area div.ja {
	line-height: 17px;
	width: 124px;
	height: 17px;
	vertical-align: bottom;
}
div.menu_text_area div.alph {
	font-size: 10px;
	line-height: 10px;
	width: 124px;
	height: 10px;
	vertical-align: bottom;
}


/*******************************************************************************
	ログイン＆会員登録
*/


div#loginmenber {
 width: 180px;
 boarder:0px;
 margin-top: 10px;
}

	/*
		ログイン
	*/
	div#login_head {
	 width: 168px;
	 height: 24px;
	 border: 1px #CCCCCC solid;
	 border-top: 0px;
	 background-color: #ECEADF;
	 padding-left: 10px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	}
	div#login_head div {
	 height: 17px;
	 width: 139px;
	 line-height: 17px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	 float: left;
	 padding: 5px 0px 0px 0px;
	}
	div#login_head img {
	 float: right;
	 height: 24px;
	 width: 26px;
	}
	

	div#login_content {
	 width: 158px;
	 border-top: 0px;
	 border-right: 1px #CCCCCC solid;
	 border-bottom: 0px;
	 border-left: 1px #CCCCCC solid;
	 padding: 10px 10px 10px 10px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	}
	
	/*
		ユーザ会員登録
	*/
	div#member_head {
	 width: 168px;
	 height: 24px;
	 border-right: 0px;
	 border: 1px #CCCCCC solid;
	 background-color: #ECEADF;
	 line-height: 29px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	 padding-left: 10px;
	}
	div#member_head div {
	 height: 17px;
	 width: 139px;
	 line-height: 17px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	 float: left;
	 padding: 5px 0px 0px 0px;
	}
	div#member_head img {
	 float: right;
	 height: 24px;
	 width: 26px;
	}
	
	div#member_content {
	 width: 158px;
	 border-top: 0px;
	 border-right: 1px #CCCCCC solid;
	 border-bottom: 0px;
	 border-left: 1px #CCCCCC solid;
	 padding: 10px 10px 10px 10px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	}

	/*
		ビジネス会員登録
	*/
	div#business_head {
	 width: 168px;
	 height: 24px;
	 border: 1px #CCCCCC solid;
	 background-color: #ECEADF;
	 line-height: 24px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	 padding-left: 10px;
	}
	div#business_head div {
	 height: 17px;
	 width: 139px;
	 line-height: 17px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	 float: left;
	 padding: 5px 0px 0px 0px;
	}
	div#business_head img {
	 float: right;
	 height: 24px;
	 width: 26px;
	}
	
	div#business_content {
	 width: 158px;
	 border-top: 0px;
	 border-right: 1px #CCCCCC solid;
	 border-bottom: 0px;
	 border-left: 1px #CCCCCC solid;
	 padding: 10px 10px 2px 10px;
	 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
	}

/*******************************************************************************
	携帯電話
*/
div#mobiletelephone {
 clear: both;
 width: 180px;
 boarder:0px;
 margin-top: 10px;
}

div#mobiletelephone_content {
 width: 178px;
 border-top: 0px;
 border-right: 1px #CCCCCC solid;
 border-bottom: 0px;
 border-left: 1px #CCCCCC solid;
}


/* QRコード表示エリア */
div.mobiletelephonemain {
  width: 178px;
  font-size: 12px;
  line-height: 12px;
  color: #333333;
}
div.mobiletelephonemain_left {
  float: left;
  width: 90px;
}
div.mobiletelephonemain_left img {
  width: 75px;
  height: 75px;
  margin: 10px 5px 1px 10px;
}
div.mobiletelephonemain_right {
  float: right;
  width: 78px;
  margin: 10px 5px 1px 0px;
  line-height:16px;
  letter-spacing:1px;
  font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
}
div.mobiletelephonemain_bottom {
  clear: both;
}



/*******************************************************************************
	公共サービス
*/

div#communityservice {
 clear: both;
 width: 180px;
 boarder:0px;
 margin-top: 10px;
}

div#communityservice_content {
 width: 158px;
 padding: 10px 10px 0px 10px;
 border-top: 0px;
 border-right: 1px #CCCCCC solid;
 border-bottom: 0px;
 border-left: 1px #CCCCCC solid;
 line-height:16px;
}



/*******************************************************************************
	お問合せ
*/

div#question {
 clear: both;
 width: 180px;
 boarder:0px;
 margin-top: 10px;
}

div#question_content {
 width: 158px;
 border-top: 0px;
 border-right: 1px #CCCCCC solid;
 border-left: 1px #CCCCCC solid;
 padding: 10px 10px 0px 10px;
 font: 13px 'ＭＳ Ｐゴシック', 'arial', sans-serif;
 line-height:16px;
 letter-spacing:0.5px;
}


/*******************************************************************************
	 サイドバーバナー表示
*/

div#sidebar_banner {
 clear: both;
 width: 180px;
 height: 200px;
 border:0px;
 margin-top: 5px;
}

div#banner_content {
 clear: both;
 width: 180px;
 border: 0px 0px 0px 0px;
}

div#banner_content img {
 clear: both;
 width: 180px;
 height: 60px;
 margin-top: 5px;
 border:0px;
}

div#banner_content embed {
 clear: both;
 width: 180px;
 height: 60px;
 margin-top: 5px;
 border:0px;
}


/*******************************************************************************
	リンク集
*/

div#link {
 clear: both;
 width: 180px;
 boarder:0px;
 margin-top: 10px;
}

div#link_content {
 clear: both;
 width: 178px;
 border-top: 0px;
 border-right: 1px #CCCCCC solid;
 border-bottom: 0px;
 border-left: 1px #CCCCCC solid;
 padding-top: 10px;
 font-size: 10px;
 color: #333333;
}

div.link_content_left {
 float: left;
 width: 80px;
 margin: 0px 0px 0px 7px;
}
div.link_content_left a{
 height: 12px;
}
div.link_content_right {
 float: right;
 width: 80px;
 margin: 0px 5px 0px 0px;
}
div.link_content_right a{
 height: 12px;
}
div.link_content_bottom {
 clear: both;
}
#link_content font.chapter {
 font-weight: bold;
}
