@charset "shift_jis";

/* ---------------------------------------------------------
*	
*	メインコンテンツ内要素定義
*
------------------------------------------------------------ */
#main .tabbody{
margin:6px;
}

#main p.intro,
#main .go_download{
margin:0 14px 15px;
}

#main h1{
color:#0D5BB3;
font-weight: bold;
font-size:24px;
margin:12px 0 6px 6px;
}

#main h1 img{
vertical-align:middle;
margin:0 5px;
}

#main h2{
font-weight:bold;
margin:0 0 20px 24px;
}

#main h3.notice{
/*background:#E8E8E8;*/
background:#1B7BE3;
color:#fff;
padding:3px 14px;
font-weight:bold;
margin:15px 0 10px; 
}

/*091016 kamome*/
#main .ico_win7 {
margin:8px 0 -10px 10px;}

#tabbodyside{
float:right;}


/*コメントページへリンク*/
p.btncomment{
width:163px;
height:28px;
background:url(/images/070801/btn_comment_o.gif) no-repeat;
}

p.btncomment a{
background:url(/images/070801/btn_comment.gif);
width:163px;
height:28px;
display:block;
text-indent:-9999px;
}

p.btncomment a:hover{
background:none;
}

/*ダウンロードページへリンク*/
p.btndl{
width:173px;
height:28px;
background:url(/images/070801/btn_dl01_o.gif) no-repeat;
}

p.btndl a{
background:url(/images/070801/btn_dl01.gif);
width:173px;
height:28px;
display:block;
text-indent:-9999px;
}

p.btndl a:hover{
background:none;
}



/*300pxバナー*/
#ad_dlsquare {
width:300px;
text-align:center;
margin:6px 0 6px 6px;
}

/*スクリーンショット*/
#screenshot{
width:300px;
margin:6px 0 6px 6px;
}

#screenshot dl{
background:#DFDFDF;
}

#screenshot dt{
background:#DFDFDF;
padding:2px;
font-size:10px;
text-align:center;
}

#screenshot dd{
background:#FFF;
border:1px solid #DFDFDF;
}

#screenshot dd p{
text-align:center;
margin-bottom:2px;
}

#screenshot ul{
background:#FFF;
padding:2px;
text-align:center;
}


/*メインコンテンツ下部*/
.listing{
margin:0 0 15px 30px;
}

.center_bottom{
margin:0 6px 20px 6px;
}

#ad_strap{
text-align:center;
margin:20px 0;
}

.center_bottom p.pr{
margin:10px 0 0 20px;
}

/* ---------------------------------------------------------
 タブ
------------------------------------------------------------ */

/* 上部タブ
-----------------------------------------*/
#main ul.tabtop{
background:url(/images/070801/bg_tabtop.gif) bottom repeat-x;
position:relative;
height:33px;
margin-bottom:12px;
}

#main ul.tabtop li{
float:left;
}

#main ul.tabtop li.start{
margin-left:9px;
}

/*上タブ（詳細）*/
.tabtop p.tabdetail{
width:190px;
height:28px;
background:url(/images/070801/btn_tabtop01_o.gif) no-repeat;
text-indent:-9999px;
}

.tabtop p.tabdetail a{
background:url(/images/070801/btn_tabtop01.gif);
width:190px;
height:28px;
display:block;
text-indent:-9999px;
}

.tabtop p.tabdetail a:hover{
background:none;
}

/*上タブ（コメント・評価）*/
.tabtop p.tabcomment{
width:190px;
height:28px;
background:url(/images/070801/btn_tabtop02_o.gif) no-repeat;
text-indent:-9999px;
}

.tabtop p.tabcomment a{
background:url(/images/070801/btn_tabtop02.gif);
width:190px;
height:28px;
display:block;
text-indent:-9999px;
}

.tabtop p.tabcomment a:hover{
background:none;
}

