
body{background-attachment: scroll!important;}

/* VIEW_top
------------------------------------------------------------ */
#view{padding:0;}

table#viewinfo{width:960px;margin:20px auto;}
table#viewinfo td.viewinfo_left{background-color:#fff;width:660px;vertical-align:top;padding:10px;}
table#viewinfo td.view_ad{width:300px;min-height:250px;vertical-align:top;padding:0;}


#view h1{border:none;padding:0;margin:3px 0 0 0;}
#view .clearfix{text-align:left;}
.viewdata{float:left;width:430px;margin:0;}
.prof{float:right;width:180px;text-align:right;margin:0;}
.prof .prof_img{float:right;width:50px;margin:0 0 0 5px;}

.insp_from{float:right;width:80px;text-align:center;}
.insp_from img{height:50px;}

#view .comment {text-align:left;padding:0 0 0 0;}
#view .comment p.description{padding: 5px 0;font-size:12px;color:#555;}

.tag{background: #eaf1f2;padding: 5px 1px 1px 1px;margin:20px 0px 1px;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}

.tag span{
display:block;
float:left;
padding: 0px 6px;margin:0 0 4px 0;
white-space: nowrap;
border-right:1px #cfdee0 solid;
}

.tag span:last-child{
border-right:none;
}

.tag a:hover{
text-decoration:none;
}

.notag{color:#999;}

.tag a.keyword{background:url(/img/icon/keyword.png) no-repeat left top;padding:0 0 1px 17px;}
.tag a.keyword:hover{background:url(/img/icon/keyword.png) no-repeat 0px -20px;}
.tag em.noword{background:url(/img/icon/keyword.png) no-repeat 0px -41px;padding:0 0 1px 17px;}

.view_info{text-align:right;font-size:12px;color:#888;padding-right:8px;}

h1 span.gold{
padding-right:27px;
background:url("/img/icon/gold.gif") right -6px no-repeat;}

div.fav_only{text-align:center;margin-top:50px;}
div.fav_only p{margin:1.5em auto;}

div.fav_only #mv{margin:50px auto;}

div.viewbody{margin-top:15px;}

p.showall{border-bottom:1px #ccc dashed;position:relative;width:400px;margin: 10px; }

p.showall a{
background: #fff url(/img/icon/arrow_under.gif) no-repeat 4px 2px;
font-size:12px;display:block;width:70px;
position:absolute; top:-10px; left:40%;z-index:9999;padding-left:17px;}

.adingoF{width:890px;margin:auto;}


/* NOVEL
------------------------------------------------------------ */

#container .nv_body{background:#fff;margin:2em 1em;padding:1.5em 3em;line-height:200%;
border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;
}

p.body_line{line-height:220%;}

/* MODEL
------------------------------------------------------------ */
  .caption-top, .caption-bottom {
    color: #ffffff;
    padding:5px;
    font-size: 14px;    
    cursor: default;
    background: #0d0e0e;
    text-align:left;
  }
  .caption-wrapper {
    margin:0 auto !important; 
  }
  
  #controller_model{text-align:center;border-collapse:separate;border-spacing:3px;margin:0 auto 5px;}
  #controller_model td{
  text-align:center;vertical-align:middle;
  width:83px;
  height:83px;
border:1px #ccc solid;
background-color:#fff;
  }
  
  #controller_model td.memo{border:1px #ff9cbf solid;}
  
  #controller_model td.switch{width:25px;
  text-align:center;vertical-align:top;
border:none;
background-color:transparent;
  }

.cont_model{
margin:0;padding:8px;
background :url("/img_ep/base/trans_black.png");
}

.cont_model ul{}

.cont_model ul li img{
border:2px #ccc solid;
}
.cont_model ul li img:hover{border:2px #e7e7e7 solid;}

.cont_model ul li img.memo{border:2px #ff68b3 solid;}
.cont_model ul li img.memo:hover{border:2px #ff95c9 solid;}


#controller_left{
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-top-right-radius: 5px;

border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-bottom-right-radius: 5px;
}

#controller_right{
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-top-left-radius: 5px;

border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-bottom-left-radius: 5px;
}

#tooltip{
padding:8px;
text-align:left;
position:absolute;
background :#000;
color:#fff;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
 filter: alpha(opacity=85);
  -moz-opacity:0.85;
  opacity:0.85;
	box-shadow: 2px 2px 10px #666; /*CSS3*/
	-moz-box-shadow: 2px 2px 10px #666; /* Firefox用*/
	-webkit-box-shadow: 2px 2px 10px #666; /* Google Chrome, Safari用*/

}

/* VIEW_bottom
------------------------------------------------------------ */

div#mv{width:760;margin:1em auto 0 auto;}
div.mvnext,div.mvlist,div.mvprev{padding:0;margin:0;font-size:11px;}
div.mvnext,div.mvlist{float:left;}

div.mvnext{text-align:left;width:100px;}
div.mvnext a{padding-left:14px;
background : url("/img/icon/arrow_bp_l.png" ) no-repeat 0px -2px;}

div.mvprev{text-align:right;}
div.mvprev a{
padding-right:14px;
background:url("/img/icon/arrow_bp_r.png" ) no-repeat right -2px;}

div.mvlist{text-align:center;width:560px;}

table#push{}
table#push td{text-align:center;}

p.count{margin:0;text-align:left;font-size:11px;}
p.count span{margin:0 1em 0 0;}

div#comment_form{text-align:center;margin:0 auto 20px; } 

div#comment_form strong{color:#ff89b9;padding-right:10px;}

div#comment_form .input{width:790px;padding:3px;border:1px #bbb solid;}

div#comment_form h3{
background:url(/img/icon/chat.gif) no-repeat -1px 1px;
padding-left:18px;
font-size:13px;margin:0 0 0 30px;}

