@charset "utf-8";
body  {
	margin: 0;
	padding: 0;
	text-align: center;
	color:#666;
	line-height:130%;
	background-color: #FFF;
	background-image: url(/images/top/body-background.jpg);
	background-repeat: repeat-x;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body,td,th {
	font-size:12px;
}
a {
	text-decoration:none;
}
a:link {
	color: #069;
}
a:visited {
	color: #069;
}
a:hover {
	color: #F00;
	text-decoration:underline;
}
a:active {
	color: #F00;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
ul,li,dl,dt,dd {
	margin:0;
	padding:0;
	list-style:none;
}
img {
	margin:0;
	padding:0;
	border:0;
}
form {
	margin:0;
	padding:0;
}
#container { 
	width: 950px;
	margin: 0 auto;
	text-align: left;
} 
#header { 
	margin:0 0 10px 0;
	padding: 0;
	height:70px;
	border-bottom:2px solid #039;
	position:relative;
} 
#header #logo {
	position:absolute;
	top: 22px;
	left: 0px;
}
#header #infoBanner {
	width:300px;
	position:absolute;
	top: 4px;
	left: 410px;
}
#header #submenu {
	font-size:10px;
	line-height:130%;
	position:absolute;
	top: 2px;
	right: 0;
	width: 160px;
	text-align:right;
}
#header #submenu a {
	margin-left:10px;
	padding-left:8px;
	color:#666;
	text-decoration:none;
	background-image:url(/images/top/icon/triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#header #submenu a:hover {
	color:#F00;
	text-decoration:underline;
}
#header #sbi {
	position:absolute;
	top: 35px;
	left: 843px;
}
#header h1 {
	margin: 2px 0 0 0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#666;
}
#sidebar {
	width: 180px;
	float: right; 
	display:block;
}
#sidebar #prBanner li {
	margin:0 0 5px 0;
}
#sidebar h3 {
	margin:0;
	padding:1px 5px;
	height:22px;
	line-height:20px;
	font-size:12px;
	border-top:2px solid #039;
	background-image:url(/images/top/header-background.jpg);
	background-repeat: repeat-x;
} 
#sidebar #delete {
	margin:0 0 20px 0;
	padding:10px;
	background-color:#EEE;
	text-align:center;
}
#sidebar #delete a {
	width:160px;
	height:34px;
	background-image:url(/images/top/button/register-info-edit-delete2.gif);
	background-repeat:no-repeat;
	display:block;
}
#sidebar #delete a:hover{  
    background-position:left bottom;  
}
#sidebar #navi {
	margin:0 0 20px 0;
	width:180px;
}
#sidebar #navi a {
	padding-left:25px;
	height:30px;
	line-height:30px;
	color:#666;
	text-decoration:none;
	display:block;
	border-bottom:1px dotted #CCC;
}
#sidebar #navi a:hover {
	color:#F00;
	background-color:#FFC;
	border-bottom:1px dotted #CCC;
}
#sidebar #navi #n01 {
	background-image: url(/images/top/navi/how-to-site.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n02 {
	background-image: url(/images/top/navi/hoken-trivia.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n03 {
	background-image: url(/images/top/navi/accident-support-service.gif);
	background-repeat: no-repeat;
	background-position: 3px center;	
}
#sidebar #navi #n04 {
	background-image: url(/images/top/navi/company-rating-list.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n05 {
	background-image: url(/images/top/navi/basics-information.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n06 {
	background-image: url(/images/top/navi/premium-low-priced.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n07 {
	background-image: url(/images/top/navi/choice-point.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n08 {
	background-image: url(/images/top/navi/thoroughgoing-guide.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n09 {
	background-image: url(/images/top/navi/user-voice.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n10 {
	background-image: url(/images/top/navi/glossary.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n11 {
	background-image: url(/images/top/navi/insweb-research.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #navi #n12 {
	background-image: url(/images/top/navi/faq.gif);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#sidebar #service {
	margin:0 0 20px 0;
}
#sidebar #service ul {
	width:90px;
	display:block;
	float:left;
}
#sidebar #service li {
	margin-top:5px;
	padding-left:5px;
}
#sidebar #service a {
	margin-top:5px;
	padding-left:8px;
	font-size:10px;
	color:#666;
	text-decoration:none;
	background-image:url(/images/top/icon/triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#sidebar #service a:hover {
	color:#F00;
	text-decoration:underline;
}
#sidebar #news {
	margin:0 0 20px 0;
	line-height:120%;
}
#sidebar #news dt {
	margin:5px 0 0 0;
	font-size:10px;
	letter-spacing: 0.1em;	
}
#sidebar #news dd{
	padding-bottom:5px;
	font-size:10px;
	border-bottom:1px dotted #CCC;
}
#sidebar dl.security {
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #CCC;
	background-image:url(/images/top/sidebar-background.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#sidebar .security dt {
	text-align:center;
}
#sidebar .security dd {
	font-size:10px;
}
#mainContent {
	margin: 0;
	width:750px;
	display:block;
	float:left;
} 
#mainContent h2 {
	margin:0 0 10px 0;
	padding:1px 5px;
	height:22px;
	line-height:20px;
	font-size:12px;
	vertical-align:bottom;
	border-top:2px solid #039;
	background-image:url(/images/top/header-background.jpg);
	background-repeat: repeat-x;
	clear:both;
} 
#mainContent #main {
	margin:0 0 5px 0;
	width:750px;
	height:230px;
	background-image: url(/images/top/main.jpg);
	background-repeat: no-repeat;
	position: relative;	
}
#mainContent #main #insweb {
	position:absolute;
	left: 130px;
	top: 5px;
	width: 198px;
	height: 20px;
}
#mainContent #main #title {
	position:absolute;
	left: 130px;
	top: 25px;
}
#mainContent #realtime {
	position:absolute;
	left: 187px;
	top: 83px;
	width: 368px;
	height: 25px;
} 
#mainContent #btnStart {
	position:absolute;
	left: 229px;
	top: 117px;
}
#mainContent #btnStart a {
	width:292px;
	height:61px;
	background-image:url(/images/top/button/mitsumori-start-size-m2.gif);
	background-repeat:no-repeat;
	display:block;
}
#mainContent #btnStart a:hover{  
    background-position:left bottom;  
}
#mainContent #advice {
	font-size:10px;
	color:#333;
	position:absolute;
	left: 222px;
	top: 181px;
	height: 18px;
	width: 332px;
	vertical-align:bottom;
}
#mainContent #advice .file{
	padding-left:11px;
	background-image:url(/images/top/icon/file.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
} 
#mainContent #advice .beginner{
	padding-left:11px;
	background-image:url(/images/top/icon/beginner-mark.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
} 
#mainContent #menu {
	margin-bottom:20px;
	position:relative;
}
#mainContent #menu a {
	margin:0 4px 0 0;
	float:left;
}
#mainContent #menu a.howto {
	width:184px;
	height:30px;
	background-image:url(/images/top/menu/btn.jpg);
	background-repeat:no-repeat;
	display:block;
}
#mainContent #menu a.howto:hover{  
    background-position:left bottom;  
}
#mainContent #menu a.kisotisiki {
	width:184px;
	height:30px;
	background-image:url(/images/top/menu/btn.jpg);
	background-repeat:no-repeat;
	background-position: -184px top;
	display:block;
}
#mainContent #menu a.kisotisiki:hover{  
    background-position:-184px bottom;  
}
#mainContent #menu a.hokenryou {
	width:185px;
	height:30px;
	background-image:url(/images/top/menu/btn.jpg);
	background-repeat:no-repeat;
	background-position: -368px top;
	display:block;
}
#mainContent #menu a.hokenryou:hover{  
    background-position:-368px bottom;  
}
#mainContent #menu .jiko-taiou {
	margin-right:0!important;
	width:185px;
	height:30px;
	background-image:url(/images/top/menu/btn.jpg);
	background-repeat:no-repeat;
	background-position: -553px top;
	display:block;
}
#mainContent #menu a.jiko-taiou:hover{  
    background-position:-553px bottom;  
}

