/* 京都府麺類飲食業生活衛生同業組合 */

@charset "utf-8";
/* CSS Document */

/* reset
-----------------------------------*/

*{
margin			:0;
padding			:0;
}


body {
background-image: url(../img/backshade.jpg);
background-repeat: repeat-y; 
background-position: top center;  
font-family: 'MS ゴシック','平成角ゴシック','Arial','Verdana', 'sans-serif';
font-size: 14px;
color: #555;
text-align: center;
overflow:scroll;
}


p {
line-height: 180%;
padding: 0 0 8px 10px;
}

ul {
list-style-type: none;
}


li {
list-style-type: none;
}

img {
border: 0;
}

/*
 link [
----------------------------------------------------------- */
a {
text-decoration: none;
}
a:link {
color: #666633;
}
a:visited {
color: #666633;
}
a:hover {
color: #ff9900;
}
a:active {
color: #666633;
}


/*
 container [
----------------------------------------------------------- */
#container {
width: 900px;
margin: 0 auto;
text-align: left; 
}

/*
 header [
----------------------------------------------------------- */
#header {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 900px;
height: 473px;
}

#header_b {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 900px;
height: 203px;
}


.header1 {
margin: 0 0 0 0;
padding: 15px 0 5px 25px;
width: 899px;
height: 40px;

}


.header3 {
margin: 0 0 0 0;
padding: 10px 25px 0 25px;
width: 850px;
height: 400px;
}



/*
 all_content [
----------------------------------------------------------- */
#all_content {
width: 900px;
float: left;
}


/*
 content [
----------------------------------------------------------- */
#content {
float: left;
width: 840px;
padding: 10px 30px 0 30px;
}

#content02 {
float: left;
width: 840px;
height: 200px;
padding: 10px 30px 0 30px;
}

#content02{
margin-bottom: 10px;
}

#content02 li{
background: url(../images/pixel-line01.gif) left bottom repeat-x;
padding: 5px 0;
}

#content02 li span{
background: url(../img/larrow01.gif) 10px center no-repeat;
padding-left: 30px;
}

#content h3 {
padding: 15px 0 5px 10px;
font-size: 21px;
color: #f3771c;
font-weight: bold;
}

#content h3.topics01 {
padding: 5px 0 5px 10px;
font-size: 21px;
color: #f3771c;
font-weight: bold;
}

.topics {
color: #fff;
background-color: #533420;
margin: 0 0 0 10px;
padding: 2px 5px;
font-weight: bold;
}

#content h4 {
padding: 3px 0 10px 10px;
font-size: 16px;
color: #444444;
font-weight: bold;
}

#content ul.i_type {
    padding: 10px 0 10px 20px;
}

#content ul.i_type li {
    line-height: 180%;
    padding: 0;
}


/* nav
-----------------------------------*/
#nav{
width: 850px;
margin: 0 auto;
padding: 0;
display: block;
}

.pd25{
padding: 0 0 0 0;
}


#nav ul{
float: left;
display: inline;
}


#nav ul li{
text-indent		:-9999px;
height			:45px;
list-style		:none;
float			:left;
}

#nav ul li a{
display			:block;
text-decoration		:none;
height			:45px;
}


/* nav00 */
#nav ul li#nav00a{
width			:19px;
background		:url("../img/menu00.jpg") no-repeat 0 0;
}

#nav ul li#nav00b{
width			:22px;
background		:url("../img/menu00.jpg") no-repeat 0 0;
}

#nav ul li#nav00{
width			:1px;
background		:url("../img/menu00b.jpg") no-repeat 0 0;
}

/* nav01 */
#nav ul li#nav01 a{
width			:113px;
background		:url("../img/menu01a.jpg") no-repeat 0 0;
}

#nav ul li#nav01 a:hover{
background		:url("../img/menu01b.jpg") no-repeat 0 0;
}

#nav ul li#nav01b {
width			:113px;
background		:url("../img/menu01b.jpg") no-repeat 0 0;
}

/* nav02 */
#nav ul li#nav02 a{
width			:120px;
background		:url("../img/menu02a.jpg") no-repeat 0 0;
}

#nav ul li#nav02 a:hover{
background		:url("../img/menu02b.jpg") no-repeat 0 0;
}

