/***********************/
/* レイアウトCSS         */
/************************/

* {
  margin: 0;
  padding: 0;
}
html, body {
	height: 100%;
}

#header {
	height: 66px;
	background-image:url(../header_bg.gif);
}

#headerinner{
	width:780px;
	text-align:left;
	margin:auto;
	background-image:url(../header_phone.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

#headernavi{
	width:780px;
	height:40px;
	text-align:left;
	margin:auto;
	background-image:url(../headernavi_shadow.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#container {
	width: 100%;
	background-image:url(../bg_line.gif);
	background-position:center;
	background-repeat:repeat-y;
	position: relative;
	min-height: 100%;
}
body > #container {
  height: auto;
}
#contents {
	padding-bottom: 50px;
	text-align:center;
}
#inner{
	width:780px;
	text-align:left;
	margin:auto;
}
#footer {
	width:100%;
	/*position:absolute;*/
	bottom:0;
	left:0;
	height:140px;
	background-image:url(../footer_bg2.gif);
}
#footernavi{
	height:44px;
	font-size: 10px !important;
	font-size: 0.6em;
	line-height:15pt;/*44px;*/
}
#copyright{
	height:26px;
	color:#FFFFFF;
	font-size: 9px !important;
	font-size: 0.6em;
	line-height:26px;
}
#footer p {
  padding: 0;
  line-height: 50px;
}
#left{
    width:210px;
    float:left;
}
#right{
    width:570px;
    float:right;
	font-size: 12px !important;
	font-size: 0.8em;
	line-height:175%;
	margin:0 0 30px 0;
}
img{border:none;}

/* パディングタイプ */
/* 全周囲 */
.pt-all-s{padding:5px;}
.pt-all-m{padding:10px;}
.pt-all-l{padding:20px;}
/* 水平 */
.pt-hrz-s{padding:0px 5px;}
.pt-hrz-m{padding:0px 10px;}
.pt-hrz-l{padding:0px 20px;}
/* 天地 */
.pt-vtc-s{padding:5px 0px;}
.pt-vtc-m{padding:10px 0px;}
.pt-vtc-l{padding:20px 0px;}
/* 右側 */
.pt-r-s{padding:0px 5px 0px 0px;}
.pt-r-m{padding:0px 10px 0px 0px;}
.pt-r-l{padding:0px 20px 0px 0px;}
/* 左側 */
.pt-l-s{padding:0px 0px 0px 5px;}
.pt-l-m{padding:0px 0px 0px 10px;}
.pt-l-l{padding:0px 0px 0px 20px;}

/* フォームなどオブジェクトサイズ */
.size-sss{
	width:25px;
}
.size-ss{
	width:50px;
}
.size-s{
	width:80px;
}
.size-m{
	width:140px;
}
.size-l{
	width:180px;
}
.size-ll{
	width:300px;
}
.size-lll{
	width:400px;
}
.size-llll{
	width:520px;
}
.size-max{
	width:100%;
}
/* フォームの体裁 */
input , textarea , select {
	border-top: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	background-color:#F5FAEB;
}

.lastlabel{
	border-bottom: none;
}

/* float-align */
.txt-center{text-align:center;}
.txt-l{text-align:left;}
.tet-r{text-align:right;}
.flt-l{float:left;}
.flt-r{float:right;}
.clear{clear:both;}

/* リンクロールオーバー */
a:hover{
    background-position:0px -100px;
}
a:active{
    background-position:0px -200px;
}


/* メインナビゲーション */
a.menu-one{
	background-image:url(../menu01.gif);
}
a.menu-two{
	background-image:url(../menu02.gif);
}
a.menu-three{
	background-image:url(../menu03.gif);
}
a.menu-four{
	background-image:url(../menu04.gif);
}
a.menu-five{
	background-image:url(../menu05.gif);
}
a.menu-six{
	background-image:url(../menu06.gif);
}
a.menu-seven{
	background-image:url(../menu07.gif);
}

#left ul li{
    list-style:none;
    width:210px;
	height:53px;
	padding:0 0 4px 0;
}

#left ul a{
    display:block;
    width:210px;
    height:53px;
	text-indent:-99em;
}

#left ul li.here a{
	background-position:0 -100px;
}

/* ヘッダナビゲーション */
a.submenu-one{
	background-image:url(../submenu01.gif);
	width:32px;
}
a.submenu-two{
	background-image:url(../submenu02.gif);
	width:43px;
}
a.submenu-three{
	background-image:url(../submenu03.gif);
	width:85px;
}
a.submenu-four{
	background-image:url(../submenu04.gif);
	width:31px;
}
a.submenu-five{
	background-image:url(../submenu05.gif);
	width:65px;
}
a.submenu-six{
	background-image:url(../submenu06.gif);
	width:143px;
}

#headernavi ul li{
    list-style:none;
	height:30px;
	float:left;
	padding:5px 10px;
}
#headernavi ul a{
    display:block;
    height:30px;
	text-indent:-99em;
}
#headernavi ul li.here a{
	background-position:0 -100px;
}

