/* --------- style---------- */


/* --------- feature---------- */
#feature {
}

/* -- 特徴-- */
#feature .function {
	width:680px;
	margin:0 auto;
	padding:20px 0 25px 0;
	background:url(../feature/images/line_dot.gif) bottom no-repeat;
}
#feature .function h4 {
	margin:0 0 16px 0;
}
#feature .light {
	width:680px;
	margin:0 auto;
	padding:25px 0 25px 0;
	background:url(../feature/images/line_dot.gif) bottom no-repeat;
}
#feature .winmac {
	width:680px;
	margin:0 auto;
	padding:25px 0 40px 0;
}
#feature .versionless {
	width:682px;
	margin:0 auto;
	padding:0 0 0 0;
}

/* -- 3ステップ -- */
#feature #step {
	width:680px;
	margin:20px auto 30px auto;
}
#feature #step .arrow {
	float:left;
	padding:40px 10px 0 10px;
}
					   
#feature #step .step_box {
	width:200px;
	height:190px;
	float:left;
	background:#e7f9dd;
	text-align:left;
	line-height:140%;
}
#feature #step .step_box .txt_s {
	margin-top:5px;
	padding:0 10px 10px 10px;
	font-size:10px;
}


/* -- 受賞歴-- */
#feature #award {
	width:680px;
	margin:20px auto 30px auto;
}
#feature #award ul {
	clear:both;
}
#feature #award li {
	width:325px;
	padding:5px;
	float:left;
	margin-right:5px;
}
#feature #award h4 {
	color:#de2526;
	font-size:14px;
	font-weight:bold;
	line-height:130%;
}
#feature #award h5 {
	padding:5px 0;
	font-weight:bold;
	line-height:130%;
}
#feature #award .award_img {
	float:right;
	padding:0 10px 10px 10px;
}
#feature #award p {
	line-height:140%;
}
#feature #award .detail {
	font-size:10px;
}
#feature #award li.pta {
	width:320px;
	float:left;
	border:solid 1px #357337;
}
#feature #award li.pta h4 {
	color:#357337;
}

/* --------- product---------- */
#product {

}
#product .summary_l {
	width:370px;
	padding:27px 0 0 10px;
	float:left;
}
#product .summary_l p {
	padding:5px 0 19px 5px;
}
#product .summary_r {
	width:280px;
	padding:8px 0 0 0;
	float:right;
}
#product .summary_r .btn{
	text-align:right;
	padding:0 10px 14px 0;
}

#product .VB_table_a {
    border-collapse: collapse;
    width: 680px;
	margin:0 auto 20px auto;
}
#product .VB_table_a th {
    background-color: #E6E7E8;
    border: 1px solid #BCBEC0;
    font-weight: bold;
    padding: 12px;
}
#product .VB_table_a th.sub {
    background-color: #E6E7E8;
    font-weight: normal;
}
#product .VB_table_a td {
    background-color: #FFFFFF;
    border: 1px solid #BCBEC0;
    padding: 12px;
}
#product .VB_table_a td.md {
    background-color: #FFFFFF;
    line-height: 18px;
    text-align: left;
}
#product .VB_hr_b {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 28px;
    padding-top: 30px;
}
#product .VB_hr_a {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 43px;
    padding-top: 45px;
}
#product .align-center {
    text-align: center;
}
#product .font_type2 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Verdana, Arial, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#product .VB_note_a dt {
    clear: left;
    float: left;
    font-size: 11px;
    font-weight: normal;
    padding-top: 2px;
    text-align: right;
    width: 2em;
}
#product .VB_note_a dd {
    font-size: 11px;
    margin-left: 2.4em;
    padding-top: 2px;
}

/* --------- requirement---------- */
#requirement {
	
}

#requirement .VB_table_a {
    border-collapse: collapse;
    width: 680px;
	margin:0 auto 20px auto;
}
#requirement .VB_table_a th {
    background-color: #E6E7E8;
    border: 1px solid #BCBEC0;
    font-weight: bold;
    padding: 12px;
}
#requirement .VB_table_a th.sub {
    background-color: #E6E7E8;
    font-weight: normal;
}
#requirement .VB_table_a td {
    background-color: #FFFFFF;
    border: 1px solid #BCBEC0;
    padding: 12px;
}
#requirement .VB_table_a td.md {
    background-color: #FFFFFF;
    line-height: 18px;
    text-align: left;
}

/* --------- dl---------- */
#dl {
}
#dl .read {
	width:680px;
	margin:20px auto 0 auto;
}
#dl .box {
	width:680px;
	margin:10px auto 30px auto;
	clear:both;
	overflow:hidden;
	background:none;
}
#dl .box .txtbox {
	width:530px;
	padding:0 0 0 10px;
	float:left;
}
#dl .step {
	width:680px;
	margin:0 auto 30px auto;
	padding:0 0 30px 0;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
}
#dl .step .l_step {
	width:365px;
	float:left;
}
#dl .step .r_step {
	width:300px;
	float:right;
}

