@charset "shift_JIS";
/****** 基本設定 ******/
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 83%;
  font-family: Verdana,Chicago,Arial,sans-selif,"ＭＳ Ｐゴシック";
  line-height: 140%;
  text-align: left;
  color: #000088;
  background-color: #ffffff;
  background-image: url(./img/back.gif);
  background-repeat:repeat-y;
  background-position:0% 0%;
  background-attachment:fixed; 
}



/****** 文字強調 ******/
em {
  font-style: normal;
  color: #cc3333;
}


strong {
  color: #990000;
  font-weight:bold;
}

.cau {
   color : #000088;
   font-weight: bold;
}





/****** 下線 ******/

hr  {
    width:100%;
    color:#202020;
    height: 1px;
    }


h1  {
  background-color: #646B8B;
  font-size: 120%;
    margin:0;
  font-weight : bold;
  border-bottom:1px solid #202020;
  padding: 6px;
  color:#ffffff;
}






h2  {
  background-image: url(h2.gif);
  background-repeat :no-repeat;
  background-color: #ffffff;
  font-size: 115%;
  font-weight:bold;
  line-height: 150%;
  border-bottom:1px solid #000088;
  color:#202020;
  margin :20px 0 20px 20px;
  padding : 0 0 3px;
  font-family: Tahoma, Arial, sans-serif;
}



.h2t{  background-image: url(h2t.gif);
  background-repeat :no-repeat;}

h3 {
  background-image: url(h3.gif);
  font-size: 115%;
  line-height: 110%;
  margin:0 0px 8px;
  border-bottom:1px solid #000088;
  padding: 3px;
  color:#ffffff;
}




/****** ページ全体 ******/
#outer
	{
	width:780px;
	background-color: #ECEEF4;
	padding: 10px;
	margin:0 auto 0 auto;
    border-right: 1px dashed #202020;
    border-left: 1px dashed #202020;
	}

/****** ヘッダー ******/
#head
	{
	background-color: #ffffff;
	width: 778px;
	height: 200px;
	border-top: 1px solid #202020;
    border-right: 1px solid #202020;
    border-left: 1px solid #202020;
	}
	




#material_head	{
	background-image: url(./img/mix_logo.jpg);
	background-color: #ffffff;
	width: 778px;
	height: 100px;
	border-top: 1px solid #202020;
    border-right: 1px solid #202020;
    border-left: 1px solid #202020;
    border-bottom: 1px solid #202020;
}


#pankuzu {  color: #404040;
	background-color: #ffffff;
	width: 778px;
	height: 30px;
	border-right: 1px solid #202020;
    border-left: 1px solid #202020;
	}
	


#pankuzu p {
  padding: 5px 5px 5px 5px;
  background-color:#ffffff;
  color: #404040;
}


#pankuzu a {
  background-color: #ffffff;
  border-bottom: 1px solid #000088;
    margin: 5px 5px 5px 5px;
  text-decoration: none;
  color: #000088;
}
#pankuzu a:hover {
  border-bottom: 1px solid orange;
  text-decoration: none;
  color: orange;
}




#pankuzu2 {
	background-color: #ffffff;
	width: 778px;
	height: 30px;
	border-right: 1px solid #202020;
    border-left: 1px solid #202020;
	}
	




#pankuzu2 p {
  padding: 5px 5px 5px 5px;
  background-color:#ffffff;
  color: #404040;
}


#pankuzu2 a {
  background-color: #ffffff;
  border-bottom: 1px solid #000088;
    margin: 5px 5px 5px 5px;
  text-decoration: none;
  color: #000088;
}
#pankuzu2 a:hover {
  border-bottom: 1px solid orange;
  text-decoration: none;
  color: orange;
}


#top_menu{
  background-color: #ffffff;
  border-left: 1px solid #202020;
    border-right: 1px solid #202020;
  text-decoration: none;
  color: #202020;
  }






.center {
text-align: center;
}


#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
width:103px;
padding: 0.2em 1em;
background-color: #036;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
text-align:center;
}

#navcontainer ul li a:hover
{
background-color: #369;
color: #fff;
}




