@charset 'UTF-8';

/*==============================================================================

	ガイド共通CSS

==============================================================================*/

#dcGuideBodyRect{
	margin-bottom:20px;
}
/*ガイドページの場合の#dcFootRectと#dcFootRectはdc.cssで記述*/
/***********************************************
見出し
***********************************************/
h2{
	
	position:static !important;/*dc.cssでの設定を上書き*/
	width:auto !important;/*dc.cssでの設定を上書き*/
	height:auto !important;/*dc.cssでの設定を上書き*/
	display:none;
}
.h2Img{
	margin-top:0;
}
h3{
	clear:both;
	line-height:1.4;
}
h4{
	clear:both;
	margin:20px 0 8px;
}
.hasLine{
	padding-top:8px;
	border-top:#6481b5 1px solid;
}
p.lead{
	margin-bottom:12px;
}
/*特長*/
dl.merits{
	
}
dl.merits dt{
	font-weight:bold;
	margin-bottom:4px;
}
dl.merits dd{
	margin-bottom:8px;
	text-indent:1em;
}

/*見出し*/
.midashi{
	position:relative;
	background:#fff;
	border-left:1px solid #6481b5;
	border-right:1px solid #6481b5;
}
* html body .midashi{width:950px;}
.mRTop{display:block;width:950px;height:10px;margin-top:8px;}
.mRBtm{display:block;width:950px;height:10px;margin-bottom:8px;}
/*見出し配置*/
.mImgLayoutImg{
	float:right;
	margin:10px 10px 10px 0;
}
.mImgLayoutList{
	width:172px;
	height:300px;
	float:right;
	position:relative;
	line-height:1.2;
}
.mImgLayoutList p,
.mImgLayoutList li{
	position:absolute;
	list-style-type:none;
}
/*見出し文字*/
.mTtlHolder{
	float:left;
	margin-top:10px;
	margin-left:10px;
}
.mLead{
	margin-top:24px;
	margin-bottom:10px;
}
.mLeadS{
	margin-bottom:10px;
}

