@import url(/cs/common/css/cbu.css);
@import url(/cs/common/css/tab.css);
@import url(/cs/common/css/share/tab.css);
@import url(/cs/sp/common/css/share.css);

#main { padding: 10px 50px; font-size: 90%; position: relative; }
*html #contents { width: 670px; }

#main h2 { margin: 0 0 15px -10px; border-left: 8px solid #0075c1; border-bottom: 1px solid #0075c1; text-indent: 0; font-size: 120%; }
#main h2 strong { padding: 5px; border-left: 3px solid #80ccff; display: block; }
#main h2 + p { font-size: 110%; margin-bottom: 10px; margin-left: 0; }

#main h3 { margin: 20px 0 0 0; padding: 10px 0 0 15px; width: 670px; height: 40px; clear: both; background: url(/cs/sp/images/title.gif) no-repeat; border: none; }
#main h3:nth-of-type(even) { margin-top: 60px; }

#main p + p { text-align: center; margin-top: 10px; margin-bottom: 60px; }

strong.i { background: url(/cs/images/da/renewal/iball.png) no-repeat; margin: 0 5px; padding-left: 23px; display: inline-block; min-height: 19px; height: auto !important; height: 19px; }

/*-- ご利用期限確認方法:Mac版終了告知 --*/
#main #macend { margin: 10px auto 30px; padding: 10px 15px 5px; border: 1px solid #F0B2B2; }
#main #macend h4 { font-size:100%; color: #CC0000; }
#main #macend p { margin: 5px 0; font-size: 90%; line-height: 140%; }
#main #macend p a { display: inline-block; margin-top: 10px; padding-left: 16px; background: url("/cs/images/da/share/bullet/square.gif") no-repeat scroll 0 2px; }
/*-- ここまで --*/


#main dt { font-size: 110%; font-weight: bold; margin: 0 5px 10px 2px; padding: 0 0 2px 18px; background: url(/cs/images/share/bullet/square.gif) no-repeat 0 4px; border-bottom: 1px solid #0075C1; }

#main #tab dl { margin-top: 10px; }
#main #tab dt + dd { margin-left: 20px; }
#main #tab dd:nth-of-type(1) { float: left; width: 370px; }
#main #tab dd:nth-of-type(2) { float: right; margin-right: 10px; }
#main #tab dd img { vertical-align: middle; }
#main #tab	dd span { font-size: 80%; }

/*タブ絡み*/
#main #tabs { margin-top: 10px; margin-bottom: 30px; }
ul.ui-tabs-nav { margin-left: 20px;/*margin-left: 52px;*/ }
/*.ui-tabs-panel { margin-left: 10px; margin-right: 10px; }*/
.ui-tabs-panel dl { margin-top: 40px; margin-left: 3px; }
#main .ui-tabs-panel dl.caution { margin-left: 10px; }
.ui-tabs-panel dl:nth-of-type(1) { margin-top: 20px; }
#main .ui-tabs-nav a { font-weight: normal; }

.ui-tabs-nav a:hover { color: #FFFF00; }
.ui-tabs-nav .ui-tabs-selected a { color: #ffffff; }
.ui-tabs-nav .ui-tabs-selected a:hover { text-decoration: none; }


/*
#main #tabs { margin-top: 20px; margin-bottom: 30px; }
/*ul.ui-tabs-nav { margin-left: 17px; }
ul.ui-tabs-nav { /*margin-left: 17px;margin-left: 52px; }
.ui-tabs-panel { margin-right: 0px; }
.ui-tabs-panel dl { margin-top: 40px; /*margin-left: 3px; }
#main .ui-tabs-panel dl.caution { margin-left: 10px; }
.ui-tabs-panel dl:nth-of-type(1) { margin-top: 20px; }
#main .ui-tabs-nav a { font-weight: normal; }

/*ul.ui-tabs-nav li:nth-of-type(1) { margin-left: 40px; }*/


/*.ui-tabs-nav a:hover { color: #FFFF00; }
.ui-tabs-nav .ui-tabs-selected a { color: #ffffff; }
.ui-tabs-nav .ui-tabs-selected a:hover { text-decoration: none; }
*/

#main #tab1 dd.left { float: left; width: 370px; }
#main #tab1 dd.right { float: right; margin-right: 10px; }
#main #tab2 h3 + dl { margin-top: 10px; }