@charset "utf-8";

/*
----------------------------------------------------------------------------
huckclearfix
----------------------------------------------------------------------------
*/

div.contentscommon{
        width:740px;
        margin:0 auto;
    }
    
div.leadbox{
    margin-top:20px !important;
    }
    
div.conts{
    margin-bottom:25px !important;
    }
    
.pb0{
    padding-bottom:0 !important;
    }
    
div.conts10{
    margin-bottom:10px;
    }
        
div.conts20{
    margin-bottom:20px;
    }
    
div.conts30{
    margin-bottom:30px;
    }
    
div.conts40 {
    margin-bottom:40px;
}

p.txt{
    margin-bottom:1em;
    }

p.txt1{
    margin-bottom:1.5em;
    }

p.txt2 {
    margin-bottom:2em;
}

p.txt3 {
    margin-bottom:3em;
}

p.txt4 {
    margin-bottom:4em;
}

div.conts .redtxt{
    color:#f00;
    }
    
div.conts .boldtxt{
    font-weight:600;
    margin-bottom:3px;
    }
    

    
ul.listbasic li{
        list-style:inside disc;
        text-indent:-1em;
        padding-left:1em;
        padding-bottom:0.5em;
        line-height:150%;
        }
    
ul.listbasic li ul{
    margin:10px 20px;
    }
        
ul.listbasic li li{
font-size:100% !important;
    }
    
ol.listbasic li{
        list-style:inside decimal;
        text-indent:-1em;
        padding-left:1em;
        padding-bottom:0.5em;
        line-height:150%;
        }

.br-no{
        border-right:none !important;
        }

.bb-no{
        border-bottom:none !important;
        }
        
.bt-no{
        border-top:none !important;
        }
        
.bl-no{
        border-left:none !important;
        }
        
.nowraptxt{
    white-space:nowrap !important;
    }

.small{
    font-size:small !important;
}
.x-small{
        font-size:x-small !important;
        }
.large{
        font-size:large !important;
}

.txt100{
        font-size:100% !important;
}

.ver-t{
    vertical-align:top !important;
    }
    
.txtbold{
    font-weight:600 !important;
    }


h2.subtitle{
    clear:both;
    background:#E4F4F5;
    border-left:4px #044295 solid;
    font-size:1.4em !important;
    padding:2px 12px;
    margin-top:20px;
    margin-bottom:20px;
    }
    
h3.subtitle2{
    clear:both;
    border-bottom:1px #ccc solid;
    padding-bottom:5px;
    margin-bottom:10px;
    }
    
h4.subtitle3{
    clear:both;
    border-left: 3px solid #7598C7;
    border-bottom:none;
    padding-left:5px;
    margin-bottom:10px;
    }
    
/*-- 罫線囲み --*/
    
div.boxtype-gr{
        border:1px solid #ccc;
        padding:10px;
        }
        
        
/*-- ベタ囲み --*/

div.boxtype-yew{
        background:#FFFF99;
        padding:10px;
        }
        


/*-- 2カラム --*/

div.boxarea360 div.box-l{
        width:360px;
        float:left;
        }
        
div.boxarea360 div.box-r{
        width:360px;
        float:right;
        }
        
div.boxarea360 div.boxtype-gr,
div.boxarea360 div.boxtype-yew{
        width:340px;
        }
        
        
/*-- ボックスレイアウト --*/
        
div.boxlayout{
        border-left:1px solid #ccc;
        border-right:1px solid #ccc;
        border-bottom:1px solid #ccc;
        padding:10px;
        }

/*-- テーブル --*/

table.tablebasic{
    width:100%;
    }
    
table.tablebasic th,
table.tablebasic td{

    border:#CCC 1px solid;
    padding:8px 8px 6px !important;
    vertical-align:middle;
    
        }

.cellsub-t{
        background:#F3F1EC !important;      
        text-align:center;
        }

.cellsub-t2{
        background:#DBF0F1 !important;  
        text-align:left !important;
        }
        
.cellsub-t3{
        background:#F2FBFB !important;  
        text-align:left !important;
        }

.cellsub-t4{
        background:#FFC !important;
        font-weight:bold !important;
        }


/*-- マージン調整20110819追加 --*/
#container .mb00 { margin-bottom: 0 !important; }
#container .mb05 { margin-bottom: 5px !important; }
#container .mb10 { margin-bottom: 10px !important; }
#container .mb15 { margin-bottom: 15px !important; }
#container .mb20 { margin-bottom: 20px !important; }
#container .mb25 { margin-bottom: 25px !important; }

#container .ml00 { margin-left: 0 !important; }
#container .ml05 { margin-left: 5px !important; }
#container .ml10 { margin-left: 10px !important; }
#container .ml15 { margin-left: 15px !important; }
#container .ml20 { margin-left: 20px !important; }
#container .ml25 { margin-left: 25px !important; }

#container .mr00 { margin-right: 0 !important; }
#container .mr05 { margin-right: 5px !important; }
#container .mr10 { margin-right: 10px !important; }
#container .mr15 { margin-right: 15px !important; }
#container .mr20 { margin-right: 20px !important; }
#container .mr25 { margin-right: 25px !important; }

#container .mt00 { margin-top: 0 !important; }
#container .mt05 { margin-top: 5px !important; }
#container .mt10 { margin-top: 10px !important; }
#container .mt15 { margin-top: 15px !important; }
#container .mt20 { margin-top: 20px !important; }
#container .mt25 { margin-top: 25px !important; }

#container .pb00 { padding-bottom: 0 !important; }
#container .pb05 { padding-bottom: 5px !important; }
#container .pb10 { padding-bottom: 10px !important; }
#container .pb15 { padding-bottom: 15px !important; }
#container .pb20 { padding-bottom: 20px !important; }
#container .pb25 { padding-bottom: 25px !important; }


/*-- フォントサイズ調整20110819追加 --*/
#container .font110 { font-size: 110% !important; }
#container .font120 { font-size: 120% !important; }
#container .font130 { font-size: 130% !important; }
#container .font140 { font-size: 140% !important; }


/*-- サイト内リンク --*/

.linkinner{
        background:url(../img/common/icn_link.gif) 0 1px no-repeat ;
        padding-left:15px;
        }

        
/*-- 外部リンク --*/

.linkblank{
        background:url(../img/common/icn_link3.gif) no-repeat ;
        padding-left:15px;
        }

        
    
        
.al-c{
        text-align:center !important;
        }
        
.al-l{
        text-align:left !important;
        }
.al-r{
        text-align:right !important;
        }
.va-m{
        vertical-align:middle !important;
}
        
.flo-r{     
        float:right !important;
        }

.tx-b {
        font-weight:600 !important;
        }
        
.clearsample{
        clear:both;
        line-height:0;
        }
        
/*-- ご利用登録フォーム --*/

.attention2{
    color:#F00;
    line-height:1.6em;
    
}
th .attention2 {
    font-weight:normal;
}
.attention3 {
    display:block;
    padding-bottom:2px;
    color:#F00;
    line-height:1.6em;
}

/*▼FWEST)hatanaka ADD OMF対応 買い物カゴ注意文言追加 12.11.28 */
.cart_attention_box {
    background: none repeat scroll 0 0 #eee;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 940px;
    padding: 10px;
}

.attention_bold{
    display: inline-block;
    color:#F00;
    font-weight: bold;
    line-height:1.6em;
}
/*▲FWEST)hatanaka ADD OMF対応 買い物カゴ注意文言追加 12.11.28 */

/*▲FWEST)sasaki ADD セッションタイムアウト注意文言追加 13.5.24 */
.timeout_alert_guide {
    font-size:11px;
    background-color: #F3F1EC;
    text-align:center; 
    padding: 10px 0px;

}
/*▲FWEST)sasaki ADD セッションタイムアウト注意文言追加 13.5.24 */


#requiredinfo {
    padding:0 20px 10px;
}

/*



div.tblareabtn {
    width:700px;
    padding:10px 0;
    margin:0 auto;
    background:#F3F1EC;
    text-align:center;
}

*/

input[type='image'].box162 {
width:162px;
height:50px;
}


/*-- ブラウザ調整用ヘッダ上書き指定 --*/

    
#corporatesymbol{
    margi-bottom:0 !important;
    padding-bottom:0 !important;
    }

/*--ヘッダーPadding解除                
div.headertop{
    padding-bottom:9px !important;  
    }
 --*/
    
*:first-child+html div.headertop {
    padding-bottom:18px !important;
    }

* html div.headertop{
    padding-bottom:18px !important;
    } 



    
/*-- お買い物カゴ --*/

.fdicon {
    padding:3px 0;
}

/*-- subtitleサブタイトル --*/

h1 span#subtitle{
    display:block;
    font-size:small !important;
    font-weight:300 !important;
    margin-top:5px;
    }


/*-- 金額の文字間 --*/

.pricenum{
    letter-spacing:1px !important;
    }
    
/*-- 非表示 --*/

.noview{
    display:none;
    }


/*-- よくあるご質問 --*/



div#cscolumn div.conts{
    width:740px;
    margin:0 auto;
    }
    
dl.qaboxcommon{
    border-bottom:1px solid #ccc;   
}

dl.qaboxcommon dt{
    background:url(../img/cs/qamark.jpg) no-repeat 0 0.2em;
    padding-left:25px;
    font-weight:600;
    font-size:1.4em !important;
    border-bottom:1px dotted #ccc;
    padding-bottom:10px;
    }

/*--------------------20111125ここから追加--------------------*/
dl.qaboxcommon dd{
    background:#F3F1EC;
    padding:12px 10px 0;
    overflow:hidden

}
dl.qaboxcommon dd p{
    font-size:100% !important;
		margin-bottom:0;
		padding-bottom:12px;
    }
    
dl.qaboxcommon dd p.linkinner,
dl.qaboxcommon dd p.linkblank{
        margin-bottom:0px;
        background-position:0 0.2em;
        }
dl.qaboxcommon dd p.qalink01{
        padding-bottom:12px;
        }
dl.qaboxcommon dd p.qalink02{
        padding-bottom:5px;
        }
				
dl.qaboxcommon dd p.linkinner02,
dl.qaboxcommon dd p.linkblank02{
        margin-bottom:5px;
        background-position:0 0.2em;
        }
dl.qaboxcommon dd p.linkinner03,
dl.qaboxcommon dd p.linkblank03{
        margin-bottom:1em;
        background-position:0 0.2em;
        }
				
    
ul.qalist{
    margin-bottom:5px;
    }
    
ul.qalist li{
    background:url(../img/cs/qamark.jpg) no-repeat ;
    padding-left:25px;
    margin-bottom:5px;
    padding-bottom:0.5em;

    }

.list_txt{
        font-size:10px;
        padding-bottom:1em;
    }

.totop {
clear:both;
margin-bottom:20px;
padding-top:20px;
}

.instep{
	margin-bottom:20px;
	padding-top:0px;
}

/*--------------------20111125ここまで追加--------------------*/

/*-- コンテンツのご購入について --*/

    div#c-shopping div.box-r p{
    white-space:normal !important;
    }
    
/*-- コンテンツの閲覧方法 --*/


div#c-howtouse h3.howtostep,
div#c-howtouse h4.howtostep {
    clear:both;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    }

h3.steptitle,
h4.steptitle {
    clear:both;
    margin-top:15px !important;
    margin-bottom:5px !important;
    padding-bottom:0 !important;
    }
    
