@charset "utf-8";

/* override globalnav for text localize
#globalheader #globalnav li a span { background-image:url(/jp/global/nav/images/globalnav_text.png); _background-image:url(/jp/global/nav/images/globalnav_text.gif); }
@media only screen and (max-device-width:768px) {
	#globalheader #globalnav li a span { background-image:url(/jp/global/nav/images/globalnav_text.svg); }
	#globalheader.ios3 #globalnav li a span { background-image:url(/jp/global/nav/images/globalnav_text.png); }
}
*/

/* old style adjust
#globalheader { text-align: left;}
#globalheader form{ margin: 0; padding: 0;}
 */


/* globalnav since 2011 */
#globalheader #globalnav li a span { background-image:url(/jp/global/nav/images/globalnav_text.png); _background-image:url(/jp/global/nav/images/globalnav_text.gif);}
#globalheader.svg        #globalnav li a span { background-image:url(/jp/global/nav/images/globalnav_text.svg); }
#globalheader.decelerate #globalnav li a span,
#globalheader.ios3       #globalnav li a span { background-image:url(/jp/global/nav/images/globalnav_text.png); }
/* old style adjust */
#globalheader { text-align: left;}


body {margin: 0; padding: 0; background: #fff; text-align: center; font: 12px 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;}
table, td {font: 10px 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; color: #000;}

table{ border-collapse: separate; border-spacing: 1px;}

#header { width: 680px; margin: 10px auto ; text-align: center;}

#main, #breadcrumb, #footer { width: 680px; margin: 1.5em auto; text-align: left;}
#main div.column { text-align: left; margin-bottom: 1em;}
#main p { margin: 0 0 1em 0;}
#main p.last { margin: 0;}
#main p.intro { font-weight: bold;}
#main .lite { color: #79767C;}
#main h1 { font-size: 24px; margin: 0 0 .5em 0;}
#main h2 { font-size: 16px; margin: 0;}
#main h3 { font-size: 12px; margin: 0;}
#main h4 { font-size: 10px; margin: 0;}
#main .more { text-align: right;}

#main a.pdf { background: url(/jp/main/elements/globaliconpdf12x12.gif) no-repeat left top; display: block; padding-left: 20px}
#main a.html {background: url(/jp/main/elements/globaliconhtml12x1220050802.gif) left top no-repeat; display: block; padding-left: 20px;}
#main a.qt { background: url(/jp/main/elements/globaliconqt12x12.gif) no-repeat left top; display: block; padding-left: 20px}
#main a.ical { background: url(/jp/main/elements/globaliconical12x12.gif) no-repeat left top; display: block; padding-left: 20px}
#main a.dl { background: url(/jp/main/elements/globalicondl11x10.gif) no-repeat left top; display: block; padding-left: 20px}
#main a.dmg { background: url(/jp/main/elements/globalicondmg12x12.gif) no-repeat left top; display: block; padding-left: 20px}
#main a.zip { background: url(/jp/main/elements/globaliconzip12x12.gif) no-repeat left top; display: block; padding-left: 20px}
#main a.keynote { background: url(/jp/main/elements/globaliconkeynote12x12.gif) no-repeat left top; display: block; padding-left: 20px}
#main a.audio {background: url(/jp/main/elements/globaliconaudio12x12r.gif) left top no-repeat; display: block; padding-left: 20px;}
a.itms {background: url(/jp/main/elements/globaliconitms12x12.gif) left top no-repeat; display: block; padding-left: 20px;}

#main .subcolumn1-2 { float: left; width: 330px;}
#main .subcolumn2-2 { float: right; width: 330px;}
#main .subcolumn1-3, #main .subcolumn2-3, #main .subcolumn3-3 { width: 212px; float: left;}
#main .subcolumn1-3, #main .subcolumn2-3 { margin-right: 20px;}

#content { float: left; width: 450px;}

#content .subcolumn1-2 { float: left; width: 215px;}
#content .subcolumn2-2 { float: right; width: 215px;}
#content .subcolumn1-3, #content .subcolumn2-3, #content .subcolumn3-3 { width: 135px; float: left;}
#content .subcolumn1-3, #content .subcolumn2-3 { margin-right: 22px;}

#sidebar { float: right; width: 200px; font: 10px 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif; line-height: 13px;}
#sidebar h2 { font-size: 12px; margin: 0;}
#sidebar h3 { font-size: 11px; margin: 0;}
#sidebar h4 { font-size: 10px; margin: 0;}

#main .box { border: 1px solid #a1a5a9; padding: 0 5px 5px 5px; margin: 0 0 1.25em 0;}
#content .box h2 { border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 12px;}
#sidebar .box h2 { border-bottom: 1px solid #a1a5a9; padding: 5px; background: #f2f2f2; margin: 0 -5px 5px -5px; font-size: 10px;}

img.left { float: left; border: 0px none; margin-left:0; margin-right:10px; margin-top:2px; margin-bottom:5px}
img.right { float: right; border: 0px none; margin-left:10px; margin-right:0; margin-top:2px; margin-bottom:5px}
img.across { border: 0px none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px}

ul { list-style: none outside; margin: 0; padding: 0 0 1em 0;}
ul.square { list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle { list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol { list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li { padding-bottom: .3em;}
ul ul.circle { margin-top: .3em;}
ul ul.square { margin-top: .3em;}

ol.last { padding: 0;}
ul.last { padding: 0;}
dl.last {padding: 0;}
li.last {padding: 0;}

sup { vertical-align: baseline; font-size: 1em; color: #76797C;}

.sosumi { font-size: 10px !important; color: #76797C; margin-bottom: 1em;}
ol.sosumi { margin-left: 0; padding-left: 1.5em; clear: both;}

#breadcrumb, #footer { text-align: center; clear: both;}
#breadcrumb { clear: both; font-size: 10px; padding: 1em 0;}

#footer { font-size: 10px; border-top: 1px solid #a1a5a9; padding-top: 1em;}
#footer form { margin-bottom: 2em;}
#footer form input { vertical-align: bottom;}

div .clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px;}

#nojs {background: #f93; padding: 5px 0;}

/* GLOBAL FOOTER TRANSITION */

#globalfooter { width:980px; clear: both; position: relative; text-align: center; margin: 18px auto; font-size: 10px; line-height: 18px; padding: 9px 0; color:#76797c; }
#globalfooter li { line-height: 18px; }

#globalfooter h3 {margin: 0; padding: 0; font-style: normal; font-weight: bold; font-size: 1em;  line-height: 18px; }
#globalfooter ul, #globalfooter ol, #globalfooter li { margin: 0; padding: 0; }
#globalfooter ul, #globalfooter ol { list-style: none; }

#globalfooter .column.first, #globalfooter .column.last { margin-left: 0 !important; }
#globalfooter .column.last { float: right !important; }
#globalfooter .column { float: left; }

/* -------- */
.alignleft { float: left;}
.alignright { float: right;}
.aligncenter {  margin-left:auto; margin-right:auto;}