@charset "utf-8";
/* CSS Document */


/*---------------------------------------------------------------------------------
　タイトル
---------------------------------------------------------------------------------*/
div#title{
	margin-bottom:30px;
	position:relative;
}

div#title_top{
	margin-bottom:5px;
	position:relative;
}

.explanatorynote{
	margin-bottom:30px;
	font-size:85%;
	color:#777;
	text-align:right;
}

/*---------------------------------------------------------------------------------
　メニュー
---------------------------------------------------------------------------------*/
div#menu{
	margin-bottom:3px;
}

div#menu ul{
  list-style-type:none;
	background:url(images/bg_menu.gif) left top no-repeat;
	padding:1px 3px 4px 2px;
}

div#menu ul li{
	float:left;
	height:36px;
	width:108px;
	line-height:normal;
}


/*---------------------------------------------------------------------------------
　発売日
---------------------------------------------------------------------------------*/
.bnr_saledate{
	top:20px;
	left:230px;
	position:absolute;
}


/*---------------------------------------------------------------------------------
　体験版ダウンロード
---------------------------------------------------------------------------------*/
.bnr_trial{
	top:238px;
	left:393px;
	position:absolute;
}

/*---------------------------------------------------------------------------------
　共通
---------------------------------------------------------------------------------*/
small{
	font-size:85%;
	color:#777;
	margin-left:5px;
	margin-top:5px;
	display:block;
}

/*---------------------------------------------------------------------------------
　フォント太字＋背景（SEO）
---------------------------------------------------------------------------------*/
.keyword{
	color:#D64461;
}

/*
strong{
	background:FFFFF;
	border-bottom:2px solid #FFD38F;
	text-decoration:underline;
	font-weight:bold;
	color:#474747;
}
*/

em{
	font-style:italic;
	text-decoration:underline;
	/*
	background:#FFF4BF;
	border-bottom:1px solid #FFD38F;
	*/
}


/*---------------------------------------------------------------------------------
　トップ
---------------------------------------------------------------------------------*/
/*概要文*/
div.outlinetext{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	margin:0 0 30px 10px;
}


