@charset "utf-8";

body{
margin:0;
padding:0;
font-family:Verdana,sans-serif;
text-align:center;
font-size:62.5%;
overflow-y:scroll;
}
*html body{overflow-y:auto;font-size:61.0%;}/*IE6*/
*+html body{overflow-y:auto;font-size:61.0%;}/*IE7*/

img{
vertical-align:middle;
}

a:hover{
text-decoration:none;
}

a img{
margin:0 3px 0 0;
border:0;
}

th,td{
vertical-align:top;
}

form{
margin:0;
padding:0;
}

input,select,textarea{
margin:0;
vertical-align:middle;
}

hr{
height:0;
margin:30px 0 0 0;
padding:0;
line-height:0;
visibility:hidden;
border:0;
}
*html hr{margin-bottom:-25px;}/*IE6*/
*+html hr{margin-bottom:-25px;}/*IE7*/


p{
margin:0 0 10px 0;
font-size:1.2em;
color:#444444;
}


.clearfix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/* exlude MacIE5 \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* end MacIE5 */


div.box{
margin:0 0 10px 0;
border:1px solid #BBBBBB;
}

  div.box h4{
  margin:0;
  padding:3px;
  font-size:1.2em;
  color:#FFFFFF;
  background-image:url(../img/common_box-title_bg.gif);
  background-repeat:repeat-x;
  background-position:0 0;
  border-bottom:1px solid #BBBBBB;
  }
  
  div.box div.inner{
  margin:0;
  padding:5px;
  font-size:1.2em;
  color:#555555;
  }



#Wrap{
width:950px;
margin:0 auto 0 auto;
border-color:#CCCCCC;
border-style:solid;
border-width:0 1px 1px 1px;
}




/*********************************** ▽ ヘッダ ▽ ***********************************/

#Header{
text-align:left;
}

/*
  #Header .left{
  padding:10px 0 10px 120px;
  background-image:url(../img/header_glass_left.jpg);
  background-repeat:no-repeat;
  background-position:-10px 100%;
  }
  
    #Header .left strong,
    #Header .left i{
    padding:0 0 0 0;
    display:block;
    font-weight:normal;
    text-indent:-9999px;
    background-repeat:no-repeat;
    background-position:0 0;
    }
    
    #Header .left strong{
    width:220px;
    height:32px;
    margin:0 0 30px 0;
    background-image:url(../img/header_catch-copy.gif);
    }
    
    #Header .left i{
    width:298px;
    height:24px;
    margin:0 0 0 0;
    background-image:url(../img/header_number.gif);
    }
    
  
  
  #Header .right{
  width:300px;
  padding:10px 0 0 0;
  text-align:right;
  background-image:url(../img/header_glass_right.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
  }
  
    #Header .right a{
    width:198px;
    height:76px;
    margin:0 30px 0 auto;
    padding:0 0 0 0;
    display:block;
    text-align:left;
    text-decoration:none;
    text-indent:-9999px;
    overflow:hidden;
    background-image:url(../img/header_logo.gif);
    background-repeat:no-repeat;
    background-position:0 100%;
    }
*/

/* ▽ パンくずリスト ▽ */

#bread-crumb{
padding:15px 20px 5px 10px;
font-size:1.2em;
color:#999999;
text-align:left;
vertical-align:bottom;
background-image:url(../img/common_dot1.gif);
background-repeat:repeat-x;
background-position:0 100%;
}

#bread-crumb a{

}

#bread-crumb b,
#bread-crumb strong{
color:#981E1F;
}




/*********************************** ▽ ナビゲーション ▽ ***********************************/

/* ▽グローバルナビ */

#Navigation #global-navi{
background-color:#E4E4E4; text-align:right;
/*border-bottom:1px solid #CCCCCC;*/
}

	#Navigation #global-navi ul{
	margin:0 auto;
	padding:0 0 0 0;
	list-style:none;
/*	border-top:4px solid #B03E33;
	border-bottom:1px solid #9F2022;*/
	}
	*html #Navigation #global-navi ul{padding-bottom:0;}/*IE6*/
	*+html #Navigation #global-navi ul{padding-bottom:0;}/*IE7*/
	
		#Navigation #global-navi ul li{
		margin:0 0 0 0;
		padding:0 0 0 0;
		display:inline;
		}
		
			#Navigation #global-navi ul li a{
			margin:0 0 0 0;
			padding:6px 10px;
			font-family:"ＭＳ Ｐゴシック", Osaka;
			font-size:10px;
			/*font-weight:bold;*/
			color:#333333;
			line-height:300%;
			text-decoration:none;
			border-left:1px solid #FFFFFF;
			/*border-right:1px solid #FFFFFF;*/
			}
			
			#Navigation #global-navi ul li a.top{
			border-left:1px solid #FFFFFF;
			}
			
			#Navigation #global-navi ul li a:hover{
			color:#FFFFFF;
			}
			
			#Navigation #global-navi ul li.here a{
			font-weight:bold;
			color:#333333;
			/*position:relative;
			top:1px;
			background-color:#E4E4E4;
			cursor:default;
			border-right-color:#FFFFFF;*/
			}