.box-yellow{
    padding:10px;
    background:#FFFF99; 
    }
    
div#c-howtouse .box-yellow dl dt{
    margin-bottom:3px;
    }
    
    
.box-red{
    clear:both;
    padding:15px;
    background:#FFE6E6;
}

div#c-howtouse .box-red h4{
    border-bottom:1px solid #CCCCCC;
    padding-bottom:10px;
    margin-bottom:10px;
    }
    
div#c-howtouse .box-red h4 span{
    background:url(../img/cs/arart.gif) no-repeat;
    padding-left:20px;
    padding-bottom:10px;
    }
    
div#c-howtouse table td p{
    font-size:100% !important;
    }
    
/*-- 利用規約 --*/

div#c-rule div.tblareabtn img{
    padding:0 10px;
    }
    
div#c-rule iframe{
    width:100%;
    height:300px;
    overflow-x:hidden;
    border:none;

    
    }
    
#inlinetxt{
    text-align:left;
    padding:10px;
    white-space:normal;
    }
    
#inlinetxt pre{
    font-size:1.2em;
    line-height:1.5em;
     overflow: auto !important;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    }
    
/*--  --*/

img.magi10 {
    margin:0px 10px;
}

/*-- 共通：インラインフレーム用 --*/

div.iframeBox {
    border:#CCC 1px solid;
}

div.inBox {
    margin-left:1em;
}

/*
----------------------------------------------------------------------------
tpl 商品詳細
----------------------------------------------------------------------------
*/

td.tablem,
th.tablem {
    padding-top:0 !important;
    margin-top:0 !important;
}


/*
----------------------------------------------------------------------------
guide index　BooksVとは
----------------------------------------------------------------------------
*/

div#c-index ul.list {
    list-style:disc;
    margin-top:10px;
    padding-left:20px;
}

/*
----------------------------------------------------------------------------
guide viewer　閲覧ソフトの準備する
----------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------
guide registinfo　ご利用情報の確認・更新について
----------------------------------------------------------------------------
*/

/*
----------------------------------------------------------------------------
guide usage BooksVを使いこなす
----------------------------------------------------------------------------
*/
div#c-usage ul.list {
    list-style:disc;
    padding-left:10px;
}

div#c-usage .box-red h4{
    border-bottom:1px solid #CCCCCC;
    padding-bottom:10px;
    margin-bottom:10px;
    }
    
div#c-usage .box-red h4 span{
    background:url(../img/cs/arart.gif) no-repeat;
    padding-left:20px;
    padding-bottom:10px;
    }
    
div#c-usage ul.bottom2 {
    padding-bottom:2em;
}


/*
----------------------------------------------------------------------------
 viewerdownload ブンコビューア for FUJITSU　ダウンロード
----------------------------------------------------------------------------
*/


div.txtinlinef {
    overflow:scroll;
    overflow-x:auto;
    height:300px;

    margin-bottom:40px;
    border:1px solid #CCCCCC;
    padding:10px;
}

div.boxline {
    border:1px solid #ccc;
    padding:10px 10px 0 10px;
    margin-top:20px;

}

p.txtL {
    text-align:left;
    margin-bottom:20px;
    padding:0 20px;
}

div.padding20{
    padding:20px 0;
}

/*
----------------------------------------------------------------------------
guide register　ご利用登録について
----------------------------------------------------------------------------
*/

div#g-registration h3.howtostep{
    clear:both;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    }
    
div.box_type_F3F1EC{
    padding:20px 20px;
    background:#F3F1EC;
}

div#q_box{
    width:630px;
    height:70px;
    margin:0 auto;
    margin-bottom:20px;
}

img#qb_l{
    float:left;
}

img#qb_r{
    float:right;
}

div.box_border{
    clear:both;
    border:solid 1px #666;
}

div.boxtype-gr2{
     width:740px;
        border:1px solid #ccc;
        padding:20px 10px 0px 10px;
}

div.boxtype-gr3 {
    border:1px solid #ccc;
    padding:15px 10px 10px 10px;
    margin-bottom:20px;
	 overflow:hidden;
}
div.boxtype-gr4 {
    border:1px solid #ccc;
    padding:15px 10px 10px 10px;
    margin-bottom:20px;
	 width:627px;
	 text-align:left;
}



.font14{
    font-size:1.4em !important;
}


/*-- --*/

p.sitetotop{
    text-align:center !important;
    margin-top:30px !important;
    font-size:1.4em !important;
    }
    


/*-- Block Skip上書き --*/



div#blockskip a {
    background: #666666 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 1.2em !important;
    color: #666666 !important;  
    }
    
div#blockskip a:hover {
    text-decoration: underline !important;
    }
div#blockskip a.show {
color: #ffffff !important;
    font-size: 1.2em !important;

}



/*-- footer上書き --*/

.footer{
    height:46px !important;
    }
    
    #footerinner { padding: 5px 0 24px 0 !important;}
    .footer ul { font-size: 100% !important;}
        #creditline p { font-size: 1.2em !important; font-family: Arial,Verdana,"Lucida Grande",'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3',sans-serif !important;
        }

#permanentmenu {padding-top:1px !important;}




/* Easy Slider */
    
#bb{
    position:relative;
    top:0;
    left:0;
}
#slider{
    position:relative;
    top:0;
    left:0;
    z-index:1 !important;
}

    #slider ul, #slider li,
    #slider2 ul, #slider2 li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider2{margin-top:1em;}
    #slider li, #slider2 li{ 
        width:580px;
        height:212px;
        overflow:hidden; 
        }   

    /* numeric controls */  

    ol#controls{
        position:absolute;
        left:475px;
        top:187px;
        z-index:10 !important;
        }
    ol#controls li{
        margin:0 5px 0 0; 
        padding:0;
        float:left;
        list-style:none;
        font-size:x-small !important;
        line-height:0 !important;
        }
    ol#controls li a{
        float:left;
        border:1px solid #ccc;
        background:#666;
        color:#fff !important;
        padding:6px 3px;
        text-decoration:none;
        line-height:0 !important;
        }
    ol#controls li.current a{
        background:#ccc;
        color:#666 !important;
        }
    ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
    
/* // Easy Slider */





.hStyle0 {
    background:url(../img/top/h_bg0.gif) left top no-repeat !important;
    padding:1em 0 1em 2em;
}

.caution_h3 {
    font-weight:normal;
    margin-left:1em;
    color:#999;
}

div#recomendwrap {
    padding-left:9px !important;
    padding-right:9px !important;
    width:560px !important;
}


div.jslider,
div#jslider0
{
    margin:0 !important;
    overflow:hidden!important;
}

div#jslider0 {
    padding:0 40px!important;
    border:1px solid #BFBFBF;
    border-top:none;
}
div#jslider0 ul
{
    margin-top:1em!important;
    margin-bottom:.5em!important;
    clear:both!important;
    float:none!important;
    display:block!important;
}
div#jslider0 ul li
{
    width:124px!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow:hidden !important;
    display:block!important;
    list-style: none !important;
    border-left:1px solid #fff !important;
    padding:0 20px!important;
    /*
    width:10em!important;
    margin-right:1em !important;
    padding-left:1em !important;
    */
}

/*
,
div#jslider0 {
*/
div.jslider{
    width: 498px !important;
    height: auto !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:hidden !important;
    border:1px solid #CCC !important;
    border-top:none !important;
    margin-top:0 !important;
    padding:20px 40px !important;
}

div.jslider {
    border:none !important;
    width:478px !important;
}

/*

div#jslider0 ul p{
    margin:0 !important;
}
div#jslider0 ul p.namebox {
        padding-top:20px !important;
}

*/


/*
,
div#jslider0 ul li
*/

div.jslider ul li
{
    display: block !important;
    float:left !important;
    overflow:hidden !important;
}

div.jslider ul li {
    width:110px !important;
    padding-right:5px !important;
    padding-left:5px !important;
}

/*

div#jslider0 ul li {
    height:226px !important;
            
    width:136px !important;
            
}

*/

/*backup

div.jslider ul li img,
div#jslider0 ul li img {
    display:block !important;
    margin:0 auto 5px !important;
    padding-bottom:15px !important;
    background:url(../img/top/new_title.gif) center bottom no-repeat !important;
}

*/

div.jslider ul li img,
div#jslider0 ul li img{
    border:#CCC 1px solid;
}

div.jslider ul li p.bgimg,
div#jslider0 ul li p.bgimg
{
    text-align:center;
    display:block !important;
    margin:0 auto 5px !important;
    padding-bottom:15px !important;
    background:url(../img/top/new_title.gif) center bottom no-repeat !important;
				margin-bottom:15px !important;
}






div.jslider ul li *{
    font-size:100%!important;
}

div.jslider ul li img
{
    background:none!important;
    border:1px solid #CCCCCC!important;
    padding-bottom:0 !important;
    margin-bottom:15px !important;
}

div.jslider ul li h3{
	min-height:auto;
	height: auto !important;
	display:block;
	
	}

div.jslider p{
    line-height:1.5em !important;
}


div#jslider0 p a{
	line-height:1.2em;
	}
	
div#jslider0 p.f100{
	font-size:100% !important;
	}

span.mini {
    color:#999;
				
}


/*
.jcarousel-scroll {
    position:relative !important;
    left:0 !important;
    top:0 !important;
    z-index:1700 !important;
}
.jcarousel-scroll span.nextnav,
.jcarousel-scroll span.prevnav {
    display:block !important;
    position:absolute !important;
    z-index:2000 !important;
    bottom:13em !important;
}

.jcarousel-scroll span.prevnav {
    left:10px !important;
}
.jcarousel-scroll span.nextnav {
    right:10px !important;
}

.jcarousel-scroll span.prevnav1 {
    left:0 !important;
}
.jcarousel-scroll span.nextnav1 {
    right:0 !important;
}
    */





/*
----------------------------------------------------------------------------
huckclearfix
----------------------------------------------------------------------------
*/



.clearfix:after,
.stage:after,
div#information ul:after,
div#detailarea:after,
div.headertop:after,
div#mycontentsarea table td.textL ul li:after{
    content: "";
    display: block;
    height:0;
    clear: both;
    visibility:hidden;
    }   



.clearfix,
.stage,
div#information ul,
div#detailarea,
div.headertop,
div#mycontentsarea table td.textL ul li{
    display:inline-block;
    }
 
/*\*/

* html .clearfix,
* html .stage,
* html div#information ul,
* html ddiv#detailarea,
* html div.headertop,
* html div#mycontentsarea table td.textL ul li{
    height:1%;
}


.clearfix,
.stage,
div#information ul,
div#detailarea,
div.headertop,
div#mycontentsarea table td.textL ul li{
    display:block;
    }

/**/



/*
----------------------------------------------------------------------------
20111104_css(PC)
----------------------------------------------------------------------------
*/
/* top.html */
#loginarea .loginselectbox input{
margin-bottom:10px;
}

/* login.html */
.loginSetting{ padding-top:20px; }
.loginSetting table{
margin-bottom:15px;
}
#container .loginSetting td{
text-align:center;
}
#container .loginSetting td input{
height:auto !important;
}
#container .loginSetting td input.inactive{
cursor:default;
}
#container .loginSetting td span.loginStates_on{
color:#FF0000;
font-weight:bold;
}
#container .loginSetting td.subTh{
text-align:left;
background-color:#F3F1EC;
font-weight:bold;
}
.loginMode{
font-weight:bold;
margin-bottom:20px;
}