div.iecenter {
     text-align: center;
}
div.centerbox{
 background-color: #ffffff;
 width: 58%;
 border-top: 1px solid #000088;
 border-right: 1px solid #000088;
 border-left: 1px solid #000088;
 border-bottom: 1px solid #000088;
 margin-left: auto;
 margin-right: auto;
 text-align: left; 
}


#audi { background-color: #ffffff;
 margin:20px 20px 20px 20px;
 padding : 0;
 border-top: 1px solid #000088;
 border-right: 1px solid #000088;
 border-left: 1px solid #000088;
 border-bottom: 1px solid #000088;
 border-style: dashed;
 text-align: left; 
}


#audi_m { background-color: #ffffff;
 margin-left: auto;
 margin-right: auto;
 width :80%;
 padding : 0;
 border-top: 1px solid #000088;
 border-right: 1px solid #000088;
 border-left: 1px solid #000088;
 border-bottom: 1px solid #000088;
 border-style: dashed;
 text-align: left; 
}


#audi_title { background-color: #ffffff;
 margin-left: auto;
 margin-right: auto;
 width :70%;
 padding : 0;
 border-top: 1px solid #000088;
 border-right: 1px solid #000088;
 border-left: 1px solid #000088;
 border-bottom: 1px solid #000088;
 border-style: solid;
 text-align: left; 
}


/****** 右側 ******/
#menu_right
	{
	float:right;
	width:200px;
	background-color: #ffffff;
    border-right: 1px solid #202020;
    border-bottom: 1px solid #202020;
	}



#menu_right p {
  margin: 0;  
  background-color:#ffffff;
  color: #404040;
}

#menu_right a {
  background-color:#ffffff;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #000074;
}
#menu_right a:hover {
  border-bottom: none;
  text-decoration: none;
  color: orange;
}

#menu_right ul {
  margin: 0px 0px 10px 20px;
  list-style: none;
}
#menu_right li {
  list-style: none;
  list-style-type: square;
  padding: 2px;
  color:#404040;
}

.center {
text-align: center;
}
  
  
.left {
text-align: left;
}

#right_title {
background-color:#848BaB;
  display: block;
  width: 200px;
  border-top: 1px solid #000088;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  padding: 5px 0px;
  line-height: 150%;
      }
 
#right_space{
  float:left;
  width:158px;
  background-color: #ffffff;
  border-top: 1px solid #000088;
  border-bottom: 1px solid #000088;
}	



.clears{
  clear:both;
}



/****** メイン ******/

#twocr {
	float:left;
	width:577px;
	background-color: #ffffff;
	border-top: 1px solid #000088;
    border-right: 1px solid #000088;
    border-left: 1px solid #000088;
}

#twocr p {
  color :#404040;
  	background-color: #ffffff;
  	padding:0 20px 0 20px;
  	line-height: 180%;
  }
#meter {
   margin: 0;
   width:577px;
   background-color:#ffffff;
   color : #404040;
   border-bottom: 3px double #000088;
}



.right {
text-align:right;
}

#twocr dl {
  margin: 0 30px 10px 30px;
}

#twocr dt {
　background-color: #8DB6CD;
　color: #ffffff;
  font-weight: bold;
}


#twocr dd {
  margin: 0 5px 20px 20px;
  color:#404040;
}






#menu li {
	list-style-type: none;
	margin: 0;
    padding: 0;
	float: left;
}


#menu li a {
	color: #2d3b4e;
	text-decoration: none;
	background-color: #d3dadd;
	border-left: 1px solid #adb4b7;
	text-align : center;
	margin : 0;
	padding: 6px;
	display: block;
	width: 102px;
}

#menu li a:hover {
	color: white;
	background-color: black;
}




#twocr_cont {
	float:right;
	width:200px;
	background-color: #ffffff;
	border-top: 1px solid #000088;
    border-right: 1px solid #000088;
    border-left: 1px solid #000088;
    border-bottom: 1px solid #000088;
    }






#twocr a {
  background-color:#ffffff;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #000088;
}
#twocr a:hover {
  text-decoration: none;
  color: orange;
  border-bottom: 1px solid #ffffff;
}



#event ul {
  margin: 0px 10px 10px 60px;
  list-style: none;
}
#event li {
  list-style: none;
  list-style-type: square;
  padding: 2px;
  color:#456789;
}




