/* 
 * 讃岐うどんdeマイはし同盟 udon060907.css
 * Created : 2005 12 06
 * Modified: 2006 09 10
 */

 *{font:normal normal normal 100%; margin:0; padding:0;} 
p,dl { line-height:1.3; }

/* ******************   全体の枠ぐみ #D2EFC8  ******************** */
body {line-height:normal;
	color : #000 ;           /* 全体の文字の色 */
	background-color: #ffc ; /* 両脇の背景色 */
	margin :0em 0em ;

}
#bodywrap { width : 100% ;}

/* ---- まとめてclear : both　---- */
.globalnavi,.contents,.footer,br { clear : both ;}
#index .main #riyu,.return { clear : both ;}
.top a img, .box1 a img, .return a img , .footer a img 
{ border: 1px solid #ffc ; text-decoration:none;}

/* ******************   ヘッダー  ******************** */
/* --- サイト名  ---- */
.header{text-align: center;}
.container{text-align: left;
	width : 82% ;        /* ヘッダーの横幅 */
	height: 55px ;
	padding: 20px 0px 0px 0px ;
	margin : 0px auto;
	}
.header .sitename {
	float: left; width : 340px ; 
	padding: 0px 0px 0px 0px ;
	font-size : 16px ;
	font-weight: bold;
	}
.header .description {
	float: left; width : 200px ; 
	padding: 25px 0px 0px 0px ;
	text-align:  center;
	}
.header .top {
	float: right; 
	padding: 10px 0px 0px 0px ;
	width : 100px ; 
	}

/* *********** 枠組み  ******************** */

#index .contents  { text-align: center; }
#index .wrap  { text-align: left; margin : 20px auto; width: 80% ; }

/* ----　二段組み ------- */
#index .main { float: right; width: 68% ;margin:0px 0px 0px 0% ;}
#index .side { float: left ; width: 25% ;margin:0px 0px 0px 0% ;}

#index .contents { margin: 0px 0px  ; }

/* ----　box ------- */
#index  .box {
	background:	#ffe633 url("fl1.gif") repeat;
	border: 1px solid #ffcc4d;
	padding: 2px 2px ;
	margin: 0px 0px 15px 0px ;
}
/* ----　box1 ------- */
#index .box1 {
	background: #ffffe6 url("fl5.gif") repeat;
	border: 1px solid #fc9 ;
;margin: 20px 0px 15px 0px
}


/* ----　箇条書き ------- */
ul { list-style-type: none ; }
#index .main .box1 li { padding: 6px 0.5em; border-top: 1px solid #ccc ;}


/* ******************   本文の一般要素  ******************** */

 h1{
	padding: 7px 0px 0px 0em ;
	color : #800000 ; /* h1の文字 */
	font-size: 1.5em ;

	}

h2{ 
	background:	#ffe633 url("../../line/bg_b03_w.gif") repeat;
	padding: 5px 10px ;
	margin : 2px ;
	font-size : 110% ;
	color : #c63 ;
}


h3{
	background:transparent url("homeh3_1.png") bottom repeat-x;
	margin: 0px 0px 0px 1em;
	padding: 10px;
	color : #785130 ; /* h3の文字 */
	font-size: 1em ;

}

h1,h2,h3 {	font-weight: bold; }
p {
	padding: 0px 1.5em; 
	margin: 1em 0em;
 }

p.news  { width: 680px ;
	padding: 10px; 
	margin: 10px 0em;
	border: 1px solid #c63 ; }
/* はし画像 */
div.gazou {	padding: 0px 1em; 	margin: 0em 0em; }

/* 質問コーナー */
#faq dl{	margin: 10px;}
#faq dl dt{
	background:transparent url("myhashi_q.gif") left no-repeat;
	margin: 0px;
	padding: 10px 0px 10px 40px;
}
#faq dl dd {
	background:transparent url("myhashi_a.gif") top left no-repeat;
	padding: 0px 0px 0px 40px;
}
#faq dl dd p{
	margin-left: 0em;	padding-left: 0px;

}
/* *******  サイドメニュー  ******* */
#index .side .etc {
	background:	#ffffe6 ;
	border: 1px solid #eee;
	padding: 2px 2px ;
	margin: 10px 0px ;
}

#index .side li { padding: 0px 0em 20px 0em;}

#index .side A {
font-size: 110% ;
color:#03c;
display: block;
width: auto;
text-decoration: none;
background:	#ffcc66 url("../../line/bg_b03_w.gif") repeat;
margin: 0;
padding: 8px 12px ;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
#index .side UL A:visited { border-bottom: 1px solid #aaa; }
#index .side A:hover  { color:#c63; background:#ffc;}
#index .side A:active { background:#fff; }
#index .side  A.active:link, .globalnavi A.active:visited  {
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}


/* ******************   　フッター  ******************** */
.return { text-align: right;}
.footer  { 
	width : 92% ;  
	padding-top: 1em ;
}
.hajisanu { text-align: right;
	padding: 10px;
	float: right; width : 88px ; 
}
address { 
	float: right;
	color: #e68000 ;
	font-style: normal; text-align: right;
	padding: 10px;
}

/* ******************   リンク  ******************** */

a:link    { color:#03c; }
a:visited { color:#906; }
a:hover   { color:#c63; }
a:active  { color:#c63; }