@charset "utf-8";
/*
Theme Name: mixi Developer Center
Theme URI: http://developer.mt.mixi.co.jp/
Description: mixi Developer Center 用テーマ
Version: 1.0
Author: Mixi, Inc.
Author URI: http://mixi.co.jp/
Tags: mixi
*/



/* Begin Typography & Colors */
/*---- default ----*/
html {
line-height:1.5;
overflow-y:scroll;
background-color:#FFF;
color:#333333;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
body {
font-size:12px;
*font-size:83%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, p, th, td {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
font-style:normal;
}
table {
border-collapse:collapse;
border-spacing:0;
}
th {
font-weight:normal;
}
fieldset, img {
border:0;
}
address, caption, cite, dfn, th, var {
font-style:normal;
font-weight:normal;
}
address {
border:1px solid #e8e8e8;
background:#f8f8f8;
display:block;
margin-bottom:1.5em;
padding:1em;
}
li {
list-style:none;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
abbr, acronym {
border:0;
font-variant:normal;
}
input, textarea, select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
a:link {
color:#0066CC;
}
a:visited {
color:#996699;
}
a:hover {
color:#996600;
}
a:active {
color:#996600;
}
a:focus {
color:#996600;
}
/*---- clearfix ----*/
.clear {
zoom:1;
}
.clear:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
/*---- documentBody ----*/
/* ADD
#documentBody{
background:url(/images/bg001.gif) repeat-x left top;
text-align:center;
}
*/
#documentBody {
text-align:center;
}
/* ADD */

/*---- headerArea ----*/

/*ADD
#headerArea{
width:950px;
height:120px;
margin-right:auto;
margin-left:auto;
text-align:left;
}
*/
#headerFixed {
width:100%;
height:46px;
position: fixed;
top:0;
left:0;
background:url(/images/bg_body02.gif) left top;
z-index:100;
}
* html #headerFixed {
  position: absolute;
}
#headerArea {
width:930px;
height:46px;
margin:0 auto;
position:relative;
}

/*ポップアップ用ヘッダー*/
body#popup #headerArea {
width: 600px;
}
body#popup #headerArea h1 {
margin:16px 0 12px 0;
width:205px;
height:19px;
background:url(/images/mixidc_logo02.gif) no-repeat left top;
text-indent:-9999px;
outline:none;
}

/* ADD */

#headerArea h1 {
padding:16px 0 12px 0;
}
/* ADD
#headerArea h1 a {
display:block;
width:338px;
height:52px;
background:url(/images/mixidc_logo01.gif) no-repeat left top;
text-indent:-9999px;
outline:none;
}
*/
#headerArea h1 a {
display:block;
width:205px;
height:19px;
background:url(/images/mixidc_logo02.gif) no-repeat left top;
text-indent:-9999px;
outline:none;
}
/* ADD */

/*-- globalNavi --*/

/* ADD
#headerArea ul.globalNavi{
padding:0 2px 0 0;
background:url(/images/partition001.gif) no-repeat 100% 50%;
}

#headerArea ul.globalNavi li{
float:left;
width:158px;
padding:0 0 0 2px;
background:url(/images/partition001.gif) no-repeat 0% 50%;
}

#headerArea ul.globalNavi li span,
#headerArea ul.globalNavi li a{
display:block;
padding:10px 0;
height:20px;
text-align:center;
font-weight:bold;
color:#fff;
text-decoration:none;
font-size:113%;
outline:none;
}

#headerArea ul.globalNavi li a.selected,
#headerArea ul.globalNavi li a:hover{
background:url(/images/bg002.gif) repeat-x 0 0;
}

#headerArea ul.globalNavi li span{
color:#ababab;
}
*/

/*#headerArea ul.globalNavi{
position: relative;
width:458px;
    margin:3px 0 0 0;
padding:0 0 0 2px;
background:url(/images/bg_line.gif) no-repeat left top;
}

#headerArea ul.globalNavi li{
    float: left;
padding:0 2px 0 0;
text-align:center;
    position: relative;
background:url(/images/bg_line.gif) no-repeat right top;
}
#headerArea ul.globalNavi table {
border-collapse:collapse
}
#headerArea ul.globalNavi a{
padding:11px 0 0 0;
    float: left;
    height:43px;
width:150px;
    color: #FFF;
text-align:center;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}
 
#headerArea ul.globalNavi li a:hover{
background:url(/images/bg_gnavi_hover.gif) repeat-x;
}
#headerArea ul.globalNavi li:hover > ul{
    display: block;
}


/* globalNavi */
#headerArea ul.globalNavi {
position:absolute;
top:0px;
left:451px;
width:479px;
height:43px;
margin-top:3px;
color:#FFF;
}
#headerArea ul.globalNavi a {
outline:none;
}
#headerArea ul.globalNavi li {
float: left;
position: relative;
}
#headerArea ul.globalNavi li table {
border-collapse: collapse;
border: none;
padding: 0;
position: absolute;
top: 0;
left: 0;
}
#headerArea ul.globalNavi li a {
height:30px;
display: block;
padding:13px 0 0 0!important;
color: #FFF;
text-align:center;
text-decoration: none;
text-shadow: 0 1px 0 #000;
cursor:pointer;
}
#headerArea ul.globalNavi li#platform a {
width:124px;
}
#headerArea ul.globalNavi li#faq a {
width:146px;
}
#eng #headerArea ul.globalNavi li#faq a {
width:73px;
}
#headerArea ul.globalNavi li#faq {
margin-right:75px;
}
#eng #headerArea ul.globalNavi li#faq {
margin-right:190px;
}
#headerArea ul.globalNavi li#login {
float:right;
}
#headerArea ul.globalNavi li#login a {
width:134px;
}
#headerArea ul.globalNavi a:hover {
background:url(/images/bg_gnavi_hover.gif) repeat-x;
}

/*ポップアップ用globalNavi*/
body#popup #headerArea ul.globalNavi {
position:absolute;
top:-16px;
left:508px;
height:43px;
color:#FFF;
}
body#popup #headerArea ul.globalNavi li#close a {
width:92px;
}

/*globalNavi-Layer2*/

