@charset "UTF-8";

* { margin:0; padding:0; }
body { background:#ffffff; line-height:1; color:#434343; font-family:"ＭＳ Ｐゴシック", "MS P Gothic", Osaka, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro',  Helvetica, Arial, sans-serif; }

/*デフォルトフォントサイズ12px*/

body { font-size:12px;}
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}
h1,h2,h3,h4,h5,h6,address { font-size: 1em; }

.fsSmall { font-size:10px;}
*:first-child+html .fsSmall { font-size:83%;}
* html .fsSmall { font-size:83%;}

.fsLarge { font-size:14px;}
*:first-child+html .fsLarge { font-size:117%;}
* html .fsLarge { font-size:117%;}

a:link { color:#696969; text-decoration:none; }
a:visited { color:#696969; text-decoration:none; }
a:hover { color:#4387e3; text-decoration:underline; }
a:active { color:#4387e3; text-decoration:underline; }

/*新デフォルトフォントサイズ16px*/
.text	{font-size: 16px;line-height:22px;color:#434343;}
a:link { color:#005aff; text-decoration:none; }
a:visited { color:#800080; text-decoration:none; }
a:hover { color:#ff0000; text-decoration:underline; }
a:active { color:#005aff; text-decoration:underline; }

.taqumi	{font-size: 23px;line-height:22px;color:#434343;}
.caution {font-size: 12px;line-height:1.6;}
.caution li { text-indent:-10px; padding:0 0 0 8px; }
.caution a:link { color:#005aff; text-decoration:none; }
.caution a:visited { color:#800080; text-decoration:none; }
.caution a:hover { color:#ff0000; text-decoration:underline; }
.caution a:active { color:#005aff; text-decoration:underline; }
.caution.narrow li { text-indent:-12px; padding:0 0 0 12px; }
.caution img { vertical-align:top;}

.asterisk {font-size: 12px;line-height:15px;}
.asterisk li { text-indent:-30px; padding:0 0 0 28px; }
.asterisk a:link { color:#005aff; text-decoration:none; }
.asterisk a:visited { color:#800080; text-decoration:none; }
.asterisk a:hover { color:#ff0000; text-decoration:underline; }
.asterisk a:active { color:#005aff; text-decoration:underline; }
.asterisk.narrow li { text-indent:-12px; padding:0 0 0 12px; }
.asterisk img { vertical-align:top;}

.attention {color:#434343; font-size: 13px;line-height:20px;}
.attention li { text-indent:-13px; padding:0 0 0 28px; }
.attention img { vertical-align:top; }

#formatTablenew { font-size:12px; background-color:#aaa; margin:10px 0; }
#formatTablenew td{ padding:5px 2px; background-color:#ffffff; }
#formatTablenew .one{ background-color:#e0ebf1; }
#formatTablenew .two{ background-color:#eeeeee; }
#formatTablenew .thr{ background-color:#f8e9ee; }
#formatTablenew .verWrite td { padding:0; vertical-align:top; text-align:center !important; }
.cautionnew { font-size:9pix; color:#125eb3;}


/* Common classes  
--------------------------------------------------------------- */

/* clearfix */
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
/* Hides from IE-mac ¥*/
* html .clearfix{ height:1%; overflow:visible; }
/* End hide from IE-mac */

/* PNG Fix for IE */
* html .iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

.none { display:none; }
.clear { clear:both; font-size:1px; height:1%;}
.center { margin:0 auto; }
.right { float:right; }
.left { float:left; }
.txtCenter { text-align:center; }
.txtLeft { text-align:left; }
.txtRight { text-align:right; }
.txtBold { font-weight:bold; }
.caution2 { font-size:83%; color:#125eb3;}

.resetMG { margin:0 !important;}

ul,li,ol { list-style:none;}
img { border:none;}

#header { text-align:center; background:url(../images/header_dummy_bg.gif);}
#footer { text-align:center; background:url(../images/footer_dummy_bg.gif); clear:both;}

#wrapper { position:relative; height:1%;}
#wrapper_inner { width:920px; margin: 0 auto; padding: 27px 0 0;}

#wrapper.bgA { background:url(../images/bg_a_h.gif) repeat-x top;}
#wrapper.bgA #mainVisual { background:url(../images/bg_a_big.jpg) no-repeat center center;}
#wrapper.bgB { background:url(../images/bg_b_h.gif) repeat-x top;}
#wrapper.bgB #mainVisual { background:url(../images/bg_b_big.jpg) no-repeat center center;}
#wrapper.bgC { background:url(../images/bg_c_h.gif) repeat-x top;}
#wrapper.bgC #mainVisual { background:url(../images/bg_c_big.jpg) no-repeat center center;}

.bg120 { background:#fff url(../images/bg_120_h.gif) repeat-x top;}
#wrapper.bg120 #mainVisual2 { background:url(../images/bg_120_big.jpg) no-repeat center center}
.bg120sub { background:#fff url(../images/bg_120_h.gif) repeat-x top;}
#wrapper.bg120sub #mainVisual2 { }
.bg120subs { background:#fff url(../images/bg_120_h.gif) repeat-x top;}
#wrapper.bg120subs #mainVisual2 { background:url(../images/120_snd_main2.jpg) no-repeat center center}
.bg120subf { background:#fff url(../images/bg_120_h.gif) repeat-x top;}
#wrapper.bg120subf #mainVisual2 { background:url(../images/120_fnc_main.jpg) no-repeat center center}

.bg320 { background:#fff url(../images/bg_320_h.gif) repeat-x top;}
#wrapper.bg320 #mainVisual2 { background:url(../images/bg_320_big.jpg) no-repeat center center}
.bg320sub { background:#fff url(../images/bg_320_h.gif) repeat-x top;}
#wrapper.bg320sub #mainVisual2 { }
.bg320subs { background:#fff url(../images/bg_320_h.gif) repeat-x top;}
#wrapper.bg320subs #mainVisual2 { background:url(../images/320_snd_main3.jpg) no-repeat center center}

.bg52 { background:#000 url(../images/bg_a_h.gif) repeat-x top;}
#wrapper.bg52 #mainVisual2  { background:url(../images/bg_a_big.jpg) no-repeat center center; height:504px;}
.bg52subv { background:#000 url(../images/bg_52_h.gif) repeat-x top; }
#wrapper.bg52subv #mainVisual { background:url(../images/bg_52_v_big.jpg) no-repeat center center;}
.bg52subs { background:#000 url(../images/bg_52_h.gif) repeat-x top;}
#wrapper.bg52subs #mainVisual { background:url(../images/bg_52_s3_big.jpg) no-repeat center center;}
.bg52subb { background:#000 url(../images/bg_52b_h.gif) repeat-x top;}
#wrapper.bg52subb #mainVisual { background:url(../images/bg_52_b_big.jpg) no-repeat center center;}
.bg52subf { background:#000 url(../images/bg_52_h.gif) repeat-x top;}
#wrapper.bg52subf #mainVisual { background:url(../images/bg_52_f_big.jpg) no-repeat center center;}


#mainVisual { clear: both;}

#breadcrumbs { background:#1e1e1e; color:#c8c8c8; height:27px; position:absolute; width:100%; top:0; left:0;}
#breadcrumbs span { display:block; width:920px; margin:0 auto; line-height:27px; font-size:83%;}
#breadcrumbs a:link { font-size: x-small; color: #888888; text-decoration: underline;}
#breadcrumbs a:visited { font-size: x-small; color: #888888; text-decoration: underline;}
#breadcrumbs a:hover { font-size: x-small; color: #ffffff; text-decoration: underline;}
#breadcrumbs a:active { font-size: x-small; color: #ffffff; text-decoration: underline;}
#breadcrumbs .navitext { font-size: x-small; color:#c8c8c8;}

/*白背景用パンクズ*/
#breadcrumbs2 { background:#ffffff; height:27px; position:absolute; width:100%; top:0; left:0;}
#breadcrumbs2 span { display:block; width:920px; margin:0 auto; line-height:27px; font-size:83%;}
#breadcrumbs2 a:link { font-size: x-small; color: #0000FF; text-decoration: underline;}
#breadcrumbs2 a:visited { font-size: x-small; color: #800080; text-decoration: underline;}
#breadcrumbs2 a:hover { font-size: x-small; color: #B91440; text-decoration: underline;}
#breadcrumbs2 a:active { font-size: x-small; color: #B91440; text-decoration: underline;}
#breadcrumbs2 .navitext { font-size: x-small; color:#0000FF}


/*	2009.4.6 ポップアップ用追加スタイル	*/

#popup{
background:#fff; color:#333333;}

#popup_wrapper{ 
width:930px;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:20px;
text-align:center;
}

#formatTablenew2 { font-size:12px; background-color:#aaa; margin:10px 0; }
#formatTablenew2 td{ padding:3px 3px; background-color:#ffffff; text-align:center; }
#formatTablenew2 .nospace{ padding:0; margin:0; background-color:#ffffff;}
#formatTablenew2 .nospace2{ padding:0; margin:0; background-color:#e0ebf1;}
#formatTablenew2 .nospace3{ padding:0; margin:0; background-color:#000000; text-align:center; color:#ffffff;  font-size:14px;}
#formatTablenew2 .left{ background-color:#ffffff; text-align:left;}
#formatTablenew2 .one{ background-color:#e0ebf1; }
#formatTablenew2 .two{ background-color:#eeeeee; }
#formatTablenew2 .thr{ background-color:#f8e9ee; }
		 
#popup_wrapper2{ 
width:800px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
}

#formatTablenew3 { margin:5px 0; }
#formatTablenew3 td{ padding:20px 20px 20px 20px; }
		 
		 
#visualHDR { padding:11px 0 0 0;}
#visualHDR h2 { float:left; width:450px;}
#visualHDR p { float:right; width:450px; text-align:right;}
#top #visualHDR p { display:none;}


ul#mainBtn { clear:both; padding: 1px 1px 0 1px; margin-top: -61px;}
ul#mainBtn li { padding:0; margin:0; display:inline; margin-right: 1px;}
ul#mainBtn li.end { margin-right: 0px;}
#mainBtn01 { float:left; padding:0 0 0 0;}
#mainBtn02 { float:left;}
#mainBtn03 { float:right;}

#container { width:920px; margin:0 auto; clear: both; }
#container2 { width:920px; margin:0 auto;background:url(../images/bg_d_main.gif) repeat-y left;}
#mainWrapper { width:734px; float:right; }
#operationBtn {}
#operationBtn li { float:left; font-size:1px; height:46px;}
#operationBtn li a { height:46px; display:block;}
* html #operationBtn li a { height:1%; display:inline;}

#main { width:678px; float:right; background:#fff; padding:10px 15px 50px 15px; min-height:560px; overflow: hidden;}
#sub { width:202px; float:left; position:relative; background-color:#d4e4f9; margin-top:10px;}
#sub.lx { background-color:#283a5e; border-bottom: solid 1px #283a5e; overflow: hidden;}
#sub ul.lcalNavi { width:182px; float:left; padding: 10px 10px 10px; }
#sub ul.lcalNavi li { margin-bottom: 10px; text-align: center}
#sub ul.lcalNavi li.end { margin-bottom: 0;}
#sub ul.lcalNavi li ul { background-color:#113162; padding:5px 0 1px; border: solid 1px #374a81;}
.bg330 #sub ul.lcalNavi li ul { background-color:#4a78bc;  border: solid 1px #5d98eb;}
.bg53 #sub ul.lcalNavi li ul { background-color:#123e7f; border: solid 1px #374a81;}
#sub ul.lcalNavi li ul li { margin-bottom: 5px;}

#sub .bdp120pd{ padding:24px 0 0 0; background-color:#ffffff;}
#sub.white{ width:176px; float:left; background: none; padding:0 0 50px 0; position:relative;}
#sub.rec { background:url(../images/r_sub_bg.gif) repeat-x bottom;}
#sub #sub_comp{ width:162px; padding:18px 7px;}
#sub #sub_mobile{ width:162px; padding:0 7px;}
#sub li { font-size:1px; vertical-align:top;}
#sub li a { display:block;}
* html #sub li { margin:0 0 -1px 0;}
#lcalNavi li#outline { position:absolute; top:329px; left:6px;}
#lcalSub { position:absolute; top:340px; left:6px;}
#lcalSub li { margin:0 0 4px 0;}
#lcalSub li#old_91 { padding-top:10px;}
#functionBTN { clear:both; padding:0 0 8px 0;}

#lcalAdobe { position:absolute; top:450px; left:6px;}
#lcalAdobe li { margin:0 0 4px 0;}

sup { vertical-align: baseline; position: relative; top: -4px; }
* html sup { position:static; vertical-align:super; }
* html .trade { position:static; vertical-align:top; }

.extMarBtm01 { margin:0 0 12px 0 !important; }
.extMarBtm02 { margin:0 0 20px 0 !important; }
.extMarBtm03 { margin:0 0 30px 0 !important; }

#main h3 { margin:0 0 20px 0; }
#main h4 { margin:0 0 6px 0; }
#main .paragraph h4 { padding-bottom: 2px; border-bottom: solid 1px #cccccc; }
#main .paragraph { padding:0 13px 50px 13px; }
#main .paragraph dl.option { float:right; border:solid 1px #ccc; padding:8px; }
#main .paragraph.bgBlue { padding:20px 18px 14px; background:#e4effa; margin:0 1px 50px 0; border:1px solid #afafaf; border-top:none; }
#main .paragraph.bgBluecoll { padding:10px 18px 14px; margin:0 0 0 0; border:none; }
#main .paragraphBluecoll { margin:0 0 40px 0; } 
#main .paragraphBluecoll2 { margin:0 0 20px 0; } 

#main .paragraph.line { padding:20px 18px 14px; margin:0 0px 50px 0; border:1px solid #afafaf; border-top:none; }
#main .paragraph p { line-height:1.5; }
#main .paragraph .floatBox { }
#main .paragraph .floatBox img { display:block; margin: 0 0 0 20px; }
.box { border:1px solid #bebebe; padding:15px;}
.box h4 { margin:0 0 15px 0;}


.annotation { font-size:83%; color:#777777; line-height:1.6; }
.annotation li { text-indent:-28px; padding:0 0 0 28px; }
.annotation.narrow li { text-indent:-12px; padding:0 0 0 12px; }
.annotation2{ font-size:83%; color:#555555; background-color:#fafafa; }
.annotation3{ font-size:83%; color:#777777; line-height:1.6;}
.annotation3 img{ vertical-align:top; }
.annotation4 { margin:20px 0 0 0; border-top:1px solid #bbb; padding:20px 0 0 0; font-size:83%; color:#777777; line-height:1.6; }
.annotation4 img { margin:0 0 -2px 0;}

#productTop p { margin:0; }
.layoutTable { margin:0 auto 24px; }
#productTop .fsSmall { line-height:1.5;}
body#apr {background:#fff}

#formatTable { font-size:83%; background-color:#aaa; margin:10px 0; }
#formatTable td{ padding:5px 2px; background-color:#ffffff; }
#formatTable .one{ background-color:#e0ebf1; }
#formatTable .two{ background-color:#eeeeee; }
#formatTable .thr{ background-color:#f8e9ee; }
#formatTable .verWrite td { padding:0; vertical-align:top; text-align:center !important; }

#AdobeFla{ margin-top:25px; padding-top:25px; border-top:1px solid #ccc; }

.listTable { line-height:1.5; }
.listTable th { vertical-align:top; }
.listTable2 { line-height:1.5; font-size:83%; color:#777777; line-height:1.6; }
.listTable2 th { vertical-align:top; }





/********************************************************/
/*For Top Page
/********************************************************/
.bgTop {  background:url(../../images/bg_new.jpg) repeat-x top #ffffff;}
#top #wrapper.bgTop #mainVisual { background:url(../../images/bg_topnew_b.jpg) no-repeat center center;height:478px;}

#top #wrapper.bgTopnew {  background:url(../../images/bg_topnew_h.gif) repeat-x top #ffffff;}
#top #wrapper.bgTopnew #mainVisual { background:url(../../images/bg_topnew_big.jpg) no-repeat center center;height:482px;}

#top #container .inner { background:#fff; padding:20px 0 50px 0;}
#top #main { padding:0; float:left; width:712px;}
#top #sub { background:none; float:right; padding:0; position:static; width:190px;}
#top h3 { margin:0;}
#top #player { width:712px; margin:0 0 20px 0; padding-bottom:8px; background:#e1e9f0; }
#top #recorder { width:712px; margin:0 0 20px 0; padding-bottom:8px; background:#e1e9f0; }
#top #player ul.btnWrapper { padding:0 8px; margin:0; list-style:none;}
#top #player ul.btnWrapper li { padding:0; margin:0; float:left;}
#top #recorder ul.btnWrapper { padding:0 8px; margin:0; list-style:none;}
#top #recorder ul.btnWrapper li { padding:0; margin:0; float:left;}

#top #whatsnew {  width:712px; margin:0 0 20px 0; /*background:#f8f8f8;*/background:#f8f8f8;}
#top #whatsnew li { background:url(../images/arrow.gif) no-repeat 10px 7px; padding:2px 4px 4px 20px; clear:both; line-height:1.4;}
#top #whatsnew li a:link { color:#04527f; text-decoration:underline; }
#top #whatsnew li a:visited { color:#04527f; text-decoration:underline; }
#top #whatsnew li a:hover { color:#04527f; text-decoration:none; }
#top #whatsnew li a:active { color:#04527f; text-decoration:none; }
#top #whatsnew li .left { display:block; width:10%;}
#top #whatsnew li .right { display:block; width:86%;}
#top #whatsnew li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
#top #whatsnew li { overflow:hidden; }
* html #top #whatsnew li { height:1%; overflow:visible; }


#top #sub #pickup { width:190px; margin:0 0 10px 0; padding:0 0 13px 0; background:#e0e9f0; text-align:center;}
#top #sub #pickup .pickup_pd{ padding:5px 0 4px 0;}
#top #sub li { margin:0 0 10px 0;}
#top #sub #bannerArea { padding:0 0 5px 0;}



.bg53 { background: #000000 url(../images/bg_lx53.gif) repeat-x 0 0;}
.bg330 { background:#ffffff; }

table.info {
/*	width: 688px; */
}
table.ovv td {
	border: solid 1px #cccccc;
	padding: 9px;
	margin-right: 10px;
	text-align: right;
}
table.ovv td.spacer {
	border: none;
}

#main ul.point {
	margin-bottom: 24px;	
}
#main ul.point li {
	margin-bottom: 2px;
}
.top #mainVisual {
	margin-bottom: 19px;
}

.top #main { width:700px; float: left; background:#fff; padding: 0; min-height:560px;}
.top #sub { width:202px; float: right; position:relative; height:1%; background-color:#fff; border: none; margin-top:0;}
.top #sub ul {
	padding: 5px 5px 1px;
	margin-bottom: 10px;
	background:#f2f2f2;
}
.top #sub ul li {
 margin-bottom: 5px;
 }
.top #main #lineup {
	background:url(../images/bg_section.gif) no-repeat 0 bottom;
	padding: 0 0 20px;
	margin-bottom: 20px;
}
 .top #main #lineup .section {
 	margin: 35px auto 19px;
	width: 634px;
}
 .top #main #lineup .end {
 	margin: 35px auto 0;
	width: 624px;
}
.top #main #lineup .section p.ph {
 	float: left;
	width: 276px;
}
.top #main #lineup .section dl {
	float: right;
	width: 333px;
}
.top #main #lineup .section dd.detail {
	margin-top: 20px;
	text-align: right;
}
.top #main h3 {
	width: 684px;
	height: 28px;
	background:url(../images/bg_h.gif) no-repeat 0 0;
	margin-bottom: 0;
	padding: 6px 8px 5px;
}
.top #main #whatsnew {
	background: #f2f2f2;
}
.top #whatsnew ul {
	padding: 10px 12px;
}
.top #whatsnew li { background:url(../../images/arrow.gif) no-repeat 0 4px; padding:2px 4px 4px 20px; clear:both; line-height:1.4;}
.top #whatsnew li a:link { color:#04527f; text-decoration:underline; }
.top #whatsnew li a:visited { color:#04527f; text-decoration:underline; }
.top #whatsnew li a:hover { color:#04527f; text-decoration:none; }
.top #whatsnew li a:active { color:#04527f; text-decoration:none; }
.top #whatsnew li .left { display:block; width:10%;}
.top #whatsnew li .right { display:block; width:86%;}
.top #whatsnew li:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.top #whatsnew li { overflow:hidden; }
* html #top #whatsnew li { height:1%; overflow:visible; }

#wrapper_inner p.indextitle {
	padding: 20px 0 10px;;
}
.bg53 #main {
	margin-top: 10px;
}