/* credit.html , credit_carrier.html */
div#under02column_shopping table.campcode02 {
width:500px;
margin-left:auto;
margin-right:auto;
margin-bottom:40px;
}
div#under02column_shopping table.campcode02 th{
width:120px !important;
}
div#under02column_shopping table.campcode02 th,
div#under02column_shopping table.campcode02 td {
padding:10px 10px 8px !important;
vertical-align:middle;
}
#under02column .selectCredit,
#under02column .carrierClearance{
border: 1px solid #CCCCCC;
padding-bottom:10px;
margin-bottom:40px;
}
#under02column .selectCredit .selectCredit_tit,
#under02column .carrierClearance .selectCredit_tit{
padding:10px 20px 8px;
margin-bottom:10px;
background-color:#E9E6CF;
border-bottom: 1px solid #CCCCCC;
font-weight:bold;
}
#under02column .selectCredit table,
#under02column .carrierClearance table{
width:918px;
margin:0 auto 10px;
}
#under02column .selectCredit table th,
#under02column .carrierClearance table th{
text-align:left;
font-weight:bold;
background:none;
border:none;
vertical-align:top;
}
#under02column .selectCredit table th{ width:250px; }
#under02column .carrierClearance table th{ width:70px; }
#under02column .selectCredit table td,
#under02column .carrierClearance table td{
border:none;
vertical-align:top;
}
#under02column .selectCredit table tr.last td,
#under02column .selectCredit table tr.last th{
padding-bottom:15px !important;
border-bottom:solid 1px #cccccc;
}
#under02column .selectCredit .creditList li{ overflow:hidden; }
#under02column .selectCredit .creditList li span{ margin-right:15px; }
#under02column .selectCredit .creditList li span.cardName{ font-weight:bold; }
.w50{
width:50px;
}
.w70{
width:70px;
}
#creditTab{
border-bottom: solid 3px #6e93cb;
margin-bottom:10px;
}
#creditTab ul{
width:940px;
overflow:hidden;
}
#creditTab ul li{
float:left;
width:162px;
height:29px;
margin-right:5px;
}
#creditTab ul li a{
display:block;
width:162px;
height:29px;
font-size:0;
line-height:0;
text-indent:-999999px;
}
#creditTab ul li a.creditTab01{ background:url(../img/button/btn_creditTab.gif) 0 0 no-repeat; }
#creditTab ul li a.creditTab02{ background:url(../img/button/btn_creditTab.gif) -162px 0 no-repeat; }
#creditTab ul li.present a{
background-color:#CCFFFF;
}
#creditTab ul li.present a.creditTab01{ background:url(../img/button/btn_creditTab.gif) 0 -29px no-repeat; }
#creditTab ul li.present a.creditTab02{ background:url(../img/button/btn_creditTab.gif) -162px -29px no-repeat; }

.selectLogin{
padding:0 40px 20px;
overflow:hidden;
}
.selectLogin dl{
width:400px;
}
.selectLogin dl dt{
font-size:0;
line-height:0;
}
.selectLogin dl dd{
border:solid 1px #cccccc;
border-top:none;
}

.selectLogin dl.selectLogin_R dd{
height: 65px;
padding: 20px 0 10px;
}

.selectLogin dl.selectLogin_L{ float:left; }
.selectLogin dl.selectLogin_R{ float:right; }

/* policy_read.html , policy.html */
.ruleAlert{
margin:15px 20px;
padding:14px 0 10px;
background-color:#ffe9eb;
text-align:center;
}
.ruleAlert dt{
margin-bottom:6px;
text-align:center;
font-size:0;
line-height:0;
}
.ruleAlert dd{
display:inline;
}
.ruleAlert dd p{
display:inline-block;
*display:inline;
*zoom:1;
padding-left:48px;
background:url(../img/products/icn_alert.gif) 0 4px no-repeat;
text-align:left;
}

.ruleNote{
margin:20px auto;
width:740px;
}








/*
----------------------------------------------------------------------------
20120206_css(PC)
---------------------------------------------------------------------------- 
*/

div#s-book p.btn02{
	display:inline-block;
	float:left;
	margin:0;
}
div#s-book p.btn_detailSearch a{
	display:block;
	width:71px;
	height:23px;
	overflow:hidden;
	margin-top:6px;
	text-indent:-999999px;
	font-size:0;
	line-height:0;
	background:url(../img/button/btn_detail.png) 0 0 no-repeat;
}
div#s-book p.btn_detailSearch a.act,
div#s-book p.btn_detailSearch a:hover{
	background-position:0 -23px;
}

ul#hbuttons{
	float:right !important;
	margin-left:-34px;
	padding:2px 0 0;
}

ul#hbuttons li{
	float:right !important;
}

ul#hbuttons li.btn01{
	width:94px;
	height:22px;
	margin-right:2px;
}

ul#hbuttons li.btn02{
	width:21px;
	height:28px;
	margin:-1px 0 0;
}

ul#hbuttons li a{
	display:block;
	width:100%;
	height:100%;
	background-position:top;
}
ul#hbuttons li a:hover,
ul#hbuttons li.act a{
	background-position:bottom;
}

ul#hbuttons li.btn01 a{
	background-image:url(../img/button/btn_sage_search.png);
}

ul#hbuttons li.btn02 a{
	background-image:url(../img/button/btn_help.png);
}
ul#hbuttons li.btn02 a:hover{
	background-position:top;
}


ul#hbuttons li a span{
	display:none;
}



/*
	ツールチップ
*/
.baloon{
	display:none;
	width:120px;
	padding:18px 0 0;
	background:url(../img/products/bg_baloon_top.png) no-repeat left top;
}

.baloonBottom{
	padding:0 0 9px;
	background:url(../img/products/bg_baloon_bottom.png) no-repeat left bottom;
}

.baloonContent{
	padding:0 10px;
	background:url(../img/products/bg_baloon_middle.png) repeat-y left;
	text-align:left;
}


/* index.html*/
.detailSearch{
   float:left;
   background:url(../img/products/bg_sarch_detail.png) repeat-x;
   width:980px;
   padding:8px 0 8px;
}
.detailSearch dt{
	float:left;
	margin:0 20px;
}
.detailSearch dd{
	float:left;
	margin-right:25px;
	line-height:1;
}
.detailSearch input{
	vertical-align:middle;
	margin-right:5px;
	margin-bottom:3px;
}