/* テーブルタイプ */
.table01{
	width:530px;
	margin:0 0 15px 0;
}
.table01 th{
	background-color:#E8E8E8;
	width:110px;
	font-weight: normal;
	text-indent:10px;
	text-align:left;
}
.table01 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 2px 0 2px 10px;
	vertical-align:top;
}
.table02{
	width:530px;
	margin:0 0 15px 0;
}
.table02 th{
	width:100px;
	font-weight: normal;
	text-align:left;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.table02 td{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 4px 0;
	vertical-align:top;
}

/* 見出し */
h1{
	margin:5px 0;
	font-size:10px;
	color:#333333;
	font-weight:normal;
}

/*グレーストライプの背景付き*/
h2{
	height:23px;
	margin:0 0 7px 0;
	padding:2px 7px;
	background-image:url(../h2_bg.gif);
	background-repeat:no-repeat;
	font-size: 14px !important;
	font-size: 1em;
	color:#000000;
	/*color:#01A3E6;*/
}

/*背景なし*/
h2.normal{
	color:#FF0033;
	font-size: 14px !important;
	font-size: 1em;
	line-height:150%;
	background:none;
	height:auto;
}
h3{
	color:#242F92;
	font-size: 14px !important;
	font-size: 1em;
	line-height:150%;
}
h3.normal{
	color:#01A3E6;
	font-size: 14px !important;
	font-size: 1em;
	line-height:150%;
	background:none;
	height:auto;
}

/* リスト */
#right li{
	list-style:none;
	padding:0px 20px;
	background-image:url(../list_mark.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.kakomi01{
	padding:10px;
	background-color: #F2F0E4;
}
.kakomi02{
	padding:7px;
	margin:2px 0;
	background-color: #FFFFFF;
}
.kakomi03{
	padding:7px;
	margin:4px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}

#right ol .ol-one{background-image:url(../list_mark_one.gif);}
#right ol .ol-two{background-image:url(../list_mark_two.gif);}
#right ol .ol-three{background-image:url(../list_mark_three.gif);}
#right ol .ol-four{background-image:url(../list_mark_four.gif);}
#right ol .ol-five{background-image:url(../list_mark_five.gif);}
#right ol .ol-six{background-image:url(../list_mark_six.gif);}
#right ol .ol-seven{background-image:url(../list_mark_seven.gif);}
#right ol .ol-eight{background-image:url(../list_mark_eight.gif);}
#right ol .ol-nine{background-image:url(../list_mark_nine.gif);}
#right ol .ol-ten{background-image:url(../list_mark_ten.gif);}

.linkbox{
	width:168px;
	float:left;
	margin:0 3px;
}
.box-top{
	height:42px;
	background-image:url(../box_top.gif);
	text-align:center;
}

.box-bg{
	background-image:url(../box_bg.gif)
}
.box-btm{
	height:15px;
	background-image:url(../box_btm.gif);
}

.topitem{
	width:165px;
	float:left;
	margin:0 3px;
}
.topitem-top{
	height:110px;
	background-image:url(../topitem_top.gif);
	background-repeat:no-repeat;
	background-position:top center;
	padding:5px 5px 0 10px;
}
.topitem-btm{
	height:3px;
	background-image:url(../topitem_btm.gif);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding:0 5px 3px 10px;
	line-height:150%;
}

.shop_info{
width:520px;
height:30px;
background:url(../../img/base_tenpo.gif) no-repeat left;
font-weight:bold;
color:#FFFFFF;
padding:5px 0 0 10px;
}

.pad-l{
padding-left:30px;
}


/*************************/
/* 文字サイズサイズCSS */
/* IE／NN共用　　　　   */
/*************************/

/* 文字サイズ */
.fs09 {
	font-size: 9px !important;
	font-size: 0.6em;
	line-height:150%;
}
.fs10 {
	font-size: 10px !important;
	font-size: 0.7em;
	line-height:150%;
}
.fs12 {
	font-size: 12px !important;
	font-size: 0.8em;
	line-height:150%;
}
.fs14 {
	font-size: 14px !important;
	font-size: 1em;
	line-height:150%;
}
.fs18 {
	font-size: 18px !important;
	font-size: 1.2em;
	line-height:150%;
}
.fs20 {
	font-size: 20px !important;
	font-size: 1.4em;
	line-height:150%;
}
.fs24 {
	font-size: 24px !important;
	font-size: 1.8em;
	line-height:150%;
}

/* ウェイトボールド */
.fb {
	font-weight: bold !important;
}

/* 相対拡縮 */
.fs-s {
	font-size: 85%;
}
.fs-l {
	font-size: 120%;
}
.fs-ll {
	font-size: 150%;
}


/*********************/
/* テキストカラーCSS */
/*********************/

.txt-red{
	color: #FF0000;
}
.txt-red1{
	color: #CC0000;
}
.txt-red2{
	color: #CC3333;
}


.txt-blue{
	color: #0000FF;
}
.txt-blue1{
	color: #0033CC;
}
.txt-blue2{
	color: #0066CC;
}


.txt-green{
	color: #006600;
}
.txt-green1{
	color: #00CC66;
}


.txt-orange{
	color: #FF6600;
}
.txt-orange1{
	color: #FF9933;
}


.txt-gray{
	color: #333333;
}
.txt-gray1{
	color: #666666;
}
.txt-gray2{
	color: #999999;
}


.txt-black{
	color: #000000;
}


.txt-white{
	color: #FFFFFC;
}


/***************************/
/* テキストリンクカラーCSS */
/***************************/

/* 未訪問・訪問済リンク */
a:link,a:visited{
	color: #01B3E7;
	text-decoration:none;
}

/* マウスオーバー時 */
a:hover,a:active {
	color: #FF6600;
	text-decoration: underline;
}


/*****店舗アクセス*****/
.mail_q a{
margin:10px 0;
width:530px;
height:40px;
line-height:40px;
font-size:18px;
font-weight:bold;
text-align:center;
text-decoration:none;
color:#FFFFFF !important;
background:url(../../06/img/mail.jpg) no-repeat;
display:block;}

.mail_q a:hover{
color:#0000CC !important;
text-decoration:none;
background: url(../../06/img/mail_over.jpg) no-repeat center;}

#link{
margin:4px auto 0px auto;width:500px;}

.b_padding{
padding:10px 0px 10px 3px}
