@charset "UTF-8";
/* AJOC CSS Document 08.06.10*/

* {
	margin: 0;
	padding: 0;
	line-height: 100%;
	color: #333;
}

img {
	border: 0px;
	vertical-align: top;
}

.clearb {
	clear: both;
}


a:link {color: #0094C6; text-decoration: underline;}
a:visited {color: #0094C6; text-decoration: underline;}
a:active {color: #999; text-decoration: underline;}
a:hover {color: #999; text-decoration: underline;}


/*TEXT*/

h1, h2, h3, h4, h5, p, li, a, span, strong, address{
	font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Helvetica, Arial, sans-serif;

}


/* ------------------------------
 BODY MAIN
------------------------------ */
body {
	text-align:center;
}

div#contentsblock {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}



/* ------------------------------
 HEADER common
------------------------------ */

div#header p#ajoc_logo {
	float:left;
}

div#header p#ajoc_campaign {
	float:left;
}

div#about_ajoc {
	float:right;
	margin-bottom: 5px;
	text-align:left;
}

/*menu pulldown*/
div#about_ajoc ul {
	z-index: 1;
	margin-top:2px;
	padding: 0;
	position:absolute;
	text-align: left;
	width:140px;
	background-color:#FFF;
	border-top:#DFDFDF 1px solid;
	display: none;
}



div#about_ajoc ul li {
	background: #FFF url(/common/img/about_listmark.gif) 5px 50% no-repeat;
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding: 3px 0 5px 15px;
	text-align: left;
	border-left: #DFDFDF 1px solid;
	border-right: #DFDFDF 1px solid;
	border-bottom: #DFDFDF 1px solid;
}


div#about_ajoc ul li a{
	font-size: 80%;
	display: block;
}

div#about_ajoc ul li a:link {color: #333333; text-decoration: none;}
div#about_ajoc ul li a:visited {color: #333333; text-decoration: none;}
div#about_ajoc ul li a:active {color: #999; text-decoration: none;}
div#about_ajoc ul li a:hover {color: #999; text-decoration: none;}

/*pankuzu*/
p#pankuzu {
	font-size:80%;
	color:#333;
	clear: both;
	padding: 5px 0 5px 10px;
	background-color: #FAFAFA;
	border-top:#CEE3EE 1px solid;
	border-bottom:#CEE3EE 1px solid;
}



/* ------------------------------
 MAINBOX common
------------------------------ */

div#mainbox{
	margin-top:20px;
	width: 800px;
}

/*テキストの回り込みあり画像*/
p.text1 {
 	float:left;
	margin-right: 10px;
}

p.text2 {
 	float:right;
	margin-left: 10px;
}



/*テキストの回り込みなし センター揃え画像*/
p.text3 {
	text-align: center;
}


/* ------------------------------
 FOOTER COMMON
------------------------------ */

/*page top & contact*/

div#footer {
	width: 800px;
	background-color: #FFF;
	padding: 30px 0 0 0;
	margin:0;
}

div#footer div {
	margin: 0px 10px 0px 10px;
	background-color: #FFF;
}

div#footer div p#pagetop{
	float:left;
	width: 55px;
	margin-left: 0;
	margin-bottom: 10px;
}

div#footer div p#pagetop img{
	margin-top:5px;
	display: block;
}

div#footer div p#contact{
	float:right;
	width: 340px;
	margin-right: 0;
	margin-bottom: 10px;
}

div#footer div p#contact img{ display: block;}

div#footer p#copyright{
	display: block;
	text-align:right;
	padding: 3px 10px 5px 0px;
	font-size:70%;
	color:#666;
	background-color:#FAFAFA;
	border-bottom:#CEE3EE 1px solid;
	border-top:#CEE3EE 1px solid;
	margin: 0 0 50px 0;
}




/* ------------------------------
 加盟店一覧
 ------------------------------ */

/*header*/
div#mainbox .corp_list{
	margin-bottom:7px;
	margin-left:10px;
}

