Html,Body{
	margin: 0px;
	width: 100%;
	padding: 0px;
	background-image: url(http://maxvision.tv/img/bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

body {
  margin : 0;
  text-align: center;
  font-size: 12px;	
  line-height: 150%;
  background-color: #FFFFFF;
  }

#whole {
  width: 850px;
  margin-right: auto;
  margin-left: auto; 
  text-align: left;word-break: break-all;
  }

  

h2 {
  padding:0;
  font-size:13px;
  text-align:left;
  
    }
	
a img {
　　border-style: none;
}


/* 画像コンテンツ */
img {
  border-style: none;}

/* ヘッダーコンテンツ */
.header {
  width:100%;
  text-align:left;
  padding-bottom:0.5em;
}
  
.header h1{
  font-size:12px;
  padding:0;
  margin: 0;
  }
  
.header h2{
  font-size:12px;
  float: right;
  padding:0;
  margin: 0;
  }

/*  トップコンテンツ  */

#Menu {
height: 35px;/*メニューの高さ*/

}

#Menu ul {
margin: 0;
padding :0;
list-style-type : none;/*リストスタイルはなしにする*/
}

#Menu li {
display : inline;
margin:0;
float:right;/*フロートを左に指定してボタンを横並びにする*/
}


#Menu a {
display: block;/*ブロックにして各ボタン全体をリンクエリアにする*/
text-decoration:none;
border-top:1px solid #00ffff;/*上線の幅（細）とカラー（薄）*/
border-right:2px solid #00ccff;/*右線の幅（太）とカラー（濃）*/
border-bottom:2px solid #00ccff;/*下線の幅（太）とカラー（濃）*/
border-left:1px solid #00ffff;/*左線の幅（細）とカラー（薄）*/
text-align:center;/*文字をボタンの中央にする*/
width: 162px;/*各ボタンの幅*/
padding-top: 4px;/*文字上部余白*/
padding-bottom: 2px;/*文字下部余白*/
font-size: 12px;/*文字サイズ*/
font-weight: normal;
background: #0000ff;/*ボタン背景色*/
color: #FFFFF0;/*文字色*/
}

#Menu a:hover {/*ここからマウスオーバー時の設定*/
display:block;
text-decoration:none;
border-top:2px solid #00ccff;/*上線の幅（太）とカラー（濃）*/
border-right:1px solid #00ffff;/*右線の幅（細）とカラー（薄）*/
border-bottom:1px solid #00ffff;/*下線の幅（細）とカラー（薄）*/
border-left:2px solid #00ccff;/*左線の幅（太）とカラー（濃）*/
text-align:center;
font-weight: normal;
background: #FFFFF0;/*マウスオーバー時の背景色*/
color: #0000ff;
}

/*  レフトコンテンツ  */
.left {
	width:180px;
	height:25px;
	text-align:center;
	float:left;
	display:inline;}

.left h2 {
  padding-top:0.8em;
  padding-bottom:0.6em;
  margin:0em;
 }

.left a {
  padding:0.5em;
  text-decoration:none;
  display:block;
  margin:auto;}

.left a:hover {}

.lefty h2 {
  padding: 0.5em;
  text-align: center;
  margin:0;}

.lefty a {
  padding:0.5em;
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;}

.lefty a:hover {}

.left1 h2 {
  padding: 0.7em;
  text-align: center;
  margin:0;}

.left1 a {
  padding:0.5em;
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;}

.left1 a:hover {}

