/* 背景と配置 */
body {
 margin: 0px 0px 0px 0px;
}


/* リンク設定 */
a:link {color:#3333ff; }
a:visited {color:#2222ee;}
a:active { color: #6666ff; text-decoration:none;}
a:hover { color: #111133; background:#ddddff; text-decoration:none;}


/* 強調文字設定 */
h1 {
 background: url(../../img/index.jpg) no-repeat 0px 18px;
 width: 861px;
 height: 117px;
 font-weight: normal;
 color: #333333;
 font-size: 12px;
 overflow: hidden;
 margin: 0px;
 padding-left: 18px;
}

h2 {
 margin: 0px 0px 5px 0px;
 font-size: medium;
}

h3 {
 margin: 8px 0px 5px 0px;
 font-size: medium;
 color: #ee6622;
}

h4 {
 width:535px;
 color: #FFF;
 font-weight:bold;
 height:26px;
 background: url("img/genre.gif");
 padding: 4px 0px 0px 20px;
 overflow: hidden;
 font-size: 14px;
}

.tx1 {
 font-size: 16px;
 color: #cc0000;
 font-weight: bold;
}

.tx2 {
 font-size: 85%;
 font-weight: normal;
 color: #333;
}

.tx3 {
 font-size: 90%;
 font-weight: bold;
}

.tx_right {
 float: right;
}

.tx_right p {
 line-height: 17px;
 padding: 0px 7px 10px 0px;
 display: block;
}

.tx_right img {
 vertical-align: middle;
}

p {
 margin-top: 0px;
}

.ml {
 margin-bottom: 0px;
}

strong{
 color: #FF9933;
}

address {
	display: inline;	
}


/* 画像設定 */
img {border:0px; margin: 0px;}

.banner img {
 vertical-align: middle;
}

.banner {
 font-size: 15px;
 color: #cc0033;
 font-weight: bold;
 margin-bottom: 5px;
}

.banner p {
 margin-bottom: 0px;
}

.line {
 text-align: center;
 margin-bottom: 15px;
}

.b_left {
 float: left;
 width: 394px;
 color: #cc0033;
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 5px;
}

.o_left {
 float: left;
 width: 294px;
 margin-bottom: 5px;
}

.b_left p {
 margin-bottom: 0px;
}

.b_right {
 float: right;
 margin-bottom: 5px;
 margin-right: 5px;
}

hr {
 clear: both;
}

/* リスト設定 */
ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}


/* 全体の枠組み 横幅 */
#container {
 line-height: 130%;
 margin:0px auto 0px auto;
 width: 861px;
 height: 100%;
 font-family: Verdana, Arial, sans-serif;
 border: solid 1px #666666;
}


/* ヘッダ */
#head {
 width:100%;
}

#topmenu {
 padding: 7px 17px 3px 18px;
 height: 25px;
}

#topmenui {
 float: left;
 width: auto;
}

#toptel {
 line-height: 25px;
 height: 25px;
 float: right;
 width: 391px;
}

#topmenu li {
 float: left;
 margin-right: 10px;
 width: auto;
}

#topmenu a {
 display: block;
 height: 23px;
 text-indent: -9999px;
 overflow: hidden;
}

#topmenu a:hover{
 background-position: 0px -23px;
}

#b1{
 background-image: url(../../img/button1.gif);
 width: 119px;
 height: 23px;
}

#b2{
 background: url(../../img/button2.gif);
 width: 150px;
}

#area_slc {
 background: url(../../img/chi_back.jpg) no-repeat;
 font-size:12px;
 font-weight:bold;
 color: #444444;
 height: 60px;
 width: 381px;
 padding-left: 450px;
 padding-top: 10px;
 margin: 0px 15px 10px 15px;
 clear: both;
}

form {
 margin: 0px;
}


/* 縦３段中央メイン */
 #main {
 padding: 0px 10px 0px 15px;
}


/* 左サイドバー */

#left {
 float: left;
 width: 213px;
 display:inline;
 margin-right: 10px;
}

#navi {
 padding: 0px;
}

#navi li {
 font-weight: bold;
 font-size:12px;
 line-height: 38px;
}

#navi a {
 display: block;
 height: 38px;
 width: 113px;
 padding-left:100px;
 color: #333;
 text-decoration:none;
 background: url(../../img/sidemenu.jpg);
}

#navi a:hover{
 color:#999;
 background: url(../../img/sidemenu.jpg);
}

#menu1 a {
 height: 28px;
 line-height: 28px;
 width: 213px;
 padding: 0px;
 margin: 0px;
}

#menu2 a {
 background-position: 0px 0px;
}
#menu2 a:hover {
 background-position: -213px 0px;
}

#menu3 a {
 background-position: 0px -38px;
}
#menu3 a:hover {
 background-position: -213px -38px;
}

#menu4 a {
 background-position: 0px -76px;
}
#menu4 a:hover {
 background-position: -213px -76px;
}

#menu5 a {
 background-position: 0px -114px;
}
#menu5 a:hover {
 background-position: -213px -114px;
}

#menu6 a {
 background-position: 0px -152px;
}
#menu6 a:hover {
 background-position: -213px -152px;
}

#menu7 a {
 background-position: 0px -190px;
}
#menu7 a:hover {
 background-position: -213px -190px;
}

