@charset "utf-8";

/*---------------------------------------------

■ポイントで株式投資

---------------------------------------------*/
/* n/invest/共通設定
---------------------------------------------- */

.title_invest{
background:url(../img/invest/index/invest_bar.gif) no-repeat;
height:70px;
padding:6px 0 0 0;
}

.title_invest h1{
margin:0;
padding:0;
text-indent:-9999px;
}

.invest{
}

/* 右サイド共通設定
---------------------- */
.invest_r{
float:right;
width:300px;
}


.before_sec_account{
margin:0 0 10px 0;
}


/* n/invest/index設定
---------------------------------------------- */

.invest_main{
width:660px;
float:left;
margin:0 5px 0 0;
}

.invest_main h1{
background:url(../img/invest/index/invest_top_img.jpg) no-repeat;
width:651px;
height:214px;
text-indent:-9999px;
margin:0 0 20px 0;
}

.invest_main p.top_tx{
float:left;
margin:0 15px 20px 0;
padding:0;
font-size:12px;
width:430px;
display:inline;
}

.invest_main h2{
clear:both;
background:url(../img/invest/index/title_p_exchange.jpg) no-repeat;
width:651px;
height:28px;
text-indent:-9999px;
margin:0 0 15px 0;
}

.account_bank{
}

.account_bank_header{
background:url(../img/invest/index/account_header.jpg) no-repeat;
width:658px;
height:14px;
}

.account_bank_body{
background:url(../img/invest/index/account_body.jpg) repeat-y;
width:658px;
}

table.bank_box{
width:96%;
}

.bank_account_img{
margin:0 5px 0 10px;
width:120px;
}

.bank_img{
width:140px;
text-align:center;
}

.bank_name{
background:transparent url(../../img/common/icon/dotline.gif) repeat-x scroll left bottom;
font-size:16px;
font-weight:bold;
padding:0 0 3px;
}

.bank_tx{
background:transparent url(../../img/common/icon/dotline.gif) repeat-x scroll left bottom;
line-height:170%;
padding:5px 0;
}

#btn_box p {
margin:3px 0;
padding-left:5px;
}

.account_bank_footer{
background:url(../img/invest/index/account_footer.jpg) no-repeat;
width:658px;
height:18px;
margin:0 0 15px 0;
}

.kabu_debut{
}

.kabu_debut h4{
background:url(../../img/common/icon/icon_wakaba.gif) no-repeat;
padding:0 0 0 20px;
margin:0;
font-size:14px;
}

.sub{
font-size:10px;
font-weight:normal;
color: #666666;
}

/* ポイント交換におけるご注意 */
div.exchangeAttention{
background:url(../img/invest/index/exchangeAttention_footer.jpg) left bottom no-repeat;
width:659px;
padding:0 0 4px 0;
margin:0 0 20px 0;
}
div.exchangeAttention_header{
background:url(../img/invest/index/exchangeAttention_header.jpg) no-repeat;
width:659px;
height:4px;
font-size:0;
}
div.exchangeAttention_body{
background:url(../img/invest/index/exchangeAttention_body.jpg) repeat-y;
width:659px;
padding:5px 0 0 0;
}
div.exchangeAttention_body h4{
background:url(../../img/common/icon/attention_l.gif) 0 1px no-repeat;
padding:0 0 0 24px;
margin:0 auto;
width:223px;
font-size:16px;
font-weight:bold;
color:#E60012;
}
div.exchangeAttention_body ul{
margin:0;
padding:10px 30px;
font-size:12px;
list-style:disc outside none;
}
div.exchangeAttention_body ul li{
padding:0 0 5px 0;
}


/* n/invest/type設定
---------------------------------------------- */

.type_main{
width:655px;
float:left;
margin:0 10px 0 0;
}

.type_main_top{
text-align:center;
margin:0 0 10px 0;
}

.type_main_top h4{
background:url(../../img/common/icon/icon_wakaba.gif) no-repeat;
padding:0 0 0 20px;
margin:0;
font-size:14px;
text-align:left;
}

.sub{
font-size:10px;
font-weight:normal;
color: #666666;
}

.type_main p{
font-size:10px;
text-align:right;
margin:0 0 15px 0;
padding:0;
}

.your_type{
}

.your_type_header{
background:url(../img/invest/type/type_bg_header.jpg) no-repeat;
width:650px;
height:9px;
font-size:1px;
}

.your_type_body{
background:url(../img/invest/type/type_bg_body.jpg) repeat;
width:650px;
}