/* check.html */
.ageCheck{
	margin:0 130px;
	background:#F0F8Fa;
	text-align:center;
}
.ageCheck dt{
	padding:27px 0 15px;
	text-align: center;
	font-weight:bold;
	color:#ff0000;
	font-size: 1.6em !important;
}
.ageCheck dd{
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-bottom:10px;
}
.ageCheck dd p{
	text-align:left;
	margin-bottom:15px;
}
.tblareabtn4{
	margin:10px 130px;
	width:720px;
	background:#F3F1EC;
	padding:10px 0;
	text-align:center;
}
.tblareabtn4 .checkNo,
.tblareabtn4 .checkYes{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.tblareabtn4 .checkYes a{
	margin:0 10px;
	display: block;
	height: 50px;
	width: 162px;
	text-indent:-9999px;
	background: url(../img/button/btn_yes.png) 0 0 no-repeat;
}
.tblareabtn4 .checkNo a{
	margin:0 10px;
	display: block;
	height: 50px;
	width: 162px;
	text-indent:-9999px;
	background: url(../img/button/btn_no.png) 0 0 no-repeat;
}
.tblareabtn4 .checkYes a:hover,
.tblareabtn4 .checkNo a:hover{
	background-position:0 -50px;
}


/* list.html */
.conditionTxt{
padding:8px 14px;
margin-top:10px;
background-color:#F3F1EC;
}

.conditionLine{
	margin-bottom:5px;
	overflow: hidden;
	padding: 10px 14px 0;
	display:inline-block;
	width:552px;
	float:left;
}
.conditionLine .conditionPage{
  text-align: justify;
	float: left;
}
.conditionLine dl{
	float:right;
}
.conditionLine dl dd{
	display:table-cell;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
.conditionLine dl dt{
	padding-right:8px;
	display:table-cell;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}
.conditionLine dl dd input{
	margin:0 10px 0 5px;
	position:relative;
	top:1px;
	*top:3px;
	*margin-top:-7px;
}
.icn_arw_mini{
	background: url(../img/button/ico_arrow_next_mini.png) no-repeat scroll 10px 0.2em transparent;
	line-height: 1.2;
	padding: 0 0 0 20px;
	white-space: nowrap;
}
.searchLimit{
	float:left;
	clear:both;
	padding:12px 14px 8px;
	width:552px;
	background-color:#EFF9FA;
}
.searchLimit select{
	margin:-2px 5px 0 0;		/* 2012.07.25 修正 */
	vertical-align:middle;
}



.categoly_id{
	width:200px;
}
.searchLimit label{
	font-size: 1.2em !important;
	margin-right:10px;		/* 2012.07.25 修正 */
	*margin-right:5px;		/* 2012.07.25 追加 */
}
.searchLimit input{
margin:0 5px 2px 0;
vertical-align:middle;
}
.terminal_id{
	width:158px;	/* 2012.07.25 修正(before:141px)  */
	clear:left;
}
.searchLimit .btnLimit{
	margin-top:-4px;
	vertical-align:middle;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.limitSort{
	clear:both;
	padding:7px 14px 20px;
}
.limitSort select{
	width:110px;
}

.searchLimit .btnLimit a{
	display: block;
	height: 23px;
	width: 73px;
	text-indent:-9999px;
	background: url(../img/button/btn_limit.png) 0 0 no-repeat;
}
.searchLimit .btnLimit a:hover{
	background-position:0 -23px;
}

/*operation*/
.operationTop{
	padding-bottom:6px;
	border-bottom:solid 1px #D7DBDE;
}
.operationBtm{
	padding-top:8px;
	margin-bottom:40px;
}
.allCheck{
	overflow:hidden;
	padding:0 14px 0 34px;
}
.operationTop .allCheck{
background:url(../img/products/bg_allcheck_top.png) 22px 20px no-repeat;
}
.operationBtm .allCheck{
background:url(../img/products/bg_allcheck_btm.png) 22px 3px no-repeat;
}
.operationTop .allCheck ul{
	float:left;
	padding-top:14px;
}
.operationBtm .allCheck ul{
	float:left;
	padding-top:4px;
}

.operationTop02{
padding-top:15px;
}
.operationBtm02{
margin-bottom:20px;
}
.allCheck02{
	overflow:hidden;
}
.operationTop02 .allCheck02{
padding:0 14px 10px 42px;
background:url(../img/products/bg_allcheck_top.png) 26px 6px no-repeat;
}
.operationBtm02 .allCheck02{
padding:5px 14px 0 42px;
background:url(../img/products/bg_allcheck_btm.png) 26px 2px no-repeat;
}
.operationTop02 .allCheck02 ul,
.operationBtm02 .allCheck02 ul{
	float:left;
}

.allCheck ul li,
.allCheck02 ul li{
	display:inline;
	line-height:1.0;
}	
.allCheck p,
.allCheck02 p{
	float:right;
}	

.btn_checkCart a{
	display:block;
	height: 30px;
	width: 200px;
	text-indent:-9999px;
	background: url(../img/button/btn_checked_cartin.png) 0 0 no-repeat;
}
.btn_checkCart a:hover{
	background-position:0 -30px;
}



div#productsarea_cart {
	width:560px;
	margin:0 auto;
	border-bottom:#D7DBDE 1px solid;
	padding-top:10px;
}
div.listarea_cart {
position:relative;
width:518px;
padding-top:15px;
padding-left:22px;
margin:0 auto 30px;
border-top:#7598C7 2px solid;
}
div.listarea_cart .check_cart{
position:absolute;
top:72px;
left:0;
}

div.listarea_cart div.listrightblock {
	width:406px;
	border:none;
}
div.listarea_cart div.listrightblock h2 {
padding:10px 5px;
}
div.listarea_cart div.listrightblock table.tbl{
width:406px !important;
}

	
.pager{ 
	padding:0 10px 15px;
	text-align:center;
}
.pager ul{
	overflow:hidden;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.pager ul li{
	float:left; 
	width:22px;
	height:22px;
	margin-right:1px;
	border:solid 1px #95B0CB;
}
.pager ul li a{
	display:block;
	width:22px;
	height:17px;
	text-align:center;
	padding-top:6px;
	line-height:1;
	color:#003399;
}
.pager ul li span{
	display:block;
	width:22px;
	height:17px;
	text-align:center;
	padding-top:6px;
	line-height:1;
	color:#ffffff;
	background:#95B0CB;
}
.pager ul li a.pager_first{
	text-indent:-999999px;
	background:url(../img/button/btn_pager_first.png) center 7px no-repeat;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.pager ul li a.pager_prev{
	text-indent:-999999px;
	background:url(../img/button/btn_pager_prev.png) center 7px no-repeat;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.pager ul li a.pager_next{
	text-indent:-999999px;
	background:url(../img/button/btn_pager_next.png) center 7px no-repeat;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.pager ul li a.pager_last{
	text-indent:-999999px;
	background:url(../img/button/btn_pager_last.png) center 7px no-repeat;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

.checkDust{
margin-bottom:40px;
}
.checkDust a{
display:block;
width:214px;
height:26px;
background:url(../img/button/btn_checkDust.png) 0 0 no-repeat;
text-indent:-999999px;
line-height:0;
font-size:0;
overflow:hidden;
}
.checkDust a:hover{
background-position:0 -26px;
}	
	
/* 端末IDの発行 */
.getIdCont{
font-size: 1.2em;
padding: 8px 18px 20px;
}

.getId{}
.getId p{ margin-bottom:30px; }	
.getId .idCopy{
background-color:#F7F7F7;
padding:15px 0;
margin-bottom:30px;
text-align:center;
overflow:hidden;
}
.getId .idCopy dl{
display:inline-block;
*display:inline;
*zoom:1;
}
.getId .idCopy dl dt{	
display:table-cell;
*display:inline;
*zoom:1;
vertical-align:middle;
padding:5px 10px 0 0;
color:#19529D;
font-weight:bold;
}
.getId .idCopy dl dd{
display:table-cell;
*display:inline;
*zoom:1;
vertical-align:middle;
}
.getId .idCopy dl dd input{
padding:5px;
margin-right:10px;
width:348px;
border:solid 1px #0066CC;
}
.getId .idCopy dl dd span{
font-size:0.83em !important;
}
.getId ul{
padding-bottom:10px;
}
.getId ul li{
margin-bottom:2px;
font-size: 1.0em !important;
}

.idHowto .tit_idHowto{
padding:5px 10px;
border-left:solid 3px #034195;
background-color:#E4F4F5;
font-weight:bold;
}
.body_idHowto{
overflow:hidden;
width:742px;
margin-bottom:30px;
border:solid 1px #D7DBDE;
border-top:none;
}
.body_idHowto dl{ 
width:722px;
margin:0 auto;
}
.body_idHowto dl dt{
color:#ff6600;
background:url(../img/products/bg_idHowTo.gif) 0 0 repeat-x;
padding:20px 38px 0;
margin-bottom:8px;
font-weight:bold;
}
.body_idHowto dl dt.idHowto_dt1{
background:none;
}
.body_idHowto dl dd{
margin:0 38px 20px;
font-size: 1em !important;
}
.body_idHowto dl dd p{
font-size: 1em !important;
}
.body_idHowto dl dd.idHowto_dd1{
padding:140px 0 0 339px;
height:123px;
_height:263px;
background:url(../img/products/img_idHowTo01.gif) 0 0 no-repeat;
}

.body_idHowto dl dd.idHowto_dd2{
padding:14px 0 0 339px;
height:34px;
_height:48px;
background:url(../img/products/img_idHowTo02.gif) 129px 0 no-repeat;
}

.body_idHowto dl dd.idHowto_dd3{
position:relative;
width:646px;
height:224px;
background:url(../img/products/img_idHowTo03.gif) 0 0 no-repeat;
}
.body_idHowto dl dd.idHowto_dd3 .idHowto_dd3_1{
position:absolute;
top:51px;
left:339px;
}
.body_idHowto dl dd.idHowto_dd3 .idHowto_dd3_2{
position:absolute;
top:148px;
left:339px;
}

	
.icn_circleArw {
	background: url(../img/common/icn_link.gif) no-repeat scroll 0 0.9em /* */ transparent;
	line-height: 100%;
	padding: 0.7em 0 0.5em 15px;
	white-space: nowrap;
}
.id_txt {
	padding:5px 0 0 10px;
}

/* thickbox */
.LB_cartCheck{ position:relative; width:100%; height:100%; }
#TB_ajaxContent .LB_cartCheck p{ padding:30px 20px 0; background:#ffffff; text-align:center; }
.LB_cartCheck ul{ position:absolute; bottom:0; left:0; width:100%; overflow:hidden; padding:10px 0; text-align:center; background:#F3F1EC; }
.LB_cartCheck ul li{ margin:0 15px; display:inline-block; *display:inline; *zoom:1; }
.LB_cartCheck ul li input{ width:80px; text-align:center; }


/*
----------------------------------------------------------------------------
20120208_css(PC)開発追加
---------------------------------------------------------------------------- 
*/
ul#hbuttons li.btn03 {
    height: 22px;
    margin-right: 2px;
    width: 94px;
}

ul#hbuttons li.btn03 a {
    background-image: url("../img/button/btn_sage_search02.png");
}



/*
----------------------------------------------------------------------------
20120210_css(PC)
---------------------------------------------------------------------------- 
*/
.leadLayer{
	padding:12px 0 17px;
}

.leadLayer p{
	padding-left:20px;
}

.annotation{
	font-size:1.1em !important;
}

.leadinfo{
	padding:11px 0 11px 20px;
	margin:0 0 10px;
}

.tblLayer{
	width:739px;
	margin:0 auto;
}

.tblLayer table{
	width:100%;
}

.tblLayer table .btnDelete{
	width:84px;
	height:30px;
	margin:0 auto;
}

.tblLayer table .btnDelete a{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/button/btn_delete02.gif) no-repeat left top;
}

.tblLayer table .btnDelete a:hover{
	background:url(../img/button/btn_delete02.gif) no-repeat left bottom;
}


.creditNavLayer{
	margin:0 0 20px;
}

ul.creditNav{
	width:214px;
	height:38px;
	margin:0 auto;
}

ul.creditNav li.btnAddNew{
	width:100%;
	height:100%;
}

ul.creditNav li.btnAddNew a{
	background-image:url(../img/button/btn_add_credit.gif);
}

ul.creditNav li a{
	display:block;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:top;
}

ul.creditNav li a:hover{
	background-position:bottom;
}


ul.tblareabtn5{
	overflow:hidden;
	zoom:1;
	width:360px;
	margin:0 auto;
	padding:46px 0 64px;
}

ul.tblareabtn5 li{
	margin:0 9px;
}

ul.tblareabtn5 li.btn01,
ul.tblareabtn5 li.btn02,
ul.tblareabtn5 li.btn03{		/* ul.tblareabtn5 li.btn03 を追加　12.07.23（PC） */
	width:162px;
	height:50px;
	background-image:url(../img/button/btn_return.gif);
	float:left;
}
ul.tblareabtn5 li.btn01 a,
ul.tblareabtn5 li.btn03 a{
	background-image:url(../img/button/btn_return.gif);
}
ul.tblareabtn5 li.btn02 a,
ul.tblareabtn5 li.btn03 a{
	background-image:url(../img/button/btn_regist.gif);
}
/*▼FWEST)hatanaka ADD ul.tblareabtn5 li.btn04 を追加　端末登録解除　13.07.12 hatanaka */
ul.tblareabtn5 li.btn04 a{
	width:162px;
	height:50px;
	background-image:url(../img/button/btn_delete03.gif);
	float:left;
}
/*▲FWEST)hatanaka ADD ul.tblareabtn5 li.btn04 を追加　端末登録解除　13.07.12 hatanaka */

ul.tblareabtn5 li a{
	display:block;
	width:100%;
	height:100%;
	background-position:top;
}
ul.tblareabtn5 li a:hover{
	background-position:bottom;
}



ul.tblareabtn5 li a span,
.tblLayer table .btnDelete a span,
ul.creditNav li a span{
	display:none;
}



.tblareabtn6{
	width:740px;
	margin:0 auto;
	background:#ffffff;
	padding:22px 0;
}

/*
--------------------------------------------------------
20120306_css(PC)
--------------------------------------------------------
*/
.stepArea .stepinner{
	margin:0 40px 30px 40px;
}
.stepArea .stepinner .txt_appdl{
	margin-bottom:20px;
	line-height:160%;
}
.stepArea .conts10 dl{
	width:100%;
	text-align:center;
	vertical-align:top;
}
.stepArea .conts10 dt{
	width:50%;
	float:left;
}
.stepArea .stepinner ol{
	list-style:decimal;
	margin-left:20px;
	margin-bottom:20px;
}
.stepArea dl.view_dl{
	width:100%;
	font-size:9px;
	overflow:hidden;
}
.stepArea dt.view-l{
	float:left;
	width:50%;
	text-align:center;
}
.stepArea dd.view-r{
	float:right;
	width:50%;
	text-align:left;
}

.stepArea .nextico{
	display:block;
	
	padding:2px 0 2px 50px;
	
}

div#cscolumn div.step01img{
	background:url(/cs/images/guide/c_view_step01_how_02.jpg) 0 0 no-repeat;
	height:277px;
	width:645px;
}
div#cscolumn div.step02img{
	background:url(/cs/images/guide/c_view_step02_how.jpg) 0 0 no-repeat;
	height:275px;
	width:645px;
}
div#cscolumn div.step03img{
	background:url(/cs/images/guide/c_view_step03_how.jpg) 0 0 no-repeat;
	height:325px;
	width:645px;
}
div#cscolumn div.step04img{
	background:url(/cs/images/guide/c_view_step04_how.jpg) 0 0 no-repeat;
	width:645px;
}
div#cscolumn div.step05img{
	background:url(/cs/images/guide/c_view_step05_how.jpg) 0 0 no-repeat;
	height:190px;
	width:645px;
}

.link01 .tabContInner{
	margin:10px;
}

.tabContentsArea01 .tabInnerTitle{
	margin:0px 0px 5px;
	font-size:14px;
	font-weight:bold;
}
.tabContentsArea01 .tabContTitle{
	margin:5px 0px;
	font-size:12px;
	font-weight:bold;
}
.tabContentsArea01 .tabImgTitle{
	padding:5px 13px;
	font-size:12px;
	font-weight:bold;
}

