@charset "utf-8";

/* =====================================================================
	基本設定
====================================================================== */
* {
	margin : 0 0px 0 0;
	padding : 0;
	font : normal normal 100% Arial,Helvetica,sans-serif;
}

*html {
	border-style : none;
}

body {
	background : #ffffff;
	color : #333333;
	font-size : 12px;
	margin: 0;
}

a {
	color : #0033FF;
	text-decoration : none;
}

a:link {
}

a:visited {
}

a:hover {
	color: #000000;
	text-decoration : underline;
}

a:active {
}

a img {
	border: 0 none;
}

br.clear{
	clear: both;
}

/* =====================================================================
	ヘッダー設定
====================================================================== */
div#header {
	width : 800px;
	text-align: left;
}

div#header_right {
	float: right;
	text-align: right;
	width: 335px;
	vertical-align: text-top;
	margin: 8px 4px 4px 0px;
}

div#header_area {
	padding: 3px 0px 3px 3px;
	background: #015BB5;
	color: #FFFFFF;
	text-align: left;
}

div#header_main {
	text-align: left;
	vertical-align: text-top;
}


div#header_area a{
	color: #FFFFFF;
}

div#header_area a:hover{
	color: #FFFFFF;
	text-decoration : underline;
}

div#header_logo {
	margin: 9px 4px 4px 4px;
	float: left;
	width: 250px;
}

div#header_title {
	float: left;
	width: 200px;
}

div#header_title h1 {
	font-size: 12px;
	text-align: left;
	font-weight: normal;
	color: #999999;
	padding-top: 7px;
}

#search_box {
	line-height: 20px;
}

#search_box input {
	font-size:10px;
}

/* =====================================================================
	メニュー設定
====================================================================== */
#menu {
      width: 800px;
      float:left;
      background:change-background;
      line-height:normal;
	  clear: both;
}
#menu ul {
      margin:0;
      padding:4px 0 0 0;
      list-style:none;
}
#menu li {
      display:inline;
      margin:0;
      padding:0;
	  width: 160px;
}
#menu a {
      float:left;
      background:url(../img/menubg.gif) no-repeat left top;
      margin:0;
      padding:0;
      text-decoration:none;
	  text-align: center;
	  width: 160px;
}
#menu a span {
      float:left;
      display:block;
      background:url(../img/menubg.gif) no-repeat right top;
	  line-height: 34px;
      color:#FFFFFF;
}
#menu a span {
      float:none;
}
#menu a:hover span {
      color:#015BB5;
}
#menu a:hover {
      background-position:0% -34px;
}
#menu a:hover span {
      background-position:100% -34px;
}

/* =====================================================================
	コンテンツ設定
====================================================================== */
#shell {
      width: 800px;
	  text-align: left;
	  clear: both;
}

ul.topic_path {
	margin: 0;
	padding: 6px 0px 10px 4px;
	text-align: left;
}

ul.topic_path li {
	display:inline;
}

div#main {
	float : right;
	width : 640px;
}

div#contents {
	float : left;
	width : 480px;
	margin: 0px 5px;
}

div#utilities {
	float : left;
	width : 160px;
	background: #E3E3E3;
	padding-bottom: 15px;
}

div#guide {
	float : right;
	width : 150px;
}

/* =====================================================================
	レフト設定
====================================================================== */
div#leftbar_top {
	width : 160px;
	background:url(../img/leftbar_top.gif) no-repeat left top;
}

div#leftbar_top h5{
	color: #FFFFFF;
	font-weight: bold;
	line-height: 25px;
	padding-left: 18px;
}

div#leftbar_center {
	width : 160px;
	background:url(../img/leftbar_center.gif) repeat-y left top;
	margin-bottom: 10px;
}

div#leftbar_login {
	width : 160px;
}

div#leftbar_login_text {
	float: left;
	width : 40px;
	padding-left: 10px;
	padding-top: 2px;
	margin-top: 4px;
}

div#leftbar_login_textarea {
	float: right;
	width : 100px;
	padding-right: 10px;
	margin-top: 4px;
}

div#leftbar_login_textarea input{
	width : 90px;
}

div#leftbar_login_check {
	clear: both;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 8px;
	line-height: 14px;
}

#memberbtn {
	width: 130px;
	margin-left: 15px;
	padding-top:10px;
}
#memberbtn ul {
}
#memberbtn li {
	display:inline;
	list-style:none;
	margin: 0x;
}
#memberbtn li a {
	height:55px;
	width: 130px;
	display:block;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
	background:url("../img/member_btn.gif") no-repeat 0px 0px;
}

#memberbtn li a:hover {
	width: 130px;
	background:url("../img/member_btn.gif") no-repeat 0px -55px;
}

#newshop_area {
	width: 156px;
	margin-left: 2px;
}

#newshop{
	width: 156px;
	padding-left: 2px;
}

#newshop li{ 
}

#newshop li a{ 
  border-bottom: 1px solid #CCCCCC;
  margin: 0;
  padding: 3px 2px;
  font-size: 80%;
}

#newshop li a{
  text-decoration: none;
  display: block;
}

#newshop li a:hover{
  text-decoration: none;
  display: block;
  background: #D9E2ED;
}