.your_type_footer{
background:url(../img/invest/type/type_bg_footer.jpg) no-repeat;
width:650px;
height:10px;
font-size:1px;
}

.your_type h1{
background:url(../img/invest/type/type_top_title.gif) 20px 10px no-repeat;
width:231px;
height:30px;
margin:0;
padding:10px 0 0 20px;
text-indent:-9999px;
}

p.top_tx{
margin:0;
padding:5px 0 15px 20px;
font-size:12px;
color:#444444;
text-align:left;
}

.topi{
width:620px;
margin:0 auto 15px auto;
}


.topi h2.topi_1{
background:url(../img/invest/type/topi_bg_header.jpg) no-repeat;
width:620px;
height:49px;
font-size:1px;
text-indent:-9999px;
}

.topi h2.topi_2{
background:url(../img/invest/type/topi2_bg_header.jpg.jpg) no-repeat;
width:620px;
height:49px;
font-size:1px;
text-indent:-9999px;
}

.topi_body{
background:url(../img/invest/type/topi_bg_body.jpg) repeat;
width:620px;
overflow:auto;
}

.topi_body p.type_tx{
width:516px;
font-size:12px;
color:#444444;
text-align:left;
margin:0 auto;
padding:0 0 15px 0;
}

.topi_body h3{
clear:both;
width:516px;
margin:0 auto;
padding:10px 0 5px 0;
font-size:14px;
font-weight:bold;
border-top:dotted 1px #999999;
}

.kabukora_box{
float:left;
width:521px;
margin:0 0 20px 50px;
border:solid 1px #999999;
display:inline;
}

.kabukora_box img.k_img{
float:left;
padding:5px;
margin:0;
}

.kabukora_box p.k_tx{
margin:0;
padding:15px 5px 0 0;
text-align:left;
font-size:12px;
}

.game_topi{
float:left;
padding:0 0 0 20px;
}

.game_img{
float:left;
margin:0 10px 0 50px;
}

.topi_body h4{
float:left;
margin:0;
padding:0;
color:#EB6100;
}

.game_img_tx{
float:left;
font-size:12px !important;
width:220px !important;
text-align:justify !important;
text-justify:inter-ideograph;
}


.topi_footer{
background:url(../img/invest/type/topi_bg_footer.jpg) no-repeat;
width:620px;
height:26px;
font-size:1px;
}

.next_page{
text-align:right;
}

.stock_alert{
padding:5px;
margin:20px auto 20px auto;
font-size:10px;
width:500px;
border:solid 1px #999999;
}


/* n/invest/select設定
---------------------------------------------- */

.select_main{
width:655px;
float:left;
margin:0 10px 0 0;
}

.select_main_top{
text-align:center;
margin:0 0 10px 0;
}

.select_main_top h4{
background:url(../../img/common/icon/icon_wakaba.gif) no-repeat;
padding:0 0 0 20px;
margin:0;
font-size:14px;
text-align:left;
}

.sub{
font-size:10px;
font-weight:normal;
color: #666666;
}


.top_img_tx{
text-align:right;
font-size:10px;
color:#999999;
padding:0;
margin:0 0 15px 0;
}

.select_sec{
margin:0 0 20px 0;
}

.select_sec_header{
background:url(../img/invest/type/type_bg_header.jpg) no-repeat;
width:650px;
height:9px;
font-size:1px;
}

.select_sec_body{
background:url(../img/invest/type/type_bg_body.jpg) repeat;
width:650px;
}

.select_sec_body h2{
background:url(../img/invest/select/select_top_title.gif) 20px 10px no-repeat;
width:192px;
height:29px;
text-indent:-9999px;
padding:10px 0 0 20px;
}

p.h2_tx{
margin:0;
padding:5px 0 10px 20px;
}

.topi_select{
width:620px;
margin:0 auto;
padding:0 0 10px 0;
}

.topi_header{
background:url(../img/invest/select/topi_bg_header.jpg) no-repeat;
width:620px;
height:14px;
font-size:1px;
}

.topi_body{
background:url(../img/invest/select/topi_bg_body.jpg) repeat;
width:620px;
}

.topi_body img{
float:left;
margin:0 10px 0 25px;
}

.topi_body p.select_tx{
float:left;
width:430px;
padding:3px 0 0 0;
margin:0;
}

.topi_footer{
background:url(../img/invest/select/topi_bg_footer.jpg) no-repeat;
width:620px;
height:13px;
}

.select_sec_footer{
background:url(../img/invest/type/type_bg_footer.jpg) no-repeat;
width:650px;
height:10px;
font-size:1px;
}

.recommend_sec{
margin:0 0 30px 0;
}