.tabContentsInner{
	margin:10px;
}
.tabContentsArea01 .ad_lead{
	margin:5px 5px 20px 5px;
}
.tabContentsArea01 .ad_lead_txt{
	margin:5px 5px 10px 5px;
}
.tabContentsArea01 .adcap_st2_01{

}

.adimg_st2{
	overflow:hidden;
	width:671px;

}
.adimg_st2_l{
	float:left;
	width:274px;
}
.adimg_st2 .adimg_st2_r{
	position:relative;
	float:right;
	width:397px;
}
.adimg_st2 .adimg_st2_r img{
	display:block;
	position:absolute;
}
.adimg_st2 .adimg_st2_r .adimg_st03{
	top:27px;
}
.adimg_st2 .adimg_st2_r .next_st03{
	top:57px;
	left:75px;
}
.adimg_st2 .adimg_st2_r .adimg_st04{
	top:75px;
}
.adimg_st2 .adimg_st2_r .next_st04{
	top:141px;
	left:75px;
}
.adimg_st2 .adimg_st2_r .adimg_st05{
	top:160px;
}
.adimg_st2 .adimg_st2_r .next_st05{
	top:195px;
	left:75px;
}
.adimg_st2 .adimg_st2_r .adimg_st06{
	top:214px;
}
.adimg_st2 .adimg_st2_r .next_st06{
	top:244px;
	left:75px;
}
.adimg_st2 .adimg_st2_r .adimg_st07{
	top:264px;
}
.adimg_st2 .adimg_st2_r .next_st07{
	top:290px;
	left:75px;
}
.adimg_st2 .adimg_st2_r .adimg_st08{
	top:309px;
}
.adimg_st2 .adimg_st2_r .next_st08{
	top:347px;
	left:75px;
}
.adimg_st2 .adimg_st2_r .adimg_st09{
	top:365px;
}


/**/
.leadList_b{
	margin:0;
	padding:0;
}
.leadList_b li.gd_title{
	background:url(/cs/images/guide/icon_list.gif) no-repeat 1px 6px;
	padding:0 0 0 15px;
	font-weight:bold;
}

.leadList_b li.gd_containts{
	padding:0 0 0 15px;
	margin:0 0 1em;
}
.leadList_b li.gd_containts a.gd_containts{
	font-size:12px;
}
/**/
#c-howtouse .stepArea_howto{
	padding:0 0 0 20px;
}
.conts .sentence{
	padding-top:75px;
	margin-left:335px;
}
.conts .sentence02{
	padding-top:100px;
	margin-left:335px;
}

.tabContentsArea01{
	width:auto;
	border-right:2px solid #7698C6;
	border-bottom:2px solid #7698C6;
	border-left:2px solid #7698C6;
	margin:0 0 20px;
	padding:10px 0;
}

.cap_ad_st3{
	min-height:450px;
	height:auto !important;
	height:450px;
	background:url(/cs/images/guide/android_img_step3_01.jpg) no-repeat left top;
	
}

/* 2012.08.10 追記 */
.cap_ios_st3{
	min-height:450px;
	height:auto !important;
	height:450px;
	background:url(/cs/images/guide/ios_img_step3_01.jpg) no-repeat left top;
	
}
/* 2012.08.10 追記 end */

h4.steptitle,
.tabcaptureArea{
	width:673px;
	margin:0 auto;
}
.capture_st3{
	position:relative;
	color:#666;
	font-weight:600;
}
.capture_st3 p{
	width:358px;
}

.cap_ad_st3 .abs01{
	position:absolute;
	top:31px;
	left:293px;
}
.cap_ad_st3 .abs02{
	position:absolute;
	top:145px;
	left:292px;
}
.cap_ad_st3 .abs03{
	position:absolute;
	top:253px;
	left:293px;
}
.cap_ad_st3 .abs04{
	position:absolute;
	top:375px;
	left:293px;
}
.adimg_st4{	overflow:hidden;	width:710px;	height:300px; text-align:left;}
.adimg_st4_l{	float:left;	width:260px;	padding:0 0 0 13px;}
.adimg_st4 .adimg_st4_r{	position:relative;	float:right;	width:412px;}
.adimg_st4 .adimg_st4_r img{	display:block;	position:absolute;}
.adimg_st4 .adimg_st4_r .adimg_st02{	top:0px;}
.adimg_st4 .adimg_st4_r .next_st02{	top:30px;	left:75px;}
.adimg_st4 .adimg_st4_r .adimg_st03{	top:47px;}
.adimg_st4 .adimg_st4_r .next_st03{	top:80px;	left:75px;}
.adimg_st4 .adimg_st4_r .adimg_st04{	top:99px;}
.adimg_st4 .adimg_st4_r .next_st04{	top:133px;	left:75px;}
.adimg_st4 .adimg_st4_r .adimg_st05{	top:154px;}
.adimg_st4 .adimg_st4_r .next_st05{	top:188px;	left:75px;}
.adimg_st4 .adimg_st4_r .adimg_st06{	top:207px;}
.adimg_st4 .adimg_st4_r .next_st06{	top:240px;	left:75px;}
.adimg_st4 .adimg_st4_r .adimg_st07{	top:260px;}
.adimg_st4 .adimg_st4_r .next_st07{	top:289px;	left:75px;}

.adimg_st4_02{	overflow:hidden;	width:710px;	height:260px;}
.adimg_st4_02_l{	float:left;	width:260px;	padding:0 0 0 13px;}
.adimg_st4_02 .adimg_st4_02_r{	position:relative;	float:right;	width:412px;}
.adimg_st4_02 .adimg_st4_02_r img{	display:block;	position:absolute;}
.adimg_st4_02 .adimg_st4_02_r .adimg_st02{	top:0px;}
.adimg_st4_02 .adimg_st4_02_r .next_st02{	top:30px;	left:75px;}
.adimg_st4_02 .adimg_st4_02_r .adimg_st03{	top:47px;}
.adimg_st4_02 .adimg_st4_02_r .next_st03{	top:80px;	left:75px;}
.adimg_st4_02 .adimg_st4_02_r .adimg_st04{	top:98px;}
.adimg_st4_02 .adimg_st4_02_r .adimg_st05{	top:155px;}