#nav ul li#nav02b {
width			:120px;
background		:url("../img/menu02b.jpg") no-repeat 0 0;
}

/* nav03 */
#nav ul li#nav03 a{
width			:120px;
background		:url("../img/menu03a.jpg") no-repeat 0 0;
}

#nav ul li#nav03 a:hover{
background		:url("../img/menu03b.jpg") no-repeat 0 0;
}

#nav ul li#nav03b {
width			:120px;
background		:url("../img/menu03b.jpg") no-repeat 0 0;
}

/* nav04 */
#nav ul li#nav04 a{
width			:140px;
background		:url("../img/menu04a.jpg") no-repeat 0 0;
}

#nav ul li#nav04 a:hover{
background		:url("../img/menu04b.jpg") no-repeat 0 0;
}

#nav ul li#nav04b {
width			:140px;
background		:url("../img/menu04b.jpg") no-repeat 0 0;
}

/* nav05 */
#nav ul li#nav05 a{
width			:155px;
background		:url("../img/menu05a.jpg") no-repeat 0 0;
}

#nav ul li#nav05 a:hover{
background		:url("../img/menu05b.jpg") no-repeat 0 0;
}

#nav ul li#nav05b {
width			:155px;
background		:url("../img/menu05b.jpg") no-repeat 0 0;
}

/* nav06 */
#nav ul li#nav06 a{
width			:155px;
background		:url("../img/menu06a.jpg") no-repeat 0 0;
}

#nav ul li#nav06 a:hover{
background		:url("../img/menu06b.jpg") no-repeat 0 0;
}

#nav ul li#nav06b {
width			:155px;
background		:url("../img/menu06b.jpg") no-repeat 0 0;
}



/*
 post [
----------------------------------------------------------- */

#post {
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
width: 465px;
}

#post02 {
margin: 0 0 0 0;
padding: 0 0 0 0;
float: left;
width: 670px;
}

.topcopy {
padding: 0 0 30px 0;
font-size: 20px;
color: #999;
font-weight: bold;
line-height: 133%;
list-style-type: none;
}
	
#post h2 {
color: #336699;
font-size: 18px;
font-weight: bold;
margin: 0 0 15px 3px;
padding-left: 8px;
border-left: 8px solid #ffcc00;
line-height: 125%
}



#post h3 {
padding: 10px 0 2px 10px;
font-size: 14px;
color: #e89222;
font-weight: bold;
}

#post h4 {
padding: 5px 0 8px 5px;
font-size: 16px;
font-weight: bold;
color: #c00;
line-height: 125%
}



/*
 submenu [
----------------------------------------------------------- */
#submenu {
	float: right;
	width: 195px;
	padding: 0 15px 0 0px;
	font-size: 0.80em;
}

#submenu #topics1 a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	background: transparent url("../img/side.jpg") no-repeat left top;
	width: 170px;
	height: 415px;
}

#submenu h3 {
	margin: 0 2px 7px 2px;
	padding: 3px 0 3px 0;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	background-color: #0059ad;
}

#submenu #topics0 a {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	background: transparent url(../img/otoiawase2.jpg) no-repeat left top;
	width: 170px;
	height: 54px;
}

#submenu #topics2 a {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	background: transparent url(../img/ehbnr.gif) no-repeat left top;
	width: 170px;
	height: 53px;
}

#submenu #topics3 a {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	background: transparent url(../img/shikablog.gif) no-repeat left top;	width: 170px;
	height: 53px;
}

#submenu #topics4 a {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	background: transparent url(../img/onlyone.jpg) no-repeat left top;
	width: 170px;
	height: 53px;
}



#submenu span {
	display: none;
}



/*
 footer [
----------------------------------------------------------- */
#footer {
	clear: both;
	margin: 0 20px 0 20px;
	padding: 20px 0 20px 0;
	width: 860px;
	font-size: 90%;
}

#footer p.count {
	text-align: left;
	margin: 0 0 -20px 20px;
	padding: 0 0 0 0;
}

#line {
	margin: 5px 0;
	padding: 0 0 0 0;
	background-image: url(../img/bg_footer.gif);
	background-position: left top;
	background-repeat: repeat-x;
	height: 1px;
	width: 860px;
}