#dl .step h4{
	margin:0 0 15px 0;
}
#dl .step .txtbox{
	padding:0 0 0 10px;
}
#dl .step .txtbox p.caution{
	padding:0 0 0 12px;
	text-indent:-12px;
}
#dl .step #area_btn{
	padding:0 0 0 120px;
	clear:both;
	overflow:hidden;
}
#dl .step #area_btn p{
	margin:0 40px 0 0;
	float:left
}
#dl .link_icon{
	padding:0 0 0 10px;
	background:url(../images/link_icon.gif) left 6px no-repeat;
}


/* --------- regist---------- */


#regist {
}
#regist .read {
	width:680px;
	margin:20px auto 0 auto;
}
#regist .box {
	width:680px;
	margin:10px auto 30px auto;
	clear:both;
	overflow:hidden;
	background:none;
}
#regist .step {
	width:680px;
	margin:0 auto 30px auto;
	padding:0 0 30px 0;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
}
#regist .step .l_step {
	width:365px;
	float:left;
}
#regist .step .r_step {
	width:300px;
	float:right;
}
#regist .step h4{
	margin:0 0 15px 0;
}
#regist .step .txtbox{
	padding:0 0 0 10px;
}
#regist .step .txtbox p.caution{
	padding:0 0 0 12px;
	text-indent:-12px;
}
#regist .link_icon{
	padding:0 0 0 10px;
	background:url(../images/link_icon.gif) left 6px no-repeat;
}

/*------------------------------------------------------------------------
  requirement
------------------------------------------------------------------------ */

#requirement {
}
#requirement .read {
	width:680px;
	margin:20px auto 20px auto;
}
#requirement h2 {
  color: #222222;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  margin:0 0 20px 11px;
  word-spacing: -2px;
  background:url(../images/icon_hdg_01.gif) 0 50% no-repeat;
  padding:10px 0 10px 15px;
}
#requirement .comments_area {
	padding:5px 0 0 10px;
	font-size:10px;
}
#requirement p.comments_13 {
	margin-left:1.3em;
	text-indent:-1.3em;
}
#requirement p.win {
	padding:9px 0 0 2px;
}
#requirement .btn_mac {
	margin:8px 12px 10px 0;
	text-align:right;
}
#requirement .table_area {
	width:680px;
	padding:0 0 34px 10px;
}
#requirement .table_area .space {
	margin:0 0 4px 0;
}
#requirement .table_area table tr.even {
	background:#fafafa;
}
#requirement .table_area table tr th {
	height:25px;
	font-weight:normal;
	background:#e9e9e9;
	border-left:solid 1px #e9e9e9;
	border-bottom:solid 1px #e9e9e9;
}
#requirement .table_area table tr th.last {
	border-right:solid 1px #e9e9e9;
}
#requirement .table_area table tr td {
	border-left:solid 1px #e9e9e9;
	border-bottom:solid 1px #e9e9e9;
}
#requirement .table_area table tr td.last {
	border-right:solid 1px #e9e9e9;
}
#requirement .table_area table tr td.top {
	border-top:solid 1px #e9e9e9;
}
#requirement .table_area table tr td.func {
	width:186px;
	padding:12px 8px 12px 8px;
	text-align:left;
	font-weight:bold;
}
#requirement .table_area table tr td.desc {
	padding:12px 8px 12px 11px;
	text-align:left;
}
#requirement .table_area ul.care {
	margin-left:16px;
}
#requirement .table_area ol li.num{
	list-style-type:decimal;
	margin-left:18px;
}
#requirement .txt {
	width:680px;
	padding:0 0 22px 15px;
}
#requirement .VB_note_a dt {
    clear: left;
    float: left;
    font-size: 11px;
    font-weight: normal;
    padding-top: 2px;
    text-align: right;
    width: 2em;
}
#requirement .VB_note_a dd {
    font-size: 11px;
    margin-left: 2.4em;
    padding-top: 2px;
}
#requirement .VB_hr_b {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 28px;
    padding-top: 30px;
}
#requirement p.catch_a {
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
}
#requirement .VB_ol_d li {
    background: url("../images/c_list.png") no-repeat scroll 0 7px transparent;
    margin-top: 5px;
    padding-left: 5px;
}
#requirement .inner_box {
	width:680px;
	margin:10px auto 20px auto;
}
#requirement .win_mac {
	width:680px;
	margin:10px auto 20px auto;
}

/* --------- mac---------- */