div#mainbox p.corp_list{
	font-size:80%;
	color:#333;
}

div#mainbox h2.corp_list a img{
	display:inline;
	margin-right: 15px;
}


/*shop name list*/

table#shopname_list {
	width:100%;
	margin-top:20px;
	margin-bottom: 0px;
	background-color: #FFF;
}

table tr.colored {
	background:#EEF7FB;
}

table#shopname_list th {
	width:320px;
	text-align: left;
	font-weight:normal;

}

table#shopname_list th h3{
	margin: 10px;
	font-size:90%;
	font-weight:normal;
	line-height:180%;
}

table#shopname_list th h3 img{
	display: inline;
	vertical-align:middle;
	margin-right:5px;
}


table#shopname_list th h3 a:link {color: #0094C6; text-decoration: none;}
table#shopname_list th h3 a:visited {color: #0094C6; text-decoration: none;}
table#shopname_list th h3 a:active {color: #999; text-decoration: none;}
table#shopname_list th h3 a:hover {color: #999; text-decoration: none;}


table#shopname_list td {
	font-size:80%;
	color:#333;
	line-height:150%;
	padding: 10px;
}



/* 加盟店一覧（会社名別） */

table#shopname_list th p {
	font-size:75%;
	color: #666;
	margin:0 0 10px 10px;
	line-height:180%;
}

table#shopname_list th p strong{
	font-weight: normal;
	color: #333;
	margin-left: 5px;
}




/* ------------------------------
 全国店舗一覧トップ
 ------------------------------ */

/*pull down*/
div#pulldown_shopname {
	width: 140px;
	margin-top: 25px;
}


div#pulldown_shopname select {
	width: 140px;
	font-size: 80%;
}


/*left menu*/
div#map_erea {
	float:left;
	width: 140px;
}

div#map_erea h2 {
	display: block;
	width: 140px;
	height: 25px;
	margin-bottom: 2px;
}

div#map_erea h2 img{
	display: block;
}

div#map_erea ul {
	background-color: #FFF;
	margin:0 0 2px 0;
	padding: 10px 0px 2px 0px;
	border: #1FADDC 1px solid;
	display: none;
}

div#map_erea ul li {
	background: #FFF url(/common/img/shopmap_listmark.gif) 10px 50% no-repeat;
	list-style-type: none;
	list-style-position: outside; 
	margin-bottom: 8px;
	padding:0 0 0 18px;
	font-size: 80%;
	color: #CCCCCC;
}

div#map_erea ul li a{
	display: block;
}


div#map_erea ul li a:link {color: #333; text-decoration: none;}
div#map_erea ul li a:visited {color: #333; text-decoration: none;}
div#map_erea ul li a:active {color: #DDD; text-decoration: none;}
div#map_erea ul li a:hover {color: #DDD; text-decoration: none;}



/*main right contents*/
div#map_mainbox {
	float: left;
	width: 645px;
	background-color: #FFf;
}

div#map_mainbox h1 {
	font-size:110%;
	margin-left: 10px;
	line-height: 150%;
}

div#map_mainbox div#mapbox {
	margin: 20px 0px 0px 45px;
	width: 582px;
	height: 712px;
	background: #FFF url(/common/img/map/shopmap.gif) top left no-repeat;
	display:block;
	position: relative;
}

div#map_mainbox div#mapbox img{
	display: block;
}


/* マップレイヤー */

div#map_mainbox div#mapbox .map_rights {
	text-align: left;
	background-color: #FFF;
}

div#map_mainbox div#mapbox .map_rights h2 {
	display: block;
	float: right;
}

div#map_mainbox div#mapbox .map_rights p {
	
	float: right;
	text-align: left;
	background-color:#FFF;
	margin:0;
}

div#map_mainbox div#mapbox .map_rights p img {
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

div#map_mainbox div#mapbox .map_lefts {
	text-align: left;
	background-color: #FFF;
}

