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


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

/* -- メリット-- */
#feature #merritt{
	width:680px;
	margin:0 auto 15px auto;
}
#feature #merritt .merritt_box{
	width:680px;
	padding:15px 0;
	clear:both;
}
#feature #merritt .icon{
	width:85px;
	float:left;
}
#feature #merritt .merritt_right{
	width:590px;
	float:left;
}
#feature #merritt .line{
	background:url(../feature/images/line_dot.gif) bottom repeat-x;
}
#feature #merritt h4 {
	font-size:14px;
	font-weight:bold;
}

/* -- 特徴-- */
#feature #cloud {
	width:668px;
	margin:0 auto;
	padding:15px 0 30px 0;
}
#feature #cloud .img02 {
	margin:30px 15px 0 15px;
}			 
#feature #cloud .img04 {
	margin:40px 60px 0 15px;
}	

/* -- 受賞歴-- */
#feature #award {
	width:680px;
	margin:0 auto 30px auto;
}
#feature #award h4 {
	margin:0 0 15px 0;
}
#feature #award h5 {
	padding:10px 0 0 0;
	font-weight:bold;
	line-height:130%;
}
#feature #award .award_img {
	float:left;
	padding:0 10px 10px 0;
}
#feature #award .award_left {
	width:450px;
	float:left;
}
#feature #award .award_right {
	width:230px;
	float:left;
}
#feature #award .detail {
	clear:both;
	font-size:10px;
}
#feature #award .award_box {
	width:205px;
	margin:0 12px 0 0;
	float:left;
}

/* -- 3ステップ -- */
#feature #step {
	width:680px;
	margin:20px auto 30px auto;
}
#feature #step .step_box {
	width:150px;
	float:left;
	
}
#feature #step .arrow {
	float:left;
	padding:56px 4px 0 4px;
}
					   
#feature #step .step_box .t1 {
	height:150px;
	background:url(../feature/images/step01.gif) top no-repeat;
	text-align:center;
	line-height:130%;
	font-weight:bold;
}
#feature #step .step_box .t1 p {
	padding:60px 0 0 0;
}
#feature #step .step_box .t2 {
	height:150px;
	background:url(../feature/images/step02.gif) top no-repeat;
	text-align:center;
	line-height:130%;
	font-weight:bold;
}
#feature #step .step_box .t2 p {
	padding:70px 0 0 0;
}
#feature #step .step_box .t3 {
	height:150px;
	background:url(../feature/images/step03.gif) top no-repeat;
	text-align:center;
	line-height:130%;
	font-weight:bold;
}
#feature #step .step_box .t3 p {
	padding:70px 0 0 0;
}
#feature #step .detail {
	font-size:10px;
}
#feature #step .step_comments {
	padding:15px 0 0 0;
	clear:both;
	font-size:10px;
	text-align:right;
}
#feature #step .step_btn {
	margin:10px 0 0 0;
	text-align:center;
}

/* -- よくある質問 -- */
#feature #question {
	width:680px;
	margin:20px auto 30px auto;
}
#feature #question li a {
	background:url(../images/link_icon.gif) left no-repeat;
	padding:0 0 0 15px;
}
#feature #question .question_link {
	font-weight:bold;
	margin:10px 0 0 0;
	font-size:14px;
}
								   



/* --------- product---------- */
#product {
	overflow:hidden;
}
#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 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;
}
#product .comments_area {
	margin-top:5px;
}
#product .comments_area .comments_15 {
	margin-left:1.5em;
	text-indent:-1.5em;
	font-size:10px;
}
#product .comments_area .comments_21 {
	margin-left:2.1em;
	text-indent:-2.1em;
	font-size:10px;
}
#product .table_area img {
	margin:0 0 2px -1px;
}
#product .table_area table tr th.func {
	width:160px;
	padding:4px 0 0 8px;
	text-align:left;
}
#product .table_area table tr th.desc {
	padding:4px 0 0 11px;
	text-align:left;
}
#product .table_area table tr th.ver {
	width:48px;
	font-size:90%;
	text-align:center;
}
#product .table_area table tr td.func {
	padding:7px 8px 7px 8px;
	text-align:left;
	font-weight:bold;
}
#product .table_area table tr td.desc {
	padding:7px 8px 7px 11px;
	text-align:left;
}
#product .table_area table tr td.ver {
	font-size:130%;
	text-align:center;
}

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

/* --------- dl---------- */
#dl {
}
#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 .box {
	width:680px;
	margin:10px auto 30px auto;
	clear:both;
	overflow:hidden;
	background:none;
}
#regist .box .txtbox {
	width:440px;
	height:85px;
	padding:0 0 0 90px;
	float:left;
	background:url(../regist/images/img_intro.gif) left top no-repeat;
}
#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;
}


/* --------- 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 .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 .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;
}

/* --------- regist---------- */
#mac_regist {
}
#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;
}