/* 評価拒否時追加	*/
.tabtop p.tabcomment_off{
width:190px;
height:28px;
background:url(/images/070801/btn_tabtop02_off.gif) no-repeat;
text-indent:-9999px;
}


/*上タブ（ダウンロードA「ダウンロード・お支払い」）*/
.tabtop p.tabdl01{
width:190px;
height:28px;
background:url(/images/070801/btn_tabtop03a_o.gif) no-repeat;
text-indent:-9999px;
}

.tabtop p.tabdl01 a{
background:url(/images/070801/btn_tabtop03a.gif);
width:190px;
height:28px;
display:block;
text-indent:-9999px;
}

.tabtop p.tabdl01 a:hover{
background:none;
}

/*上タブ（ダウンロードB「ダウンロード」）*/
.tabtop p.tabdl02{
width:190px;
height:28px;
background:url(/images/070801/btn_tabtop03b_o.gif) no-repeat;
text-indent:-9999px;
}

.tabtop p.tabdl02 a{
background:url(/images/070801/btn_tabtop03b.gif);
width:190px;
height:28px;
display:block;
text-indent:-9999px;
}

.tabtop p.tabdl02 a:hover{
background:none;
}


/* 下部タブ
-----------------------------------------*/
#main ul.tabbot{
background: url(/images/070801/bg_tabbot.gif) top repeat-x;
position:relative;
height:33px;
margin-bottom:12px;
}

#main ul.tabbot li{
margin-top:5px;
float:left;
}

#main ul.tabbot li.start{
margin-left:9px;
}

/*下タブ（詳細）*/
.tabbot p.tabdetail{
width:190px;
height:28px;
background:url(/images/070801/btn_tabbot01_o.gif) no-repeat;
text-indent:-9999px;
}

.tabbot p.tabdetail a{
background:url(/images/070801/btn_tabbot01.gif);
width:190px;
height:28px;
display:block;
text-indent:-9999px;
}

.tabbot p.tabdetail a:hover{
background:none;
}

/*下タブ（コメント・評価）*/
.tabbot p.tabcomment{
width:190px;
height:28px;
background:url(/images/070801/btn_tabbot02_o.gif) no-repeat;
text-indent:-9999px;
}

.tabbot p.tabcomment a{
background:url(/images/070801/btn_tabbot02.gif);
width:190px;
height:28px;
display:block;
text-indent:-9999px;
}

.tabbot p.tabcomment a:hover{
background:none;
}

/* 評価拒否時追加	*/
.tabbot p.tabcomment_off{
width:190px;
height:28px;
background:url(/images/070801/btn_tabbot02_off.gif) no-repeat;
text-indent:-9999px;
}

/*下タブ（ダウンロードA「ダウンロード・お支払い」）*/
.tabbot p.tabdl01{
width:190px;
height:28px;
background:url(/images/070801/btn_tabbot03a_o.gif) no-repeat;
text-indent:-9999px;
}

.tabbot p.tabdl01 a{
background:url(/images/070801/btn_tabbot03a.gif);
width:190px;
height:28px;
display:block;
text-indent:-9999px;
}

.tabbot p.tabdl01 a:hover{
background:none;
}

/*下タブ（ダウンロードB「ダウンロード」）*/
.tabbot p.tabdl02{
width:190px;
height:28px;
background:url(/images/070801/btn_tabbot03b_o.gif) no-repeat;
text-indent:-9999px;
}

.tabbot p.tabdl02 a{
background:url(/images/070801/btn_tabbot03b.gif);
width:190px;
height:28px;
display:block;
text-indent:-9999px;
}

.tabbot p.tabdl02 a:hover{
background:none;
}

/* ---------------------------------------------------------
 ダウンロードページ関連
------------------------------------------------------------ */
#download .section,
#download_cn .section{
width:320px;
float:left;
padding:15px 6px 5px 0;
margin-bottom:15px;
}
#download .section h3,
#download_cn .section h3{
background:url(/images/070801/ico_dir01.gif) left 3px no-repeat transparent;
padding:3px 14px;
margin:15px 0 5px 10px; 
font-weight:bold;
font-size:14px;
}