div#map_mainbox div#mapbox .map_lefts h2 {
	display: block;
	float: left;
}

div#map_mainbox div#mapbox .map_lefts p {
	
	float: left;
	text-align:left;
	width: 100%;
	background-color:#FFF;
	padding-right: 0;
}

div#map_mainbox div#mapbox .map_lefts p img {
	display: block;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
}


div#erea_hokkaido {
	width: 220px;
	position: absolute;
	left: 79px;
	top: 60px;
}

div#erea_tohoku {
	width: 222px;
	position: absolute;
	left: 44px;
	top: 173px;
}

div#erea_koshinetsu {
	width: 220px;
	position: absolute;
	left: 12px;
	top: 264px;
}

div#erea_kanto {
	width: 220px;
	position: absolute;
	left: 356px;
	top: 373px;
}


div#erea_kinki {
	width: 226px;
	position: absolute;
	left: 290px;
	top: 437px;
}

div#erea_tyugoku {
	width: 276px;
	position: absolute;
	left: 257px;
	top: 511px;
}

div#erea_kyusyu {
	width: 237px;
	position: absolute;
	left: 216px;
	top: 580px;
}



/* ------------------------------
 全国店舗一覧リスト
 ------------------------------ */
 
 
div#map_mainbox p#erea_name {
	margin:0 0 5px 10px;
	font-size: 80%;
	color: #666;
} 
 
div#map_mainbox ul#erea_headlist {
	margin: 15px 0 15px 10px; 
}
 
div#map_mainbox ul#erea_headlist li{
	display:block;
	font-size: 75%;
	color: #999;
	margin-bottom: 5px;
	float: left;
}


/*市区町村*/
div#map_mainbox {
	margin: 0 0 0 15px;
}

div#map_mainbox h3 {
	background-color: #28B3E2;
	color: #FFF;
	font-size: 80%;
	font-weight: normal;
	padding: 3px 6px;
}

div#shoplist_erea table {
	margin-bottom: 40px;
}

div#map_mainbox table.lastone {
	margin-bottom: 0px;
}

div#map_mainbox table th {
	width: 165px;
	text-align: left;
	vertical-align:middle;
	padding:15px;
	border-bottom: #CCC 1px solid;
	background-color: #FFF;
}

div#map_mainbox table th a{
	font-size: 80%;
	line-height: 150%;
	font-weight: normal;
	text-decoration: none;
}


div#map_mainbox table td{
	width: 410px;
	font-size: 80%;
	line-height: 150%;
	font-weight: normal;
	text-align: left;
	vertical-align:middle;
	padding:15px;
	border-bottom: #CCC 1px solid;
}

div#map_mainbox table td.maplink{
	width: 70px;
	background-color:#FFF;
}

div#map_mainbox table td.maplink img{
	display: inline;
	vertical-align: middle;
	margin-right: 3px;
}

/*屋号版*/
div.yago div#shoplist_yago  table {
	margin-bottom: 0px;
}

div.yago div#shoplist_yago {
	background-color: #FFF;
	margin-top: 15px;
	border-top: #CCC 1px solid;}


/* ------------------------------
 店舗MAP吹き出し
 ------------------------------ */

div.shopinfo {
	text-align: left;
}

div.shopinfo h2 {
	font-size: 90%;
	margin-bottom: 15px;
}

div.shopinfo p{
	font-size: 80%;
	line-height: 150%;
	
}




/* ------------------------------
 店舗別ページ COMMON
 ------------------------------ */

/*company header common*/

div#company_header {
	width: 800px;
	background-color: #FFF;
}

div#company_header p#c_logo {
	float:left;
	margin:10px 0px;
}

div#company_header p#c_logo a img {
	margin:0px 10px;
}

div#company_header div#c_hp {
	float:right;
	margin:0;
	width: 500px;
	text-align: right;
	height: 100%;
}