#mac {
}
#mac .summary_l {
	width:406px;
	padding:12px 0 0 10px;
	float:left;
}
#mac .summary_l .txt_area {
	padding:0 0 20px 5px;
}
#mac .summary_r {
	width:265px;
	padding:12px 6px 7px 0;
	float:right;
}
#mac .btn_win {
	text-align:right;
	padding:10px 13px 0 0;
}
#mac h4 {
	clear:both;
	width:702px;
	height:42px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	line-height:42px;
	text-indent:30px;
	background:url(../images/h4_bg_black.gif) no-repeat;
}
#mac .comments_area {
	margin-top:5px;
	font-size:10px;
}
#mac .os {
	margin-left:5px;
	font-size:10px;
}
#mac .comments_area .comments_15 {
	margin-left:1.5em;
	text-indent:-1.5em;
}
#mac .comments_area .comments_19 {
	margin-left:1.9em;
	text-indent:-1.9em;
}
#mac .table_area table tr th.func {
	width:160px;
	padding:4px 0 0 11px;
	text-align:left;
}
#mac .table_area table tr th.desc {
	padding:4px 0 0 11px;
	text-align:left;
}
#mac .table_area table tr td.func {
	width:160px;
	padding:7px 8px 7px 11px;
	text-align:left;
	font-weight:bold;
}
#mac .table_area table tr td.desc {
	padding:7px 8px 7px 11px;
	text-align:left;
}
#mac .attention {
	width:680px;
	padding:0 0 0 10px;
}
#mac .attention h4 {
	height:36px;
	font-size:12px;
	line-height:36px;
	text-indent:14px;
	background:url(../images/h4_bg_white.gif) no-repeat;
}
#mac .attention .txt {
	margin:15px 10px 10px 0;
}
#mac .attention .txt p {
	margin-left:1.5em;
	text-indent:-1.3em;
}
#mac .attention .btn {
	padding:33px 0 48px 40px;
}
#mac .attention .btn span {
	margin:0 46px 0 0;
}

/* --------- mac_dl---------- */

#mac_dl {
}
#mac_dl .read {
	width:680px;
	margin:20px auto 0 auto;
}
#mac_dl .box {
	width:680px;
	margin:10px auto 30px auto;
	clear:both;
	overflow:hidden;
	background:none;
}
#mac_dl .box .txtbox {
	width:530px;
	padding:0 0 0 10px;
	float:left;
}
#mac_dl .step {
	width:680px;
	margin:0 auto 30px auto;
	padding:0 0 30px 0;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
}
#mac_dl .step_end {
	border-bottom:none;
}
#mac_dl .step .l_step {
	width:365px;
	float:left;
}
#mac_dl .step .r_step {
	width:300px;
	float:right;
}
#mac_dl .step h4{
	margin:0 0 15px 0;
}
#mac_dl .step .txtbox{
	padding:0 0 0 10px;
}
#mac_dl .step .txtbox p.caution{
	padding:0 0 0 12px;
	text-indent:-12px;
}
#mac_dl .step #area_btn{
	text-align:center;
}
#mac_dl .link_icon{
	padding:0 0 0 10px;
	background:url(../images/link_icon.gif) left 6px no-repeat;
}

#mac_dl #gatekeeper {
	width:680px;
	margin:0 auto 30px auto;
	background:url(../mac_dl/images/gatekeeper_bg.gif) repeat-y;
}
#mac_dl #gatekeeper .gatekeeper_t {
	width:680px;
	background:url(../mac_dl/images/gatekeeper_bgt.gif) top no-repeat;
}
#mac_dl #gatekeeper .gatekeeper_b {
	width:680px;
	padding:20px 0;
	background:url(../mac_dl/images/gatekeeper_bgb.gif) bottom no-repeat;
}
#mac_dl #gatekeeper h4 {
	font-size:150%;
	font-weight:bold;
	padding-left:20px;
}
#mac_dl #gatekeeper .step {
	width:650px;
	margin:0 auto;
	padding:0;
	clear:both;
	overflow:hidden;
	border-bottom:none;
}
#mac_dl #gatekeeper .step .l_step {
	width:335px;
	float:left;
}
#mac_dl #gatekeeper .step .r_step {
	width:300px;
	float:right;
}

/* --------- regist---------- */

#mac_regist {
}
#mac_regist .read {
	width:680px;
	margin:20px auto 0 auto;
}
#mac_regist .box {
	width:680px;
	margin:10px auto 30px auto;
	clear:both;
	overflow:hidden;
	background:none;
}
#mac_regist .box .txtbox {
	width:530px;
	padding:0 0 0 10px;
	float:left;
}
#mac_regist .step {
	width:680px;
	margin:0 auto 30px auto;
	padding:0 0 30px 0;
	clear:both;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
}
#mac_regist .step .l_step {
	width:365px;
	float:left;
}
#mac_regist .step .r_step {
	width:300px;
	float:right;
}
#mac_regist .step h4{
	margin:0 0 15px 0;
}
#mac_regist .step .txtbox{
	padding:0 0 0 10px;
}
#mac_regist .step .txtbox p.caution{
	padding:0 0 0 12px;
	text-indent:-12px;
}
#mac_regist .link_icon{
	padding:0 0 0 10px;
	background:url(../images/link_icon.gif) left 6px no-repeat;
}