#menu8 a {
 background-position: 0px -228px;
}
#menu8 a:hover {
 background-position: -213px -228px;
}

#menu9 a {
 background-position: 0px -266px;
}
#menu9 a:hover {
 background-position: -213px -266px;
}

#menu10 a {
 background-position: 0px -304px;
}
#menu10 a:hover {
 background-position: -213px -304px;
}

#menu11 a {
 background-position: 0px -342px;
}
#menu11 a:hover {
 background-position: -213px -342px;
}

#menu12 a {
 background-position: 0px -380px;
}
#menu12 a:hover {
 background-position: -213px -380px;
}

#menu13 a {
 background-position: 0px -418px;
}
#menu13 a:hover {
 background-position: -213px -418px;
}

#menu14 a {
 background-position: 0px -456px;
}
#menu14 a:hover {
 background-position: -213px -456px;
}

#menu15 a {
 background-position: 0px -494px;
}
#menu15 a:hover {
 background-position: -213px -494px;
}

#menu16 a {
 background-position: 0px -532px;
 height: 41px;
}
#menu16 a:hover {
 background-position: -213px -532px;
 height: 41px;
}


#navi2 {
 padding: 26px 0px 10px 0px;
 background:url(../../img/menuback1.gif) no-repeat;
 width: 213px;
 margin-top: 5px;
}

#n_link {
 width: 213px;
 background:url(../../img/menuback2.gif);
 text-align: center;
}

#n_link li { 
 line-height: 25px;
 font-weight: bold;
 font-size:12px;
}

#n_link a {
 color: #333;
 text-decoration:none;
}

#n_link a:hover{
 color:#999;
}

#menu17 {
 background:url(../../img/menuback3.gif) no-repeat 0px 19px;
 height: 50px;
}


.topix p {
 padding: 2px 10px 10px 10px;
 font-size: 80%;
}


/* 右メイン */
#right {
 float: left;
 width: 612px;
 padding: 0px 0px 10px 0px;
 display:inline;
 font-size: 80%;
}

/* 加盟店募集 */
.box1 h3 {
 width: 580px;
 height: 27px;
 background: url(../../img/tag.gif) no-repeat;
 color: #FFF;
 font-weight: bold;
 padding-left: 10px;
 font-size:14px;
 line-height: 27px;
 margin: 0px;
 clear: both;
}

.box1 h4 {
 color: #0066ff;
 font-weight: bold;
 padding-left: 10px;
 font-size:14px;
 margin: 0px;
}


.b_flow {
	width: 120px;
	height: 60px;
	float: left;
	margin: 115px 0px 0px 32px;
	display: inline;
	font-size: 12px;
}

.b_flow1 {
	width: 110px;
	height: 60px;
	float: left;
	margin: 115px 0px 0px 10px;
	display: inline;
	font-size: 12px;
}

#buy_satei {
	background: url(../../img/nagare1.jpg) no-repeat;
	width: 580px;
	height: 180px;
	
}

#buy_mail {
	background: url(../../img/nagare2.jpg) no-repeat;
	width: 580px;
	height: 180px;
	
}

#buy_taku {
	background: url(../../img/nagare3.jpg) no-repeat;
	width: 580px;
	height: 180px;
	
}


.box2 {
 padding: 20px 0px 0px 0px;
 background:url(../../img/box_head.gif) no-repeat;
 width: 605px;
 margin-top: 5px;
 margin-bottom: 15px;
}

.box2 ol {
 width: 555px;
 background:url(../../img/box_bottom.gif) no-repeat bottom;
 padding: 0px 10px 20px 40px;
 margin: 0px;
}

.boxlead {
 margin: 0px 0px 5px 17px;
 font-size: medium;
 color: #ee6622;
 font-weight: bold;
}


/* フッター */
#footer {
 color: #333;
 clear: both;
 text-align: center;
 font-size: 10px;
 padding-top :20px;
}

#footer strong {
	color:#3333FF
}

.alist {
 padding: 0px 20px 15px 20px;
 text-align: right;
}

.alist p {
 margin-bottom: 5px;
}

.alist li {
 float: right;
 width: auto;
 margin-left: 10px;
 margin-bottom: 5px;
 padding-left: 5px;
 border-left: solid 3px #333333;
 height: 12px;
 font-size: 10px;
 line-height: 12px;
 display: block;
 white-space: nowrap;
}


/* プルダウン */

.combo {
	width: 300px;
	height:25px;
	border: none;
	background: url('../../img/bg_select.gif') no-repeat 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	cursor: pointer;
	padding-top: 5px;
	text-indent: 0.5em;
}



#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
	line-height:1.5em; 
}

#nav a{
	display:block;
	padding:0px 5px;
	color: #444;
	text-decoration:none;
	background-color:#EEE;
}

#nav a:hover{
	background-color:#CCC;
	color:#000;
}

#nav li{
	float:left;
	position:relative;
}

#nav ul {
	position:absolute;
	display:none;
	width:12em;
	top:1.5em;
}

#nav li ul a{
	width:12em;
	height:auto;
	float:left;
}

#nav ul ul{
	top:auto;
}	

#nav li ul ul {
	left:12em;
margin:0px 0 0 10px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}


/* エラーページ */
.error {
 text-align: center;
}

.error p {
 font-size: 80%;
}