@charset "shift_jis";


/* INITIAL
-------------------------------------------------------------------------------*/
* {word-break:normal;-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none;}

html{margin:0; padding:0; overflow-y: scroll;}
body{background:#FFF; margin:0; padding:0; font:13px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#444; text-align:center;}
body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {margin:0; padding: 0; border:0; outline:0; font-size:1em; font-weight:normal; background:transparent;}
article,section,nav,header,footer,hgroup,time{display:block;}

ul,ol{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
img{vertical-align:bottom;}
 
a,a:link,a:visited{color:#005E01; outline:none; text-decoration:none;}
a:visited{color:#005E01;}
a:hover,a:active{color:#66CC33; outline:none; text-decoration:underline;}

.f-small{font-size:85%; line-height:1.6;}
.f-large{font-size:115%;}
.f-strong{font-weight:bold;}

.clearfix:before, .clearfix:after {content:"\0020"; display:block; height:0; overflow:hidden;}  
.clearfix:after {clear:both;}  
.clearfix {zoom:1;}
.row:before, .row:after,
.scn-norm:before, .scn-norm:after {content:"\0020"; display:block; height:0; overflow:hidden;}  
.row:after,
.scn-norm:after {clear:both;}  
.row,.scn-norm{zoom:1;}

.divLinkbox{cursor:pointer;}
.divLinkbox p.none{display:none; overflow:hidden;}

.flt-L{float:left;}
.flt-R{float:right;}
.flt-C{text-align:center; margin-left:auto; margin-right:auto;}
.clr-L{clear:left;}
.clr-R{clear:right;}
.clr-Both{clear:both;}

.txt-C{text-align:center;}
.txt-R{text-align:right;}
.txt-L{text-align:left;}


/*-------------------------------------------------------------------------------*/
/* COMMON
/*-------------------------------------------------------------------------------*/

body{background:#FFF url(../img/trial/bg_header.png) repeat-x;}
#Popup-Header{position:relative; width:100%; border-bottom:3px double #d3ebd9; margin-bottom:30px;}
#Popup-Header .inner{position:relative; width:880px; height:53px; margin:0 auto; text-align:left;}
#Popup-Header p#Popup-Title{position:absolute; top:0; left:-4px;}
#Popup-Header #Btn-CloseHD{position:absolute; top:0; right:0;}

h1{position:absolute; top:0; left:165px; height:44px; padding-left:15px; border-left:1px dotted #d8ff00; font-size:138%; line-height:44px; font-weight:bold; color:#d8ff00;}

#Popup-Header .flow-status{width:880px; margin:5px auto; text-align:left; overflow:hidden; *zoom:1;}
#Popup-Header .flow-status li{display:inline; margin-left:5px; font-size:92%; line-height:1.2; color:#8fc322; padding-left:20px; background:url(../img/arrow-gray.gif) no-repeat left 2px;}
#Popup-Header .flow-status li.first-child{padding-left:0; background:none;}
#Popup-Header .flow-status li.current{color:#006933;}

#Page-Nav{position:fixed;}
#Page-Nav #Btn-Next{position:fixed; top:50%; right:0; z-index:100;}
#Page-Nav #Btn-Prev{position:fixed; top:50%; left:0; z-index:100;}

#Popup-Footer{position:relative; width:880px; height:53px; margin:40px auto 0; text-align:left;}
#Popup-Footer #Btn-CloseFT{position:absolute; top:0; right:0;}


.popup-content{position:relative; clear:both; width:640px; margin:0 auto; text-align:left;}

.popup-content .op-guide{position:relative; border:1px dotted #e0e7c1; background:#fcffe0; padding:15px 20px 10px 25px; margin:0 0 25px;}
.popup-content .op-guide h3{position:absolute; top:-9px; left:6px;}

.popup-content .capture{border:1px solid #CCC; margin:0 0 25px;}