.recommend_sec h1{
background:url(../img/invest/select/recommend_sec_title.gif) no-repeat;
width:651px;
height:31px;
text-indent:-9999px;
margin:0 0 15px 0;
}

.recommend_sec_box{
margin:0 0 20px 0;
}

.recommend_sec_img{
float:left;
border:solid 1px #999999;
padding:5px;
margin:0 15px 15px 0;
}

.recommend_sec_rside{
float:left;
width:460px;
}

.recommend_sec_box h2{
font-size:16px;
padding:3px 0 3px 10px;
margin:0 0 10px 0;
background:#EAEAEA;
border-bottom:solid 1px #999999;
border-top:solid 1px #999999;
}

.recommend_sec_box h3{
font-size:14px;
color:#51A135;
}

.recommend_sec_tx{
margin:5px 0 0 0;
padding:0;
}

.sec_request{
background:url(../img/invest/select/button_request.jpg) no-repeat;
width:123px;
height:39px;
text-indent:-9999px;
display:block;
float:right;
outline-style:none;
}

.recommend_sec_table{
clear:both;
}

.recommend_sec_table table{
width:100%;
border-top:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
}

.recommend_sec_table th{
background:#EBF7D6;
font-size:12px;
font-weight:normal;
text-align:center;
width:67px;
border-bottom:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
}

.recommend_sec_table td{
border-bottom:solid 1px #CCCCCC;
border-left:solid 1px #CCCCCC;
padding:5px;
width:250px;
}


.recommend_sec_table td.commission ul{
margin:0;
padding:0;
}

.recommend_sec_table td.commission li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

li.yakujo{
background:url(../img/invest/select/commission_yakujo.gif) 0 2px no-repeat;
padding:2px 0 0 52px;
}

li.teigaku{
background:url(../img/invest/select/commission_teigaku.gif) 0 2px no-repeat;
padding:2px 0 0 52px;
}

td.info_service{
font-size:10px;
}

td.item{
padding:5px 0 0 5px;
}

td.function{
font-size:10px;
}

.one_point{
}

.one_point h3{
background:url(../img/invest/select/one_point_bg_header.jpg) no-repeat;
width:650px;
height:56px;
text-indent:-9999px;
}

.one_point_body{
background:url(../img/invest/select/one_point_bg_body.jpg) repeat;
width:650px;
}

p.one_point_tx{
margin:0;
padding:0 40px;
}

.one_green{
color:#51A135;
font-size:14px;
font-weight:bold;
}

.one_point_footer{
background:url(../img/invest/select/one_point_bg_footer.jpg) no-repeat;
width:650px;
height:30px;
}



/* n/invest/open設定
---------------------------------------------- */
.open_main{
width:655px;
float:left;
margin:0 10px 0 0;
}

.open_main_top{
text-align:center;
margin:0 0 10px 0;
}

.open_main_top h4{
background:url(../../img/common/icon/icon_wakaba.gif) no-repeat;
padding:0 0 0 20px;
margin:0;
font-size:14px;
text-align:left;
}

.sub{
font-size:10px;
font-weight:normal;
color: #666666;
}


.top_img_tx{
font-size:10px;
margin:0 0 15px;
padding:0;
text-align:right;
}

.how_open{
}

.how_open_header{
background:url(../img/invest/type/type_bg_header.jpg) no-repeat;
width:650px;
height:9px;
font-size:1px;
}

.how_open_body{
background:url(../img/invest/type/type_bg_body.jpg) repeat;
width:650px;
}

.how_open_body h2{
background:url(../img/invest/open/open_top_title.gif) 20px 10px no-repeat;
width:180px;
height:28px;
text-indent:-9999px;
padding:10px 0 0 20px;
}

p.open_tx{
margin:0;
padding:5px 0 10px 20px;
}

.open_tx_green{
color:#51A135;
font-size:14px;
font-weight:bold;
}

.how_open_footer{
background:url(../img/invest/type/type_bg_footer.jpg) no-repeat;
width:650px;
height:10px;
font-size:1px;
}

.open_topi{
width:620px;
margin:0 auto;
overflow:auto;
padding:0 0 10px 0;
}

.open_topi_header{
background:url(../img/invest/select/topi_bg_header.jpg) no-repeat;
width:620px;
height:14px;
float:left;
}

.open_topi_body{
background:url(../img/invest/select/topi_bg_body.jpg) repeat;
width:620px;
float:left;
}

.open_topi_top{
float:left;
margin:0 0 15px 0;
}

.open_topi_top_l{
float:left;
margin:0 30px 0 0;
}

