/***** 基本スタイル *****/

body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Osaka,"ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.5em;
	color: #555;
	background: #f1f0de url(../images/body_bg_gra.gif) repeat-x top;
}

h1,h2,h3,h4,h5,h6,p { padding: 0; margin: 0 0 10px 0; }

h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 14px; }
h4 { font-size: 14px; color: #9F821D;}
h5 { font-size: 12px; }
h6 { font-size: 12px; }

/*p { font-size: 12px; }*/

form { padding: 0; margin: 0; }
a img { border: none; } 

a { text-decoration: none; color: #00348F;}
a:hover { text-decoration: underline; }

ul { padding: 0; margin: 0; list-style-type: none; }
ol { padding: 0; margin: 0; }
ol li { margin: 0 0 12px 18px; }

textarea{font-size:12px;line-height:1.5em;}


.clearer { clear: both; }
br.clearer { clear: both; line-height: 0; height: 0; padding: 0; margin: 0;}

table { border-collapse: collapse; width: 100%; }
td,th { padding: 7px 10px; }

.f11 { font-size: 11px; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }

.h14 { line-height: 1.4em; }
.h16 { line-height: 1.6em; }
.h18 { line-height: 1.8em; }

/***** 基本レイアウト *****/

#container { width: 100%; margin: 0 auto; }
#header { width: 100%; background: #AD1D27 url(../images/head_bg2.gif) repeat-x; }
#header_inner { width: 780px; margin: 0 auto; }
#banner { width: 100%; background: url(../images/body_bg.gif) repeat-y center;}
#banner_inner { width: 780px; margin: 0 auto;}
#banner_inner_wrap { width: 780px; float: left; border-bottom: 1px solid #f1f0de;}
#banner_inner_l { width: 580px; height: 300px; float: left;}
#banner_inner_r { width: 200px; height: 300px; float: left;}
#content { width: 756px; padding: 12px 22px; margin: 0 auto; background: url(../images/body_bg.gif) repeat-y center; clear: left;}
#footer { width: 732px; padding: 12px 34px 5px 34px; clear: both; margin: 0 auto 20px auto; background: url(../images/body_bg_bottom.png) no-repeat center bottom; }

/***** 段組 *****/

.col_s { width: 176px; float: left; padding: 12px; }
.col_m { width: 354px; float: left; padding: 12px; }
.col_l { width: 532px; float: left; padding: 12px; }

.col_1 { width: 732px; padding: 12px; }
.col_3 { width: 226px; float: left; padding: 12px; }

/***** ヘッダ *****/

#header h1 { font-size: 11px; font-weight: normal; color: #EF5966; text-align: right;padding-top: 1px;}
#header h2 a { display: block; background: url(../images/logo2.gif) no-repeat; width: 288px; height: 24px; text-indent: -2000px;}  
#header .head_menu { width: 780px; padding: 0;margin: 0; height: 35px;}
#header .head_menu li { display: block; width: 130px; height: 35px; float: left; line-height: 35px;padding: 0;margin: 0;}
#header .head_menu li a { display: block; width: 130px; height: 35px; text-indent: -2000px; background-image: url(../images/tab.gif); background-repeat: no-repeat; line-height: 35px;padding: 0;margin: 0;}

/***** ヘッダナビ *****/

#home { background-position: 0 0; }
#home:hover { background-position: 0 -35px; }
#company { background-position: -130px 0; }
#company:hover { background-position: -130px -35px; }
#chain { background-position: -260px 0; }
#chain:hover { background-position: -260px -35px; }
#franchise { background-position: -390px 0; }
#franchise:hover { background-position: -390px -35px; }
#news { background-position: -520px 0; }
#news:hover { background-position: -520px -35px; }
#contact { background-position: -650px 0; }
#contact:hover { background-position: -650px -35px; }

/***** 左ナビ *****/

.col_s h2 { background: url(../images/h_bar_s.gif) no-repeat; padding: 14px 10px; color: #333; text-align: center; }
.col_s h3 { padding: 0 5px; margin: 20px 0 5px 0; color: #555; }
.col_s ul { padding: 0 8px; margin: 0 5px; }
.col_s li { padding: 5px 0 5px 13px; font-weight: bold; background: url(../images/list_ten.gif) no-repeat 0 10px; border-bottom: 1px solid #DFDED1; color: #333;}
.col_s li a { padding: 1px 0; font-weight: normal;}

/***** 右メイン *****/

.col_l h2 , .col_1 h2{ margin: 18px 0; text-align: center; font-size: 16px; color: #333;}

/***** トップページ *****/

.col_m h2 { background: url(../images/h_bar_m.gif) no-repeat; padding: 6px 8px; }
.col_m ul { padding: 0 5px; }

.release { padding: 0 8px; }
.release li { background: url(../images/ten.gif) no-repeat center bottom; padding: 4px 0;font-size:12px; }

.news_right { width: 279px; float:right; display: block;}
.news_left { width: 65px; float:left; display: block; }

.thumb { padding: 4px; } 

/***** トップページナビ *****/

.m1,.m2,.m3 { display: block; background-image: url(../images/intro_menu.gif); background-repeat: no-repeat; width: 200px; height: 50px; text-indent: -2000px;}
.m1 {background-position: 0 0;}
.m1:hover {background-position: -200px 0;}
.m2 {background-position: 0 -50px;}
.m2:hover {background-position: -200px -50px;}
.m3 {background-position: 0 -100px;}
.m3:hover {background-position: -200px -100px;}

/***** フォームスタイル *****/
.wideinput input.wide{width:50%;}
.wideinput input.xwide{width:66%;}
.wideinput textarea{width:100%;}

input.error,textarea.error ,select.error  { border-color: #C00; background-color: #FEF; }
#area_errors{font-size:12px;margin:3px 0;padding:3px 0;color:#D80000;font-weight: bold;}

/***** その他追加スタイル *****/

.arrow { background: url(../images/arrow.gif) no-repeat 0 0; padding: 0 0 0 18px; }
.guide { font-size: 11px; color: #333; font-weight: normal; margin: 0;}
.copyright { font-size: 11px; border-top: 1px solid #C2C1AC; padding: 8px 0; text-align: right; margin-top: 5px;}
.caption { font-size: 11px; line-height: 1.5em; margin-top: 8px; color: #333;}
.news_img { margin: 3px 0 8px 16px; float: right; }

/* 読み物用レイアウト */
.read {line-height:180%;}
.read p {padding:0;}
.read h3,div.list h3{ background: url(../images/ten.gif) repeat-x bottom;padding:6px 0;margin-bottom: 12px; color: #9F821D; font-size: 16px;}
.read h3 a,div.list h3 a{ font-weight: normal; font-size: 14px;}
.read h3 span a,div.list h3 span a{ font-size: 11px;}
.read ul {list-style-type: disc;margin:10px 12px;font-size:12px;line-height:160%;padding:10px 0;}

/* 店舗リスト・ニュース */
div.list{padding-bottom:16px;}
/*div.list h3{border-bottom:1px solid #CCC;margin:12px 0;padding:4px 10px;border-left:solid 8px #720600; color: #333;}*/
div.list p{padding:0 0 8px 0;}

/* ページャー */
.pager a{display:block;padding:1px 4px;margin:2px;border:solid 1px #CCC;float:left;}
.pager a.active{font-weight:bold;}
.pager a:hover{background-color:#800000;color:#FFF;}

.info_table td, .info_table th { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.info_table th { color: #222; text-align: left; font-weight: normal; width: 100px; background: #f0f0f0 url(../images/th_bg.gif) no-repeat top; }

.menu_table th { padding: 5px 0; font-size: 14px; color: #FF9600;}
.menu_table td { padding: 2px 0; }

.line_table td, .line_table th { border: 1px solid #ccc;}
.line_table th { text-align: center; font-weight: normal; background: #f0f0f0 url(../images/th_bg.gif) no-repeat top;}
.line_table thead{background-color:#464646;color:#FFFFFF; text-align: center;}
.rightext{text-align:right;}
.leftext{text-align:left;}
.centertext{text-align:center;}
.tenpo_img img{padding:2px 0;}

/* サイトマップ */
.sitemap { padding: 0 0 0 16px; margin: 0 0 5px 0; }
.sitemap ul { padding: 0 0 0 12px; margin: 0 0 5px 0; }
.sitemap li { padding: 0 0 0 12px; margin: 0 0 5px 0; background: url(../images/list_ten.gif) no-repeat 0 5px; }
.sitemap li ul { padding: 0 0 0 12px; margin: 0 0 5px 0; }
.sitemap li ul li{ padding: 0 0 0 12px; margin: 0 0 5px 0; background: url(../images/list_ten_s.gif) no-repeat 0 6px; }

/* 店舗検索 */
#search_map { padding: 32px; background: url(../images/map/map_bg.gif) no-repeat 0 0;}
#search_map table { background: url(../images/map/map_none.gif) no-repeat; }
#search_map table td { padding: 0; }
#search_map table td a { width: 100%; height: 100%; display: block; background-image: url(../images/map/map.gif); background-repeart: no-repeat; }
#search_map table td a:hover { text-decoration: none; background-image: url(../images/map/map_hover.gif); background-repeart: no-repeat;}
.a1 { background-position: -396px 0; }
.a2 { background-position: -396px -81px; }
.a3 { background-position: -432px -108px; }
.a4 { background-position: -432px -135px; }
.a5 { background-position: -396px -108px; }
.a6 { background-position: -396px -135px; }
.a7 { background-position: -396px -162px; }
.a8 { background-position: -432px -189px; }
.a9 { background-position: -396px -189px; }
.a10 { background-position: -360px -189px; }
.a11 { background-position: -396px -216px; }
.a12 { background-position: -432px -216px; }
.a13 { background-position: -396px -243px; }
.a14 { background-position: -360px -243px; }
.a15 { background-position: -324px -162px; }
.a16 { background-position: -288px -189px; }
.a17 { background-position: -252px -162px; }
.a18 { background-position: -252px -189px; }
.a19 { background-position: -360px -216px; }
.a20 { background-position: -324px -189px; }
.a21 { background-position: -288px -216px; }
.a22 { background-position: -324px -243px; }
.a23 { background-position: -288px -243px; }
.a24 { background-position: -252px -270px; }
.a25 { background-position: -252px -216px; }
.a26 { background-position: -216px -216px; }
.a27 { background-position: -216px -243px; }
.a28 { background-position: -180px -216px; }
.a29 { background-position: -252px -243px; }
.a30 { background-position: -216px -270px; }
.a31 { background-position: -144px -216px; }
.a32 { background-position: -108px -216px; }
.a33 { background-position: -144px -243px; }
.a34 { background-position: -108px -243px; }
.a35 { background-position: -72px -243px; }
.a36 { background-position: -144px -324px; }
.a37 { background-position: -144px -297px; }
.a38 { background-position: -108px -297px; }
.a39 { background-position: -108px -324px; }
.a40 { background-position: -36px -270px; }
.a41 { background-position: 0 -270px; }
.a42 { background-position: 0 -297px; }
.a43 { background-position: 0 -324px; }
.a44 { background-position: -36px -297px; }
.a45 { background-position: -36px -324px; }
.a46 { background-position: 0 -351px; }
.a47 { background-position: 0 -162px; }

/*----------------------------------------------------
	Clearfix 回り込み解除
----------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display:inline-block; min-height:1%;  /* for IE 7*/ }
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

.nopo { cursor: default; }