.button{color:#000088;
border:1,5pt solid #333333;
background-color:#dfdfff;
}


.clears{
  clear:both;
}

/****** 左側メニュー ******/
#menu_left
	{
	float:left;
	width:159px;
	background-color: #000088;
    border-left: 1px solid #000088;
	}



#material_left
	{
	float:left;
	width:159px;
	background-color: #ffffff;
    border-left: 1px solid #000088;
    border-right: 1px solid #000088;
	}

#material_left ul{
  list-style-type: none;
  text-align: left;
  margin-left: 0;
  padding: 0;
}
#material_left li {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}
#material_left a {
  background-color:#ffffff;
  display: block;
  width: 159px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #333333;
  text-decoration: none;
  color: #000088;
  padding: 5px 0px;
  line-height: 150%;
}
#material_left a:hover {
  background-color: #000088;
  display: block;
  border-top: 1px solid #000088;
  border-bottom: 1px solid #ffffff;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 0px;
  line-height: 150%;
}

#material_left p {
  background-color:#000088;
  display: block;
  width: 159px;
  border-top: 1px solid #000088;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 0px;
  line-height: 150%;
}



#menu_leftcl
	{
	float:left;
	width:160px;
	background-color: #ffffff;
	border-top: 1px solid #000088;
    border-left: 1px solid #000088;
	}

#menu_leftcl ul{
  list-style-type: none;
  text-align: left;
  margin-left: 0;
  padding: 0;
}
#menu_leftcl li {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}
#menu_leftcl a {
  background-color:#ffffff;
  display: block;
  width: 160px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid 848BaB;
  text-decoration: none;
  color: #000088;
  padding: 5px 0px;
  line-height: 150%;
}
#menu_leftcl a:hover {
  background-color: #848BaB;
  display: block;
  border-top: 1px solid #848BaB;
  border-bottom: 1px solid #848BaB;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 0px;
  line-height: 150%;
}

#menu_leftcl p {
  display: block;
  width: 160px;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 0px;
  line-height: 150%;
}




#twocl {
	float:left;
	width:780px;
	background-color: #ffffff;
	}
#twocl_cont {
	float:right;
	width:617px;
	background-color: #ffffff;
	border-top: 1px solid #202020;
    border-right: 1px solid #202020;
    border-left: 1px solid #202020;
    border-bottom: 1px solid #202020;
    }



#twocl_cont p,dl {
  margin: 0 20px 10px 20px;
  color:#202020;
}

.line{
   background-color:#dddddd;
   color:#202020;
}

#twocl_cont dt {
  background-color:#dddddd;
  font-weight: bold;
  color:#202020;
}
#twocl_cont dd {
  margin: 0 0 10px 60px;
}
#twocl_cont ul {
  margin: 0px 10px 10px 40px;
  list-style: none;
}
#twocl_cont li {
  list-style: none;
  list-style-type: square;
  padding: 2px;
    color:#202020;
}



#twocl a {
  background-color:#ffffff;
  border-bottom: 1px solid #245386;
  text-decoration: none;
  color: #243386;
}
#twocl a:hover {
  border-bottom: 1px solid 000088;
  text-decoration: none;
  color: orange;
}






#topadd_left
	{
	float:left;
	width:159px;
	background-color: #ffffff;
	border-left: 1px solid #000088;
	border-bottom: 1px solid #000088;
	}	
	
	
#add_left
	{
	float:left;
	width:159px;
	background-color: #ffffff;
	border-top: 1px solid #000088;
	border-left: 1px solid #000088;
	border-bottom: 1px solid #000088;
	}	

.left {
background-color:#848BaB;
font-size: 110%;
text-align: left;
font-weight: bold;
color: #ffffff;
}


	


.list{
  background-image: url(list.gif);
  background-repeat : no-repeat;
  background-position :left center;
   }


#menu_left ul{
  list-style-type: none;
  text-align: left;
  margin-left: 0;
  padding: 0;
}
#menu_left li {
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}
#menu_left a {
  background-color:#ffffff;
  display: block;
  width: 159px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #333333;
  text-decoration: none;
  color: #000088;
  padding: 5px 0px;
  line-height: 150%;
}
#menu_left a:hover {
  background-color: #000088;
  display: block;
  border-top: 1px solid #000088;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 0px;
  line-height: 150%;
}