.left2 h2 {
  padding-top:0.8em;
  padding-bottom:0.65em;
　background: url(http://maxvision.jp/img/midashiback0.jpg) no-repeat;
  margin:0em;
}

.left2 a {
  padding:0.5em;
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;}

.left2 a:hover {}


.left3 h2 {
  padding-top:1.0em;
  padding-bottom:0.45em;
　text-align:center;
  background: url(http://maxvision.jp/img/midashiback0.jpg) no-repeat;
  margin:0em;}

.left3 a {
  padding:0.1em;
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;}

.left3 a:hover {}


/*  センターコンテンツ  */

.content {
  width:510px;
  float:left;}

.content p{
  padding-left:0.8em;
  padding-right:0.8em;}

.content h2 {
  padding-top:0.8em;
  padding-bottom:0.55em;
　text-align:center;
　float:left;
  background: url(http://maxvision.jp/img/midashiback1.gif) no-repeat;
  margin:0em;
  padding-left:1.5em;}
  
 
.content2 h2{
  padding-top:0.6em;
  padding-bottom:0.26em;
  background: url(http://maxvision.jp/img/midashiback.gif) no-repeat;
  font-size: 14px;
  padding-left: 2.0em;
}

.content2 p{
  padding-left:1.8em;
  padding-right:1.8em;}
  
.content h3 {
  padding-left:1.5em;}
  
  
  
/*  ライトコンテンツ  */

.right0 {
	width:160px;
	text-align:center;
	float:left;}

.right0 h2 {
  padding-top:1.0em;
  padding-bottom:0.68em;
  background: url(http://maxvision.jp/img/midashiback2.jpg) no-repeat;
  text-align: center;
  margin:0;}
  
.right {
	width:160px;
	text-align:center;
	float:left;}


  
.right a {
  padding:0.5em;
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;}

.right a:hover {}

.right1 {
	width:160px;
	text-align:center;
	float:left;}

.right1 h2 {
  padding: 0.7em;
  text-align:center;
  margin:0;}

.right1 a {
  padding:0.5em;
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;}

.right1 a:hover {}

/*  フッター  */
.footer {
  width:839px;
  text-align:center;
  padding:0.5em;}
  

/*  レイアウト各種  */
.float_left {
   float: left;
   display:inline;
 }
 
.float_right  {
    float: right;
	display:inline;
 }

.align_center  {
   text-align: center;
   }
   
.align_right  {
   text-align: right;
 }

.align_left {
   text-align: left;
  }
  
.margin_side10 {
   margin: 0 10px 0 12px;
 }
 
 

  
/*ドロップダウンメニュー*/  

.ddmenu ul{width:180px!important; list-style:none;margin:0px 0px 0px 0px; padding:0;}
.ddmenu ul li{ position:relative;margin:0; padding:0;width:180px; hight:30px; !important;line-height:1.5;}
.ddmenu ul li.off{ position:relative;margin:0; padding:0;width:180px!important; overflow:hidden;}
.ddmenu ul li.on{ position:relative;margin:0; padding:0;width:180px!important; overflow:visible;z-index:1000;}
.ddmenu ul li ul{margin:0;padding:0px 0;position:absolute;width:180px!important;top:0px;left:180px!important;
border-right:1px solid #999;border-bottom:1px solid #999; background-color:#fff;text-indent:0.5em;}
.ddmenu ul li ul li a{display:block;margin:0;padding:8px 0;width:100%;line-height:1.2;text-indent:0.5em;color:#333;}
.ddmenu ul li ul li a:hover{margin:0;padding:8px 0; background-color:#000066;color:#fff;}



/*角丸枠二十線*/  

#cont-grade {
	margin:30px 24px 0 24px;
}

#cont-grade h2 {
	background-image:url(img/ttl-grade.gif);
	background-repeat:no-repeat;
	height:36px;
	width:672px;
	margin:10px 0 0 0;
	padding:0;
	}
	
#cont-grade h2 span {
	display:none;
	margin:0;
	padding:0;
	}

#voice_area {width:666px; margin-top:20px; margin-left:6px;}

#voice_area dl {margin:5px 0 0 10px;}

#voice_area dt {margin:0; padding:0px 0 0 0; font-size:16px; font-weight:bold;}

#voice_area dt span {margin:0; padding:0px 0 0 0; font-size:12px;font-weight:normal;}

#voice_area dd {margin:0; padding:5px 0 0 0; font-size:10px; color:#333333; line-height:120%;}

#voice_area p.voice {margin:0; padding:10px 5px 0 5px; font-size:12px; color:#333333;line-height:140%;}

#voice_area p.prof {margin:0; padding:0px 5px 0px 5px; font-size:10px; color:#333333;line-height:120%;}

#voice_area p.prof02 {margin:0; padding:10px 5px 0px 5px; font-size:10px; color:#333333;line-height:120%;}

.voice_area_left {width:488px;margin-right:6px; float:left;}

.voice_area_right {width:488px; float:left;}

.voice_box_top {background:url(img/half-box_top.gif) top center no-repeat;height:10px;}

.voice_box_in {background-image:url(img/half-box_inner.gif); background-repeat:repeat-y; height:280px;}

.voice_box_in02 {background-image:url(img/half-box_inner.gif); background-repeat:repeat-y; height:320px;}

.voice_box_bottom {background-image:url(img/half-box_bottom.gif); background-repeat:no-repeat;height:10px;}

table#prof_area {margin:0px 10px; width:468px;}

table#prof_area td {text-align:left; vertical-align:top;}