.open_topi_top_l h2.title_1{
background:url(../img/invest/open/topi_1_title.gif) 40px 10px no-repeat;
width:160px;
height:35px;
text-indent:-9999px;
padding:10px 0 0 40px;
}

.open_topi_top_l p{
font-size:12px;
margin:0;
padding:5px 0 0 40px;
width:250px;
}

.open_topi_top_c{
float:left;
margin:0 5px 0 0;
}

.open_topi_top_c p{
margin:0;
padding:0;
text-align:right;
font-size:10px;
}

.open_topi_top_r{
float:left;
}

.open_topi_check{
clear:both;
margin:0 0 20px 0;
}

.open_topi_check h3{
background:url(../../img/common/icon/attention_l.gif) 40px 0 no-repeat;
padding:0 0 0 60px;
margin:0;
font-size:14px;
color:#E60012;
}

.open_topi_check p{
margin:0;
padding:5px 5px 0 40px;
width:350px;
float:left;
}

.open_topi_check img{
padding:3px;
border:solid 1px #E60012;
margin:0 0 10px 0;
}

.open_topi_check a{
background:url(../img/s_img/triangle_down_s.gif) no-repeat;
padding:0 0 0 15px;
margin:0 0 0 70px;
outline-style:none;
}

.open_topi_footer{
background:url(../img/invest/select/topi_bg_footer.jpg) no-repeat;
width:620px;
height:13px;
float:left;
}

.account_box{
width:540px;
margin:0 auto 10px auto;
border-top:dotted 1px #CCCCCC;
}

.account_box h4{
}

.account_box p{
margin:0;
padding:0;
}

.red_tx{
color:#E60012;
font-size:11px;
}

.close_a{
text-align:right;
padding:0 40px 0 0;
}

.close_a a{
background:url(../img/s_img/triangle_up_s.gif) no-repeat;
padding:0 0 0 15px;
margin:0 0 0 80px;
outline-style:none;
}

.arrow_down{
text-align:center;
padding:0 0 10px 0;
}

.open_topi_2{
float:left;
margin:0 0 15px 0;
}

.open_topi_2_l{
float:left;
margin:0 5px 0 0;
}

.open_topi_2_r{
float:left;
}

.open_topi_2_l h2.title_2{
background:url(../img/invest/open/topi_2_title.gif) 40px 10px no-repeat;
width:160px;
height:35px;
text-indent:-9999px;
padding:10px 0 0 40px;
}

.open_topi_2_l h2.title_3{
background:url(../img/invest/open/topi_3_title.gif) 40px 10px no-repeat;
width:160px;
height:35px;
text-indent:-9999px;
padding:10px 0 0 40px;
}

.open_topi_2_l p.title_2_tx{
font-size:12px;
margin:0;
padding:5px 0 0 40px;
width:360px;
}

.open_topi_2_l h3{
margin:0;
padding:10px 0 5px 40px;
font-size:14px;
}

.app_tx{
font-size:10px;
font-weight:normal;
padding:0 0 0 180px;
}

.h3_img{
padding:0 0 0 40px;
}

.application_img2_tx{
padding:10px 0 0 0;
margin:0;
width:450px;
font-size:10px;
text-align:right;
}

.application_img2{
padding:20px 0 0 0;
}

/* 右サイド（3分株レッスン） */

.side_lesson{
margin:0 0 10px 0;
}

.side_lesson h4{
background:url(../img/invest/select/side_lesson_header.jpg) no-repeat;
width:298px;
height:50px;
text-indent:-9999px;
margin:0;
}

.side_lesson_body{
background:url(../img/invest/select/side_lesson_body.jpg) repeat-y;
width:298px;
}

.side_lesson_footer{
background:url(../img/invest/select/side_lesson_footer.jpg) no-repeat;
width:298px;
height:15px;
font-size:1px;
}

.lesson_box{
float:left;
padding:5px 0 10px 10px;
}

.lesson_box_2{
float:left;
padding:5px 0 10px 10px;
}

.lesson_box p.tx_1{
float:left;
font-size:12px;
width:200px;
margin:0;
padding:0 10px 0 0;
}

.lesson_box_2 p.tx_1{
float:right;
font-size:12px;
width:170px;
margin:0;
padding:0 10px 0 0;
}



.lesson_box img{
float:left;
}

.lesson_box_2 img{
float:left;
}

.hakase{
font-weight:bold;
color:#8E0F1C;
}

.andy{
font-weight:bold;
color:#008837;
}

.side_lesson_img{
text-align:center;
}