/*初期非表示*/
#headerArea ul.globalNavi li ul {
display:none;
}
/*プラットホームオン表示 2階層目表示*/
#headerArea ul.globalNavi li#platform:hover ul,
#headerArea ul.globalNavi li#platform a:hover ul {
display:block;
position: absolute;
top:43px;
left:0;
width:124px;
z-index:1000;
}
/*プラットホームオン表示　３階層目は消したままにしておく*/
#headerArea ul.globalNavi li#platform:hover ul li ul,
#headerArea ul.globalNavi li#platform a:hover ul li ul {
display:none;
}
/*プラットホームオン表示　4階層目は消したままにしておく*/
#headerArea ul.globalNavi li#platform:hover ul li ul li ul,
#headerArea ul.globalNavi li#platform a:hover ul li ul li ul{
display:none;
}
/*style*/
#headerArea ul.globalNavi li ul li {
background-image:none;
padding:0;
}
#headerArea ul.globalNavi li ul li a {
height:30px;
width:104px!important;
padding:0px 8px 0 12px!important;
line-height: 30px;
text-align:left;
border-bottom:solid 1px #222;
text-shadow: 0 1px 0 #000;
background-color:#646668;
}
#headerArea ul.globalNavi li ul li a:hover {
background-image: none;
background-color:#353636;
}

#headerArea ul.globalNavi li#connect a#connectLink{
background-image:url(/images/bg_menu_arrow.png);
background-position:106px 10px;
background-repeat: no-repeat;
}

/*globalNavi-Layer3*/
/*３層目初期非表示*/
#headerArea ul.globalNavi li ul li ul {
display:none;
}
/*コネクトオン表示*/
#headerArea ul.globalNavi li ul li#connect:hover ul,
#headerArea ul.globalNavi li ul li#connect a:hover ul {
display:block;
position: absolute;
top:0px;
left:124px;
z-index:9999;
}

#headerArea ul.globalNavi li ul li ul li {
background-image:none;
padding:0;
}
#headerArea ul.globalNavi li ul li ul li a {
width:104px!important;
padding:0px 8px 0 12px!important;
background-color:#707173;
}
#headerArea ul.globalNavi li ul li ul li a:hover {
background-color:#555555;
}

#headerArea ul.globalNavi #plugin a#pluginLink{
background-image:url(/images/bg_menu_arrow.png);
background-position:106px 10px;
background-repeat: no-repeat;
}
/*4階層目非表示*/
#headerArea ul.globalNavi li ul li ul li ul {
display:none;
}
/*プラグイン表示*/
#headerArea ul.globalNavi li ul li ul li#plugin:hover ul,
#headerArea ul.globalNavi li ul li ul li#plugin a:hover ul{
display:block;
position: absolute;
top:0px;
left:124px;
width: 81px;
z-index:9999;
}
/*globalNavi-Layer4*/

#headerArea ul.globalNavi li ul li ul li ul li {
background-image:none;
padding:0;
}
#headerArea ul.globalNavi li ul li ul li ul li a {
width:104px!important;
padding:0px 8px 0 12px!important;
background-color:#7E7F81;
}
#headerArea ul.globalNavi li ul li ul li ul li a:hover {
background-color:#666666;
}
/*Language*/

div#langSelector {
position:absolute;
top:3px;
right:-47px;
}
div#langSelector ul li a {
display:block;
width:47px;
background-color:#313131;
text-align:center;
color:#FFFFFF;
font-size:10px;
font-family:Verdana, Geneva, sans-serif;
text-decoration:none;
padding:2px 0;
}
div#langSelector ul li a:hover {
background-color:#000000;
}

#eng div#langSelector {
right:-57px;
}
#eng div#langSelector ul li a {
width:57px;
}
/* Search */

#headerArea .headerSearchFormArea {
background:url(/images/bg_search.gif) 0 0 no-repeat;
background:url(/images/bg_search.gif) 0 1px no-repeat\9;
position:absolute;
left:226px;
top:13px;
width:205px;
height:26px;
}
:root *> #headerArea .headerSearchFormArea #headerSearchInput:hover{
background:url(/images/bg_search_hover.gif) no-repeat;
}
:root *> #headerArea .headerSearchFormArea #headerSearchInput:focus{
background:url(/images/bg_search_focus.gif) no-repeat;
}
#headerArea .headerSearchFormArea.focused #headerSearchInput{
color:#333;
text-shadow:none;
}
#headerArea div.headerSearchFormArea:hover{
background:url(/images/bg_search_hover.gif) 0 1px no-repeat\9;
}

#headerArea div.focused{
background:url(/images/bg_search_focus.gif) 0 1px no-repeat!important;
}

#headerArea .headerSearchFormArea #headerSearchInput {
color:#FFF;
background-color:transparent;
text-shadow: 0 1px 0 #444444;
font-size:11px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
width:170px;
height:19px;
border:none;
padding:4px 27px 2px 8px;
padding:6px 18px 0px 8px\9;
}
#headerArea .headerSearchFormArea #headerSearchInput,
#headerArea div.focused #headerSearchInput{
width:155px\9;
height:19px\9;
}

#headerArea .headerSearchFormArea #headerSearchBtn {
position:absolute;
top:5px;
right:9px;
width:13px;
height:17px;
background: url(/images/spacer.gif);

