/************** Non Member Intro Guide ***************************/
#non_member_wrap {width:964px; margin:0 auto; border:#f0f0f0 3px solid; position:relative; overflow:hidden}
#non_member_wrap .topbg_memo {position:absolute; right:-3px; top:-3px;}
*html #non_member_wrap .topbg_memo {position:absolute; right:-4px; top:-3px;}
#non_member_wrap .contents {float:left; width:450px; padding-right:20px; text-align:left; margin:25px}
#non_member_wrap .contents h4, #non_member_wrap2 .contents h4 {margin:20px 0 40px 0;}
#non_member_wrap .contents .flash_guide {margin:0px 0px 40px 0px;}
#non_member_wrap .contents2 {float:left; width:400px; padding-left:17px; text-align:left; margin:28px 0 25px 0}

#non_member_wrap .movie_guide {width:767px; border-top:3px #828282 solid; padding-top:25px; margin-bottom:40px;}
*html #non_member_wrap .movie_guide {width:767px;}
#non_member_wrap .movie_guide .wrap {width:100%; margin-bottom:30px;}
#non_member_wrap .movie_guide .movie {width:500px; float:left; margin-right:20px;}
*html #non_member_wrap .movie_guide .movie {height:1px;}
#non_member_wrap .movie_guide .description {width:242px; float:right;}
*html #non_member_wrap .movie_guide .description {}
#non_member_wrap .movie_guide .description dd{padding-top:10px; line-height:1.4em;}

#non_member_wrap .movie_guide02 {width:767px; border:1px #cccccc solid; border-top:3px #828282 solid; padding-top:25px; margin-bottom:40px;}
*html #non_member_wrap .movie_guide02 {width:767px;}

#non_member_wrap .purchase_guide {width:767px; border-top:3px #828282 solid; padding-top:25px; margin-bottom:40px;}
*html #non_member_wrap .purchase_guide {width:767px;}
#non_member_wrap .purchase_guide .wrap {width:100%; margin-bottom:50px;}
#non_member_wrap .purchase_guide .movie {width:450px; float:left;}
*html #non_member_wrap .purchase_guide .movie {height:1px;}
#non_member_wrap .purchase_guide .description {width:300px; float:right;}
*html #non_member_wrap .purchase_guide .description {}
#non_member_wrap .purchase_guide .description dt{font-size:14px; margin-bottom:10px;}
#non_member_wrap .purchase_guide .description dd{line-height:1.4em; margin-bottom:7px;}

#non_member_wrap .movie_guide02 {width:767px; border:1px #cccccc solid; border-top:3px #828282 solid; padding-top:25px; margin-bottom:40px;}
*html #non_member_wrap .movie_guide02 {width:767px;}

#non_member_footer {width:964px; text-align:center; margin-top:40px;}
#non_member_footer ul{margin:0 auto; width:360px;}
#non_member_footer li{float:left;}

#kakikata { line-height:1.8em;}
#kakikata h2{margin-bottom:10px; font-size:20px;}
#kakikata h3{margin:20px 0 10px 0;}
#kakikata h4{margin:5px 0 0 0!important;}
#kakikata .link {background:#f2f6f9; margin-top:30px; padding:20px; width:720px;}
#kakikata .link p {line-height:1.4em; margin-bottom:10px;}
#kakikata .link h3 {margin:0 0 10px 0;}
#kakikata .link h4 {margin:20px 0 5px 0!important;}
#kakikata .link h4 a {color:#424242; text-decoration:underline}
#kakikata .gototop {width:750px; text-align:right; margin-top:10px;}

