@charset "utf-8";
/******** product page style ********/

/*** 重要な情報 ***/

div#importantbox {
	margin:12px;
	border-color:#ff877d;
	border-style:solid;
	border-width:1px 1px 3px 1px;
}
div#importantbox h3 {/* タイトル */
	padding:0 4px;
	color:#fffffe;
	letter-spacing:3px;
	background-color:#ff877d;
}
div#importantbox ul {
	margin:1em 0; padding:0 2em;
	text-align:left;
	color:#622f2f;
	list-style:url(../material/li_important.gif) square;
}
div#importantbox > ul { list-style:url(../material/li_important.png); }
div#importantbox li {
	padding:0.2em;
	line-height:135%;
}

/* お知らせ */

div#news {
	margin:1em 1em 3em; padding:0.5em;
	text-align:left;
	border:3px solid #5fb39a;
}
div#news h3 {
	margin:-1em auto 1em auto;
	text-align:center;
	color:#595b58;
	letter-spacing:1px;
}
div#news h3 span {
	padding:0 1em;
	background-color:#fefefe;
}
div#news p {
	padding:0.1em  0.5em;
	text-indent:1em;
	color:#70736f;
	font-size:90%;
}
div#news p#holiday {
	padding:1em 0;
	text-align:center;
	color:#379d2f;
	font-size:100%;
	font-weight:bold;
}

/*** product list ***/

div#productbox {
	width:96%;
	margin:16px auto;
	text-align:left;
}
div#productbox h3 {
	padding:0.2em 1em;
	color:#fefeff;
	font-size:110%;
	letter-spacing:1px;
	background-color:#91dfcb;
}
div.square {
	padding:0 0.5em;
	text-align:right;
	color:#91dfcb;
	font-size:84%;
	border-left:#91dfcb solid 3px;
	border-bottom:#91dfcb solid 3px;
}
div.encourage {/* セールスポイント */
	padding-top:1em;
	color:#d93506;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:underline;
	border-width:3px 3px 0 0;
	border-style:solid;
	border-color:#91dfcb;
}
div#productbox h4 {/* 製品名 */
	padding:0.2em 0 0 2em;
	color:#fefefe;
	font-size:100%;
	letter-spacing:1px;
	background-color:#91dfcb;
}
div.itembox {width:354px; }
div.itembox p {
	padding:3px 24px;
	border-width:0 0 8px 3px;
	border-style:solid;
	border-color:#91dfcb;
}
.condition {/* 製品説明文 */
	margin:3px; padding:0.5em 1em;
	color:#1f2141;
	font-size:94%;
	background-color:#e8f4f4;
}
.condition p {
	padding:0.1em 0.5em;
	background-color:#fefefe;
}
.productlist {
	padding:0 0.5em;
	color:#91dfcb;
	font-size:84%;
	letter-spacing:1px;
	border-width:3px 3px 16px 0;
	border-style:solid;
	border-color:#91dfcb;
}
div.item {
	margin:0 3px; padding:1em 0 0 1em;
	color:#2c78e0;
	font-size:100%;
	letter-spacing:1px;
	border-bottom:#91dfcb dashed 2px;
}
p.version {
	display:inline;
	padding:0 1em;
	font-size:90%;
}
p.updata {
	display:inline;
	padding-left:1em;
	color:#7e858e;
	font-size:90%;
}

/*** infomation box ***/

div.block {
	margin:24px;
	text-align:left;
	font-size:90%;
	border:4px double #fb6d6d;
}
.block h3 {
	margin:1px; padding-top:6px;
	text-align:center;
	color:#efffff;
	letter-spacing:3px;
	background-color:#f06b53;
}
.block ul {
	margin:1em 0; padding:0 2em;
	list-style-type:square;
	list-style:url(../material/li_important.gif) square;
}
div.block > ul { list-style:url(../material/li_important.png); }
.block li {
	padding:0.2em;
	line-height:150%;
}
div#advice {/* お知らせ */
	width:98%;
	margin:12px auto;
	text-align:left;
	line-height:120%;
}
div#advice h4 {
	padding:3px 0 0 2em;
	color:#5f140c;
	border:1px solid #ee9153;
	background-color:#fdf1b0;
}
div#advice ul {
	margin-left:12px; padding:0.5em 2em;
	color:#7e3117;
	background-color:#fdffdb;
	list-style-type:square;
}
div#advice li {
	padding:0.2em;
}
div#customize {/* カスタマイズ */
	margin:12px;
	text-align:left;
	line-height:120%;
	border-top:6px solid #ee9153;
	border-bottom:12px solid #ee9153;
}
div#customize h4 {
	padding-left:36px;
	color:#fffefe;
	background-color:#ee9153;
}
div#customize p {
	margin-left:36px; padding:0.5em 1em;
	color:#7e3117;
	border-left:11px solid #ee9153;
}
div#customize a:link { color:#1eb079; text-decoration:none; }
div#customize a:visited { color:#37b75a; text-decoration:none; }
div#customize a:hover { color:#fb4742; text-decoration:none; }