/***********************************************
解説
***********************************************/
.description{/*解説ひとつ分*/
	clear:both;
}
/*解説本文：画像併記型*/
.descImgHolder{/*画像*/
	float:left;
	width:400px;
}
.hasImgLine{
	background:url(../images/line.gif) repeat-x 0 24px;
}
.hasImgLine2{
	width:490px;
	height:24px;
	float:left;
	background:url(../images/line2.gif) top right no-repeat;
}
.descImg{
}
dl.descText{
	float:right;
	margin-left:10px;
	width:540px;
}
/*解説本文：２カラム解説型*/
dl.descLeft{/*左*/
	float:left;
	width:390px;
}
dl.descRight{/*右*/
	float:right;
	width:539px;
	padding-left:10px;
	border-left:1px solid #6481b5;
}
* html dl.descRight{width:550px;}
/*解説本文：共通dt,dd*/
dl.descText dt,
dl.descLeft dt,
dl.descRight dt,
.descResTextBox dl dt{/*下位のdlにも継承される*/
	clear:left;
	margin-top:8px;
	margin-bottom:4px;
	line-height:1;
	font-weight:bold;
}
dl.descText dd,
dl.descLeft dd,
dl.descRight dd{/*下位のddにも継承される*/
	line-height:1.3;
	margin-bottom:8px;
	clear:both;
}
/*20100422追加（検索結果の見方）*/
.resL{width:490px !important;}
.resR{width:450px !important;}
.descResTextBox{
	float:left;
	width:450px;
	margin-left:10px;
	line-height:1.3;
}
.descResTextBox .ddIcon{
	margin-top:3px;
	margin-bottom:3px;
}
/***********************************************
手順表
***********************************************/
.tejun{/*手順表1段分*/
	clear:both;
	margin-bottom:24px;
}
.tejunCell{
	float:left;position:
	relative;
	width:470px;
	height:160px;
}
.tejunImg{
	display:block;
	position:absolute;
	z-index:50;
	top:0;
	left:0;
	width:470px;
	height:160px;
}
.tejunDesc{
	position:absolute;
	z-index:51;
	top:14px;
	left:218px;
	padding-right:10px;
}
.tejunTtl{
	color:#6481b5;
	font-weight:bold;
	margin-bottom:4px;
}
/***********************************************
解説項目
***********************************************/
dt.dn{
	padding-top:2px;
	color:#6481b5;
}
dt.d1,
dt.d2,
dt.d3,
dt.d4,
dt.d5,
dt.d6,
dt.d7,
dt.dA,
dt.dB,
dt.dC,
dt.dD,
dt.dE,
dt.dF,
dt.dG{
	padding-top:10px;
	padding-left:32px;
	height:14px;
}
dt.d1,
dt.d2,
dt.d3,
dt.d4,
dt.d5,
dt.d6,
dt.d7 {color:#6481b5;}
dt.dA,
dt.dB,
dt.dC,
dt.dD,
dt.dE,
dt.dF,
dt.dG {color:#c6a800;}
* html dt.d1,
* html dt.d2,
* html dt.d3,
* html dt.d4,
* html dt.d5,
* html dt.d6,
* html dt.d7,
* html dt.dA,
* html dt.dB,
* html dt.dC,
* html dt.dD,
* html dt.dE,
* html dt.dF,
* html dt.dG {height:24px;}
dt.d1 {background:url(../images/icon_d1.gif) no-repeat top left;}
dt.d2 {background:url(../images/icon_d2.gif) no-repeat top left;}
dt.d3 {background:url(../images/icon_d3.gif) no-repeat top left;}
dt.d4 {background:url(../images/icon_d4.gif) no-repeat top left;}
dt.d5 {background:url(../images/icon_d5.gif) no-repeat top left;}
dt.d6 {background:url(../images/icon_d6.gif) no-repeat top left;}
dt.d7 {background:url(../images/icon_d7.gif) no-repeat top left;}
dt.dA {background:url(../images/icon_dA.gif) no-repeat top left;}
dt.dB {background:url(../images/icon_dB.gif) no-repeat top left;}
dt.dC {background:url(../images/icon_dC.gif) no-repeat top left;}
dt.dD {background:url(../images/icon_dD.gif) no-repeat top left;}
dt.dE {background:url(../images/icon_dE.gif) no-repeat top left;}
dt.dF {background:url(../images/icon_dF.gif) no-repeat top left;}
dt.dG {background:url(../images/icon_dG.gif) no-repeat top left;}
/***********************************************
解説汎用
***********************************************/
/*本文内の例*/
dl.ex{
	margin-left:3em;
	margin-bottom:12px;
}
dl.ex dt{
	padding-top:10px;
	padding-left:35px;
	height:14px;
}
* html dl.ex dt {height:24px;}
dl.ex dt.exGood {background:url(../images/icon_exGood.gif) no-repeat top left;}
dl.ex dt.exBad  {background:url(../images/icon_exBad.gif) no-repeat top left;}
dl.ex dd{
	
}
.exExplan{
	margin-left:0.5em;
	color:#888;
}
.exFormBox{
	float:left;
	width:120px;
	padding:2px;
	border:1px #ccc solid;
}
.ddIcon{
	margin-left:3px;
	margin-right:3px;
	vertical-align:middle;
}
/*dd主要解説*/
dt.dM{}
dd.dM{
	margin-top:12px;
	margin-bottom:12px;
	padding:4px 0 4px 6px;
	background:#6481b5;
	color:#fff;
	line-height:1.5;
}
/*tips*/
dd.tips{
	margin-top:4px;
	margin-bottom:12px;
	padding:4px;
	border:#fcd721 2px solid;
	background:url(../../dc_images/dc_bg_result.gif);
}
img.tipsTtl{
	display:block;
	margin-top:4px;
	margin-left:2px;
	margin-bottom:2px;
}
.tipsDtl{
	margin-top:6px;
	margin-left:4px;
	padding-left:18px;
	background:url(../images/icon_tips_list.gif) no-repeat 0 0.3em;
}
/*==============================================================================

	ガイドindex CSS

==============================================================================*/
#chartRect{
	position:relative;
	margin-bottom:28px;
	margin-left:0;
	width:950px;
	height:708px;
	background:url(../images/index_main.gif) no-repeat;
}
.chartItem{
	position:absolute;
}
.chartTtl{
	display:none;
	margin-bottom:8px;
}
.chartNam{
	display:none;
	margin-bottom:8px;
}
.chartImg{
	display:block;
	margin:105px 0 0 12px;
	width:200px;
	height:120px;
}
.chartDtl{
	margin:12px 12px 10px 12px;
	height:85px;
}
a.chartBtn_mini,
a.chartBtn_light,
a.chartBtn_mobile,
a.chartBtn_dc,
a.chartBtn_premium{
	display:block;
	margin:0 0 8px 12px;
	padding-left:18px;
	background:no-repeat 0 0.2em;
	outline:none;
}
a.chartBtn_orange{
	margin:0 0 8px 12px;
	padding-left:18px;
	background:no-repeat 0 0.2em;
	outline:none;
}

a.chartBtn_dc:link,
a.chartBtn_dc:visited       {color:#2A5399;text-decoration:underline;background-image:url(../images/icon_list_dc.gif);}
a.chartBtn_mini:link,
a.chartBtn_mini:visited     {color:#005900;text-decoration:underline;background-image:url(../images/icon_list_mini.gif);}
a.chartBtn_mobile:link,
a.chartBtn_mobile:visited   {color:#0073B3;text-decoration:underline;background-image:url(../images/icon_list_mobile.gif);}
a.chartBtn_light:link,
a.chartBtn_light:visited    {color:#427CD9;text-decoration:underline;background-image:url(../images/icon_list_light.gif);}
a.chartBtn_premium:link,
a.chartBtn_premium:visited  {color:#662400;text-decoration:underline;background-image:url(../images/icon_list_premium.gif);}
a.chartBtn_orange:link,
a.chartBtn_orange:visited   {              text-decoration:underline;background-image:url(../images/icon_list_orange.gif);}

a.chartBtn_dc:hover         {color:#2A5399;text-decoration:none;background-image:url(../images/icon_list_dc.gif);}
a.chartBtn_mini:hover       {color:#005900;text-decoration:none;background-image:url(../images/icon_list_mini.gif);}
a.chartBtn_mobile:hover     {color:#0073B3;text-decoration:none;background-image:url(../images/icon_list_mobile.gif);}
a.chartBtn_light:hover      {color:#427CD9;text-decoration:none;background-image:url(../images/icon_list_light.gif);}
a.chartBtn_premium:hover    {color:#662400;text-decoration:none;background-image:url(../images/icon_list_premium.gif);}
a.chartBtn_orange:hover     {              text-decoration:none;background-image:url(../images/icon_list_orange.gif);}
/*aタグ入れ子タイプ*/
p.chartBtn_dc{
	margin:0 0 8px 12px;
	padding-left:18px;
	background:url(../images/icon_list_dc.gif) no-repeat 0 0.2em;
}
p.chartBtn_dc a:link,
p.chartBtn_dc a:visited   {color:#2A5399;text-decoration:underline;}
p.chartBtn_dc a:hover     {color:#2A5399;text-decoration:none;}
.kinouIconsTtl{
	margin:12px 0 0 12px;
}
.kinouIcons{
	margin:8px 0 0 14px;
}
.kinouBtn{
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

/*ガジェット*/
#gadgetRect{
	border:#fda 3px solid;
	padding:12px 12px 12px 0;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
#gadgetTtl{
	width:548px;
	height:37px;
	margin-left:6px;
	background:url(../images/index_gadget_title.gif) no-repeat;
}
#gadgetTtl span{
	display:none;
}
#gadgetTxt{
	margin-top:3px;
	margin-left:16px;
}