#menu_left p {
  background-color:#000088;
  display: block;
  width: 159px;
  border-top: 1px solid #000088;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 0px;
  line-height: 150%;
}

#add_left p {
  background-color:#ffffff;
  display: block;
  width: 159px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  padding: 5px 0px;
  line-height: 150%;
}


.center {
text-align: center;
}


.clears{
  clear:both;
}




#col1{
	background-color: #ffffff;
	width: 778px;
	border-top: 1px solid #202020;
    border-right: 1px solid #202020;
    border-left: 1px solid #202020;
    border-bottom: 1px solid #202020;
	}



#col1 p {
  margin: 0 5px 5px 5px;
  background-color:#ffffff;
  color: #202020;
}

.title {
  background-color:#dddddd;
  padding:5px;
  font-weight: bold;
  color:#202020;
}



.line {
padding: 5px;
color :#202020;
background-color:#dddddd;
}

#col1 p,dl {
  margin: 0 20px 10px 20px;
}
#col1 dt {
  background-color:#dddddd;
  font-weight: bold;
  color:#202020;
}
#col1 dd {
  margin: 10px 0 10px 60px;
    color:#202020;
}
#col1 ul {
  margin: 0px 10px 10px 70px;
  list-style: none;
}
#col1 li {
  list-style: none;
  list-style-type: square;
  padding: 2px;
}



#col1 a {
  background-color:#ffffff;
  border-bottom: 1px solid #245386;
  text-decoration: none;
  color: #243386;
}
#col1 a:hover {
  border-bottom: 1px solid orange;
  text-decoration: none;
  color: orange;
}




.center {
text-align: center;
}





#col2{
	background-color: #ffffff;
	width: 778px;
	border-top: 1px solid #202020;
    border-right: 1px solid #202020;
    border-left: 1px solid #202020;
    border-bottom: 1px solid #202020;
	}



#col2 p {
  margin: 0 5px 5px 5px;
  background-color:#ffffff;
  color: #202020;
}

.title {
  background-color:#dddddd;
  padding:5px;
  font-weight: bold;
  color:#202020;
}



.line {
padding: 5px;
color :#202020;
background-color:#dddddd;
}

#col2 p,dl {
  margin: 0 20px 10px 20px;
}
#col2 dt {
  background-color:#dddddd;
  font-weight: normal;
  color:#101010;
}
#col2 dd {
  margin: 10px 0 10px 30px;
    color:#101010;
}
#col2 ul {
  margin: 0px 10px 10px 70px;
  list-style: none;
}
#col2 li {
  list-style: none;
  list-style-type: square;
  padding: 2px;
}



#col2 a {
  background-color:#ffffff;
  border-bottom: 1px solid #245386;
  text-decoration: none;
  color: #243386;
}
#col2 a:hover {
  border-bottom: 1px solid orange;
  text-decoration: none;
  color: orange;
}





/****** フッター ******/

#under {
   	float:left;
	width:778px;
	background-color: #ffffff;
	border-right: 1px solid #202020;
    border-left: 1px solid #202020;
    border-bottom: 1px solid #202020;
	}
	

#under a {
  background-color:#ffffff;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #000074;
}
#under a:hover {
  border-bottom: 1px solid orange;
  text-decoration: none;
  color: orange;
}


#under p {
margin: 0 10px 10px 30px;
color :#404040;
}


#under dl {
  background-color:#8DB6CD;
  margin: 0 10px 10px 30px;
}


#under dt {
  margin: 0 10px 10px 30px;
  color :#ffffff;
}



#foot {
  clear: both;
  text-align: right;
  color: #303030;
  margin: 0 1em 0 0;
}


#foot a {
  background-color:#ffffff;
  border-bottom: 1px solid #000088;
  text-decoration: none;
  color: #000088;
}
#foot a:hover {
  border-bottom: 1px solid orange;
  text-decoration: none;
  color: orange;
}



address{
  margin: 0;
  padding: 7px 0;
  font-style: normal;
}