#download .section h3 img,
#download_cn .section h3 img{
vertical-align:middle;
margin-left:10px;
}

#download .section .version,
#download_cn .section .version{
margin-left:5px;
}

#download .section p,
#download_cn .section p{
padding:0 0 10px 14px;
}

#download .section table,
#download_cn .section table{
margin-left:14px;
}

#download .section td .check,
#download_cn .section td .check{
margin-right:5px;
}

#download .section td,
#download_cn .section td{
text-align:center;
}

#download p.add,
#download_cn p.add{
padding:0 10px;
clear:left;
}

ul.downloadguide{
clear:both;
margin:15px 0 15px 15px;
}

ul.downloadguide li{
display:inline;
padding:25px;
}

ul.downloadguide li.dl{
background:url(/images/070801/ico_dlguide.gif) no-repeat left;
padding-left:25px;
}

ul.downloadguide li.vu{
background:url(/images/070801/ico_vuguide.gif) no-repeat left;
padding-left:25px;
}


/*ダウンロードボタン*/
#download p.dl,
#download_cn p.dl{
width:123px;
height:28px;
padding:0;
background:url(/images/070801/btn_dl02_o.gif) no-repeat;
text-indent:-9999px;
margin-right:10px;
}

#download p.dl a,
#download_cn p.dl a{
background:url(/images/070801/btn_dl02.gif);
width:123px;
height:28px;
padding:0;
display:block;
text-indent:-9999px;
margin-right:10px;
}

#download p.dl a:hover,
#download_cn p.dl a:hover{
background:none;
}


/*支払い*/
#download h4.payment,
#download_cn h4.payment{
background:#1B7BE3;
color:#FFF;
clear:both;
padding:3px 14px;
font-weight:bold;
margin-bottom:10px;
}

.pay_box {
	border:1px dashed #eef2f9;
	position:relative;
	width:97%;
	margin:10px auto 0;
	padding:5px;
	background-color:#e3f1fc;
	zoom:100%;
}

.pay_box * {
	font-size:120% !important;}

.pay_box dt {
	background:url(/images/070801/ico_dir02.gif) left 3px no-repeat transparent;
	padding:0 0 0 10px;
	font-weight:bold;
}
.pay_box dd {
	padding-right:170px !important;
	margin:0 0 0 5px;
	color:#111;
}

.pay_box dd a {
	color:#00f;}

.pay_box .shareregi {
	padding-right:0 !important;
	position:absolute;
	bottom:-8px;
	right:5px;
	top:10px;
	text-align:center;
}

/* ---------------------------------------------------------
 コメントページ関連
------------------------------------------------------------ */
ul.btncomment{
margin:0 0 15px 10px;

}
ul.btncomment li{
float:left;
margin-right:10px;
}

#bt_commentedit {
	display:block;
	width:140px;
	height:20px;
	background: url(/images/070801/btn_commentedit.gif) left top no-repeat;
}
#bt_commentlist {
	display:block;
	width:140px;
	height:20px;
	background:url(/images/070801/btn_commentlist.gif) left top no-repeat;
}
.comment_list {
	clear:both;
	width:95%;
	margin:10px auto 0;
	padding:10px;
	background-color:#f8f8f8;
	border:1px solid #efefef;
	position:relative;
	list-style:none;
}
.comment_list * {
	color:#666;
}
.comment_list li {
	border-bottom:1px dashed #ccc;
	margin-bottom:5px;
}
.comment_list .title {
	display:block;
	width:100px;
	text-align:right;
	float:left;
	font-weight:bold;
}
.comment_list .data {
	width:445px;
	float:left;
}
.comment_list .num {
	margin:0 20px 0 5px;
	font-weight:bold;
}
.comment_list .rating {
	float:left;
}
.comment_list .more {
	border:none;
}