#mainContent #prText {
	margin:0 0 20px 0;
	display:block;
}
#mainContent #prText a {
	color:#666;
	text-decoration:none;
}
#mainContent #prText span {
	font-weight:normal;
	color:#069;
	text-decoration:underline;
}
#mainContent #prText li {
	width:375px;
	float:left;
	display:block;
}
#mainContent #prText li a {
	padding:5px;
	display:block;
}
#mainContent #prText li a:hover {
	background-color:#FFC;
}
#mainContent h2.corplist {
	position:relative;
}
#mainContent h2.corplist span {
	font-weight:normal;
	position:absolute;
	left: 692px;
	top: 1px;
	text-align:right;
	display:block;
}
#mainContent .corplist .right a {
	color:#666;
}
#mainContent .corplist .right a:hover {
	color:#F00;
}
#mainContent ul#corplist {
	margin:0 0 0 10px;
	display:block;
}
#mainContent #corplist li {
	margin:0 1px;
	width:71px;
	height:70px;
	font-size:10px;
	line-height:120%;
	text-align:center;
	display:block;
	float:left;
}
#mainContent #corplist li img {
	padding:0 3px;
	display:block;
}

#mainContent .block {
	margin:0 0 20px 0;
	display:block;
}
#mainContent .block li {
	padding-bottom:5px;
	padding-left:22px;
}
#mainContent .blockLeft {
	width:365px;
	float:left;
	display:block;
}
#mainContent .blockRight {
	width:365px;
	float:right;
	display:block;
}
#mainContent .r01 {
	background-image: url(/images/top/icon/ranking/first-place.gif);
	background-repeat: no-repeat;
	background-position: 3px top;
}
#mainContent .r02 {
	background-image: url(/images/top/icon/ranking/second-place.gif);
	background-repeat: no-repeat;
	background-position: 3px top;
}
#mainContent .r03 {
	background-image: url(/images/top/icon/ranking/third-place.gif);
	background-repeat: no-repeat;
	background-position: 3px top;
}
#mainContent .r04 {
	background-image: url(/images/top/icon/ranking/fourth-place.gif);
	background-repeat: no-repeat;
	background-position: 3px top;
}
#mainContent .r05 {
	background-image: url(/images/top/icon/ranking/fifth-place.gif);
	background-repeat: no-repeat;
	background-position: 3px top;
}
#mainContent .blockRight li {
	background-image: url(/images/top/icon/human.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
}
#mainContent ul#knowledgeL {
	width:625px;
	float:left;
}
#mainContent #knowledgeL li {
	margin-top:5px;
	padding-left:22px;
	height:14px;
	background-image: url(/images/top/icon/pencil.gif);
	background-repeat: no-repeat;
	background-position: 5px top;
	display:block;
}
#mainContent ul#knowledgeL li span {
	background-color:#FFF;
	padding-right:10px;
	font-weight:normal;
}
#mainContent ul#knowledgeR {
	margin:0;
	padding:0;
	width:125px;
	display:block;
	float:right;
}
#mainContent #knowledgeR li {
	margin:5px 0 0 0;
	padding-left:10px!important;
	height:14px;
	display:block;
}
#mainContent #knowledgeR li img {
	margin:0;
	vertical-align:bottom;
}
#mainContent #knowledgeR li a img {
	margin-left:5px;
}
#mainContent dl#information {
	margin:0 5px;
}
#mainContent #information dt {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	vertical-align:middle;
	float:left;
	display:block;
}
#mainContent #information dd {
	margin:0;
	padding:0;
	height:20px;
	vertical-align:middle;
	
}


