@charset"shift_jis";

*{margin:0;padding:0;}
*{font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Kaku Gothic Pro", "Osaka", "lroSVbN";}

/***********************************************/
/* CSS file For www.556.co.jp       /          */
/*                                             */
/* data:2008/02                                */
/***********************************************/

body {
	font-size:small;
	line-height:15px;
	text-align:center;
	background-color: #000000;
}
#container {
	background-color: #FFFFFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}


#header {
	width:900px;
	height:130px;
	background-image: url(img/logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


#header-pakutch {
	width:900px;
	height:130px;
	background-image: url(img-pacutch/logo.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
				


#tuyomi-box {
	background-image: url(img/company_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 900px;
	line-height: 35px;
}

#right-box {
	width: 610px;
	float: right;
	padding-left: 40px;
	text-align: left;
	overflow: auto;
}


#right-box h2, #kensaku-box h2, #archive-title, .entry-header {
	font-size: medium;
	height: 27px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 15px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #FF6600;
	width: 570px;
	color: #666666;
	padding-top: 7px;
}

#tuyomi-box h2 {
	text-indent: -9999px;
}
#container-inner {
	clear: both;
}

#container-inner-projects {
	/*text-align:center;*/
	width:900px;
	background-image: url(img-556/container_inner_projects_bg.jpg);
	background-repeat: repeat-y;
	padding-bottom: 40px;
}
			html>/**/body #container-inner-projects {height:1200px;}

/*お店ブログ検索ページ*/
#kensaku-box {
	width: 610px;
	padding-left: 40px;
	text-align: left;
	overflow: auto;
}

			
#container-inner-kensaku {
	/*text-align:center;*/
	width:900px;
	background-repeat: repeat-y;
	padding-bottom: 40px;
}
			html>/**/body #container-inner-kensaku {height:1200px;}




/*---------------------お問合せページ-----------------------*/


.table1 {background-color:#D9B959;
		}


.td1 {background-color:#C28B38;font-weight:normal;
		 padding:5px;
		}
		
/*================================お店ブログ===========================================*/
#pagebody {
	margin-right: 15px;
}


/*================================店舗紹介===========================================*/


/*-------------------左のボックス（カテゴリーリスト）------------------*/
#leftbox_category {
	float: left;
	width: 240px;
	text-align: left;
	list-style-type: none;
	line-height: 30px;
}

/*カテゴリーリスト<ul>*/
.module-categories module {
	margin-left: 10px;
}

.module-list {
	margin-left: 10px;
}

#leftbox_category li {
	list-style-type: square;
}

/*-------------------------右のボックス-------------------------*/
/*カテゴリーアーカイブ*/
.cate-gaiyou {
	text-align: center;
	padding: 10px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: -20px;
	background-image: url(img/cate_gaiyou_bg.jpg);
}

.tenpo-list {
	font-size: larger;
	line-height: 30px;
	list-style-type: none;
}



.td-left {
	background-color: #996633;
	padding: 4px;
	color: #FFFFFF;
	margin: 2px;
}

.td-right {
	padding: 4px;
	margin: 2px;
	background-color: #FFFFCC;
}

/*===========================================================================================*/

.td2 {background-color:#ffffff;
		 padding:5px;
		}


/*---------------------会社概要ページ-----------------------*/
.title-company {
	height: 43px;
	width: 600px;
	background-image: url(img-556/title_company.jpg);
	text-indent: -9999px;
	margin-top: 50px;
}


#tuyomi-box .entry {
	margin: 50px;
}
#tuyomi-box .entry-more {
	margin-bottom: 50px;
}

/*----------------コピーライト--------------*/
#copyright {
	width:900px;
	height:40px;
	background-image: url(img/copyright.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	clear: both;
}
.contact-title {
	background-image: url(img/contact_title.jpg);
	text-indent: -9999px;
	height: 40px;
	width: 800px;
}


/*--------------556.co.jpナビゲーション------------*/

			#menu {margin:0px;background-image:url("img/menu.jpg");
					display:block;
					width:900px;height:90px;}

/*IE6以下*/
* html #menu {margin-top:-3px;}



					#menu li {float:left;list-style:none;text-indent:-9999px;}
.entry-more {
	line-height: 25px;
}

								
								
								#menu a {
								text-decoration:none;
								display:block;
								height:90px;
								background-image:url("img/menu.jpg");
								background-position:left top;}

								#menu01 a {width:152px;height:90px;}
								#menu02 a {width:148px;height:90px;}
								#menu03 a {width:150px;height:90px;}
								#menu04 a {width:149px;height:90px;}
								#menu05 a {width:148px;height:90px;}
								#menu06 a {width:153px;height:90px;}
								/*----------a---------*/
								#menu01 a {background-position:0 0;}
								#menu02 a {background-position:-152px 0;}
								#menu03 a {background-position:-300px 0;}
								#menu04 a {background-position:-450px 0;}
								#menu05 a {background-position:-599px 0;}
								#menu06 a {background-position:-747px 0;}
								/*----------a:hover---------*/
								#menu01 a:hover {background-position:-0 -90px;}
								#menu02 a:hover {background-position:-152px -90px;}
								#menu03 a:hover {background-position:-300px -90px;}
								#menu04 a:hover {background-position:-450px -90px;}
								#menu05 a:hover {background-position:-599px -90px;}
								#menu06 a:hover {background-position:-747px -90px;}
								
								/*表示しているページのメニューだけ色を赤にする*/
								#menu01-now a {width:152px;height:90px;background-position:-0 -90px;}
								#menu02-now a {width:148px;height:90px;background-position:-152px -90px;}
								#menu03-now a {width:150px;height:90px;background-position:-300px -90px;}
								#menu04-now a {width:149px;height:90px;background-position:-450px -90px;}
								#menu05-now a {width:148px;height:90px;background-position:-599px -90px;}
								#menu06-now a {width:153px;height:90px;background-position:-747px -90px;}


/*IE6以下*/
* html #menu {margin-top:-3px;}



/*--------------【リンク】---------------*/
a:link,a:visited,a:active {
color: #3333FF;
text-decoration: underline;
}

a:hover {
color: #FF6600;
text-decoration: none;
}