@charset "UTF-8";
/* CSS Document */
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
	margin: 0;
	vertical-align: baseline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
 


html, h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

body {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
font-size: 13px;
font-size: small\9; /*Win IE876*/
line-height: 1.6em;
color:#333333
}

.win body {
font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

body {
color:#333333;
background:#F5F5F5;
}

/**/

.clear {clear: both;}

a {color: #333; text-decoration:none;}

a:hover{text-decoration:underline;}

a img {
    border-style:none;
	text-decoration : none;
	outline:none;
}
.clearfix{ /zoom : 1; }
.clearfix:after{ content : ''; display : block; clear : both; height:0; }

object {outline:none;}
a:focus { outline:none;}

/*共通*/

.tx9 {font-size:69%; line-height:1.2em;}
.tx10 {font-size:77%; line-height:1.2em;}
.tx11 {font-size:85%; line-height:1.4em;}
.tx12 { font-size:93%; }
.tx14 { font-size:108%; }
.tx14 { font-size:107%; } /*UTF IE */
.tx15 { font-size:116%; }
.tx16 { font-size:123.1%; }

.bld,.b {font-weight:bold;}
.red {color:#CC0000;}


.mac .tsume {letter-spacing:-1px;}

.fl {float:left !important;}
.fr {float:right !important;}
.blk {display:block;}
.inl {display:inline;}
.inb {display:inline-block;}
.ofa {overflow:auto;}
.hide {display:none;}

.tl { text-align:left }
.tr { text-align:right }
.tc { text-align:center }


.ml2 {margin-left:2px !important;}
.ml4 {margin-left:4px !important;}
.ml6 {margin-left:6px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml12 {margin-left:12px !important;}
.ml16 {margin-left:16px !important;}
.ml20 {margin-left:20px !important;}

.mt2 {margin-top:2px !important;}
.mt4 {margin-top:4px !important;}
.mt6 {margin-top:6px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt16 {margin-top:16px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}

.mr2 {margin-right:2px !important;}
.mr4 {margin-right:4px !important;}
.mr6 {margin-right:6px !important;}
.mr8 {margin-right:8px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !important;}
.mr16 {margin-right:16px !important;}
.mr20 {margin-right:20px !important;}

.mb2 {margin-bottom:2px !important;}
.mb4 {margin-bottom:4px !important;}
.mb6 {margin-bottom:6px !important;}
.mb8 {margin-bottom:8px !important;}
.mb10 {margin-bottom:10px !important;}

.ind{
text-indent:-1em;
padding-left:1em;
}


/**/

li {list-style:none; }
li img {display:block}

#w_header{
background:url(/images/header_bg.gif) repeat-x;
}

.top #w_header{
background:url(/images/header_bg_top.gif) repeat-x;
}

#header{
width:950px;
min-height:192px;
_height:192px;
margin:0 auto;
}

.top #header{
width:950px;
min-height:99px;
_height:99px;
margin:0 auto;
}

#top_area{
min-height:29px;
_height:29px;
overflow:auto;
margin-bottom:12px;
}

#top_area h1{
float:left;
font-size:85%;
font-weight:normal;
margin-top:6px;
}


#top_area ul{
float:right;
width:350px;
border-right:#f3f3ec 1px solid;

}

#top_area li{
float:right;
padding:0 10px;
border-left:#f3f3ec 1px solid;
height:29px;
line-height:2em;

}

#snavi{
float:right;
}

#snavi li{
float:left;
}

.top #navi{
position:absolute;
top:423px;
z-index:50;
margin-top:0;
}

#navi {
margin-top:11px;
}

#navi li{
float:left;
}

#navi li a{
display:block;
}


#navi li.beg a{
background:url(/images/navi_beg_cr.png)
}
#navi li.col a{
background:url(/images/navi_col_cr.png)
}
#navi li.hit a{
background:url(/images/navi_hit_cr.png)
}
#navi li.ser a{
background:url(/images/navi_ser_cr.png)
}
#navi li.app a{
background:url(/images/navi_app_cr.png)
}

.beg #navi li.beg img,.col #navi li.col img,.hit #navi li.hit img,.ser #navi li.ser img,.app #navi li.app img{
visibility:hidden;
}

.conta #navi li.app img {
visibility:visible;
}


#w_main{
background:url(/images/w_main_bg.gif) repeat-x #FBFBFB;
}

.top #w_main{
background:url(/images/main_bg.gif) repeat-x #F5F5F5;
}

.ser #w_main{
background:#FFF;
}



#main{
width:950px;
margin:0 auto;
}
#main{ /zoom : 1; }
#main:after{ content : ''; display : block; clear : both; height:0; }

.sco #main{
padding-bottom:15px;
}


#cont{
background:#FFFFFF;
border:#E5E5E5 1px solid;
padding:30px;
margin-top:15px;
}

#cont{ /zoom : 1; }
#cont:after{ content : ''; display : block; clear : both; height:0; }

#primary{
float:right;
width:587px;
}

#secondary{
width:273px;
float:left;
}

.sidenavi ul {
border-top:#E5E5E5 1px solid;
}

.sidenavi ul li a{
border-bottom:#E5E5E5 1px solid;
display:block;
padding:10px 5px;
line-height:1.2em;
color:#005eae;
}