border: none;
cursor: pointer;
outline:none;
text-indent:-9999px;
}
* html #headerArea .headerSearchFormArea #headerSearchBtn {
position:relative;
}
/*---- intro ----*/
#intro {
height:245px;
padding-top:15px;
background:url(/images/bg_intro01.gif) repeat-x left top;
}
#intro div.content {
width:960px;
height:305px;
margin-right:auto;
margin-left:auto;
background:#000 url(/images/intro_img011.gif) no-repeat left top;
}
#intro div.content h2, #intro div.content p.body {
height:0;
line-height:0;
text-indent:-999999px;
}
#intro div.content p.clear {
padding:119px 36px 4px 0;
}
#intro div.content p.clear a {
display:block;
float:right;
width:75px;
height:12px;
background:url(/images/intro_more01.gif) no-repeat left top;
text-indent:-999999px;
outline:none;
}
#intro div.content p.clear a:hover {
background-position:left bottom;
}
#intro div.content ul.introList {
padding:0 0 0 481px;
}
#intro div.content ul.introList li {
float:left;
text-align:left;
}
#intro div.content ul.introList li a {
display:block;
text-indent:-999999px;
outline:none;
}
#intro div.content ul.introList li.appli {
width:120px;
padding-top:3px;
}
#intro div.content ul.introList li.appli a {
width:70px;
height:70px;
background:url(/images/intro_appli01.gif) no-repeat left top;
}
#intro div.content ul.introList li.connect {
width:104px;
}
#intro div.content ul.introList li.connect a {
width:53px;
height:75px;
background:url(/images/intro_connect01.gif) no-repeat left top;
}
#intro div.content ul.introList li.openid {
width:85px;
padding-top:15px;
}
#intro div.content ul.introList li.openid a {
width:85px;
height:58px;
background:url(/images/intro_openid01.gif) no-repeat left top;
}
#intro div.content ul.introList li a:hover {
background-position:left bottom;
}
/*---- bodyArea ----*/
div.bodyAreaIndex {
width:950px;
margin-top:20px;
margin-right:auto;
margin-left:auto;
text-align:left;
}
div.bodyArea {
width:950px;
margin-top:66px;
margin-right:auto;
margin-left:auto;
text-align:left;
}

/*ポップアップ用bodyArea*/
body#popup div.bodyArea {
width:600px;
margin-top:1em;
margin-right:auto;
margin-left:auto;
text-align:left;
}

/*---- content ----*/
div.content {
padding-bottom:8px;
background:#FFFFFF;
}
/*---- topMain ----*/
div.topMain {
float:left;
width:615px;
padding-right:25px;
}
/*-- forDevelopers --*/
div.topMain div.forDevelopers {
padding:16px 0 0 30px;
}
div.topMain div.forDevelopers h2.title01 {
height:36px;
padding:6px 0 0 22px;
background:url(/column/images/bg_heading02.gif) no-repeat left top;
font-size:133%;
font-weight:bold;
}
div.topMain div.forDevelopers p {
padding:10px 0 9px;
}
div.topMain div.forDevelopers p.more {
padding:0 0 3px;
}
div.topMain div.forDevelopers p.banner {
padding-top:14px;
text-align:center;
}
/*- icon -*/
.sideContent h2.about-platform a, #sideContent h2.about-platform a,
.sideContent h2.support a, #sideContent h2.support a,
.sideContent h2.support span, #sideContent h2.support span,
.sideContent h2.news a, #sideContent h2.news a,
.sideContent h2.news span, #sideContent h2.news span,
.sideContent h2.document a, #sideContent h2.document a,
.sideContent h2.appli a, #sideContent h2.appli a,
.sideContent h2.connect a, #sideContent h2.connect a,
.sideContent h2.pages a, #sideContent h2.pages a,
.sideContent h2.draft a, #sideContent h2.draft a,
.sideContent h2.openid a, #sideContent h2.openid a,
.sideContent h2.oauth a, #sideContent h2.oauth a {
padding-left:42px;
background:url(/images/menu_icon_mixi.gif) no-repeat 7px 7px!important;
}
/*-- contentsList --*/
div.topMain ul.contentsList li {
padding-top:33px;
}
div.topMain ul.contentsList li h3 {
margin-left:30px;
padding:0 0 4px;
border-bottom:1px solid #e8e8e8;
font-size:116%;
font-weight:bold;
}
div.topMain ul.contentsList li p {
margin:12px 0 0 100px;
position:relative;
}
div.topMain ul.contentsList li p {
}
div.topMain ul.contentsList li.support p, div.topMain ul.contentsList li.news p, div.topMain ul.contentsList li.document p {
min-height:0;
_height:0;
margin-left:30px;
font-size:91%;
}
div.topMain ul.contentsList li.document p {
padding-bottom:24px;
}
div.topMain ul.contentsList li p.detail {
margin:0;
height:12px;
overflow:hidden;
}
div.topMain ul.contentsList li p.detail a {
float:right;
display:block;
width:44px;
height:12px;
background:url(/images/more01.gif) no-repeat left top;
text-indent:-999999px;
outline:none;
}
div.topMain ul.contentsList li p.detail a:hover {
background-position:left bottom;
}
div.topMain ul.contentsList li p a.thumb {
position:absolute;
top:3px;
}
div.topMain ul.contentsList li.about-platform p a.thumb {
left:-95px;
}
div.topMain ul.contentsList li.appli p a.thumb {
left:-70px;
}
div.topMain ul.contentsList li.connect p a.thumb {
left:-65px;
}
div.topMain ul.contentsList li.openid p a.thumb {
left:-70px;
}
/*---- topSide ----*/
div.topSide {
float:left;
width:310px;
padding-top:16px;
}
/*-- news --*/
div.topSide div.news {
width:280px;
}
div.topSide div.news h2 {
height:43px;
background:url(/images/news_head01.gif) no-repeat left top;
text-indent:-999999px;
position:relative;
}
div.topSide div.news h2 a {
position:absolute;
top:13.5px;
right:10px;
text-indent:0;
}
div.topSide div.news div.content {
padding-bottom:4px;
background:url(/images/bg_news_bottom01.gif) no-repeat left bottom;
position:relative;
}
div.topSide div.news div.content ul {
padding:7px 0 22px;
_padding-bottom:10px;
}
div.topSide div.news div.content ul a {
padding-left:11px;
background:url(/images/icon_link01.gif) no-repeat left 4px;
}
div.topSide div.news div.content ul li {
padding:7px 14px 0;
_padding-top:0;
}
div.topSide div.news div.content ul li span.date {
display:block;
padding-left:11px;
color:#999999;
font-size:91%;
*font-size:83%;
}
div.topSide div.news div.content ul {
border-right:1px solid #E8E8E8;
border-left:1px solid #E8E8E8;
background:#F8F8F8;
}
div.topSide div.news div.content a.backNumber {
position:absolute;
bottom:10px;
right:15px;
font-size:91%;
padding-left:14px;
background:transparent url(/images/more_icononly1.gif) no-repeat 0px 2px;
}
div.topSide div.news div.content a.backNumber:hover {
background-position:0px -87px;
}
div.topSide ul.topBanners {
width:234px;
padding-left:23px;
margin-top:20px;
overflow:hidden;
}
div.topSide ul.topBannersExtra {
margin-top:0;
margin-bottom:10px;
}
div.topSide ul.topBanners li {
display:block;
width:234px;
margin:0 0 15px;
*float:left;
*clear:left;
}
div.topSide ul.topBanners li img {
display:block;
}
div.topSide ul.BSBanner {
width:234px;
padding-left:23px;
margin-top:20px;
overflow:hidden;
}
div.topSide ul.BSBannerExtra {
margin-top:0;
margin-bottom:10px;
}
div.topSide ul.BSBanner li {
display:block;
width:234px;
margin:0 0 15px;
*float:left;
*clear:left;
}
div.topSide ul.BSBanner li img {
display:block;
}
/*---- linkArea ----*/
#linkArea {
margin-top:0;
padding:0 10px;
width:930px;
}
#mainContent #linkArea {
margin-top:20px;
padding:0;
width:700px;
}
#linkArea div.content {
padding:23px 5px 0 30px;
background:url(/images/hr001.gif) repeat-x left top;
}
#mainContent #linkArea div.content {
padding:30px 0 0 60px;
}
#linkArea div.content ul.linkList li {
float:left;
width:295px;
font-size:91%;
padding-bottom:8px;
}
#linkArea div.content ul.linkList li h3 {
height:27px;
}
#linkArea div.content ul.linkList li.blog p,
#linkArea div.content ul.linkList li.thinksocial p,
#linkArea div.content ul.linkList li.mixi p {
padding-right:25px;
text-align:center;
}
#linkArea div.content ul.linkList li.blog p img {
margin-top:5px;
margin-bottom:12px;
}
#linkArea div.content ul.linkList li.thinksocial p img {
margin-top:3px;
margin-bottom:13px;
}
#linkArea div.content ul.linkList li.mixi p img {
margin-top:0px;
margin-bottom:14px;
}
/*---- sideContent ----*/
#sideContent {
float:left;
width:220px;
}
.sideContent {
float:left;
width:240px;
}
.sideContent .contentBody, #sideContent {
padding:0 10px 4px;
background:url(/images/bg_sidebox_bottom01.gif) no-repeat center bottom;
}
.sideContent .contentBody {
margin-bottom:20px;
}
.sideContent h2 a, #sideContent h2 a {
padding-left:15px;
}
/*---- pageSideContent ----*/
#pageSideContent {
float:left;
width:220px;
height:220px;
padding:0 10px 4px;
}
/*-- categoryTitle --*/
.sideContent h2.categoryTitle, #sideContent h2.categoryTitle {
height:43px;
background:url(/images/bg_category_title02.gif) no-repeat left top;
}
.sideContent h2.categoryTitle span, #sideContent h2.categoryTitle span, .sideContent h2.categoryTitle a, #sideContent h2.categoryTitle a {
display:block;
height:37px;
line-height:37px;
padding-top:3px;
color:#333333;
font-size:116%;
font-weight:bold;
}

