@charset "UTF-8";

/*
	Site Name: messe-info.jp
	Version: 0.1
	Author: HUKUYAMA
*/

body{
background: white url(images/bg.gif) repeat-x ;
margin: 0;
padding: 0;
text-align: center;
font-size:12px;
line-height:150%;
font-family: Arial, Helvetica, Geneva, sans-serif;
color: #4c4c4c;
}
a {
color: #336699;
text-decoration: none;
}
a:hover { text-decoration: underline; }

h1,h2,h3,h4,img{
margin:0;
padding:0;
border:0;
background:transparent;
font-size:14px;
line-height:145%;
font-weight:normal;
font-style:normal;
text-decoration:none;
}


#container {
width: 780px;
margin: 0 auto;
padding: 0;
}

#banner {
height:100px;
padding: 0;
margin-bottom: 1em;
background-color: transparent;
}

#content {
padding: 3px;
margin-right: 208px;
text-align:left;
}

#sidebar-a {
float: right;
width: 200px;
\width: 206px;
w\idth: 200px;
margin: 0;
margin-left: 2px;
padding: 3px;
}

#footer {
clear:both;
background: transparent url(images/foot.gif) no-repeat 50% 0;
width:740px;
height:30px;
margin: 1em auto;
padding: 2px 2em 0 0;
font-size:11px;
line-height:110%;
color:white;
text-align: right;
}

/* base */
.clear{
clear:both;
}
.clear_r{
clear:right;
}
.clear_l{
clear:left;
}
.floatr{
float:right;
}
.floatl{
float:left;
}
/* banner */
#head{
margin:0 350px 1em 0 ;
padding: 0;
text-align: left;
}
#head h1{
width: 350px;
margin:0;
padding: 1em 0 0 2em;
}
/* head-menu */
#head-menu{
float: right;
background: transparent url(images/bg-menu_up.gif)  no-repeat 0 0;
width: 303px;
text-align: center;
margin: 0;
padding: 0;
}
#head-menu ul{
width: 300px;
height: 25px;
margin: 0 auto;
padding: 5px 0 0 0;
font-size:12px;
list-style-type: none;
}
#head-menu ul li{
display:inline;
margin: 0 1em 0 0;
padding: 0 0 2px 2px;
text-align: center;
}

/* menu */
#menu{
float:right;
width:200px;
margin:2em 0 1em 0;
padding:0;
text-align:left;
}
#menu ul{
margin:0;
padding:3px;
list-style-type:none;
}
#menu ul li{
margin:0 0 5px 0;
padding:0 0 3px 0;
border-bottom:dotted 1px #ccc;
font-size:14px;
color:#5ba2ee;
}

#menu ul .ul2{
margin:5px 0 0 5px;
padding:0;
list-style-type:none;
}
#menu ul .ul2 li{
border:none;
font-size:12px;
background:url(../images/list2.gif) no-repeat 0 3px;
margin:0 0 5px 0;
padding:0 0 0 12px;
}
#menu ul .ul2 li a:link{
display:block;
}

/* bana */
#bana{
margin:2em auto;
padding:0;
text-align:center;
}
#bana img{
margin:0 0 1em 0;
padding:0;
}
/*main*/
.content2 {
width:532px;
background: transparent url(images/bg_content.gif) repeat-y;
margin:1em 0 1em 0;
padding:0;
text-align:left;
}
.content2 h2{
background: transparent url(images/bg_content-bl.gif) no-repeat 0 0;
margin:0;
padding:8px 0 0 1em;
font-size:14px;
font-weight:bold;
color:white;
text-align:left;
}
.content2 h3{
background: transparent url(images/21.png) no-repeat 0 5px;
width:450px;
margin:1em 2em ;
padding:5px 0 5px 20px;
border-top:1px #0099CC solid ;
border-bottom:1px #0099CC solid ;
color:#0099CC;
}
.content2 h4{
background-color:#ccc;
width:450px;
margin:1em 3em ;
padding:5px 0 5px 5px;
font-weight:bold;
border-bottom:1px solid #4c4c4c;
}
.content2 p{
margin:1em 2em ;
padding:5px;
}
.content2 .under{
background: transparent url(images/bg_content-un.gif) no-repeat 0 bottom;
margin:0;
padding:0 0 15px 0;
}
.content2 ol{
margin:1em 10px 0 20px;
padding:0;
font-size:14px;
list-style-type:none;
text-align:left;
}
.content2 ol li{
margin:0 10px 1.5em 0;
padding:5px 0 5px 5px;
border-left:8px #ccc solid ;
border-right:8px #ccc solid ;
border-top:1px #ccc solid ;
border-bottom:1px #ccc solid ;
}
.content2 .ul1{
background: transparent url(images/jm.jpg) no-repeat left 5px;
margin:1em 2em 1em 2.5em;
padding:5px 0 0 100px;
list-style-type:none;
border-bottom:1px #ccc solid ;
}
.content2 .ul1 li{
margin:0 0 10px 0;
padding:0;
}
.content2 ul.ul2{
margin:1em 2em 1em 1em;
padding:5px 0 0 20px;
}
.content2 ul.ul2 li{
margin:0 0 10px 0;
padding:0;
}
.content2 ul.ul_dis{
width:400px;
margin:1em auto;
padding:0;
text-align:center;
list-style-type:none;
}
.content2 ul.ul_dis li{
float:left;
width:120px;
}
.content2  .dl1{
margin:1em 20px 0 30px;
padding:0;
text-align:left;
}
.content2  .dl1 dt{
margin:0;
padding:5px;
font-weight:bold;
border-top:1px #ccc solid ;
border-bottom:1px #ccc solid ;
}
.content2  .dl1 dd{
margin:0 0 0 1em;
padding:5px;
}
.content2  .dl1 blockquote{
margin:5px 2em 0 2em;
padding:5px;
border:1px solid #ccc;
}

.content2 input{
margin:3px 0;
padding:2px;
border:1px solid #ccc;
}
.content2  table{
margin:1em auto;
padding:0;
text-align:left;
}
.content2  table td,.content2  table th{
margin:0;
padding:3px;
border-bottom:1px solid #ccc;
}
.content2  .table1{
clear:both;
width:400px;
margin:1em auto;
padding:0;
text-align:left;
}
.content2  .table1 th{
width:120px;
}
.data{
margin:1em 15px 1em 5px;
text-align:right;
}
#tyui{
margin:1em 5px 1em 5px;
padding:5px;
border: 1px double #4c4c4c;
}
#hako{
background: transparent url(images/hako.gif) no-repeat 0 0;
width:480px;	
height:180px;
margin:30px 0 0 20px;
padding:2em 0 0 0;
text-align:left;
}
#hako blockquote{
margin:35px 40px 0 200px;
padding:5px;
font-size:16px;
color:#0099CC;
}
.order{
background-color:#336699;
width:80px;
margin:1em auto;
padding:5px;
text-align:center;
border:1px solid #ccc;
}
.order a{
display:block;
background-color:#336699;
color:#fff;
}
.up {
margin:1em 15px 1em 5px;
text-align:right;
}