#mainContent #reccomend_container {
	margin:0 0 40px 0;
	display:block;
}

#mainContent .reccomend {
	margin:0 0 20px 0;
	width:50%;
	height:100px;
	float:left;
	position: relative;
	display:block;
}
#mainContent .reccomend h3 {
	margin:0;
	padding-left:15px;
	background-image: url(/images/top/icon/arrow.gif);
	background-repeat: no-repeat;
	font-weight:normal;
	font-size:12px;
	background-position: left center;
	display:block;
}

#mainContent .reccomend .image {
	padding:3px;
	border:1px solid #CCC;
	position:absolute;
	left: 8px;
	display:block;
	top: 0px;
}
#mainContent .reccomend .image img {
	margin:0;
	vertical-align:top;
}

#mainContent .reccomend .textbox {
	margin:0;
	position:absolute;
	left: 98px;
	width: 271px;
	display:block;
	top: 0px;
	vertical-align:top;
}
#btnbottom {
	margin:0 auto 40px;
	width:100%;
	text-align:center;
}
#btnbottom a {
	margin:0 auto;
	width:500px;
	height:80px;
	background-image:url(/images/top/button/mitsumori-start-size-l3.jpg);
	background-repeat:no-repeat;
	display:block;
}
#btnbottom a:hover{  
    background-position:left bottom;  
}
#btnbottom p {
	margin-bottom:10px;
	padding:0;
}
#grouplink {
	margin:0 17px;
	display:block;
}
#grouplink ul {
	margin:0 0 20px 0;
	display:block;
}
#grouplink li {
	padding:0 2px 5px 2px;
	display:block;
	float:left;
}
#footer { 
	padding:10px;
	background:#192133;
	text-align:center;
	color:#EFF;
	display:block;
	clear:both;
} 
#footer a { 
	color:#EFF;
	text-decoration:none;
}
#footer a:hover { 
	color:#FFF;
	text-decoration:underline;
}
#footer #otherlink {
	margin-bottom:10px;
	line-height:150%;
}
#footer .attention {
	font-size:10px;
}
#footer address {
	margin: 0;
	padding: 0 0 10px 0;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.clear {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.attention {
	margin:0 0 20px 0;
	font-size:10px;
	line-height:120%;
	color:#999;
	display:block;
}
.attention2 {
	margin:0 0 20px 0;
	font-size:10px;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

dl.boxline {
  margin-bottom:20px;
  padding:10px;
  border:1px solid #CCC;
  display:block;
}
dl.boxline dt {
  font-weight:bold;
  background-image:none;
}
dl.boxline dd {
  margin-left:0;
}

#auto-top-grouplink {
	margin:0 17px;
	display:block;
}
#auto-top-grouplink ul {
	margin:0 0 20px 0;
	display:block;
}
#auto-top-grouplink li {
	padding:0 2px 10px 2px;
	display:block;
	float:left;
}