/*-- localNavi --*/
.sideContent ul.localNavi, #sideContent ul.localNavi, #sideContent dl.localNavi {
padding:3px 8px 11px 1px;
background:url(/images/bg003.gif) repeat-y 0 0;
}
.sideContent ul.localNavi li, #sideContent ul.localNavi li {
margin-top:10px;
margin-bottom:10px;
padding:0 0 0 20px;
text-indent:-11px;
}
.sideContent ul.localNavi li li, #sideContent ul.localNavi li li {
padding-left:13px;
}
.sideContent ul.localNavi li a, #sideContent ul.localNavi li a, #sideContent dl.localNavi dt a {
padding-left:11px;
background:url(/images/arrow.gif) no-repeat left 4px;
}
.sideContent ul.localNavi li a.current, #sideContent ul.localNavi li a.current {
color:#333;
text-decoration:none;
font-weight:bold;
}
/*-- localNavi for MT --*/
.sideContent ul.level01, #sideContent ul.level01 {
padding:3px 8px 11px 1px;
background:url(/images/bg003.gif) repeat-y 0 0;
}
.sideContent ul.level01 li, #sideContent ul.level01 li {
margin-top:10px;
margin-bottom:10px;
padding:0 0 0 20px;
text-indent:-11px;
}
.sideContent ul.level01 li li, #sideContent ul.level01 li li {
padding-left:13px;
}
.sideContent ul.level01 li a, #sideContent ul.level01 li a {
padding-left:11px;
background:url(/images/arrow.gif) no-repeat left 4px;
}
.sideContent ul.level01 li, #sideContent ul.level01 li {
text-decoration:none;
font-weight:normal;
}
.sideContent ul.level01 li.current, #sideContent ul.level01 li.current > a {
color:#333;
text-decoration:none;
font-weight:bold;
}
.sideContent ul.level01, #sideContent ul.level01 a.foldmark {
background-image: none;
text-decoration: none;
}
.sideContent ul.level01 li a.current, #sideContent ul.level01 li a.current {
color:#333;
text-decoration:none;
font-weight:bold;
}
#sideContent dl.localNavi {
padding-right:25px;
}
#sideContent dl.localNavi dt {
padding:10px 0 4px 20px;
text-indent:-11px;
}
#sideContent dl.localNavi dd {
width: 190px;
padding-bottom: 3px;
}
#sideContent dl.localNavi dd ul {
padding-left:0.5em;
}
#sideContent dl.localNavi dd li {
line-height: 1.6;
width: 42px;
text-align: right;
float: left;
display: inline;
}
/*---- mainContent ----*/
#mainContent {
float:left;
width:700px;
padding-right:10px;
}

/*ポップアップ用mainContents*/
body#popup #mainContent {
float:none;
width:600px;
padding-right:0;
}