.sidenavi ul li a:hover{
text-decoration:none;
background:#F8F8E7;
}

.sidenavi ul li.cr a{
background:#005eae;
color:#FFFFFF;
}

#bg_hline{
height:382px;
position:relative;
left:-50px;
}

.top #hline{
width:950px;
margin:0 auto;
position:relative;
}

.top #hline{
min-height:382px;
_height:382px;
margin-top:-382px;
}

#catch{
padding-top:30px;
}

#subcatch{
margin-top:20px;
}

.top #catch{
margin-top:26px;
float:right;
padding-top:0;
}


#hline{
position:relative;
height:213px;
}


#topics{
margin-top:18px;
clear:both;
width:444px;
float:right;
background:url(/images/result_bg.png) no-repeat;
min-height:128px;
_height:128px;
}

#topics_load{
display:none;
}

.rtxt {
color: #FF0000;
}

#topics ul{
margin-left:82px;
/*font-size:85%;*/
}

#topics ul li{
text-overflow:ellipsis;
width:362px;
white-space:nowrap;
overflow:hidden;
}


#topics ul strong{
font-size:20px;
padding-bottom:5px;
}

#bann{
clear:both;
float:right;
margin-top:26px;
}

#btn {
margin-top:25px;
min-height:103px;
_height:103px;
background:url(/images/top_cont_bg.gif) no-repeat;
}

#btn ul {
padding-top:18px;
}

#btn li {
width:155px;
font-size:85%;
line-height:1.3em;
float:left;
_display:inline
}

#btn li p{
margin-top:8px;
}


#btn li.con {
margin-left:72px;
}

#btn li.cre {
margin-left:92px;
}

#btn li.faq {
margin-left:80px;
}

#btn li.rev {
margin-left:84px;
}

#content{
/*width:950px;
margin:0 auto;*/
}

#news_input{
display:none;
}

.top #pgtop {
display:none;
}

#pgtop img {
cursor:pointer;
float:right;
margin-top:10px;
}

#w_footer{
background:url(/images/bg_footer.gif) bottom repeat-x #F5F5F5;
}

#footer{
	width:950px;
	margin-top: 10;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.top #bnn_area {
display:none;
}

#bnn_area {
margin-top:20px;
}


#bnn_area ul{
margin-left:-29px;
}

#bnn_area li{
float:left;
margin-left:28px;
}

#wn_area{
padding-top:20px;
padding-bottom:20px;
}

.top #wn_area{
padding-top:0;
}

#news dl,#free dl{
padding:10px;
}

#footer .wn_ttl{
background:#efeded;
padding:10px;
}


#news{
min-height:165px;
_height:165px;
width:406px;
background:#FFFFFF;
float:left;
}


#free{
min-height:165px;
_height:165px;
width:321px;
background:#FFFFFF;
float:left;
margin-left:18px;
_display:inline
}

#free dd {
font-size:93%;
margin-top:3px;
line-height:1.4em;
}

#free dd h3{
font-weight:normal;
}

#free dd strong {
font-weight:normal;
}

#free dd a p:after {
content: " 他...";
}

#free dt.dt_conf{
margin-top:4px;
}


#contact_box{
float:left;
width:187px;
width:185px;

margin-left:18px;
_display:inline;
font-size:85%;
line-height:1.4em;
background:#efeded;
border:#FFFFFF 1px solid;
}

#contact_box_inner{
padding:9px;
}



#contact_box dl{
margin-top:8px;
}

#contact_box dl.flt dt,#contact_box dl.flt dd{
padding-top:0;
padding-bottom:0;
}


#contact_box dd{
margin-left:-1em;
}



#footersub{
width:950px;
margin:0 auto;
height:159px;
height:154px;
\padding-top:5px;
}


#footersub dl {
display: inline;
float: left;
width: 270px;
margin-top:4px
}
#footersub dl dt {
margin-bottom: 4px;
}
#footersub dl dd {
display: block;
float: left;
margin-bottom: 6px;
width: 270px;
}
#footersub dl dd img {
float: left;
margin-right: 18px;
}
#footersub .gd {
color: #666;
float: left;
margin:24px 0 24px 24px;   
width: 450px;
}

#ya {
_display: inline;
float: right;
width: 185px;
}
#ya img {
display: block;
margin-left: auto;
margin-right: auto;
}
#ya p,#ca p {
display: block;
float: right;
font-size: 85%;
line-height: 1.4em;
margin-top:4px;
}

#ca {
_display: inline;
float: right;
width: 185px;
}

#footerend{
height:44px;
}

#footerend .copy{
float:left;
margin-top:20px;
}


#footerend .lik{
float:right;
width:500px;
margin-top:14px;
}


#footerend .lik li{
float:right;
margin-left:30px;
}



/**/

#bg_hline{
position:relative;
}

#bg_hline p{
position:absolute;
top:0;
left:0;
}

/*エリア共通*/
dl.flt {
line-height:1.4em;
}

dl.flt dt,dl.flt dd{
padding:2px 0 2px 0;
}

dl.flt dt {
float:left;
width:5.5em;

}
dl.flt dd {
padding-left:6em;
/display:inline
/zoom:1;
}

dl.flt dd:after {content : ''; display : block; clear : both;}

.yal{
background: none repeat scroll 0 0 #FFFFDD;
display: inline;
margin: 4px;
padding: 2px;
}