.footer-index {
	padding: 20px 0 0 0;
	text-align:left;
	font-size: 120%;
}


.red {
color: #f00;
font-size: 140%;
font-weight: bold;
line-height: 120%;
}

.red01 {
color: #f00;
font-weight: bold;
}

.t_box-h3 {
width :97%;
margin: 0 0 10px 0;
padding: 2px 8px;
color: #fff;
font-size: 108%;
font-weight: bold;
background: #4395de;
}



/* entory
------------------------------------------- */

.entory table{
width:93%;
border-top:#d8cec3 solid 1px;
border-left:#d8cec3 solid 1px;
border-right:#d8cec3 solid 1px;
color:#593200;
}

.entory th	{
width:45%;
background:#f2efeb;
border-top:#d8cec3 solid 1px;
border-left:#d8cec3 solid 1px;
border-right:#d8cec3 solid 1px;
border-bottom:#d8cec3 solid 1px;
border-bottom: 1px solid #d9d4cb;
text-align: center;
}


.entory td	{
border-top:#d8cec3 solid 1px;
border-left:#d8cec3 solid 1px;
border-right:#d8cec3 solid 1px;
border-bottom:#d8cec3 solid 1px;
padding: 10px;
}


.entory table span{ color:#ea4a0c; }


.sitemap{	
line-height: 200%;
padding-left: 12px;
color:#999;
}

.sitemap a {
text-decoration: none;
}
.sitemap a:link {
color: #999;
}
.sitemap a:visited {
color: #999;
}
.sitemap a:hover {
background:#333;
color: #999;
text-decoration: none;
}
.sitemap a:active {
color: #999;
}

.blacktext {
background: #999;	
margin: 0 0 10px 12px;
padding: 2px;
color: #fff;
} 

.item {
	padding: 10px 0 25px 0;
}

#weather{
	width:155px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
}

/* 店舗紹介 */



.tb01{
	border-top: 1px dotted #c2c2c2;
}

.tb01 td{
	border-bottom: 1px dotted #c2c2c2;
	padding: 4px 0px 4px 10px;
}


table.box01 {
margin: 5px 0 15px 0;
padding: 0 0 0 0;
width:98%;
border-top: 1px solid #c2c2c2;
}

table.box01 td {
padding: 12px 10px 12px 10px;
border-bottom: 1px solid #c2c2c2;
}

table.box01 td.l {
text-align: center;
width: 27%;
color: #555555;
font-weight: bold;
background-color:#eaeaea;
}

/*
table.box01 td.r {
border-left: 1px solid #c2c2c2;
}
*/

table.box01 tr.color {
background: #f5f5f5;
}

table.box01 p {
margin: 0 0 3px 0;
}

table.spec td {
padding: 3px 0px 3px 0px;
border-bottom: 1px dotted #c2c2c2;
}

.post_box {
float:left;
background-color:#fff6c3;
padding:8px 10px 8px 15px;
clear:both;
width:508px;
border: 1px solid #d9d4cb;
}

.contents {
background: #fff;
margin: 0 0 10px 0;
padding: 10px 25px 25px 25px;
border: 1px solid #d9d4cb;
}


.center{
margin: 0 0 0 0;
padding: 12px 30px 20px 30px;
}



.heightLine{
	width:160px;
	float:left;
	margin-right: 10px;
}

.heightLine table{
	width:144px;
	color:#555555;
	padding:20px 0 4px 0;
	font-size: 90%;
}



.waku01 {
width:420px;
padding: 15px 15px 15px 15px;
border: 1px solid #d9d4cb;
}

.waku02 {
padding: 15px 15px 15px 15px;
border: 1px solid #d9d4cb;
}

.waku03 {
padding: 30px 30px 10px 20px;
border: 1px solid #d9d4cb;
}

.waku04 {
float: left;
width:360px;
margin: 20px 0 0 0;
padding: 15px 15px 15px 15px;
border: 1px solid #d9d4cb;
}

.photo04 {
float: left;
width:360px;
margin: 20px 0 0 10px;
}

table.hyo01 {
padding: 0 0 0 0;
border-top:#d9d4cb solid 1px;
border-left:#d9d4cb solid 1px;
border-right:#d9d4cb solid 1px;
border-collapse: collapse;
border-spacing: 0;
}