#mainContent.page {
float:left;
width:930px;
padding-left:10px;
padding-right:10px;
}
#mainContent p.topicPath {
line-height:20px;
padding-bottom:10px;
padding-left:5px;
}
#mainContent div.headingLv1 {
background:url(/images/bg_heading01top.gif) repeat-x left top;
}
#mainContent div.headingLv1 .parentTitle {
margin:0 20px;
padding:16px 0 7px;
border-bottom:1px solid #e8e8e8;
font-size:126%;
}
#mainContent div.headingLv1.column {
background:url(/column/images/bg_heading01_deco01.gif) no-repeat left top;
}
#mainContent div.headingLv1 h2 {
padding:16px 0 14px 20px;
background:url(/images/bg_heading01bottom.gif) repeat-x left bottom;
font-size:166%;
font-weight:bold;
}
#mainContent div.headingLv1.withParent h2 {
padding-top:7px;
}
#mainContent div.headingLv1.column h2 {
padding-left:25px;
*padding:14px 0 13px 25px;
}
#mainContent div.headingLv1 p.headNote01 {
padding:6px 0 4px 20px;
background:url(/images/bg_heading01bottom.gif) repeat-x left bottom;
}
#mainContent div.headingLv1 p.headNote01 strong {
font-weight:bold;
color:#900;
}
/*-- entryBody --*/
#mainContent div.entryBody {
padding:20px 20px 5px 20px;
}
#mainContent.page div.entryBody {
padding:15px 20px 5px 20px;
}
#mainContent div.entryBody h3.headingLv2 {
margin-bottom:12px;
padding:5px 0 5px 16px;
border-top:2px solid #999999;
border-bottom:none;
background:#f8f8f8;
font-size:133%;
font-weight:bold;
}
#mainContent div.entryBody h3.index {
padding:5px 16px 5px 0;
border-bottom:1px solid #ccc;
font-size:116%;
font-weight:bold;
overflow:hidden;
margin:0;
}
#mainContent div.entryBody h3.index a {
}
#mainContent div.entryBody h3.index span.date {
color:#666;
font-weight:normal;
font-size:11px;
padding-top:4px;
text-shadow:0px 1px 1px #fff;
}
div.entryBody p {
padding-bottom:1em;
}
div.entryBody a.related {
padding-left:11px;
background:url(/images/icon_link01.gif) no-repeat left 4px;
}
div.entryBody div.toc {
border:1px solid #e8e8e8;
background:#f8f8f8;
padding:1em 1em 0;
}
div.entryBody ol, div.entryBody ul {
padding:0 10px 1.5em;
}
div.entryBody ol ul, div.entryBody ol ol, div.entryBody ul ul, div.entryBody ul ol {
padding-bottom:0;
}
div.entryBody ol > li {
margin-left:10px;
padding-top:0.5em;
list-style:decimal;
}
div.entryBody ul > li {
margin-left:10px;
padding-top:0.1em;
list-style:disc;
}
div.entryBody h3 {
margin:1.5em 0 1em;
padding-bottom:5px;
border-bottom:3px double #cccccc;
font-size:144%;
font-weight:bold;
}
div.entryBody h4 {
margin:1em 1em 1em;
font-size:122%;
font-weight:bold;
border-bottom:1px solid #cccccc;
}
div.entryBody h5 {
margin:1em 2em 1em;
font-weight:bold;
border-bottom:1px dotted #cccccc;
}
div.entryBody strong {
color:#990000;
}
div.entryBody em {
font-weight:bold;
font-style:normal;
}
div.entryBody pre {
margin:0 0 1em;
background: #f0f0f0;
padding:1em 0.5em 1.2em 1em;
_word-wrap: break-word;
overflow:auto;
}
div.entryBody code {
word-break:break-all;
}
div.entryBody blockquote {
margin:1em 0 2em;
margin-left:10px;
padding-left:1em;
border-left:3px solid #6B6B6B;
word-break:break-all;
}
blockquote {
background-color: #F0F0F0;
}
div.entryBody blockquote p {
padding-bottom:0;
}
div.entryBody table {
margin:0.5em 0 1.5em;
width:100%;
border:1px solid #ccc;
}
div.entryBody th {
padding:5px 10px;
border:1px solid #ccc;
background-color:#F0F0F0;
font-weight:bold;
}
div.entryBody td {
padding:5px 10px;
border:1px solid #ccc;
}
div.entryBody dt {
font-weight:bold;
}
div.entryBody dd {
margin-left: 2em;
margin-bottom: 1em;
}
div.entryBody img.aligncenter {
text-align:center;
display: block;
margin-left: auto;
margin-right: auto;
}
div.entryDate {
float: left;
font-size: 12px;
margin: 0 30px 0 0;
padding: 0 0 0 10px;
}
div.entryBtn {
float:right;
margin: 0 0 0 0;
display: block;
height: 20px;
}
div.entryBtn ul {
margin: 0 0 0 0;
padding: 0;
width: 250px;
}
div.entryBtn li {
height: 20px;
float: left;
list-style: none outside none;
margin: 5px 5px 5px 5px;
}
/*-- page-nav --*/
.page-nav {
margin-top: 20px;
margin-left: 20px;
}
.page-nav li {
line-height: 1 !important;
margin-right: 4px;
display: inline;
}
.page-nav li span {
display: -moz-inline-box;
display: inline-block;
padding: 5px 7px;
background: #8888AA;
border: 1px #8888AA solid;
}
.page-nav li a {
text-decoration: none;
display: -moz-inline-box;
display: inline-block;
padding: 5px 7px;
border: 1px #8888AA solid;
}
.page-nav li a:hover {
border: 1px solid #8888AA;
background: #8888AA;
color: #FFF;
}
/*-- subpages 下層ページ一覧 --*/
#mainContent div.entrySubPages {
padding: 20px 20px 5px 20px;
margin-top: 2em;
background:url(/images/bg_heading01bottom.gif) repeat-x left top;
}
#mainContent div.entrySubPages div.entrySubPagesList {
background-color: #f8f8f8;
padding: 5px 20px;
margin-top: 5px;
}
#mainContent div.entrySubPages div.entrySubPagesList ul li {
display: inline;
padding-right: 15px;
line-height: 1.8;
}