/*** 製品個々のページ ***/

h3#softwearname {
	margin:12px 0; padding:0 1em;
	color:#973409;
	letter-spacing:3px;
	border-width:0 32px;
	border-style:solid;
	border-color:#a6f6a6;
	background-color:#fceeaa;
}
div#appealbox {
	padding:8px 1em;
	text-align:left;
}
p#appeal {
	color:#d44921;
	font-size:100%;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:underline;
}
dl#productblock {
	margin:12px auto;
	text-align:left;
	color:#414131;
	font-size:90%;
	background-color:#fceeaa;
}
dl#productblock dt {
	padding:4px 8px;
	text-decoration:underline;
	color:#993d0b;
	font-weight:bold;
	letter-spacing:1px;
	border-width:0 32px;
	border-style:solid;
	border-color:#a6f6a6;
	background-color:#fceeaa;
}
dl#productblock dd {
	margin:0 32px; padding:1em;
	background-color:#fefefe;
}
dl#productblock dd p { margin:0.5em 0; }
dl#productblock dd li { margin-left:1em;  padding:0.2em 0; list-style:url(../material/li_arrow.gif) circle; }
dl#productblock dd > li { list-style:url(../material/li_arrow.png); }

table#requirement {/* 動作環境 */
	border-width:3px 0;
	border-style:double;
	border-color:#8e4118;
}
.head {
	padding:0.5em;
	text-align:center;
	font-size:92%;
	border-width:3px 3px 3px 0;
	border-style:double;
	border-color:#f39d50;
}
.requisite {
	padding:0.5em;
	border-width:3px 0 3px 3px;
	border-style:double;
	border-color:#c95c22;
}
.notes {/* 注意書き */
	margin:0;
	color:#bd2e0a;
	font-size:90%;
	font-weight:bold;
	text-decoration:underline;
}
p.value {/* お値段 */
	font-size:110%;
	letter-spacing:2px;
	text-decoration:underline;
}
dl#productblock h4.softtitle {
	padding:0 0.5em;
	color:#c43b19;
	font-size:110%;
	border-bottom:1px solid #b23b18;
	border-left:20px solid #b23b18;
}
dl#productblock h4.purchase {
	margin:1em 15% 1em 0;
	color:#d44921;
	font-size:110%;
	letter-spacing:3px;
	border-bottom:2px dotted #ef8558;
}
dl#productblock h5 {
	margin-top:8px; padding:4px;
	color:#fefeff;
	font-size:95%;
	border-width:0 2px;
	border-style:dotted;
	border-color:#30a57c;
	background-color:#30a57c;
}
div.download {
	padding:0.5em 1em;
	border-width:0 2px 2px 2px;
	border-style:dotted;
	border-color:#30a57c;
}
ul.warning {
	margin-top:0.5em; padding:0.5em 0 0 0.5em;
	color:#e65b47;
	font-size:88%;
	border-top:1px dotted #898906;
}
.warning li { list-style:url(../material/li_warning.gif) circle; }
.warning > li { list-style:url(../material/li_warning.png); }
p.versiondata {
	margin:0;
	font-size:86%;
}
p.filesize {
	margin:0 12px;
	font-size:86%;
}
p#zlib, p#md5 {
	text-align:right;
	font-size:82%;
}
p#zlib { margin-top:2em; }

/*** link color ***/

dl#productblock a:link { text-decoration:none; }
dl#productblock a:visited { text-decoration:none; }
dl#productblock a:hover { text-decoration:underline; }

/******** product page style ********/