/* ▽ローカルナビ */
#Navigation #local-navi{
background-image:url(../img/header_global-navi_bg.gif);
background-repeat:repeat-x;
background-position:0 0;
}

	#Navigation #local-navi ul{
	margin:0 0 0 0;
	padding:0px 0 0 0;
	list-style:none;
	}
	
		#Navigation #local-navi ul li{
		margin:0;
		padding:0;
		float:left;
		}
		
			#Navigation #local-navi ul li a{
			margin:0;
			padding:5px 10px;
			display:block;
			font-family:"ＭＳ Ｐゴシック", Osaka;
			font-size:14px;
			text-decoration:none;
			color:#FFFFFF;
			border-right:1px solid #CCCCCC;
			}
			
			#Navigation #local-navi ul li a:hover{
			color:#000000;
			}
			
			#Navigation #local-navi ul li.here a{
			position:relative;
			/*top:1px;*/
			color:#981E1F;
			background-color:#FFFFFF;
			}
			#Navigation #local-navi ul li.off a{
			position:relative;
			/*top:1px;*/
			color:#FFE3E3;
			background-image:url(../img/header_global-navi_bg_off.gif);
			}


/*********************************** ▽ コンテンツ ▽ ***********************************/

#Content{
padding:20px 30px 30px 30px;
text-align:left;
}

#Content h1{
width:670px;
height:26px;
margin:0 0 10px 0;
padding:0;
font-size:2.6em;
color:#333333;
font-weight:bold;
border-bottom:1px solid #999999;
}

#Content h2{
width:670px;
margin:0 0 10px 0;
font-size:1.2em;
color:#444444;
font-weight:normal;
/*
margin:0 0 10px 0;
padding:3px 10px;
font-size:1.8em;
color:#FFFFFF;
background-image:url(../img/common_h2_bg.jpg);
background-repeat:no-repeat;
background-position:0 0;
background-color:#DA231A;
border-width:1px;
border-style:solid;
border-color:#D52118 #A11912 #A11912 #D52118;
*/
}

#Content h3{
margin:0 0 10px 0;
padding:6px 10px 3px 10px;
position:relative;
font-size:1.6em;
color:#333333;
background-image:url(../img/common_h3_bg.gif);
background-repeat:repeat-x;
background-position:0 0;
border:1px solid #BBBBBB;
}

#Content h3 i{
margin:0 0 0 0;
padding:0;
position:absolute;
top:8px;
right:10px;
font-size:12px;
font-style:normal;
font-weight:normal;
color:#555555;
}

#Content p#description{
margin:0 0 15px 0;
padding:0 0 0 0;
font-size:1.2em;
color:#444444;
}


#Content img.blink{
margin:0 0 0 2px;
}