/*-- pagetopAnchor --*/
#mainContent p.pagetopAnchor {
padding-top:40px;
text-align:right;
}
#mainContent p.pagetopAnchor a {
padding-left:10px;
background:url(/images/icon_anchor01.gif) no-repeat left center;
font-size:83%;
}
/*---- footerArea ----*/
#footerArea {
width:930px;
border-top:1px solid #6b6b6b;
margin-right:auto;
margin-left:auto;
padding-top:26px;
text-align:left;
}
#footerArea p.mixiLogo a {
display:block;
width:86px;
height:26px;
background:url(/images/footer_mixilogo.png) no-repeat left top;
text-indent:-9999px;
outline:none;
}
#footerArea p.mixiLogo {
float:left;
width:100px;
padding-top:8px;
}
#footerArea div.footerNavi {
float:left;
width:600px;
font-size:83%;
}
#footerArea div.footerNavi ul {
line-height:2;
}
#footerArea div.footerNavi ul li {
display:inline;
padding-right:9px;
}
#footerArea p.copyright {
float:left;
width:225px;
font-size:83%;
text-align:right;
}

/*ポップアップ用footerArea*/
body#popup #footerArea {
width:600px;
}
body#popup #footerArea p.mixiLogo {
float:left;
width:86px;
height:26px;
background:url(/images/footer_mixilogo.png) no-repeat left top;
text-indent:-9999px;
}
body#popup #footerArea p.copyright {
float:right;
}

/*-------- renewal : 20100208 > 20100910 --------*/
/*---- qtrans_select_ja-chooser ----*/

/*ADD

div#langSelector,
div#langSelector ul{
display:inline;
}

div#langSelector ul li{
float:left;
padding-left:3px;
}

div#langSelector ul li span{
display:none
}
div#langSelector ul li a {
background: url(/images/bg_langselector.gif) no-repeat;
width: 66px;
height: 26px;
display: block;
}

div#langSelector ul li.active a {
background-position: 0 -26px;
}

div#langSelector ul li a.qtrans_flag_en {
background-position: -66px 0;
}

div#langSelector ul li.active a.qtrans_flag_en {
background-position: -66px -26px;
}
*/
/* ADD */

/*---- headerArea ----*/

/* ADD
#headerArea{
position:relative;
left:0;
}

#headerArea .headerSubNaviArea{
position:absolute;
right:0px;
top:0;
text-align:right;
}

#headerArea .headerSubNavi{
margin-top: 9px;
*margin-top: 10px;
float:left;
}

#headerArea .headerSubNavi ul{
display:inline;
}

#headerArea .headerSubNavi ul li{
display:inline;
padding-right:1em;
}

#headerArea .headerSubNavi .toSapPortal{
font-size:92%;
padding-left:11px;
background:url(/images/listmark001.gif) no-repeat 0 50%;
}


#headerArea .headerSearchFormArea{
position:absolute;
right:0px;
top:45px;
*top:46px;
text-align:right;
}
*/
/* ADD */

/*---- topMain02 ----*/
div.topMain02 {
float:left;
width:676px;
}

/*---- topMain02 : bannerMenu ----*/
/*
div.topMain02 .bannerMenu{
padding:0 0 15px;
}

div.topMain02 .bannerMenu ul.contentsList01{
padding-left:5px;
zoom:1;
}

div.topMain02 .bannerMenu ul.contentsList01.wide{
padding-left:0;
}

div.topMain02 .bannerMenu ul.contentsList01:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

div.topMain02 .bannerMenu ul.contentsList01 li{
float:left;
width:212px;
padding:0 5px;
}

div.topMain02 .bannerMenu ul.contentsList01.wide li{
width:318px;
padding:0 10px;
}

div.topMain02 .bannerMenu ul.contentsList01 li img{
vertical-align:bottom;
}
*/
div.topMain02 .bannerMenu .footLink01 {
padding:10px 10px 0;
text-align:right;
}
div.topMain02 .bannerMenu .footLink01 a {
padding:0 6px 0 12px;
background:url(/images/listmark001.gif) no-repeat 0 50%;
font-weight:bold;
color:#666;
text-decoration:none;
}
div.topMain02 .bannerMenu .footLink01 a:hover {
text-decoration:underline;
}
.bannerMenu {
width:656px;
padding:0 0 10px 10px;
overflow:hidden;
}
.contentsList01 {
width:656px;
float:left;
padding:0 0 10px 0;
}
.contentsList01 li {
float:left;
}
#eng .contentsList01 li a{
float:left;
}