div#company_header div#c_hp p {
	margin:10px 10px 10px 0px;
	font-size:80%;
	background-color: #FFF;
}

div#company_header div#c_hp p img {
	display: inline;
	vertical-align: top;
	margin-right:3px;
	padding-top: 3px;
}

div#company_header p#c_headline {
	clear:both;
	height: 10px;
	width: 100%;
}



/*left main menu common*/
div#corp_leftmenu {
	float:left;
	width: 140px;
}

div#corp_leftmenu ul {
	margin-top:18px;
	
}

div#corp_leftmenu ul li{
	display: block;
	margin: 0;
	padding: 0 0 2px 0;
	text-align:left;
	width: 140px;
	list-style-position: outside;
	list-style-type:none;
	background-color: #FFF;
}

div#corp_leftmenu ul li a {
	color: #FFF;
	background: url(/common/img/corp_menumark.gif) 5px 50% no-repeat;
	display: block;
	margin:0;
	padding:5px 0 5px 12px;
	font-size: 85%;
	font-weight: normal;
	text-decoration: none;
}

div#corp_leftmenu ul li a:link {color: #FFF; text-decoration: none;}
div#corp_leftmenu ul li a:visited {color: #FFF; text-decoration: none;}
div#corp_leftmenu ul li a:active {color: #CCC; text-decoration: none;}
div#corp_leftmenu ul li a:hover {color: #CCC; text-decoration: none;}


/*main right contents common*/
div#corp_main_right {
	float: right;
	width: 645px;
	margin-top: 18px;
}


div#corp_main_right h1{
	font-size:110%;
	font-weight:bold;
	color: #333;
	background-color: #FFF;
	display: block;
	padding-left: 15px;
	line-height: 150%;
}

div#corp_main_right p#yago_yomi{
	font-size: 80%;
	color: #999;
	line-height: 120%;
	padding-left: 15px;
}


/*footer,contact common*/
div#corp_contact {
	font-size:80%;
	color:#333;
	padding: 5px 0 5px 10px;
	text-align: right;
	background-color: #FFF;
}

div#corp_contact a {
	color: #000;
	display: inline;
	width: auto;
	margin:0;
	padding:7px 5px 5px 12px;
	font-size: 85%;
	font-weight: normal;
	text-decoration: none;
	line-height: 120%;
}


/* ------------------------------
 店舗別ページ 会社案内
 ------------------------------ */


/*COMPANY INFORMATION*/


div#corp_main_right h1 span{
	font-size: 70%;
	font-weight: normal;
	color: #666;
	margin-left: 5px;
}

div#info_l {
	float: left;
	margin-left: 0;
	width: auto;
	background-color: #FFF;
}

div#info_l_nophoto {
	float: left;
	margin: 0;
	width: 645px;
	background-color: #FFF;
}

div#corp_main_right div#info_l table {
	width: 400px;
	background-color: #FFF;
	margin: 25px 30px 15px 25px;
}

div#corp_main_right div#info_l_nophoto table {
	width: 595px;
	margin: 25px 25px 15px 25px;
}

div#corp_main_right div#info_l table tr, div#corp_main_right div#info_l_nophoto table tr {
	display: block;
}

div#corp_main_right div#info_l table th, div#corp_main_right div#info_l_nophoto table th {
	width: 80px;
	font-size:80%;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
	line-height: 150%;
}

div#corp_main_right div#info_l table td {
	width: 320px;
	font-size:80%;
	vertical-align: top;
	color: #333;
	padding-bottom: 15px;
	text-align: left;
	line-height: 150%;
}

div#corp_main_right div#info_l_nophoto table td {
	width: 515px;
	font-size:80%;
	vertical-align: top;
	color: #333;
	padding-bottom: 15px;
	text-align: left;
	line-height: 150%;
}


/*イメージ写真*/
div#corp_main_right div#corp_r{
	float:right;
	width: 182px;
}

