@charset "UTF-8";
/* 共通レイアウト読み込み */
@import url("../com/_package.css");
/* Tunes Keeper */
#Right-Area p.free-trial{ width:210px; text-align:right; float:left}
/* 製品概要 */
#free-trial { padding:0}


/* 製品概要 */
.tk-index #title { float:left; width:440px; padding:8px 0 0 5px;}
.tk-index #intro { padding:0 0 5px 10px}
.tk-index #intro strong { font-size:110%; color:#996600}
.tk-index #sample { float:left; width:210px; margin:8px 0 0 5px;}

.tk-index h2{ margin:15px 0 0 5px; clear:left; border-bottom:solid 1px #ccc; width:680px}
.tk-index h3 {padding:10px 0 10px 15px;}

.tk-index p.chart { width:300px; text-align:center; float:left}
.tk-index p.chart img { margin:0 0 8px 0}

.tk-index p.chart .img1 { margin-right:40px}

.tk-index .red { color:#e83b09}
.tk-index .gray { color:#676767}
.tk-index .blue { color:#3577ef}

.tk-index #exp { float:left; width:350px}
.tk-index #exp1 { font-size:105%; padding:5px 10px 0 0}
.tk-index .option {font-size:80%; padding:10px 0 0 0;}

.tk-index #exp2 { width:350px; float:left;margin:12px 0 0 0}
.tk-index #exp2 div { padding:10px; background:#eaf5e1; margin-bottom:10px;}

.tk-index #exp2 ul { margin:10px 0 0 20px}

.tk-index #exp3 { width:350px; float:left; margin:0 0 10px 0; position:relative}
.tk-index #exp3 img {
	position:absolute;
	top:0;
	left:147px;
	margin:0!important;
}
.tk-index #exp3 ul {background:#fdefeb;padding:10px; margin:50px 0 10px 0}
.tk-index #exp3 ul li { margin-left:20px;}
.tk-index #exp3 img { margin:10px 0 0px 30px}
.tk-index #exp3 strong { color:#EC6549}


/* 基本仕様 */
.left-column { float:left; width:320px; margin-right:40px;}
.right-column { float:left; width:320px;}
.sample { text-align:center; padding:5px 0;}

.kihon h1 { margin:15px 0 0 5px ;border-bottom:solid 1px #ccc; width:680px}
.kihon h2 {font-weight:bold; padding:20px 0 2px 2px; margin:0 0 7px 5px ; color:#006080; font-size:105%; border-bottom:solid 1px #006080; height:auto;}
.kihon .atc { font-size:75%; text-align:right; clear:both}
.kihon #list{ padding:0; margin:0 10px 15px 10px;}
.kihon #list li{ padding:0; margin:0; list-style:none; display:inline; padding:0 0 0 16px; background:url(/package/tuneskeeper/images/img014.gif) no-repeat 2px 5px}
.kihon p { margin:10px 10px 15px 10px;}
.kihon strong { color:#c01c79; font-size:120%;}

/* オプション機能 */
.opt h1 { margin:15px 0 0 5px ;border-bottom:solid 1px #ccc; width:680px}
.opt h2 {font-weight:bold; padding:20px 0 2px 2px; margin:0 0 7px 5px ; color:#90428b; font-size:105%; border-bottom:solid 1px #90428b; height:auto;}
.opt p {margin:10px 10px 15px 10px;}
.opt .atc { font-size:75%;clear:both}
.opt p img { float:left; margin:7px 20px 10px 5px}
.opt .tokka { padding:5px 15px; background:#f1ddf0; font-size:105%; margin:0 0 10px 10px ; width:350px}
.opt .tokka strong { color:#CC0033;font: bold 160%/150% Geneva, Arial, Helvetica, sans-serif; letter-spacing:1px;}
.opt #tax { background:#f7f1f7; padding:7px 5px;}
.opt #tax strong { font-size:150%; color:#bd0066}

/* 推奨構成 */
.rec h1 { margin:15px 0 15px 5px ;border-bottom:solid 1px #ccc; width:680px}
.rec caption { font-weight:bold; color:#996600; padding:5px 0 3px 0;}
.rec table { border-top: solid 1px #5C4F49; border-bottom: solid 1px #5C4F49; width:630px;margin:0 0 17px 20px}
.rec th { width:120px; white-space:nowrap; text-align:center; padding:4px; color:#5C4F49;border-bottom: solid 1px #a2877b; background:#f5f5f5}
.rec td { padding:4px; border-bottom: solid 1px #a2877b ;border-left: solid 1px #a2877b}
.rec ul#ano-list { list-style:none; font-size:75%; width:620px; padding:0 0 0 35px !important; text-indent:-1em}


/* 導入実例 */
.rec h2 { margin:50px 0 15px 5px ;border-bottom:solid 1px #ccc; width:680px;}
.rec ul#intro-list{ list-style:none; margin:0 0 0 10px}
.rec ul#intro-list li { float:left; width:230px;_height:80px;min-height:80px; padding:0; margin:0;font-size:92%; display:block;}
.rec ul#intro-list li img { margin:5px 0 0 5px}