@charset "utf-8";

#header, .vis,
.howto ul,
.contents { clear: both; width: 980px;overflow: hidden; zoom:1;}
.howto { clear: both; width: 1000px;overflow: hidden; zoom:1;}
.howto ul {zoom:1; width: 1000px;}
.howto ul:after { content: ""; display: block; clear: both; }
.howto ul li { float: left; }

.infos { _height: 1%; float: left; padding-top:20px;}
.infos:after { content: ""; display: block; clear: both; }
.infos .notice { _height: 1%; padding-bottom: 10px; width:720px; }
.infos .notice:after { content: ""; display: block; clear: both; }
.infos .notice .list, .notice .announce { float: left; }
.infos .announce ul { _height: 1%; }
.infos .announce ul:after { content: ""; display: block; clear: both; }
.infos .announce dl { _height: 1%; padding-top:10px; }
.infos .announce dl:after { content: ""; display: block; clear: both; }
.infos .announce ul li, .announce dl dt, .announce dl dd { float: left; }
.infos .links { _height: 1%; background: url('/images/winc/bg_links.gif') no-repeat 100% 0; width: 720px; }
.infos .links:after { content: ""; display: block; clear: both; }
.infos .links { background: url('/images/winc/bg_links.gif') no-repeat 100% 0; height: 37px; _background-position: 100% 1px; }
.infos .links dt { padding-right: 20px; }
.infos .links dt, .infos .links dd { float: left; height: 37px; } 
.usemobile {padding-top: 20px; }

.notice .list { padding-right: 30px; }
.notice .list dl { position: relative; width: 390px; height: 155px; }
.notice .list dl dt { position: absolute; top: 0; z-index: 2; }
.notice .list dl dt#list01 { left: 0; }
.notice .list dl dt#list02 { left: 62px; }
.notice .list dl dd { position: absolute; width: 390px; height: 155px; }
.notice .list dl dd div { position: absolute; top: 10px; right: 0; }
.notice .list dl dd ul { position: absolute; top: 24px; left: 0; width: 390px; padding-top:5px; border-top:1px solid #578dd9; }
.notice .list dl dd ul li { _height: 1%; padding: 3px 0; vertical-align: top; +padding: 4px 0; }
.notice .list dl dd ul li:after { content: ""; display: block; clear: both; }
.notice .list dl dd ul li a { float: left; color: #868686; }
.notice .list dl dd ul li a strong { color: #565656; }
.notice .list dl dd ul li span { float: right; color: #b3b3b3; }

.device dl { position: relative; width: 220px; height: 210px; }
.device dl dt { position: absolute; right: 0; z-index: 2; }
.device dl dt#device01 { top: 0; }
.device dl dt#device02 { top: 49px; }
.device dl dd { position: absolute; width: 194px; height: 210px; border-right: 1px solid #578dd9; }


body.main .body_container {clear:both; width: 980px;  margin: 0 auto; zoom:1; padding-bottom: 0 !important;}
body.main .contents { _height: 1%;  height: 265px;}
body.main .contents:after { content: ""; display: block; clear: both; }


body.main {background: url('/images/winc/bg_main01.gif') center 490px no-repeat;}
.mainTopContent {height: 360px; width: 980px;  }
.mainVisual  {float: left; width: 695px; height: 360px; }
.mobileWincSearch  {float: left; width: 285px; padding-top: 20px;}
.mobileWincSearch .content { width: 285px; height: 287px; background: url('/images/winc/bg_main02.gif') 0 30px no-repeat; }
.mobileWincSearch .content h3 {padding: 9px 0 0 0; height: 40px; text-align: center;}
.mobileWincSearch .content .ct01 {padding: 0 0 0 20px; height: 92px; }
.mobileWincSearch .content .ct01 .tit {  padding-left: 2px; height: 20px; }
.mobileWincSearch .content .ct01 p {height: 25px;}
.mobileWincSearch .content .ct01 input {vertical-align: middle;}
.mobileWincSearch .content .ct01 p input {  position: relative;top: -1px; left: 3px;margin-right: 3px;;}
*html .mobileWincSearch .content .ct01 p  input {   margin: 0; position: static;}
*+html .mobileWincSearch .content  .ct01 p  input {  margin: 0; position: static;}
.mobileWincSearch .content .ct01 .ct { font-size: 11px; color:#868686; padding-left: 3px;}

.mobileWincSearch .content .ct02 {padding: 0 0 0 20px; height: 72px; }
.mobileWincSearch .content .ct02 .tit { padding-top: 4px; height: 20px; }
.mobileWincSearch .content .ct02 .ct {padding-left: 3px;}

.mobileWincSearch .content .ct03 {padding: 0 0 0 20px; height: 78px; }
.mobileWincSearch .content .ct03 .tit { padding-top: 4px;  height: 20px; }
.mobileWincSearch .content .ct03 .ct {padding-left: 3px; height: 35px;}
.mobileWincSearch .content .ct03 .btn {padding-left: 3px;}

.mobileWincSearch .viewBtn {clear:both; text-align: center;}

.mobileWincSearch .ipt01 {  height: 16px; border-top: 1px solid #a3a3a3;border-left: 1px solid #a3a3a3;border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; padding: 2px 5px 0;}