/*---------------------------------------------------------------------------------
　機能紹介
---------------------------------------------------------------------------------*/
div.functionbox{
	background:url(images/function/bg_function_middle.gif) repeat-y;
	width:660px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.functionbox .function_left{
	width:440px;
	float:left;
}

div.functionbox .function_center{
	width:220px;
	float:left;
}

div.functionbox .function_right{
	width:220px;
	float:left;
}

div.functionbox .function_fast{
	width:220px;
	float:left;
}

div.functionbox .function_clean{
	width:220px;
	background:url(images/function/bg_function_middle_clean.gif) repeat-y;
	padding-bottom:5px;
}

div.functionbox .function_clean_bottom{
	background:url(images/function/bg_function_bottom_clean2.gif) no-repeat bottom;
	height:6px;
}

div.functionbox .function_protect{
	width:220px;
}

div.functionbox dl{
	width:220px;
}

div.functionbox dt{
	padding:20px 15px 7px 15px;
	text-align:center;
	font-weight:bold;
	font-size:116%;
	color:#FFF;
}

div.functionbox dt.fast{
	background:url(images/function/bg_function_top_fast.gif) left top no-repeat;
	color:#E86222;
}

div.functionbox dt.clean{
	background:url(images/function/bg_function_top_clean.gif) left top no-repeat;
	color:#1485D0;
}

div.functionbox dt.protect{
	background:url(images/function/bg_function_top_protect.gif) left top no-repeat;
	color:#EC3C6B;
}

div.functionbox dt.reduce{
	background:url(images/function/bg_function_top_reduce.gif) left top no-repeat;
	color:#5DA043;
}

div.functionbox dt.fast a {text-decoration: none;}
div.functionbox dt.fast a:link 		{color:#E86222;}
div.functionbox dt.fast a:visited {color:#E86222;}
div.functionbox dt.fast a:active 	{color:#FF3300;}
div.functionbox dt.fast a:hover 	{color:#FF6600; text-decoration: underline;}

div.functionbox dt.clean a {text-decoration: none;}
div.functionbox dt.clean a:link 		{color:#1485D0;}
div.functionbox dt.clean a:visited {color:#1485D0;}
div.functionbox dt.clean a:active 	{color:#FF3300;}
div.functionbox dt.clean a:hover 	{color:#FF6600; text-decoration: underline;}

div.functionbox dt.protect a {text-decoration: none;}
div.functionbox dt.protect a:link 		{color:#EC3C6B;}
div.functionbox dt.protect a:visited {color:#EC3C6B;}
div.functionbox dt.protect a:active 	{color:#FF3300;}
div.functionbox dt.protect a:hover 	{color:#FF6600; text-decoration: underline;}

div.functionbox dt.reduce a {text-decoration: none;}
div.functionbox dt.reduce a:link 		{color:#5DA043;}
div.functionbox dt.reduce a:visited {color:#5DA043;}
div.functionbox dt.reduce a:active 	{color:#FF3300;}
div.functionbox dt.reduce a:hover 	{color:#FF6600; text-decoration: underline;}

div.functionbox dd.fast,
div.functionbox dd.clean,
div.functionbox dd.protect,
div.functionbox dd.reduce{
	height:5px;
	padding:0;
	margin:0;
}

div.functionbox dd.fast{
	background:url(images/function/bg_function_bottom_fast.gif) left bottom no-repeat;
}

div.functionbox dd.clean{
	background:url(images/function/bg_function_bottom_clean.gif) left bottom no-repeat;
}

div.functionbox dd.protect{
	background:url(images/function/bg_function_bottom_protect.gif) left bottom no-repeat;
}

div.functionbox dd.reduce{
	background:url(images/function/bg_function_bottom_reduce.gif) left bottom no-repeat;
}

div.functionbox dd{
	padding:15px;
	font-size:93%;
}

div.functionbox .function_fast dd ul li.li_link{
	border-bottom:dotted 1px #F19C73;
}

div.functionbox .function_clean dd ul li.li_link{
	border-bottom:dotted 1px #6FBDF1;
}

div.functionbox .function_protect dd ul li.li_link{
	border-bottom:dotted 1px #F597B0;
}

div.functionbox .function_right dd ul li.li_link{
	border-bottom:dotted 1px #A1D08F;
}


div.functionbox_bottom{
	width:660px;
	height:6px;
	background:url(images/function/bg_function_bottom.gif) no-repeat bottom;
}


span.new,
span.up,
span.win7{
	color:#FFFFFF;
	font-size:77%;
	font-weight:bold;
	vertical-align:middle;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:3px;
	margin-left:5px;
}

span.new{
	background-color:#D64461;
	border:1px solid #B12743;
	border-radius:2px;
}

span.up{
	background-color:#529E1B;
	border:1px solid #4B8F18;
	border-radius:3px;
}

span.win7{
	color:#555555;
	background-color:#F7F7F7;
	border:1px solid #555555;
	border-radius:3px;
}

div.imgbox dl.withimage dd.image{
	width:360px;
}

div.imgbox dl.withimage dd.image .imgzoom{
	margin-left:0px;
	margin-bottom:0px;
}


/*---------------------------------------------------------------------------------
　　　　　　									ピックアップ
---------------------------------------------------------------------------------*/
div.pickupbox,
div.pickupbox_red,
div.pickupbox_orange,
div.pickupbox_gray{
	border:2px solid #6EBDF1;
	border-radius:3px;
	padding:15px;
	background:#EDF4F9;
}

div.pickupbox_red{
	border:2px solid #F17395;
	background:#F9ECEF;
}
	
div.pickupbox_orange{
	border:2px solid #F19C73;
	background:#F9F1EC;
}
	
div.pickupbox h3,
div.pickupbox_red h3,
div.pickupbox_orange h3,
div.pickupbox_gray h3{
	font-size:100%;
	margin-bottom:5px;
	text-decoration:underline;
}

div.pickupbox h3{
	color:#0169A8;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.pickupbox_red h3{
	color:#D64461;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.pickupbox_orange h3{
	color:#E85C1A;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.pickupbox dl,
div.pickupbox_red dl,
div.pickupbox_orange dl,
div.pickupbox_gray dl{
	margin-left:5px;
}

div.pickupbox dt,
div.pickupbox_red dt,
div.pickupbox_orange dt,
div.pickupbox_gray dt{
	font-weight:bold;
	font-size:93%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.pickupbox dd,
div.pickupbox_red dd,
div.pickupbox_orange dd,
div.pickupbox_gray dd{
	font-size:93%;
	line-height:1.7;
}


/*---------------------------------------------------------------------------------
　　　　　　									注釈枠
---------------------------------------------------------------------------------*/
div.attentionbox,
div.attentionbox_red,
div.attentionbox_orange,
div.attentionbox_gray{
	border:2px dotted #6EBDF1;
	border-radius:3px;
	padding:15px;
	background:#EDF4F9;
}

div.attentionbox_red{
	border:2px dotted #F17395;
	background:#F9ECEF;
}
	
div.attentionbox_orange{
	border:2px dotted #F19C73;
	background:#F9F1EC;
}
	
div.attentionbox h3,
div.attentionbox_red h3,
div.attentionbox_orange h3,
div.attentionbox_gray h3{
	font-size:100%;
	margin-bottom:5px;
	text-decoration:underline;
}

div.attentionbox h3{
	color:#4479C4;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.attentionbox_red h3{
	color:#D64461;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.attentionbox_orange h3{
	color:#E85C1A;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.attentionbox dl,
div.attentionbox_red dl,
div.attentionbox_orange dl,
div.attentionbox_gray dl{
	margin-left:5px;
}

div.attentionbox dt,
div.attentionbox_red dt,
div.attentionbox_orange dt,
div.attentionbox_gray dt{
	font-weight:bold;
	font-size:93%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

div.attentionbox dd,
div.attentionbox_red dd,
div.attentionbox_orange dd,
div.attentionbox_gray dd{
	font-size:93%;
	line-height:1.7;
}


/*---------------------------------------------------------------------------------
　サイドメニュー
---------------------------------------------------------------------------------*/
ul.bnrlist li a.movie{
	background:url(images/sidemenu/icon_movie.gif) no-repeat 10px 10px;
}

ul.bnrlist li a.beginner{
	background:url(images/sidemenu/icon_beginner.gif) no-repeat 10px 10px;
}

ul.bnrlist li a.license{
	background:url(images/sidemenu/icon_license.gif) no-repeat 10px 10px;
}

ul.bnrlist li a.history{
	background:url(images/sidemenu/icon_history.gif) no-repeat 10px 10px;
}


/*---------------------------------------------------------------------------------
　サイドメニュー（お客様の声）
---------------------------------------------------------------------------------*/
blockquote {
	width:auto;
	padding:5px;
	margin:0 auto;
	height:100px;
}

blockquote p{
	margin-bottom:5px;
	font-size:12px;
	line-height:1.6;
}

blockquote cite{
	font-style:normal;
	display:block;
	text-align:right;
	font-size:10px;
	color:#999;
}

/*---------------------------------------------------------------------------------
　リスト
---------------------------------------------------------------------------------*/
/*お客様の声*/
ul.ul_list_win_uservoice{
	list-style-type:none;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:5px;
	padding:0px;
}

li.li_list_win_uservoice_man,
li.li_list_win_uservoice_woman{
	margin-top:0px;
	margin-left:5px;
	margin-bottom:10px;
	padding-left:60px;
	padding-right:5px;
	padding-bottom:10px;
	min-height:50px;
	height:auto !important;
	height:50px;
	border-bottom:1px dashed #CCC;
}

li.li_list_win_uservoice_man{
	background:url(images/list_uservoice_man.gif) no-repeat 0 0;
}


li.li_list_win_uservoice_woman{
	background:url(images/list_uservoice_woman.gif) no-repeat 0 0;
}

/*---------------------------------------------------------------------------------
　デモ版
---------------------------------------------------------------------------------*/
div.stepbox {
	width:650px;
	margin-left:10px;
}

div.step1,
div.step2,
div.step3{
	width:200px;
	float:left;
}

div.step2,
div.step3{
	margin-left:25px;
}

div.step1 img,
div.step2 img,
div.step3 img{
	vertical-align:bottom;
	margin-bottom:10px;
}

div.screenbox{
	width:200px;
	height:145px;
	min-height:145px;
	vertical-align:bottom;
	margin-bottom:10px;
}

div.innerbox1,
div.innerbox2,
div.innerbox3{
	width:165px;
	padding-left:35px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:85%;
	line-height:1.7;
}

div.innerbox1{
	background:url(../images/downlaod/step01.gif) left top no-repeat;
}

div.innerbox2{
	background:url(../images/downlaod/step02.gif) left top no-repeat;
}

div.innerbox3{
	background:url(../images/downlaod/step03.gif) left top no-repeat;
}