div.comment div.comment_list{
text-align:left;margin:1.5em;padding-top:2px;
}

div.comment div.comment_list ul{
margin:1em;border-top:1px #ccc dotted;}

div.comment div.comment_list ul li{
list-style-type:none;border-bottom:1px #ccc dotted;padding: 7px 5px 5px 5px;}

div.comment div.comment_list ul li div.name{
float:left;width:140px;margin:0 0 0 5px;}

div.comment div.comment_list ul li div.name a{
font-weight:bold;}

div.comment div.comment_list ul li div.name span.auther{padding-right:17px;
background:url("/img/icon/smile.gif") right -2px no-repeat;}


div.comment div.comment_list ul li div.comment{
margin:0 0 0 150px;padding:0;}

div.comment div.comment_list p{}

div.comment div.comment_list span.entry_date{color:#aaa;padding-left:3px;}

div.insp{margin:1.5em 0 0 0;}

table#push{margin:20px auto 10px;}
table#push td{padding:10px 0px;width:90px;}

table#push div.fk{padding:11px 3px 0 3px;background:url(/img/icon/fk_push.png) no-repeat center top;}
table#push div.fk span{background: #5cbcdc;padding: 6px 10px 4px;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;color:#fff;font-weight:bold;}

table#push div.fk span a{color:yellow;text-decoration:none;}


table.thumb{margin: 10px auto 0 auto;}
table.thumb td{width:124px;height:90px;text-align:center;vertical-align:top;padding:3px;}
table.thumb td p{margin:0 5px;font-size:11px;text-align:center;line-height:130%;}
table.thumb td img{border:1px #fff solid;margin:7px auto 0 auto;width:55px;height:40px;}
table.thumb td span{padding-left:11px;}

table.thumb td p a:link {color: #000;}
table.thumb td p a:visited {color: #000;}
table.thumb td p a:hover {color: #EF8100;text-decoration:underline;}
table.thumb td p a:active {color: #000;}

#container ul.advice_list {
margin:3em auto 2em;padding:0;list-style:none;text-align:left;width:900px;
background-color:#fff;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
padding:5px;
}
#container ul.advice_list h4{margin:0;}
#container ul.advice_list li{margin:5px;padding:0;}
#container ul.advice_list div.thumb{width:115px;margin:5px;float:left;}
#container ul.advice_list div.thumb img{width:110px;border:1px #fff solid;}
#container ul.advice_list div.word{padding:5px;margin:0 0 0 120px;}
#container ul.advice_list div.word p{font-size:12px;line-height:150%;}
#container ul.advice_list p{margin:0;padding:0;}
#container ul.advice_list p img{margin:2px 1px 0 0;}



/* controller
------------------------------------------------------------ */

  #controller {
    position: absolute;
  }
  #controller input {
    width: 37px;
    height: 37px;
  }
  #controller ul{margin-right:10px;}
  #controller ul li{width:40px;height:43px;}

  #controller_pager{padding-right:5px;}
  


/* VIEW
------------------------------------------------------------ */

span.il{
background : url("/img/job/job_s/il.gif") no-repeat left 50%;
padding:0 0 0 10px;}

span.nv{
background : url("/img/job/job_s/nv.gif") no-repeat left 50%;
padding:0 0 0 10px;}

span.ma{
background : url("/img/job/job_s/ma.gif") no-repeat left 50%;
padding:0 0 0 10px;}

span.cp{
background : url("/img/job/job_s/cp.gif") no-repeat left 50%;
padding:0 0 0 10px;}

span.mo{
background : url("/img/job/job_s/mo.gif") no-repeat left 50%;
padding:0 0 0 10px;}

#banner_view{
	 position: fixed;
	 z-index: 10000;
	 width: 100%;
	 background: rgba(0, 0, 0, 0.7);
}
#banner_view_inner{
	 display:inline-block;
	 margin: 20px 0px 20px 0px;
}
#banner_close{
	 position:absolute;
	 top: 0px;
	 left: 50%;
	 margin: 20px 0px 0px 364px;
	 background-color: rgba(128, 128, 128, 0.7);
}