.howto_menu {position:absolute; right:100px; top:25px; padding:7px 10px; border:#CCCCCC 1px solid; width:140px;}
.howto_menu li { line-height:1.5em;}

/************** Non Member Login Process ***************************/
#unlogin
#unlogin h2 {}
#unlogin p {font-size:14px; line-height:25px; margin-top:20px;}
#unlogin #login_box {margin-top:28px; padding:0px 0 20px 30px;}
#unlogin #login_box .left {width:320px; padding-right:30px;}
#unlogin #login_box .left table {height:98px;}
#unlogin #login_box .left th {width:125px; font-weight:normal; padding:3px 0; text-align:right; padding-right:5px;}
#unlogin #login_box .left td {width:180px; padding:3px 0;}
#unlogin #login_box .left .sign_in {width:113px; height:20px; background:url(/images/common/login_btn_bg.gif) no-repeat; padding:8px 0 0 67px; font-weight:bold; color:#562d0c; display:block;}
#unlogin #login_box .right {}
#unlogin #login_box .right ul {padding-left:130px; margin-top:5px; height:75px; line-height:1.3em;}
#unlogin #login_box .right li {font-size:14px; margin-bottom:5px;}
#unlogin #login_box .right .sign_up {width:113px; height:20px; background:url(/images/common/signup_btn_bg.gif) no-repeat; padding:8px 0 0 67px; margin-left:130px; margin-top:0px; font-weight:bold; color:#104251; display:block;}
.contents2 .sign_in {width:113px; height:20px; background:url(/images/common/login_btn_bg.gif) no-repeat; padding:8px 0 0 67px; margin:35px 0 0 100px;  font-weight:bold; color:#562d0c; display:block;}

/************** 20141117 ******************/
#non_member_wrap .g_contents {float:left; width:740px; text-align:left; margin:30px 0 25px 0}
.howto_menu_n {float:left; width:140px; margin-bottom:15px; border-top:1px solid #3e3d44; border-bottom:1px solid #3e3d44}
.howto_menu_n li { padding:13px 0 13px 12px; border-top:1px solid #cbcbcb; background:url(/images/guide/howto/bul_guide.gif) no-repeat 2px 15px;}
.howto_menu_n li:first-child {border-top:none}
.howto_menu_n li a {color:#1b6fbf}
.howto_menu_n li.on {font-weight:bold; background-color:#f1f1f1}
.howto_menu_n li.on a {color:#000}
.howto_menu_n li:hover {background-color:#f1f1f1}

.howto_menu_n li ul {margin:12px 0 -13px -12px; padding: 10px 0 10px 0; display:block; border-top:1px solid #dedede; background-color:#fbfbfb}
.howto_menu_n li ul li {padding:6px 0 6px 12px; border-top:none; font-weight:normal; background-image:none; font-size:12px}
.howto_menu_n li ul li a:link {font-family:"MS PGothic", "Osaka", Arial, sans-serif; color:#424242}
.howto_menu_n li ul li:hover {background-color:none; background-color:#fbfbfb}
.howto_menu_n li ul li.on {font-weight:bold; background-color:#fbfbfb}

.g_contents .g_tit {color:#000; border-bottom:1px solid #c0c3c8; padding-bottom:5px}
.g_contents .g_tit .num {border:1px solid #427fba; background-color:#4f96da; padding:0px 5px 0px 3px; margin-right:3px; color:#fff; border-radius:1px}
.link .g_url {font-family:Arial, Helvetica, sans-serif}
.hp_banner {margin-top:20px}
.howto_nav {overflow:hidden; text-align:center; margin:35px 0 30px 0}
.howto_nav a { display:inline-block; font-weight:bold; text-decoration:underline; text-align:center; font-size:16px; margin:0 10px 0 10px; padding-top:2px} 
.ht_btn_join {background:url(/images/guide/howto/ico_join.gif) no-repeat 0 0; padding-left:33px}
.ht_noti_box {background-color:#f5f8fe; border:1px solid #cbd9f1; margin-top:20px; padding:15px}

.left_banner {clear:both; overflow:hidden}

/************** 20170801 ******************/
.non_p_title {text-align:left; margin:30px 0 40px 100px; font-size:15px; text-align:left}
.non_p_title strong {color:#111; font-size:16px; padding-bottom:11px; display:block}
.nomem_login .non_tit {background-color:#f6f6f6; width:345px; text-align:left; height:33px}
.nomem_login .non_tit span {font-size:16px; font-weight:bold; color:#111; margin-left:18px; letter-spacing:0; font-family:Meiryo,"MS PGothic",arial,sans-serif}
.nomem_login .btn_order_con {display:block; margin-left:90px; font-size:14px; width:170px; height:33px; background-color:#5fb12d; border-radius:4px; color:#fff; line-height:31px; border:1px solid #49941a; text-decoration:none; font-weight:bold}
.nomem_login .btn_order_con:hover {background-color:#519726; border:1px solid #3e7e16}
.nomem_login .info_txt {font-size:12px; color:#fe4824; margin-top:-24px; padding-bottom:11px; text-align:center}