div#corp_main_right div.corp_imgs{
	text-align: center;
	border: #DAE4E3 1px solid;
	margin-bottom: 15px;
	margin-top: 25px;
}

div#corp_main_right div.corp_imgs img{
	margin:2px;
}

div#corp_main_right div.corp_imgs p{
	margin:5px;
	font-size:70%;
	color:#666;
}


/*会社説明*/

div#corp_main_right div#corp_comments {
	padding-bottom: 40px;
}

div#corp_main_right div#corp_comments h2 {
	font-size: 90%;
	font-weight: bold;
	color: #FFF;
	padding:5px 10px 5px 10px;
	margin-top: 20px;
}



/*テキスト*/

div#corp_main_right div#corp_comments p {
	font-size: 80%;
	color: #333;
	line-height: 150%;
	margin-top: 15px;
	padding: 0 10px;
}


/* ------------------------------
 店舗別ページ 主要店舗案内
 ------------------------------ */


div#shopinfo_head {
	width: 645px;
}

div#corp_main_right div#shopinfo_head h1, div#corp_main_right div#shopmap_head h1{
	display: block;
	float: left;
	margin-bottom: 15px;
}


div#shopinfo_head p {
	float: right;
	font-size: 80%;
	margin-bottom: 20px;
}

div#shopinfo_head p img {
	display: inline;
	vertical-align: top;
	margin-right: 3px;
	padding-top: 3px;
}

div#shopinfo_head p a {
	margin-right: 15px;
}


/*店舗写真一覧*/

div#shops {
	margin-top: 25px;
}

div.mainshops {
	padding-bottom: 25px;
	padding-left:15px;
	float: left;
	width: 300px;
}


div.mainshops h2 {
	width: 240px;
	float: left;
	margin-left: 0;
	margin-top: 20px;
	font-size: 85%;
	line-height: 150%;
	background-color:#FFF;
}

div.mainshops div {
	width: 300px;
	background-color: #FFF;
}

div.mainshops p.mainshops_map {
	float: right;
	margin-right: 0;
	margin-top: 20px;
	text-align: right;
	font-size: 80%;
	background-color: #FFF;
	vertical-align: middle;
}

div.mainshops p.mainshops_map img {
	display: inline;
	vertical-align: top;
	padding-top: 3px;
	margin-right: 3px;
}
div.mainshops address {
	width: 300px;
	clear: both;
	padding-top:15px;
	font-size: 80%;
	font-style: normal;
	line-height: 150%;
	color: #333;
}


/* ------------------------------
 店舗別ページ 店舗マップ
 ------------------------------ */


div#shopmap_head {
	width: 645px;
}

div#shopmap_head p {
	float: right;
	font-size: 80%;
	margin-bottom: 20px;
	text-align: right;
}

div#shopmap_head p img {
	display: inline;
	vertical-align: middle;
	margin-right: 3px;
}

div#shopmap_head p a img {
	display: block;
	margin: 10px 30px 0px 0px;
}

div#shopmap_head p a {margin-right: 30px;}

div#shopmap {
	margin: 0 30px;
	border: #CEE3EE 1px solid;
	width: 580px;
	height: 710px;
	text-align:center;
}

div#shopmap_name {
	margin: 18px 30px 0 30px;
	}


div#shopmap_name h2 {
	font-size: 90%;
}

div#shopmap_name address {
	padding-top:10px;
	font-size: 80%;
	font-style: normal;
	line-height: 150%;
	color: #333;
}



/* ------------------------------
 商品情報ページ
 ------------------------------ */


div.item_textbox {
	padding-top: 30px;
	padding-bottom: 30px;
}

div.item_textbox h2 {
	font-weight: bold;
	font-size: 95%;
	padding-left: 10px;
}

div.item_textbox p {
	font-weight: normal;
	font-size: 80%;
	color: #333;
	line-height: 150%;
	padding: 15px 10px 0 10px;
}

div#item_lastbox {
	border-bottom:none;
}