.adimg_st4_03{	overflow:hidden;	width:710px;	height:310px;}
.adimg_st4_03_l{	float:left;	width:260px; height:600px;	padding:0 0 0 13px;}
.adimg_st4_03 .adimg_st4_03_r{	position:relative;	float:right;	width:412px;}
.adimg_st4_03 .adimg_st4_03_r img{	display:block;	position:absolute;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st02{	top:0px;}
.adimg_st4_03 .adimg_st4_03_r .next_st02{	top:30px;	left:75px;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st03{	top:43px;}
.adimg_st4_03 .adimg_st4_03_r .next_st03{	top:80px;	left:75px;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st04{	top:98px;}
.adimg_st4_03 .adimg_st4_03_r .next_st04{	top:133px;	left:75px;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st05{	top:154px;}
.adimg_st4_03 .adimg_st4_03_r .next_st05{	top:188px;	left:75px;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st06{	top:207px;}
.adimg_st4_03 .adimg_st4_03_r .next_st06{	top:240px;	left:75px;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st07{	top:260px;}
.adimg_st4_03 .adimg_st4_03_r .next_st07{	top:289px;	left:75px;}

.adimg_st4_03 .adimg_st4_03_r .adimg_st_add{	top:150px;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st05{	top:170px;}
.adimg_st4_03 .adimg_st4_03_r .next_st04{	top:202px;	left:75px;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st06{	top:228px;}
.adimg_st4_03 .adimg_st4_03_r .next_st05{	top:258px;	left:75px;}
.adimg_st4_03 .adimg_st4_03_r .adimg_st07{	top:282px;}
.margin15{ margin:0px 15px;}


/* 2012.08.17 追記 */

/* iOS用 */
.cap_ios_st3 .capture_st3 p{ position:absolute; width:358px; left:335px; }
.cap_ios_st3 .abs01{ top:31px; }
.cap_ios_st3 .abs02{ top:145px; }
.cap_ios_st3 .abs03{ top:253px; }

/* 2012.08.10 追記 */

/* iOS用 */
.iosimg_st4{
	overflow:hidden;
	width:710px;
	height:360px;
	text-align:left;
}
.iosimg_st4_l{	float:left;	width:260px;	padding:0 0 0 13px;}
.iosimg_st4 .iosimg_st4_r{	position:relative;	float:right;	width:412px;}
.iosimg_st4 .iosimg_st4_r img{	display:block;	position:absolute;}
.iosimg_st4 .iosimg_st4_r .iosimg_st02{	top:0px;}
.iosimg_st4 .iosimg_st4_r .next_st02{	top:30px;	left:75px;}
.iosimg_st4 .iosimg_st4_r .iosimg_st03{	top:47px;}
.iosimg_st4 .iosimg_st4_r .next_st03{	top:80px;	left:75px;}
.iosimg_st4 .iosimg_st4_r .iosimg_st04{	top:99px;}
.iosimg_st4 .iosimg_st4_r .next_st04{	top:133px;	left:75px;}
.iosimg_st4 .iosimg_st4_r .iosimg_st05{	top:154px;}
.iosimg_st4 .iosimg_st4_r .next_st05{	top:188px;	left:75px;}
.iosimg_st4 .iosimg_st4_r .iosimg_st06{	top:207px;}
.iosimg_st4 .iosimg_st4_r .next_st06{	top:240px;	left:75px;}
.iosimg_st4 .iosimg_st4_r .iosimg_st07{	top:260px;}
.iosimg_st4 .iosimg_st4_r .next_st07{	top:289px;	left:75px;}


.iosimg_st4_02{	overflow:hidden;	width:710px;	height:260px;}
.iosimg_st4_02_l{	float:left;	width:260px;	padding:0 0 0 13px;}
.iosimg_st4_02 .iosimg_st4_02_r{	position:relative;	float:right;	width:412px;}
.iosimg_st4_02 .iosimg_st4_02_r img{	display:block;	position:absolute;}
.iosimg_st4_02 .iosimg_st4_02_r .iosimg_st02{	top:0px;}
.iosimg_st4_02 .iosimg_st4_02_r .next_st02{	top:30px;	left:75px;}
.iosimg_st4_02 .iosimg_st4_02_r .iosimg_st03{	top:47px;}
.iosimg_st4_02 .iosimg_st4_02_r .next_st03{	top:80px;	left:75px;}
.iosimg_st4_02 .iosimg_st4_02_r .iosimg_st04{	top:98px;}
.iosimg_st4_02 .iosimg_st4_02_r .iosimg_st05{	top:155px;}


.iosimg_st4_03{
	overflow:hidden;
	width:710px;
	height:250px;
}
.iosimg_st4_03_l{	float:left;	width:260px; height:600px;	padding:0 0 0 13px;}
.iosimg_st4_03 .iosimg_st4_03_r{	position:relative;	float:right;	width:412px;}
.iosimg_st4_03 .iosimg_st4_03_r img{	display:block;	position:absolute;}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st02{	top:0px;}
.iosimg_st4_03 .iosimg_st4_03_r .next_st02{	top:30px;	left:75px;}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st03{	top:43px;}
.iosimg_st4_03 .iosimg_st4_03_r .next_st03{	top:80px;	left:75px;}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st04{	top:98px;}
.iosimg_st4_03 .iosimg_st4_03_r .next_st04{	top:133px;	left:75px;}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st05{	top:154px;}
.iosimg_st4_03 .iosimg_st4_03_r .next_st05{	top:188px;	left:75px;}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st06{	top:207px;}
.iosimg_st4_03 .iosimg_st4_03_r .next_st06{	top:240px;	left:75px;}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st07{	top:260px;}
.iosimg_st4_03 .iosimg_st4_03_r .next_st07{	top:289px;	left:75px;}

.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st_add{
	top:90px;
}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st05{
	top:130px;
}
.iosimg_st4_03 .iosimg_st4_03_r .next_st04{
	top:162px;
	left:75px;
}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st06{
	top:178px;
}
.iosimg_st4_03 .iosimg_st4_03_r .next_st05{
	top:208px;
	left:75px;
}
.iosimg_st4_03 .iosimg_st4_03_r .iosimg_st07{
	top:222px;
}




/* 2012.08.10 追記 */



/**/
.gd_tab_androidSelect2{
	overflow:hidden;
	zoom:1;
}

.gd_tab_androidSelect2 li{
	height:57px;
	float:left;
}
.gd_tab_androidSelect2 li.tabBtn01,
.gd_tab_androidSelect2 li.tabBtn02,
.gd_tab_androidSelect2 li.tabBtn03,
.gd_tab_androidSelect2 li.tabBtn04{
	width:185px;
}
.gd_tab_androidSelect2 li a{
	background-position:0 0;
	display:block;
	width:100%;
	height:100%;
}
.gd_tab_androidSelect2 li a span{
	display:none;
}
.gd_tab_androidSelect2 li.tabBtn01 a{
	background:url(/cs/images/guide/btn_androidTab.jpg) 0 0 no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn01 a:hover{
	background:url(/cs/images/guide/btn_androidTab.jpg) 0 -114px no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn01.act a{
	background:url(/cs/images/guide/btn_androidTab.jpg) 0 -57px no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn02 a{
	background:url(/cs/images/guide/btn_androidTab.jpg) -185px 0 no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn02 a:hover{
	background:url(/cs/images/guide/btn_androidTab.jpg) -185px -114px no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn02.act a{
	background:url(/cs/images/guide/btn_androidTab.jpg) -185px -57px no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn03 a{
	background:url(/cs/images/guide/btn_androidTab.jpg) -371px 0 no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn03 a:hover{
	background:url(/cs/images/guide/btn_androidTab.jpg) -371px -114px no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn03.act a{
	background:url(/cs/images/guide/btn_androidTab.jpg) -371px -57px no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn04 a{
	background:url(/cs/images/guide/btn_androidTab.jpg) -557px 0 no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn04 a:hover{
	background:url(/cs/images/guide/btn_androidTab.jpg) -557px -114px no-repeat;
}
.gd_tab_androidSelect2 li.tabBtn04.act a{
	background:url(/cs/images/guide/btn_androidTab.jpg) -557px -57px no-repeat;
}



/* 2012.08.09 追記 */
.gd_tab_androidSelect2.iOS li.tabBtn01 a{
	background:url(/cs/images/guide/btn_iosTab.jpg) 0 0 no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn01 a:hover{
	background:url(/cs/images/guide/btn_iosTab.jpg) 0 -114px no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn01.act a{
	background:url(/cs/images/guide/btn_iosTab.jpg) 0 -57px no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn02 a{
	background:url(/cs/images/guide/btn_iosTab.jpg) -185px 0 no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn02 a:hover{
	background:url(/cs/images/guide/btn_iosTab.jpg) -185px -114px no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn02.act a{
	background:url(/cs/images/guide/btn_iosTab.jpg) -185px -57px no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn03 a{
	background:url(/cs/images/guide/btn_iosTab.jpg) -371px 0 no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn03 a:hover{
	background:url(/cs/images/guide/btn_iosTab.jpg) -371px -114px no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn03.act a{
	background:url(/cs/images/guide/btn_iosTab.jpg) -371px -57px no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn04 a{
	background:url(/cs/images/guide/btn_iosTab.jpg) -557px 0 no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn04 a:hover{
	background:url(/cs/images/guide/btn_iosTab.jpg) -557px -114px no-repeat;
}
.gd_tab_androidSelect2.iOS li.tabBtn04.act a{
	background:url(/cs/images/guide/btn_iosTab.jpg) -557px -57px no-repeat;
}
/* 2012.08.09 追記 end */



/*view*/

.tabContentsArea{
	width:auto;
	border-right:2px solid #7698C6;
	border-bottom:2px solid #7698C6;
	border-left:2px solid #7698C6;
	margin:0 0 20px;
	padding-top:10px;
	text-align:center;
}

.stepArea{
	padding:0 10px;
	text-align:left;
}

.btnNewEntry{
	width:252px;
	height:42px;
	margin:0 auto 35px;
}

.btnNewEntry a{
	display:block;
	width:100%;
	height:100%;
	background:url(/cs/images/guide/btn_new_entry.jpg) no-repeat left top;
}
.btnNewEntry a:hover{
	background-position:left bottom;
}
.btnNewEntry a span{
	display:none;
}

.marge10{
	margin:0 0 10px;
}

.capture .capview_st3_1{
	min-height:280px;
	height:auto !important;
	height:280px;
	background:url(/cs/images/guide/bg_view_step03_1.jpg) no-repeat left top;
}
.capture .capview_st3_2{
	min-height:280px;
	height:auto !important;
	height:280px;
	background:url(/cs/images/guide/bg_view_step03_2.jpg) no-repeat left top;
	position:relative;
}
.capture .capview_st3_4{
	min-height:260px;
	height:auto !important;
	height:320px;
	background:url(/cs/images/guide/bg_view_step03_4.jpg) no-repeat left top;
	position:relative;
}

.capture .capview_st3_2 p{
	
}
.capture .capview_st3_2 p.idc01{
	top:64px;
}
.capture .capview_st3_2 p.idc02{
	top:250px;
}
.capture .capview_st3_4 p{
	position:absolute;
}
.capture .capview_st3_4 p.idc01{
	top:120px;
}
.capture .capview_st3_4 p.idc02{
	top:230px;
}
h4.steptitle,
.captureAreaView{
	width:647px;
	margin:0 auto;
	text-align:left;
}

.pagesubtitle{
	margin-top:20px;
	font-size:16px;
}



.tabContentsArea{
	width:auto;
	border-right:2px solid #7698C6;
	border-bottom:2px solid #7698C6;
	border-left:2px solid #7698C6;
	margin:0 0 20px;
	padding-top:10px;
	text-align:center;
}

.stepArea{
	padding:0 10px;
	text-align:left;
}

.btnNewEntry{
	width:252px;
	height:42px;
	margin:0 auto 35px;
}

.btnNewEntry a{
	display:block;
	width:100%;
	height:100%;
	background:url(../../images/guide/btn_new_entry.jpg) no-repeat left top;
}
.btnNewEntry a:hover{
	background-position:left bottom;
}
.btnNewEntry a span{
	display:none;
}



.capture .capview_st3_2 p{
	top:160px;
}
.capture .capview_st3_2 p.idc01{
	top:70px;
}
.capture .capview_st3_2 p.idc02{
	top:100px;
}
.capture .capview_st3_4 p{
	position:absolute;
}
.capture .capview_st3_4 p.idc01{
	top:120px;
}
.capture .capview_st3_4 p.idc02{
	top:230px;
}
h4.steptitle,
.captureAreaView{
	width:647px;
	margin:0 auto;
	text-align:left;
}







/*
----------------------------------------------------------------------------
20120629(PC)
----------------------------------------------------------------------------
*/

ul#indexSearchArea{
	border:1px solid #BFBFBF;
	padding:9px 0 10px;
	text-align:center;
}

ul#indexSearchArea li{
	width:173px;
	height:32px;
	margin:0 auto 5px;
	text-align:left;
}
ul#indexSearchArea li.last{
	margin-bottom:0;
}

ul#indexSearchArea li a{
	display:block;
	width:auto;
	height:32px;
	background:url(../img/side/button_index_search.gif) no-repeat left 0;
	padding:0 0 0 23px;
	color:#666666 !important;
	line-height: 2.85em;
	overflow: hidden;
}
ul#indexSearchArea li.act a,
ul#indexSearchArea li a:hover{
	background-position:left -32px;
	color:#039 !important;
	text-decoration:none !important;
}


/*
----------------------------------------------------------------------------
20120725(PC)
----------------------------------------------------------------------------
*/


/* device-listXX.htmlで使用 */

.tblLayer td.btnNameChange{
	border-left:none !important;
	vertical-align:middle;
}
.tblLayer td.btnNameChange p{
	display:inline-block;
	width:89px;
	height:30px;
}
.tblLayer td.btnNameChange p a{
	display:inline-block;
	width:100%;
	height:100%;
	background:url(../img/button/btn_device_name.jpg) no-repeat left top;
	text-indent:-9999px;
	text-align:left;
}
.tblLayer td.btnNameChange p a:hover{
	background-position:left bottom;
}

/*▼FWEST)hatanaka ADD 端末登録解除 13.07.12 */
.tblLayer td.btnNameDelete{
	border-left:none !important;
	vertical-align:middle;
}
.tblLayer td.btnNameDelete p{
	display:inline-block;
	width:89px;
	height:30px;
}
.tblLayer td.btnNameDelete p a{
	display:inline-block;
	width:100%;
	height:100%;
	background:url(../img/button/btn_device_delete.jpg) no-repeat left top;
	text-indent:-9999px;
	text-align:left;
}
.tblLayer td.btnNameDelete p a:hover{
	background-position:left bottom;
}
/*▲FWEST)hatanaka ADD 端末登録解除 13.07.12 */


.tblLayer td.deviceName{
	border-right:none !important;
}

ul.tblareabtn5 li.btn03 a{
	background-image:url(../img/button/btn_confirm.gif);
}

/**/

.tblLayer .textBox{
	width:95%;
}

.tblLayer.typeGray th{
	background:#f1f1f1 !important;
}


/**/

/* detail.htmlで使用 */

div.subtext3{
	margin-bottom:15px;
	line-height: 1.2;
}

table.spec tr.unsupported{
	color:#bbbbbb;
}


/**/

/* history01.html、dl-sample.html */


.apri_oscheck{
	clear: both;
	height: 65px;
	padding: 10px;
	text-align:center;
	background: #e4f4f5;
	margin: 20px 0;
}
.apri_oscheck div{
	display:inline;
	margin:0 20px;
}

/* dl-sample.html */
.contentBox{
	margin:0 20px 40px;
}
.contentBox02{
	margin-left:20px;
	margin-right:20px;
}

.installedBox{
	text-align: center;
}

.installedBox .head{
	font-size:1.6em !important;
	margin: 0 0 5px;
	text-align: left;
}

.installedBox .btnPreRead{
	width:270px;
	height:50px;
	margin:0 auto 10px;
}
.installedBox .btnPreRead a{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/button/btn_stand_b_02.jpg) no-repeat left top;
	text-indent:-9999px;
}
.installedBox .btnPreRead a:hover{
	background-position:left bottom;
}

.installedBox .checkboxText{
	text-align:center;
}
.installedBox .checkboxText input[type="checkbox"]{
	margin-right:5px;
	vertical-align:-2px;
}

.txtLinkBox{
	margin:0 20px 20px;
}
.txtLink{
	background:url(../img/common/icn_link.gif) no-repeat 0 0.1em;
	padding:0 0 0 15px;
}



.mbNone{
	padding-bottom:0 !important;
	margin-bottom:0 !important;
}


/* cart.html、confirm.html、history01.html */
.deviceIcons{
}
.deviceIcons02{
	overflow:hidden;
	zoom:1;
}
.deviceIcons li{
	display:inline !important;
	white-space:nowrap;
	font-size:1em !important;
	border:none !important;
	margin: 0 0 5px !important;
}
.deviceIcons02 li{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	white-space:nowrap;
	border:none !important;
	padding:0 !important;
}
.deviceIcons02 li img{
	padding:0 !important;
	margin-right:5px;
}

.indentText{
	padding-left:0.5em;
	text-indent:-0.5em;
	font-size:1em !important;
}

.wapA .indentText{
	padding-top:5px;
}



/**/

.deviceRegistBox{
	text-align:center;
}
.deviceRegistBox p{
	width:270px;
	height:50px;
	margin:0 auto;
}
.deviceRegistBox p a{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/button/btn_regist_device.jpg) no-repeat left top;
	text-indent: -9999px;
}
.deviceRegistBox p a:hover{
	background-position:left bottom;
}



/**/
.indentList1Chars{
	text-align:left;
}
.indentList1Chars li{
	padding:0 0 0 1em;
	text-indent:-1em;
}



/*
----------------------------------------------------------------------------
20120730(PC)
----------------------------------------------------------------------------
*/

.bgYellow{
	background:#ffc;
}

.ico01txt{
	background-image:url(../img/common/icn_link3.gif);
	background-repeat: no-repeat;
	vertical-align: middle;
	background-position: left 25px;
	padding: 25px 0 20px 15px;
	margin:0;
}

.smaller{
	font-size:0.83em !important;;
}



/*
----------------------------------------------------------------------------
	20120814(PC)
----------------------------------------------------------------------------
*/


.imgRow{
	margin:0 0 10px;
}

/*
----------------------------------------------------------------------------
	20120919(PC)
----------------------------------------------------------------------------
*/
/* index.html */
.mycloud_login{ 
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
}
.mycloud_login input.mycloud{
	margin:5px 0;
	padding:2px 5px;
	width:90%;
}
.mycloud_login input.mycloud_loginimg{
	margin:5px 0 8px 0;
}

/* login_a.html */
.selectLogin dl dd a{
	display:block;
	width:280px;
	margin:0 auto 10px;
}
.selectLogin dl dd a.icn_circleArw02{
	width:400px;
}
.selectLogin dl.selectLogin_L dd.login input.my_login{
	margin:0 0 5px 30px;
	padding:2px 0;
	width:80%;
}
.selectLogin dl.selectLogin_L dd.login p{
	margin:0 0 5px 30px;
	font-weight:bold;
}
.selectLogin dl.selectLogin_L dd.login p.pass{
	padding-top:5px;
	font-weight:normal;
}
.selectLogin dl.selectLogin_L dd.login{
	padding:5px 0 0;
	height:287px;
}
.selectLogin dl.selectLogin_L dd.login img.mycloud_log{
	margin-left:20px;
}
.selectLogin dl.selectLogin_L dd{
	height:130px;
}

.selectLogin dl.selectLogin_R dd.login_2{
	margin-bottom:10px;
	padding:20px 0 0;
	height:130px;
}

.selectLogin_myclooud{
	width:480px;
	margin:0 auto;
}

/* mc-login.html */
.selectLogin_myclooud p{
	margin:0 0 0 20px;
}
.selectLogin_myclooud input{
	margin:0 0 0 20px;
}
.selectLogin_myclooud img.mycloud_log{
	margin:10px 0 0 10px;
}


.selectLogin_myclooud p.mc-login_pass{
	margin-right:5px;
	text-align:right;
	overflow:hidden;
}

.login_img{
	padding:5px 0 10px 110px;
}
.input_box{
	padding:0 20px 15px;
	border:solid 1px #cccccc;
	border-top:none;
}

.input_menu{
	width:100px;
	float:left;
	background:#000000;
}
.input_menu p{
	margin-bottom:10px;
	font-weight:bold;
}

/* login_a.html */
.pass{
	clear:both;
	
	display:block;
}
.icn_circleArw02{
    background: url("../img/common/icn_link.gif") no-repeat scroll 0 0.2em transparent;
    display: block;
    margin-bottom: 15px;
    padding: 0 0 0 15px;
}
.icn_circleArw03{
	background: url(../img/common/icn_link.gif) 0 0.2em  no-repeat;
	padding: 0 0 0 15px;
	margin-bottom:15px;
	display:block;
}
input.box_input{
	margin-bottom:7px;
	padding:2px 5px;
}

.selectLogin dl.selectLogin_L dd.login{
	width:414px;
}

p.input_menu{
	font-weight:bold;
}


.input_box dl{ 
	overflow:hidden; 
	padding-bottom:10px;
	margin-left:20px;
	
}
.input_box dt{
	clear:both;
	float:left; 
	width:8em;
	font-weight:bold;
}
.input_box dd{
	margin-left:8em; 
}
.input_box dd input{
	width:80%;
}
.input_box p{
	margin-left:130px;
}

/*
----------------------------------------------------------------------------
	20120920(PC)
----------------------------------------------------------------------------
*/
.selectLogin_mcp{
	width:800px; 
	margin:0 auto;
}
.loginBtn{
	width:250px; 
	margin:0 auto;
}
.mycloud_log02{
	margin:10px 0 10px 15px;
}
.mc_login{
	margin:0; 
	padding:0; 
	line-height:0;
}
.mc_login img{
	vertical-align:bottom;
}
.selectLogin dl dt.login img{
	vertical-align:bottom;
}


/*
-----------------------------------------------------------------------
	20121010_css(PC)
-----------------------------------------------------------------------
*/
div#cscolumn div.step06img{
	background:url(/cs/images/guide/win8_dl.jpg) 0 5px no-repeat;
	height:155px;
	width:645px;
}
.conts .sentence00 {
    margin-left: 335px;
}

/*
-----------------------------------------------------------------------
	20121018_css(PC)
-----------------------------------------------------------------------
*/
a:focus{ /*\*/overflow:hidden;/**/ }

/*
-----------------------------------------------------------------------
	usage.html h4修正追加(PC)
-----------------------------------------------------------------------
#c-usage h4.content_Dl{
	margin-top: 0 !important;
}
-----------------------------------------------------------------------
*/


/*
-----------------------------------------------------------------------
	20121019_css(PC)
-----------------------------------------------------------------------
*/
.contentBox_Bg{
	margin:0 130px 20px;
	padding: 20px;
	background: #FFFFCC;
}

ul.indentList1Chars li.indentList1Chars_LiBold{
	font-weight:bold;
}
ul.indentList1Chars li.indentList1Chars_Li{
	margin-bottom:15px;
}

ul.indentList1Chars li.indentList1Chars_Li a{
	text-decoration:underline;
}

div#mycontentsarea p#leadinfo_S{
	padding:0 20px;
}

div.boxarea360 div.win8Cap{
	text-align:center;
	width:355px;
}

ul.jouken_Ul{
	list-style-type:disc; 
}
ul.jouken_Ul li{
	margin-left:25px;
}

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

.stepArea .stepinner_Bt {
    margin: 0 40px 20px;
}

/*
-----------------------------------------------------------------------
	20121022_css(PC)
-----------------------------------------------------------------------
*/

p.win8Box_Title{ margin-top:5px; }


/*
=======================================================================
	20121030_css(PC)(guide.cssより追加)
=======================================================================
-----------------------------------------------------------------------
	(20121010_css(PC))
-----------------------------------------------------------------------
*/

ul.listbasic a.situmon{ text-decoration:underline; }

.apri_dlArea{ overflow:hidden; background:#E4F4F5; clear:both; height:65px; margin:20px 0; padding:10px 0; text-align:center; }
.apri_dlArea_h75{ overflow:hidden; background:#E4F4F5; clear:both; height:75px; margin:20px 0; padding:10px 0; text-align:center; }
.apri_dlArea div{ }
.apri_dlbtn{ display:inline; height:30px; margin:0 20px; width:272px; }
.boxtype-gr3_link{ margin:15px 0; }

/* user agent(userAgent.js参照　プロパティは入れない) */
.agent_win8{}
.agent_win8Bit64{}
.agent_win8Bit32{}
.agent_unWin8{}
.agent_winBit64{}
.agent_winBit32{}
.agent_winOld{}
.agent_noWin{}


/*
-----------------------------------------------------------------------
	20121217_css(PC) cart.htmlアイコン整列
-----------------------------------------------------------------------
*/

.deviceIcons03 li{
	width: 242px;
	float: left;
	font-size:1em !important;
	border:none !important;
	margin: 0 0 5px !important;
}

	.deviceIcons03 li span.myiconimg{
		padding-right: 5px !important;
	}

		.deviceIcons03 li span.myiconimg img{
			margin-right: 3px !important;
		}

	.deviceIcons03 li.pt4{
		padding-top: 4px !important;
	}


.deviceIcons03 .wid{
	width: 247px !important;
}

.deviceIcons03 .nar{
	width: 229px !important;
}


/*
-----------------------------------------------------------------------
	20140120_css(PC)
-----------------------------------------------------------------------
*/

#loginarea p.others {
	background: url(/cs/images/top/login/icn_beginner.gif) left 50% no-repeat;
	border-top: #999999 1px dotted;
	padding: 10px 0 10px 18px;
}

div.tblareabtn02 {
	width: 700px;
	padding: 20px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background: #F3F1EC;
	text-align: center;
}

div.tblareabtn02 h2 {
	font-size: 1.4em !important;
	color: #044295;
	border-left: #044295 4px solid;
	padding: 4px 0 4px 12px;
	margin-bottom: 10px;
	text-align: left;
}

div#under02column p.message {
	width: 920px;
	padding: 10px;
	margin: 0 auto;
	background-color: #FEE6C8;
	color: #D95700;
	font-weight: bold;
	text-align: center;
}

div.selectLogin_L {
	width: 416px;
	float: left;
	font-size: 1.2em !important;
}

div.selectLogin_R {
	width: 400px;
	float: right;
}

div.selectLogin_L input.my_login{
	margin: 0 0 5px 0;
	padding: 2px 0;
	width: 330px;
}

div.selectLogin_L p{
	margin: 0 0 5px 0;
	font-weight: bold;
}
div.selectLogin_L p.pass{
	font-weight: normal;
}

.roundedbox {
	width: 100%;
	padding-top: 5px;
}
 
.roundedbox .roundedinner {
	padding-bottom: 5px;
}
 
.roundedbox .roundedinner .innercont {
	padding: 20px 30px;
}

.selectLogin_L .roundedbox {
	background: url(../img/common/roundedbox_l_top.gif) #fff no-repeat left top;
}
 
.selectLogin_L .roundedbox .roundedinner {
	background: url(../img/common/roundedbox_l_bottom.gif) no-repeat left bottom;
}
 
.selectLogin_L .roundedbox .roundedinner .innercont {
	background: url(../img/common/roundedbox_l_bg.gif) repeat-y left top;
}

.selectLogin_R .roundedbox {
	background: url(../img/common/roundedbox_r_top.gif) #fff no-repeat left top;
}
 
.selectLogin_R .roundedbox .roundedinner {
	background: url(../img/common/roundedbox_r_bottom.gif) no-repeat left bottom;
}
 
.selectLogin_R .roundedbox .roundedinner .innercont {
	background: url(../img/common/roundedbox_r_bg.gif) repeat-y left top;
}

/*201408BooksV利用条件ページ改善*/
.blueFrame{
	margin-top:20px;
	margin-bottom:20px;	
	border:#DCE6EF solid 2px;
	padding:10px;
}

.boldBlue {
	font-weight: bold;
	color: #3b9ba3;
}

.divideTwo{
	width:50%;
	float:left;
}

.text-top{
	vertical-align:text-top;
}

.fl{
	float:left;
}

.carrier{
font-weight: 600 !important;
font-size: 1.2em !important;
line-height: 1.5em;
}

.mt10{
	padding-top:10px;
}

h3.bold{
	font-weight:bold !important;
}

.mb5{
	margin-bottom:5px !important;
}

.qrImage{
	border:#6D6D6D solid 1px;
}

.fs12{
	font-size:12px;
}

.portableLead{
	padding:5px 0px 0px 5px;
	float:left;
	width:275px;
	word-break:break-all;
}

/*
-----------------------------------------------------------------------
	20141015_css(PC)
-----------------------------------------------------------------------
*/

.apri_dlArea_h90{ overflow:hidden; background:#E4F4F5; clear:both; height:90px; margin:20px 0; padding:10px 0; text-align:center; }


/*
-----------------------------------------------------------------------
	7月1日向け対応(PC)
-----------------------------------------------------------------------
*/

div#loginarea p.eos_notice_text {
	border-top: 1px dotted #999;
	padding:5px 0 3px 5px;
	background:none;
}
#eos_notice_Box{
	border:solid 1px #ff0000;
	margin:10px 10px 20px;
	padding:10px;
}
#eos_notice_Box p{
	margin-bottom:10px;
}
#eos_notice_Box p.eos_notice_info_title strong{
	font-weight:normal !important;
	color:#ff0000;
}
#eos_notice_Box .eos_notice_noteTxLink a{
    padding: 0px 0px 2px 13px;
    background: url(/user_data/packages/s8005/img/common/icn_link.gif) no-repeat scroll 0px 1px transparent;
}


.eos_notice_conts_inner{
	margin:0 15px;
	padding-bottom:15px;
}
.eos_notice_btn,
.eos_notice_img{
	text-align:center;
	padding:20px 0;
}

.eos_notice_btn a{
	margin:0 10px;
}
.eos_notice_attentiontext{
	color:#f00;
}
.eos_notice_consent{
	background-color:#ffffcc;
	padding:8px 0;
	text-align:center;
	margin:10px 0 0;
}
.eos_notice_consent input{
	margin-right:5px;
}
.eos_notice_btn .eos_notice_btn_col1{
	width:50%;
	text-align:right;
	float:left;
}
.eos_notice_btn .eos_notice_btn_col2{
	width:50%;
	text-align:left;
	float:right;
}
.eos_notice_btn input[type="submit"]{
	margin:0 10px;
	padding:0;
    width: 280px;
	height:50px;
	background:url(/cs/notice/images/btn-hontopoint04-off.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}
.eos_notice_btn input[type="submit"]:hover {
	background:url(/cs/notice/images/btn-hontopoint04-on.gif) no-repeat left top;
	cursor:pointer;
}

.eos_notice_btn input[type="submit"][disabled],
.eos_notice_btn input[type="submit"][disabled]:hover  {
	background:url(/cs/notice/images/btn-hontopoint04-disable.gif) no-repeat left top;
	cursor:default;
}


ul.eos_notice_ul{
	margin:0 0 0 1.2em;
	list-style:none;
}
ul.eos_notice_ul li{
	text-indent:-1em;
}
ul.eos_notice_ul li .linkinner{
	padding-left:25px;
}


.boxtype-gr3 .eos_notice_boxtype_logo{
	float:left;
	width:150px;
	text-align:center;
}
.boxtype-gr3 .eos_notice_boxtype_item{
	float:right;
	width:550px;
}


div#mypagecolumn table.tablebasic.eos_notice_table{
	width:100% !important;
}
div#mycontentsarea table.eos_notice_table th{
	white-space:nowrap;
	width:30%;
}
div#mycontentsarea table.eos_notice_table td.eos_notice_td_form{
	padding:15px 8px !important;
}
div#mycontentsarea table.eos_notice_table td.eos_notice_td_form p{
	margin-top:5px;
}
div#mycontentsarea table.eos_notice_table td p,
div#mycontentsarea table.eos_notice_table td li,
div#mycontentsarea table.eos_notice_table td li li {
	font-size:1em !important;
}
div#mycontentsarea table.eos_notice_table th.eos_notice_cellsub-t{
	background-color:#FFE6E6;
}
div#mycontentsarea table.eos_notice_table td.eos_notice_cell_fs{
	font-size:140% !important;
}

div#mycontentsarea table.eos_notice_table td p.eos_notice_fss{
	font-size:80% !important;
}
div#mycontentsarea table.eos_notice_table td li li.eos_notice_fss{
	font-size:95% !important;
}

div#mycontentsarea table.eos_notice_table td.eos_notice_Coupon_code{
	font-size:180% !important;
	text-align:center;
	font-weight:bold;
}


/* 20150324追加 */
.eos_notice_pb20{
	padding-bottom:20px !important;
}
.eos_notice_pl10{
	padding-left:10px !important;
}
.eos_notice_mb20{
	margin-bottom:20px !important;
}
.eos_notice_mb10{
	margin-bottom:10px !important;
}
.eos_notice_p_no{
	padding-bottom:0 !important;
}
.eos_notice_va-t{
	vertical-align:top;
}

.eos_notice_w360{
	display:block;
	width:360px;
	margin:10px auto !important;
}

.eos_notice_Signature{
	text-align:right;
	margin-bottom:30px;
}
a.eos_notice_pagelink{
	background:url(/cs/notice/images/arrow_down.gif) no-repeat left 2px;
	padding:0 0 0 15px;
}

ul.listbasic li ul li{
	list-style:circle;
}

.eos_notice_View{
	width:700px;
	margin:10px auto;
	overflow: hidden;
	zoom:1;
}
.eos_notice_View table{
	float:left;
	width:31%;
}
.eos_notice_View table.PC,
.eos_notice_View table.Android{
	margin-right:15px;
}
.eos_notice_View table td{
	vertical-align:top !important;
	text-align:center;
}
.eos_notice_ul li li.eos_notice_fss,
.eos_notice_disc li li.eos_notice_fss,
.tablebasic td .eos_notice_fss{
	font-size:1em !important;
}


/*
-----------------------------------------------------------------------
	7月21日向け TOP対応(PC)
-----------------------------------------------------------------------
*/

div#header .top0721_header p{
    display: block;
    width: 400px;
    height: 60px;
    background: url(/user_data/packages/s8005/img/header/logo.gif) no-repeat scroll left top transparent;
}

div#container h1.top0721_title{
    background: none;
    border-bottom: none;
}


#sideMenu,
#sideMenu_mypage{
	margin-bottom:20px;
}

#sideMenu li,
#sideMenu_mypage li{
	margin-bottom:5px;
}
ul.top0721_ul{
	margin-left:1em;
}
ul.top0721_ul li{
	text-indent:-1em;
}

ul.eos_notice_ul li .linkinner.top0721_link{
	display:block;
	padding-top:8px;
	background-position:0 8px;
}


/*
-----------------------------------------------------------------------
	9月30日向け TOP対応(PC)
-----------------------------------------------------------------------
*/

/* マージン調整 */
.m_b05 { margin-bottom: 5px !important; }
.m_b10 { margin-bottom: 10px !important; }
.m_b15 { margin-bottom: 15px !important; }
.m_b20 { margin-bottom: 20px !important; }
.m_b25 { margin-bottom: 25px !important; }
.m_b30 { margin-bottom: 30px !important; }
.m_b40 { margin-bottom: 40px !important; }
.m_b50 { margin-bottom: 50px !important; }
.m_b85 { margin-bottom: 85px !important; }
.m_b00 { margin-bottom: 0 !important; }

.m_t05 { margin-top: 5px !important; }
.m_t10 { margin-top: 10px !important; }
.m_t15 { margin-top: 15px !important; }
.m_t20 { margin-top: 20px !important; }
.m_t25 { margin-top: 25px !important; }
.m_t30 { margin-top: 30px !important; }
.m_t00 { margin-top: 0 !important; }

.m_l05 { margin-left: 5px !important; }
.m_l10 { margin-left: 10px !important; }
.m_l15 { margin-left: 15px !important; }
.m_l20 { margin-left: 20px !important; }
.m_l25 { margin-left: 25px !important; }
.m_l30 { margin-left: 30px !important; }
.m_l00 { margin-left: 0 !important; }

.m_r05 { margin-right: 5px !important; }
.m_r10 { margin-right: 10px !important; }
.m_r15 { margin-right: 15px !important; }
.m_r20 { margin-right: 20px !important; }
.m_r25 { margin-right: 25px !important; }
.m_r30 { margin-right: 30px !important; }
.m_r00 { margin-right: 0 !important; }

.p_b05 { padding-bottom: 5px !important; }
.p_b10 { padding-bottom: 10px !important; }
.p_b15 { padding-bottom: 15px !important; }
.p_b20 { padding-bottom: 20px !important; }
.p_b25 { padding-bottom: 25px !important; }
.p_b30 { padding-bottom: 30px !important; }
.p_b00 { padding-bottom: 0 !important; }

.p_t05 { padding-top: 5px !important; }
.p_t10 { padding-top: 10px !important; }
.p_t15 { padding-top: 15px !important; }
.p_t20 { padding-top: 20px !important; }
.p_t25 { padding-top: 25px !important; }
.p_t30 { padding-top: 30px !important; }
.p_t00 { padding-top: 0 !important; }

.p_l05 { padding-left: 5px !important; }
.p_l10 { padding-left: 10px !important; }
.p_l15 { padding-left: 15px !important; }
.p_l20 { padding-left: 20px !important; }
.p_l25 { padding-left: 25px !important; }
.p_l30 { padding-left: 30px !important; }
.p_l00 { padding-left: 0 !important; }

.p_r05 { padding-right: 5px !important; }
.p_r10 { padding-right: 10px !important; }
.p_r15 { padding-right: 15px !important; }
.p_r20 { padding-right: 20px !important; }
.p_r25 { padding-right: 25px !important; }
.p_r30 { padding-right: 30px !important; }
.p_r00 { padding-right: 0 !important; }


/* その他レイアウト */
.single_conts {
	width: 80%; 
	margin: 0 auto 0 auto;"
}

.top_title {
	font-size: 20px !important;
	font-weight: bold !important;
	color: #3c3c35 !important;
}

.top_text {
	font-size: 14px !important;
	color: #3c3c35 !important;
}

.top_author {
	font-size: 14px !important;
	color: #3c3c35 !important;
	text-align: right !important;
}


/* 追加20150731
-------------------------------------------*/

#header_comment {
	width: 784px;
	height: 240px;
	background: url('/user_data/packages/s8005/img/products/bg.png') no-repeat;
}

#header_innerText {
	width: 640px;
	margin: 0 auto 0 auto;
	padding: 30px 0 30px 0;
}


/*　追加20150924
-------------------------------------------*/
.pc {
	display: block;
}

.phone {display:none;}