#mobile {
	width: 160px;
	text-align: center;
	padding: 4px 0px;
}

#rss {
	width: 160px;
	text-align: center;
	margin-top: 5px;
}

/* =====================================================================
	コンテンツ設定
====================================================================== */
#mainimg {
	width: 480px;
	text-align: center;
	margin-bottom: 15px;
}

#search {
	width: 478px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

#search_title {
	background:url(../img/search_bar.gif) no-repeat left top;
	width: 478px;
	margin-bottom: 10px;
}

#search_title h5{
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	padding-left: 30px;
}

#search_job {
	float:left;
	width: 239px;
	text-align: left;
	margin-bottom: 20px;
}

#search_job select{
	width: 180px;
}

#search_area {
	float:right;
	width: 239px;
	text-align: left;
	margin-bottom: 20px;
}

#search_area select{
	width: 180px;
}

#search_etc {
	width: 440px;
	text-align: left;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	padding-left: 30px;
	margin-bottom: 10px;
}

#search_etctitle{
	border-bottom: 1px solid #666666;
	width: 420px;
	margin-bottom: 6px;
}

#searchetc_box {
	text-align: center;
}

#searchetc_box input {
	font-size:12px;
	margin: 10px 0px;
}

#message_title {
	background:url(../img/message_bar.gif) no-repeat left top;
	width: 480px;
	margin-bottom: 3px;
}

#message_title h5{
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	padding-left: 5px;
}

.message {
	width: 478px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	clear: both;
}

.message_box {
	width: 478px;
	clear: both;
}

.message_timetitle {
/*	float: left;*/
	width: 85px;
	background: #015CBF;
	text-align: center;
	color: #FFFFFF;
	padding: 3px 0px;
}

/*
.message_timetitle {
	float: left;
	width: 85px;
	padding: 3px 0px;
}
*/
.message_time {
	float: left;
	width: 82px;
	padding: 3px 0px;
	text-indent: 3px;
}

.message_shop {
	float: right;
	width: 393px;
}

.message_shop2 {
	float: right;
	width: 390px;
}

.message_shopnametitle {
/*	float: left;*/
	width: 125px;
	background: #015CBF;
	text-align: center;
	color: #FFFFFF;
	margin: 0px 1px;
	padding: 3px 0px;
}

.message_shopname {
	float: left;
	width: 122px;
	margin: 0px 1px;
	padding: 3px 0px;
	text-indent: 3px;
}

.message_shopmessagetitle {
	/*float: right;*/
	width: 266px;
	background: #015CBF;
	text-align: center;
	color: #FFFFFF;
	padding: 3px 0px;
}

.message_shopgyousyutitle {
	background: #015CBF;
	text-align: center;
	color: #FFFFFF;
	padding: 3px 0px;
}

.message_shopgyousyu {
	margin: 0px 1px;
	padding: 3px 0px;
	text-indent: 3px;
}

.message_shopareatitle {
	background: #015CBF;
	text-align: center;
	color: #FFFFFF;
	padding: 3px 0px;
}


.message_shoparea {
	margin: 0px 1px;
	padding: 3px 0px;
	text-indent: 3px;
}

#message_infobox {
	width: 478px;
	clear: both;
}

#message_infobox hr{
	clear: both;
	color: #666666;
}

#message_infoend hr{
	clear: both;
	color: #FFFFFF;
	border: none;
}

.message_btn{
	width: 184px;
	margin: 10px auto;
	clear: both;
}

/* =====================================================================
	ライト設定
====================================================================== */
#pr {
	width: 150px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#pr_banner {
	width: 148px;
	border: 1px solid #999999;
}

#kyuubotitle {
	width: 150px;
}

#kikakutitle {
	width: 150px;
	margin-top: 15px;
}

#kyuubo{
	width: 146px;
	padding-left: 2px;
	font-size: 90%;
	border: 1px solid #999999;
}

#kyuubo li{
list-style-type: none;
clear: both;
}

#kyuubo li a{ 
  border-bottom: 1px solid #CCCCCC;
  margin: 0;
  padding: 3px 2px;
}

#kyuubo li a{
  text-decoration: none;
  display: block;
  font-size: 80%;
}

#kyuubo li a:hover{
  text-decoration: none;
  display: block;
  background: #D9E2ED;
}

span#kyuuboshop {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}

span#kyuuboarea {
	color: #000000;
}

#kyuuboimg {
	float: left;
	margin: 3px;
	width: 72px;
	height: 54px;
}

/* =====================================================================
	フッター設定
====================================================================== */
#footer {
	width: 800px;
	padding-top: 30px;
	padding-bottom: 15px;
	clear:both;
	text-align: right;
	color: #999999;
	line-height: 18px;
}

#footer hr{
	padding-bottom: 5px;
}






/*完了*/
div.ok{margin:10px 0 10px 15px; padding:10px 0 15px 55px; font-size:15px; font-weight:bold; line-height:1.3em; color:Red; background:url(../img/ok.gif) 0 0 no-repeat; }
div.ng{margin:10px 0 10px 15px; padding:10px 0 15px 55px; font-size:15px; font-weight:bold; line-height:1.3em; color:Red; background:url(../img/ng.gif) 0 0 no-repeat; }