/************************************************************

　　　　イリオス様　リニューアルプラン　スタイルシート
　　　　　　　　　　　　　　　　　　　　     auther：Miki Arai
************************************************************/



/* ###### リンクの設定 ######################## */a

a { text-decoration: none; color:#006699; }

a:link { text-decoration: none; color:#006699;}
a:visited { text-decoration: none; color:#006699; }
a:hover { text-decoration: underline; color:#FF0000; }
a:active { text-decoration: underline; color:#006699; }

/* ###### IMEの入力規則 ####################### */

.imeon { ime-mode: active; }

.imeoff { ime-mode: inactive; }



/* ###### formタグのマージン設定 ###################### */

form {
  margin: 0em;
}


/* ###### 基本タグの設定 ###################### */

body {
  margin: 0px;
  padding: 0px;
/*  background: #e6e6e6; */
  text-align: left;
  background-color : #E6E0E0;
  color: #333333;
/*font: normal normal normal mediam/125% monospace;*/
  font-size:12px;
}

img
{
  border : 0;
}

h1 {
  font-size: 130%;
  color: #334d55;
  margin: 0px;
  padding: 0px;
}

h2 {
  font-size: 120%;
  color: #006699;
  margin: 0px;
  padding: 0px;
}

h3 {
  font-size: 110%;
  color: #334d55;
  margin: 10px 0px 0px;
  padding: 0px;
}

h4 {
  font-size: 100%;
  font-weight: normal;
  color: #333333;
  margin: 10px 0px 0px;
  padding: 0px;
}

h5 {
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  margin: 14px 0px 8px;
  padding: 4px;
  background-color:#6699CC;
}

/* ul {
  list-style-type: none;
}
*/
p {
  padding:2px 2px;
  }
table {
  border-collapse:collapse;
  }
td {
  vertical-align:middle;
  }

/* ###### fontの設定 ###################### */
.f10 {font-size:10px;line-height:120%;}
.f11 {font-size:11px;line-height:140%;}
.f12 {font-size:12px;line-height:140%;}
.f14 {font-size:14px;line-height:140%;}
.f16 {font-size:16px;line-height:130%;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.red {color:#FF0000;}
.black {color:#666666;}
.white {color:#FFFFFF;}
.green {color:#339966;}
.blue {color:#6699FF;}
.navy {color:#000099;}







/* ###### レイアウト設定 ######################## */

/* 全体のまとまり */
#wrapper
{
  width : 760px;
  margin : 0 auto;
  padding : 0;
  border : 1px solid #000000;
  background-color : #FFF;
}

#wrapper-t
{
  width : 760px;
  margin : 0 auto;
  padding : 0;
  border : 1px solid #000000;
  background-color : #E6E0E0;
}


/*　ヘッダー　*/
#head {
  width:760px;
  height:110px;
  margin:0 auto;
  background-color:#000000;
  background-image:url(/images/top/banner-bk1.jpg);
  background-repeat:no-repeat;
  border-bottom:1px solid #eeeeee;
  text-align:left;
  }

#head-img
{
  border : 0;
  margin : 0;
  padding : 0;
  width : 600px;
  text-align : left;
  float : left;
}



/*　右上テキストメニュー　*/
.h-menu1 {
  height:50px;
  text-align:left;
  font-size:11px;
  line-height:1.5em;
  width:100%;
  background-color:#000000;
  }
.h-menu1 a  {color:#FFFFFF;}
.h-menu1 a:link { color:#FFFFFF;}
.h-menu1 a:visited { color:#FFFFFF;}
.h-menu1 a:hover { color:#FFFFFF;}
.h-menu1 a:active { color:#FFFFFF;}
.h-menu1 img {margin:0;vertical-align:top;}



/* 左上テキスト */
.h-txt {
  margin:6px 0px 0px 6px;
  float:left;
  }
.h-txt h1 {
  font-size:10px;
  color:#ffffff;
  }

/* ###### count の設定 ######################## */

#count {
  float:right;
  padding-right:8px;
  font-size:12px;
}

#count a:active { color: #ffffff;}
#count a:link{ color: #ffffff;}
#count a:visited{ color: #ffffff;}
#count a:hover{ color: #ffffff;}


/*　右上テキストメニュー　*/
.h-menu1 {
  text-align:left;
  padding-right:2px;
  font-size:12px;
  vertical-align:bottom;
  float:right;
  /* padding-top:2px; */
  }
.h-menu1 a  {color:#FFFFFF;}
.h-menu1 a:link { color:#FFFFFF;}
.h-menu1 a:visited { color:#FFFFFF;}
.h-menu1 a:hover { color:#FFFFFF;font-weight:bold; }
.h-menu1 a:active { color:#FFFFFF;}


/* 左上テキスト */
.h-txt {
  margin:8px 0 0 10px;
  width : 400px;
  float:left;
  text-align:left;
  }
.h-txt h1 {
  font-size:10px;
  color:#ffffff;
    text-align:left;
  }


/* フッターの設定 */
#footer {
  width:760px;
  background-color:#000000;
  text-align:center;
  color:#FFFFFF;
  font-size:12px;
  /*　display:block;　*/
  margin:0px auto;
  padding:2px auto;
  line-height:200%;
  clear:both;
  border-top : 1px solid #FFFFFF;
  }

#footer a
{
  color : #FFFFFF;
}


/* ###### count の設定 ######################## */

#count {
  float:right;
  padding-right:8px;
  font-size:12px;
  font-weight:bold;
}

#count a:active { color: #ffffff;}
#count a:link{ color: #ffffff;}
#count a:visited{ color: #ffffff;}
#count a:hover{ color: #ffffff;}


/* ###### TOPページの設定 ######################## */
#contents
{
  clear:left;
  margin : 0;
  padding : 0;
  width :758px;
}

/* 左メニューのまとまり */
#left
{
  width : 148px;
  float : left;
  margin : 0;
  padding : 0;
  background-color:#CCCCCC;
}

/* HOMEボタン */
#home
{
  border : 1px solid #999999;
  margin : 5px 0px;
  padding : 0;
}

/* メニュー部分テーブル */
.menu
{
  width : 148px;
  margin : 0;
  padding : 0;
  border-right : 1px solid #000000;
  border-bottom : 1px solid #000000;
  border-collapse : collapse;
  background-color:#CCCCCC;
}

.menu th
{
  width : 148px;
  height : 20px;
  margin : 0;
  padding : 0;
  border-bottom : 1px solid #000000;
}

.menu td
{
  width : 142px;
  margin : 0;
  padding : 8px 3px;
  text-align : left;
  border-bottom : 1px solid #000000;
  line-height : 1.2em;
}

.menu_b
{
  width : 148px;
  margin : 0;
  padding : 0;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-collapse : collapse;
  background-color:#CCCCCC;
}

.menu_b td
{
  padding : 8px;
  text-align:left;
  border-bottom: 1px solid #000000;
  border-collapse : collapse;
}




.sub
{
  margin : 0;
  padding : 0;
  float : right;
  width : 125px;
  list-style-image:url("/images/icon2.gif");

}

.sub li
{
  margin : 0;
  padding : 3px;
  border-bottom : 1px dashed #000000;
  list-style-position:outside;
}

.sub2
{
  margin : 0;
  padding : 0;
  float : right;
  width : 100px;
}

.sub2 li
{
  margin : 0;
  padding : 2px;
  list-style-image:url(/images/icon2.gif);
  list-style-position:outside;
}



/* 右側コンテンツ */
#right-index
{
  width : 600px;
  margin : 0px 1px 3px 1px;
  padding : 0;
  float : right;
}

#right
{
  width : 585px;
  margin : 5px auto;
  padding : 0;
  float : right;
}

#center
{
  text-align : center;
  width : 500px;
  margin : 3px auto;
}

/* イメージ・こだわり集団宣言 */
#upper
{
  width : 600px;
  margin-bottom : 15px;
  padding : 0;
}

#img-t
{
  width : 600px;
  margin : 5px 0px;
  padding : 0;
}

#title
{
  text-align : center;
  padding : 5px 0px;
}

#middle
{
  line-height:1.4em;
  padding : 5px;
  text-align : left;
}

#bottom
{
  text-align : right;
  vertical-align:middle;
  font-weight : bold;
  padding-right : 5px;
}

/* マスター・マップなどのまとまり */
#lower
{
  width : 600px;
  margin : 0;
  padding : 0;
}

#lower-left
{
  width : 412px;
  float : left;
  margin : 0;
  padding : 0;
}


#catch
{
  line-height:1.4em;
  text-align : left;
  font-weight : bold;
}

#comeon
{
  clear:both;
  position:relative;
  font-weight : bold;
  line-height:1.5em;
  width : 380px;
  margin : 3px;
  padding : 0;
  text-align : left;
}

#comeon p
{
  margin : 5px;
  padding : 0;
}

#comeon span
{
  color:#0066CC;
}

#comeon img
{
	margin-top:20px;
	}

#master-1
{
  width : 180px;
  float : left;
  margin : 5px 2px 0px 3px;
  padding : 0;
}

#map
{
  width : 213px;
  margin : 5px 0px;
  padding : 0;
  float : right;
}

#master-2
{
  width : 180px;
  float : right;
  margin : 10px 0px 0px 3px;
  padding : 0;
}

.master
{
  width : 82px;
  height : 90px;
  vertical-align:middle;
}

.master img
{
  border : 1px solid #999999;
}

#master-1 .shop-name
{
  height : 25px;
  vertical-align:bottom;
  text-align : left;
  font-weight : bold;
  padding-left : 3px;
}

#master-1 .tel
{
  height : 25px;
  vertical-align:bottom;
  text-align : left;
  font-weight : bold;
  padding-left : 3px;
}

#master-2 .shop-name
{
  height : 25px;
  vertical-align:bottom;
  text-align : right;
  font-weight : bold;
  padding-right : 3px;
}

#master-2 .tel
{
  height : 25px;
  vertical-align:bottom;
  text-align : right;
  font-weight : bold;
  padding-right : 3px;
}

.icon
{
  height : 40px;
  width : 50px;
  padding : 0;
  vertical-align:middle;
  text-align:center;
}


/* 料金表示スペース */
#price
{
  width : 595px;
  margin : 1px auto;
  padding : 0;
 /* background-color:#ff9900;*/
}

#price-t
{
  margin : 0;
  padding : 0;
}

#price-t td
{
  padding : 5px;
}


#price-t img
{
 /* border: 1px solid #999999; */
}

/* バナースペース */
#banner-t
{
	padding : 0;
	margin-top: 10px;
	margin-bottom: 10px;
	width:400px;
	background-color:#FFF;
    border:solid 1px #BCCDF0;
}



#banner-t td
{
  padding : 5px;
}


#banner-t img
{
  border: 1px solid #999999;
}




/* ページトップへ */
#gototop {
  width:580px;
  border-top:2px solid #999999;
  padding-top:20px;
  margin:20px 5px;
  text-align:right;
  font-size:12px;
  float : right;
  }

/* ページトップへ  tmp:second2.dwt */
#gototop2 {
  width:720px;
  border-top:2px solid #999999;
  padding-top:20px;
  margin:20px 5px;
  text-align:right;
  font-size:12px;
  float : right;
  }

/************************************************
*************************************************/

/* 厚みの薄いヘッダ */

#head1208 {
  width:760px;
  height:70px;
  margin:0 auto;
  background-color:#000000;
  background-image:url(/images/top/bk_1208.jpg);
  background-repeat:no-repeat;
  border-bottom:1px solid #eeeeee;
  text-align:left;
  }

/* 左上テキスト */
.h-txt1208 {
  margin:5px 0 6px 5px;
  width : 400px;
  float:left;
  text-align:left;
  }
.h-txt1208 h1 {
  font-size:10px;
  color:#ffffff;
    text-align:left;
  }

/* top　movie */
#movie {
	margin-top:6px;
	background-color:#999999;
	width:146px;
	padding:6px 2px;
	text-align:center;
	}
	

/* top年賀挨拶2007 */

#nenga {
	width:560px;
	font-family:ＭＳ Ｐ明朝, 細明朝体, ヒラギノ明朝 Pro W3;
	/* border:#cccccc solid 1px; */
	padding:4px;
	text-align:center;
	font-weight:bold;
	font-color:#333333;
	margin:10px;
	}

/* topスタッフ募集 */

#staff-boshu {
	margin:10px;
	border:#ee4000 2px solid;
	width:550px;
	padding:8px;
	}

#staff-boshu img{
	margin:0 10px 0 0;
	border::none;
	
	}

#staff-boshu .boshu {
	border-top:dashed #6495ED;
	border-bottom:dashed #6495ED;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:6px;
	padding-bottom:5px;
	font-size:12px;
	text-align:center;
	}
	
/* 料金表示スペース */
#price
{
  width : 580px;
  margin : 10px auto;
  padding : 0;
  /* border:2px solid #999999; */
}
#price img
{
	margin:10px 0;
  /* border: 1px solid #999999;  */
}



#price-t
{
  margin : 0 auto;
  padding : 0;
  text-align:center;
}

#price-t td
{
  padding : 5px 8px;
}

/* 商品訴求エリア */
#service
{
	width : 599px;
	padding : 0;
	clear: both;
	margin-top: 1px;
	margin-right: auto;
	margin-bottom: 1px;
	margin-left: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 10pt;
	line-height: 15pt;
	position: relative;
	background-color: #FFFFFF;
}

.svcbigl
{
	width : 299px;
	margin: 0px;
	float: left;
	height: 218px;
	background-image: url(../images/top/bacbig01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0;
}
.svcbigr
{
	width : 299px;
	margin: 0px;
	float: right;
	height: 218px;
	background-image: url(../images/top/bacbig01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0;
}
.svcbigl p
{
	width : 252px;
	height: 118px;
	clear: both;
	padding: 0;
	margin-top: 14px;
	margin-right: 19px;
	margin-bottom: 0px;
	margin-left: 28px;
}
.svcbigr p
{
	width : 252px;
	height: 118px;
	clear: both;
	padding: 0;
	margin-top: 14px;
	margin-right: 19px;
	margin-bottom: 0px;
	margin-left: 28px;
}
.svcbigl img
{
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 13px;
	padding: 0px;
}
.svcbigr img
{
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 13px;
	padding: 0px;
}
.svcsmll
{
	width : 299px;
	float: left;
	height: 259px;
	background-image: url(../images/top/bacsml01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 81px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.svcsmlr
{
	width : 299px;
	float: right;
	height: 259px;
	background-image: url(../images/top/bacsml01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 81px;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0;
	margin-top: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.svcsmll p
{
	width : 252px;
	height: 79px;
	clear: both;
	padding: 0;
	margin-top: 14px;
	margin-right: 19px;
	margin-bottom: 0px;
	margin-left: 28px;
}
.svcsmlr p
{
	width : 252px;
	height: 79px;
	clear: both;
	padding: 0;
	margin-top: 14px;
	margin-right: 19px;
	margin-bottom: 0px;
	margin-left: 28px;
}
.svcsmll a img
{
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 13px;
	padding: 0px;
}
.svcsmlr a img
{
	margin-top: 0px;
	margin-right: 18px;
	margin-bottom: 0px;
	margin-left: 13px;
	padding: 0px;
}




/** second2.dwt 専用
***************************/

/** コンテンツ用 **/
#contenter
{
  width : 740px;
  margin : 5px auto;
  padding : 0;
}

#gototop2 {
  width:720px;
  border-top:2px solid #999999;
  padding-top:20px;
  margin:20px 5px;
  text-align:right;
  font-size:12px;
  float : right;
  }
	
.corner {
	width:700px;
	margin:10px auto 0px;
	padding:0 0px 10px;
	border:1px solid #be2934;
	}	
.corner h5 {
	padding:4px 10px;
	margin:0 0px 10px;
	background-color:#be2934;
	}

.color td {
	padding:4px;
	}
	
.corner img {
	margin:8px;
	}	

/* スプリングフェア */

#spfair {
	margin:0px 0px 0px 10px;
	padding:0;
	background-image:url(/images/fair/title_fair.jpg);
	background-repeat:no-repeat;
	width:580px;
	height:149px;
	}
	
.sp-header {
	padding:121px 7px 0px 0px;
	text-align:right;
	}
/************************************************
*************************************************/

/*追加スタイル*/



/*カテゴリ*/





/* 各ショップ情報へ */
p#toshop {
  text-align:center;
}


div.center
{
  background-color:#FFF;
  border:solid 1px #69C;
  width:750px;
  clear:both;
  margin-top:5px;
}

.center h2 {
  text-align:left;
  width:100%;
  font-size:22px;
  font-family:"MS UI Gothic", Osaka, "ヒラギノ角ゴ Pro W3";
  background-color:#69C;
  color:#FFF;
}

.center p {
  text-align:left;
  width:730px;
}

/*タイトル下メニュー*/


table#catec {
  margin:3px auto 0px;
  font-size:14px;
}

table#catec td {
  background-color:black;
  padding-bottom:2px;
}

table#catec td a {
  display:block;
  width:115px;
  text-align:center;
  font-weight:bold;
  border:solid 1px #CCC;
  margin:2px 0px 0 0;
  padding:2px 2px;
}
table#catec td a:hover {
  font-weight:900;
  text-decoration:none;
}

table#catec td strong {
  font-size:1.1em;
}

td#irik a {
  background-image:url(img/k1.jpg);
  background-repeat: no-repeat;
  color:#FFF;
}
td#irik a:hover {
  background-image:url(img/k2.jpg);
  background-repeat: no-repeat;
  color:orange;
}

td#iri2 a {
  background-image:url(img/21.jpg);
  background-repeat: no-repeat;
  color:#FFF;
}
td#iri2 a:hover {
  background-image:url(img/22.jpg);
  background-repeat: no-repeat;
  color:orange;
}
td#iril a {
  background-image:url(img/l1.jpg);
  background-repeat: no-repeat;
  color:#FFF;
}
td#iril a:hover {
  background-image:url(img/l2.jpg);
  background-repeat: no-repeat;
  color:orange;
}
td#iris a {
  background-image:url(img/s1.jpg);
  background-repeat: no-repeat;
  color:black;
}
td#iris a:hover {
  background-image:url(img/s2.jpg);
  background-repeat: no-repeat;
  color:orange;
}
td#irin a {
  background-image:url(img/n1.jpg);
  background-repeat: no-repeat;
  color:black;
}
td#irin a:hover {
  background-image:url(img/n2.jpg);
  background-repeat: no-repeat;
  color:orange;
}
td#irit a {
  background-image:url(img/t1.jpg);
  background-repeat: no-repeat;
  color:black;
}
td#irit a:hover {
  background-image:url(img/t2.jpg);
  background-repeat: no-repeat;
  color:orange;
}