table.hyo01 th{
width:15%;
padding: 12px 10px 12px 10px;
border-right:#d9d4cb solid 1px;
border-bottom:#d9d4cb solid 1px;
background: #f3f2ad;
}

table.hyo01 td{
padding: 12px 10px 12px 10px;
border-bottom:#d9d4cb solid 1px;
}




.mg01 {
margin: 10px 0px 2px 3px;
}

.mg02 {
margin: 2px 0px 2px 3px;
}


.top_box01 {
float:left;
width:800px;
padding:0;
clear:both;
}

.clear {
clear: both;
}

.fa {
float:right;
width: 600px;
text-align:right;
padding:8px 0 0 0;
}

.topics001 {
font-size: 140%;
font-weight: bold;
color: #336699;
margin: 15px 5px 15px 5px;
padding: 5px 0 5px 8px;
border-top: 1px dotted #c0c0c0;
border-bottom: 1px dotted #c0c0c0;
border-left: 8px solid #336699;
background:url("../img/topics01.jpg");
background-repeat: repeat-x; 
}

.topics002 {
font-size: 120%;
font-weight: bold;
color: #336699;
margin: 15px 5px 15px 5px;
padding: 5px 0 5px 8px;
border-top: 1px dotted #c0c0c0;
border-bottom: 1px dotted #c0c0c0;
border-left: 8px solid #336699;
background:url("../img/topics01.jpg");
background-repeat: repeat-x; 
}

.name_r {
text-align: right; 
}

ul.info_num {
padding: 0 15px 0 30px;
}

li.info_num {
list-style-type: decimal;
padding: 5px 0 10px 5px;
}

li.info {
list-style-type: none;
border-bottom: 1px dotted #c0c0c0;
padding: 5px 0 5px 5px;
}

.p_box01 {
float:right;
width:330px;
padding: 0;
}

.ward {
font-size: 140%;
font-weight: bold;
color: #ffffff;
text-align: center; 
}

.order{
color: #ffffff;
background-color: #873b46; 
margin: 0 0 0 10px;
padding: 5px;
}

.pd_o01{
padding: 10px 0 0 10px;
font-weight:bold;
}

.entory	{
width:100%;
}

.entory th	{
width:33%;
background:#f2efeb;
border-top:#d8cec3 solid 1px;
border-left:#d8cec3 solid 1px;
border-right:#d8cec3 solid 1px;
border-bottom:#d8cec3 solid 1px;
font-size: 100%;
text-align: center;
padding: 8px;
margin: 0;
}

.entory2 th	{
width:33%;
background:#f5e5a9;
border-top:#d8cec3 solid 1px;
border-left:#d8cec3 solid 1px;
border-right:#d8cec3 solid 1px;
border-bottom:#d8cec3 solid 1px;
font-size: 100%;
text-align: center;
padding: 8px;
margin: 0;
}

/*
.entory .yy {
width:16%;
background:#f2efeb;
border-top:#d8cec3 solid 1px;
border-left:#d8cec3 solid 1px;
border-right:#d8cec3 solid 1px;
border-bottom:#d8cec3 solid 1px;
font-size: 100%;
text-align: center;
margin: 0;
}
*/

.entory td,.entory2 td	{
	border-top:#d8cec3 solid 1px;
	border-left:#d8cec3 solid 1px;
	border-right:#d8cec3 solid 1px;
	border-bottom:#d8cec3 solid 1px;
	font-size: 100%;
	margin: 0;
	padding: 8px;
text-align: center;
	color: #666;
}

.pdl10{
padding: 0 30px 0 30px;
}

.pdb30{
padding: 0 0 30px 0;
}

.info_pd01{
padding: 10px 0 0 15px;
}

.link li {
float:left;
}


.pm {
font-size: 150%;
font-weight: bold;
color: #336699;
background: #d5d9e3;
margin: 15px 0 45px;
padding: 15px;
line-height: 1.5;
}

.num li {
list-style-type: decimal;
margin: 0 0 10px 30px;
color: #336699;
font-size: 120%;
font-weight: bold;
line-height: 1.5;
}

.num li li {
list-style-type: none;
margin: 3px 0;
color: #555;
font-size: 14px;
font-weight: normal;
}