/*---- topMain02 : oneContents ----*/
div.topMain02 .oneContents {
padding:10px;
}
.indexContents {
padding:10px 0;
}
.indexContents .header, div.topMain02 .oneContents .header {
padding:10px 0 7px;
border-bottom:1px solid #ccc;
background:url(/images/hr001.gif) repeat-x left top;
zoom:1;
}
.indexContents .header:after, div.topMain02 .oneContents .header:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.indexContents .header h2, div.topMain02 .oneContents .header h2 {
float:left;
width:330px;
height:21px;
text-align:left;
}
.indexContents .header p.subLink, div.topMain02 .oneContents .header p.subLink {
float:right;
width:320px;
padding-top:4px;
text-align:right;
line-height:1.0;
}
.indexContents .header p.subLink .token, div.topMain02 .oneContents .header p.subLink .token {
padding:0 0.2em;
color:#ccc;
}
.indexContents .header p.subLink .rssLink, div.topMain02 .oneContents .header p.subLink .rssLink {
}
.indexContents .header h2 img, div.topMain02 .oneContents .header h2 img {
vertical-align:bottom;
}
.indexContents .header p.subLink img, div.topMain02 .oneContents .header p.subLink img {
vertical-align:top;
}
.indexContents .content, div.topMain02 .oneContents .content {
padding-bottom:20px;
}
/*---- topMain02 : news ----*/
.indexContents.news, div.topMain02 .news {
}
.indexContents.news.isTopBox, div.topMain02 .news.isTopBox {
padding-top:0;
}
.indexContents.news .content, div.topMain02 .news .content {
padding-bottom:0;
}
.indexContents.news .content ul, div.topMain02 .news .content ul {
}
.indexContents.news .content ul li, div.topMain02 .news .content ul li {
padding:7px 0 7px 8.5em;
background:url(/images/dotline_h001.gif) repeat-x left bottom;
position:relative;
}
.indexContents.news .content ul li {
padding-left:10.0em;
}
.indexContents.news .content ul li .date, div.topMain02 .news .content ul li .date {
display:block;
float:left;
width:8.5em;
position:absolute;
left:1px;
_left:-8.4em;
*top:5px;
}
.indexContents.news .content ul li .date {
left:1.45em;
_left:-8.4em;
}
div.topMain02 .news .content ul.simpleList01 li {
padding-left:0;
}
.indexContents.news .content ul.simpleList01 li {
padding-left:1.5em;
}
.indexContents.news .content ul.simpleList01 li .date, div.topMain02 .news .content ul.simpleList01 li .date {
float:none;
width:auto;
position:relative;
left:0;
top:0;
}
.indexContents.news .content ul li a, div.topMain02 .news .content ul li a {
display:block;
padding-left:10px;
background:url(/images/mark001.gif) no-repeat 0px 0.55em;
}
/*---- topMain02 : documents ----*/
div.topMain02 .documents {
}
div.topMain02 .documents .header {
margin-bottom:19px;
}
div.topMain02 .documents .content {
padding-bottom:0;
background:url(/images/dotline_v001.gif) repeat-y 50% 0px;
}
div.topMain02 .documents ul.docList {
padding-top:18px;
zoom:1;
}
div.topMain02 .documents ul.docList:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
div.topMain02 .documents ul.docList.firstBox {
padding-top:0px;
}
div.topMain02 .documents ul.docList li.docGroup {
width:308px;
}
div.topMain02 .documents ul.docList li.docGroup.leftBox {
float:left;
}
div.topMain02 .documents ul.docList li.docGroup.rightBox {
float:right;
}
div.topMain02 .documents ul.docList li.docGroup .subHead {
background:url(/images/ibox01_head001.gif) no-repeat 0px 0px;
}
div.topMain02 .documents ul.docList li.docGroup .subHead h3 {
padding:4px 11px 3px;
font-weight:bold;
background:url(/images/ibox01_foot001.gif) no-repeat left bottom;
min-height:18px;
height:auto !important;
height:18px;
}
div.topMain02 .documents ul.docList li.docGroup ul {
padding-top:2px;
}
div.topMain02 .documents ul.docList li.docGroup ul li {
padding-left:10px;
background:url(/images/mark001.gif) no-repeat 0px 0.55em;
}
div.topMain02 .documents ul.docList li.docGroup ul li a {
}
/*---- topSide02 ----*/
div.topSide02 {
float:right;
padding-right:10px;
width:254px;
}
div.topSide02 .topInfo {
width:254px;
margin-bottom:10px;
background:url(/images/top02_ibox01_h001.gif) no-repeat 0 0;
}
div.topSide02 .topInfo ul.infoMain {
padding:0 11px;
background:url(/images/top02_ibox01_f001.gif) no-repeat 0 100%;
}
div.topSide02 .topInfo ul.infoMain li {
padding:8px 2px 13px;
background:url(/images/dotline_h001.gif) repeat-x 0 0;
color:#666;
}
div.topSide02 .topInfo ul.infoMain li.firstItem {
padding-top:7px;
background-image:none;
}
div.topSide02 .topInfo h3, div.topSide02 .topInfo p {
text-align:left;
padding-top:8px;
}
div.topSide02 .topInfo h3 {
font-weight:bold;
}
div.topSide02 .topInfo p {
font-size:83%;
}
div.topSide02 .topInfo p.bannerBtn {
text-align:center;
}
div.topSide02 .topInfo p.moreLink01 {
padding-right:6px;
text-align:right;
font-size:100%;
}
div.topSide02 .topInfo p.moreLink01 a {
padding-left:14px;
background:url(/images/listmark002.gif) no-repeat 0 50%;
color:#126eb1;
text-decoration:none;
}
div.topSide02 .topInfo p.moreLink01 a:hover {
text-decoration:underline;
}
div.topSide02 .topFlow{
margin-bottom:10px;
border:1px solid #FFD24D;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-ms-border-radius:6px;
-o-border-radius:6px;
border-radius:6px;
}
div.topSide02 .topFlow h3{
font-weight:bold;
color:#666;
}
div.topSide02 .topFlow .flowMain{
padding:0 11px;
border:1px solid #fff;
background-color:#FDF9F2;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
div.topSide02 .topFlow ul.flowMain li .bannerBtn {
margin:8px 0 10px;
color:#666;
}
div.topSide02 .topFlow ul.flowMain li.firstItem {
padding-top:7px;
background-image:none;
}
div.topSide02 .topFlow ul.flowMain li a.bnrBtn{
text-indent:0;
}
div.topSide02 ul.topBanners {
width:254px;
overflow:hidden;
background-color:#fff;
}
div.topSide02 ul.topBannersExtra {
}
div.topSide02 ul.topBanners li {
display:block;
width:254px;
margin:0 0 10px;
padding:0;
}
div.topSide02 ul.topBanners li img {
vertical-align:bottom;
}
div.topSide02 ul.BSBanner {
padding:0 0 0;
width:254px;
overflow:hidden;
background-color:#fff;
}
div.topSide02 ul.BSBannerExtra {
}
div.topSide02 ul.BSBanner li {
display:block;
width:254px;
margin:0 0 10px;
padding:0;
}
div.topSide02 ul.BSBanner li img {
vertical-align:bottom;
}
div.topSide02 .aboutColumn {
background:url(/images/sidearea_ibox002.gif) no-repeat 0 100%;
}
div.topSide02 .aboutColumn h4 {
background:url(/images/sidearea_columnhead002.png) no-repeat 0 0;
}
div.topSide02 .aboutColumn h4 a {
display:block;
height:45px;
*font-size:12px;
text-indent:-99999px;
}
div.topSide02 .aboutColumn p {
color:#333;
}
div.topSide02 .aboutColumn .lMainHead {
padding:8px 6px 0 10px;
}
div.topSide02 .aboutColumn .lIntroTxt {
padding:0.3em 8px 0 20px;
font-size:83%;
*font-size:9px;
}
div.topSide02 .aboutColumn .lMoreLink {
padding:12px 11px 9px 10px;
text-align:right;
}
div.topSide02 .aboutColumn .lMainHead a, div.topSide02 .aboutColumn .lMoreLink a {
background:url(/images/mark001.gif) no-repeat 0 0.3em;
*background-position:0 0.55em;
padding-left:10px;
}
/*-------- renewal : 20110829 --------*/
/*---- mixi appli ----*/
.appliHeaderbox {
width: 700px;
background:url(/images/appli/bg_ttl.jpg) no-repeat;
text-align: left;
position: relative;
}
.appliHeaderbox p.ttl {
margin-bottom: 60px;
padding-top: 40px;
padding-left: 24px;
}
.appliHeaderbox ul {
background: url(/images/appli/bg_box01_bottom.gif) no-repeat 0 100%;
width: 710px;
overflow: hidden;
margin-right: -10px;
_zoom: 1;
}
.appliHeaderbox ul li {
width: 227px;
float: left;
display: inline;
background: url(/images/appli/bg_box01_top.gif) no-repeat;
margin-right: 10px;
padding-top: 7px;
padding-bottom: 6px;
}
.appliHeaderbox ul li.box02 {
margin-right: 9px;
background: url(/images/appli/bg_box01_top02.gif) no-repeat;
}
.appliHeaderbox ul li.box03 {
background: url(/images/appli/bg_box01_top03.gif) no-repeat;
}
.appliHeaderbox ul li div, .appliHeaderbox ul li ul, .appliHeaderbox ul li p {
padding-right: 16px;
padding-left: 16px;
}
.appliHeaderbox ul li div {
height: 32px;
}
.appliHeaderbox ul li p {
color: #666;
font-size: 83%;
min-height: 5.5em;
height: auto !important;
height: 5.5em;
}
.appliHeaderbox ul li p span {
display: block;
}
.appliHeaderbox ul li p a {
padding-left:10px;
background:url(/images/mark001.gif) no-repeat 0px 0.55em;
}
.appliHeaderbox ul li ul, .appliHeaderbox ul li ul li {
background-image: none;
width: auto;
margin-right: 0;
}
.appliHeaderbox ul li ul li {
padding: 0 0 2px;
}
.appliHeaderbox ul li ul li a {
padding-left:14px;
background:url(/images/listmark002.gif) no-repeat 0 50%;
color:#126eb1;
text-decoration:none;
}
.appliHeaderbox ul li ul li.moreLink01 {
width: 97px;
}
.appliHeaderbox .recomLink01 {
background: url(/images/appli/bg_recom_link.jpg) no-repeat;
position: absolute;
width: 248px;
top: 36px;
left: 441px;
}
.appliHeaderbox .recomLink01 table td {
height: 62px;
}
.appliHeaderbox .recomLink01 table td p {
padding: 10px 10px 10px 32px;
vertical-align: middle;
}
.appliHeaderbox .recomLink01 table td p a {
text-decoration: none;
display: block;
}
/* CustomField_css(change_view_for)*/
#mainContent div.headingLv1_column h2 {
background:url(/column/images/bg_heading01_deco01.gif) repeat-x scroll left bottom transparent;
border-bottom:1px solid #e8e8e8;
font-size:166%;
font-weight:bold;
padding:16px 0 14px 20px;
}
/*---- banner Button ----*/
span.bnrBtnDisabled, a.bnrBtn {
display:block;
*font-size:12px;
text-align:left;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:50% 0;
outline:0;
}
span.btnComingSoon01 {
background-image:url(/images/top02_bnr001.gif);
height:117px;
}
.entryBodyheader {
text-align:center;
padding-bottom:20px;
}
/*----------------------------------------------------
エントリー ページング
----------------------------------------------------*/
.paging {
border-top: 3px solid #6B6B6B;
padding: 10px 20px;
text-align: center;
vertical-align: middle;
}
.paging ul, .paging li {
display : inline;
margin : 0.3em 0.3em 0 0;
}
.paging a {
border : 1px solid #88A;
cursor : pointer;
padding : 0.2em 0.6em;
text-align : center;
text-decoration : none;
font-weight: bold;
}
*+html .paging a * html .paging a {
display: inline;
}
.paging a:hover {
background-color : #88A;
color: #fff;
}
.paging a.active {
background-color : #88A;
color: #fff;
}
.paging li:first-child a {
margin-right: 0.6em;
}
.paging li:last-child a {
margin-left: 0.6em;
}
.current_page {
background-color:#88A;
color:#FFFFFF;
border:1px solid #88A;
cursor:pointer;
display:inline-block;
font-weight:bold;
padding:0.2em 0.6em;
text-align:center;
text-decoration:none;
}
/*---- Format for menufolder.js
.sideContent ul.level01 li a,
#sideContent ul.level01 li a {
background: url("/images/bg003.gif") repeat-y scroll 0 ;
}
 ----*/
.sideContent ul.level01 li a.arrow, #sideContent ul.level01 li a.arrow {
padding-left:11px;
background:url(/images/arrow.gif) no-repeat left 4px;
}
/* .sideContent ul.level01 li a.foldmark,
#sideContent ul.level01 li a.foldmark {
margin-right:-11px;
} */

.sideContent ul.level01 li a img, #sideContent ul.level01 li a img {
margin-left:-19px;
position:relative;
left:5px;
}
/* for IE6,7,8 */
.sideContent ul.level01 li a img, #sideContent ul.level01 li a img {
position:static\9;
padding-left:5px\9;
*position:static;
*padding-left:5px;
_position:static;
_padding-left:5px;
}

/* staging_label */
div.staging_label_del {
background: url(/images/staging_label.png) no-repeat top left;
width: 217px;
height: 32px;
position: fixed;
top: 50px;
left: 50px;
z-index: 100;
box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3);
border-radius: 5px;
}