#Main{
}
  #Main .items{
  width:670px;
  margin:0 0 20px 0;
  border-top:0px solid #CCCCCC;
  border-bottom:0px solid #CCCCCC;
  border-left:0px solid #CCCCCC;
  border-right:0px solid #CCCCCC;
  }
  
    #Main .items .rank{
    width:50px;
    font-family:Arial;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
    border-width:0 2px 0 0;
    border-style:solid;
    }
    #Main .items .rank.r1{color:#DB9E39;border-color:#DB9E39;background-color:#FDE18E;}
    #Main .items .rank.r2{color:#63A2DA;border-color:#63A2DA;background-color:#C7E6F3;}
    #Main .items .rank.r3{color:#73A03A;border-color:#73A03A;background-color:#C9E7BA;}
    #Main .items .rank.r4,
    #Main .items .rank.r5{color:#A29C82;border-color:#A29C82;background-color:#E0DECF;}
    
      #Main .items .rank b{
      font-size:50px;
      line-height:80%;
      }
      
    
    #Main .items .image{
    width:140px;
    text-align:center;
    vertical-align:middle;
    }
    
    #Main .items .description{
    width:480px;
    padding:10px 0;
    }
  
      #Main .items .description .title{
      margin:0 0 7px 0;
      color:#666666;
      }
      
        #Main .items .description .title a{
        font-size:1.6em;
        font-weight:bold;
        }
        
      
      #Main .items .description .star{
      margin:0 0 10px 0;
      font-size:1.2em;
      color:#333333;
      vertical-align:middle;
      }
      
        #Main .items .description .star img{
        width:80px;
        height:16px;
        margin:0 0 0 5px;
        vertical-align:middle;
        background-image:url(../img/ranking_star.gif);
        background-repeat:no-repeat;
        background-position:0 0;
        }
        #Main .items .description .star img.star1{background-position:0 -16px;}
        #Main .items .description .star img.star2{background-position:0 -32px;}
        #Main .items .description .star img.star3{background-position:0 -48px;}
        #Main .items .description .star img.star4{background-position:0 -64px;}
        #Main .items .description .star img.star5{background-position:0 -80px;}
        
      
      #Main .items .description p{
      margin:0 0 0 0;
      font-size:1.2em;
      color:#444444;
      }
      
      #Main .items .description table{
      margin:0 0 0 0;
      border-collapse:collapse;
      table-layout:auto;
      }
      
        #Main .items .description table th,
        #Main .items .description table td{
        /*padding:6px;*/
        font-size:1.2em;
        font-weight:normal;
        color:#444444;
        text-align:left;
        border:1px solid #BBBBBB;
        }
        
        #Main .items .description table th{
        text-align:center;
        background-color:#ECEBEA;
        border-top:5px solid #CC0000;
        }

      #Main .sub table{
      margin:0 0 0 0;
      border-collapse:collapse;
      table-layout:auto;
      }
        #Main .sub table th{
        padding:6px;
        font-size:1.2em;
        font-weight:normal;
        color:#444444;
        text-align:left;
        border:0px solid #BBBBBB;
        }
        #Main .sub table td{
        padding:6px;
        font-size:1.2em;
        font-weight:normal;
        color:#444444;
        text-align:right;
        border:0px solid #BBBBBB;
        }

      #Main .sub .title{
      margin:0 0 10px 0;
      font-weight:bold;
      font-size:2em;
      color:#333333;
      vertical-align:middle;
      }

      #Main .look {
			margin:0;
			background-color:#eeeeee;
			padding:0 0 0 5px;

		  }
      
			#Main .look table{
			margin:5px 0;
			font-size:1em;		  }
			
      #Main .look table caption{
			text-align:left;
			font-size:1.2em;
		  }

/*
        .sub{
        padding:6px;
        font-size:1.2em;
        font-weight:normal;
        color:#444444;
        text-align:left;
        border:0px solid #BBBBBB;
        }
*/



/* ▽共通サイド▽ */

#Side{
width:160px;
margin:0 0 0 50px;
text-align:left;
}

  #Side .bannar{
  margin:0 0 10px 0;
  }
  
  #Side .video{
  margin:0 0 10px 0;
  padding:45px 0 0 0;
  text-align:center;
  background-image:url(../img/common_demo-video.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  }
  
  #Side .mobile h4{
  text-align:center;
  font-size:1.6em;
  }
  
  #Side img.qr{
  background-color:#981E1F;
  }




/*********************************** ▽ フッタ ▽ ***********************************/

#Footer{
padding:0 0 0 0;
border-top:10px solid #DDDDDD;
}

  #Footer #foot-navi{
  padding:10px 0;
  background-image:url(../img/common/dot1.gif);
  background-repeat:repeat-x;
  background-position:0 100%;
  }
  
    #Footer #foot-navi ul{
    margin:0 0 0 0;
    padding:0 0 0 0;
    list-style:none;
    }
    
      #Footer #foot-navi ul li{
      margin:0 10px;
      padding:0 0 0 0;
      display:inline;
      }
      
        #Footer #foot-navi ul li a{
        margin:0 0 0 0;
        padding:0 0 0 0;
        font-size:1.2em;
        color:#666666;
        text-decoration:none;
        }
        
        #Footer #foot-navi ul li a:hover{
        color:#000000;
        text-decoration:underline;
        }
        
  
  #Footer #foot-info{
  padding:20px 0;
  position:relative;
  }
  
    #Footer #foot-info b,
    #Footer #foot-info i{
    margin:0;
    padding:0;
    position:absolute;
    top:20px;
    display:block;
    color:#999999;
    }
    
    #Footer #foot-info b{
    left:30px;
    font-family:Verdana;
    font-weight:normal;
    color:#999999;
    }
    
    #Footer #foot-info i{
    right:30px;
    font-style:normal;
    }
    
      #Footer #foot-info i a{
      font-size:1.2em;
      color:#666666;
      text-decoration:none;
      }
      
      #Footer #foot-info i a:hover{
      color:#333333;
      text-decoration:underline;
      }