﻿@charset "UTF-8";

.contents {
	width: 680px;
	padding: 0 20px 20px 20px;
}

/* タイトルバー */
.title-bar {
	color: #fff;
	font-size: 120%;
	line-height: 25px;
	font-weight: bold;
	width: 667px;
	height: 25px;
	background: url("../images/bg_titlebar_680.gif") no-repeat;
	padding: 0 0 0 13px;
}

.category-title {
	color: #009;
	font-weight: bold;
	padding: 20px 0 0 5px;
}

#category-title-top {
	padding-top: 13px;
}


/* 共通機能 */
.com-func {
	height: 25px;
	border: solid 1px #cfcfcf;
	margin: 10px 0;
	padding: 5px 0px 3px 8px;
}

.com-func ul {
	list-style: none;
}

.com-func .title,
.com-func .item {
	float: left;
}

.com-func .title {
	line-height: 25px;
	width: 82px;
}

.com-func .item {
	font-size: 12px;
	line-height: 25px;
	width: 80px;
	margin: 0 0 0 10px;
}

/* 製品 */
.product-item1,
.product-item2 {
	padding: 5px 0 2px 9px;
}
/* Hides from IE5-mac \*/
* html .product-item1,
* html .product-item2 {
	padding-bottom: 45px; /* IE6 */
}
*:first-child+html .product-item1,
*:first-child+html .product-item2 {
	padding-bottom: 45px; /* IE7 */
}
/* End hide from IE5-mac */

.product-item1,
.product-item1-2nd {
	background: #dcdcff;
}

.product-item1 ul,
.product-item2 ul {
	list-style: none;
}

.product-item1 .icon-link,
.product-item2 .icon-link,
.product-item1 .item,
.product-item2 .item,
.product-item1 .item-wide,
.product-item2 .item-wide {
	float: left;
}

.product-item1 .icon-link,
.product-item2 .icon-link {
	font-weight: bold;
	line-height: 40px;
	width: 96px;
}

.product-item1 .item,
.product-item2 .item {
	font-size: 12px;
	width: 50px;
	padding: 0 0 0 10px;
}

.product-item1 .item-wide,
.product-item2 .item-wide {
	font-size: 12px;
	width: 80px;
	padding: 7px 0 0 10px;
}

.product-item1 #timepackpro,
.product-item2 #timepackpro {
	line-height: 14px;
	display: inline;
}

.product-item1 #timepackpro a,
.product-item2 #timepackpro a {
	margin-top: 10%;
	display: block;
}
/* Hides from IE5-mac \*/
* html .product-item2 #timepackpro a {
	margin-top: 1%; /* IE6 */
}
/* End hide from IE5-mac */

.product-item1-2nd {
	margin: 3px 0 0 217px;
}
.product-item2-2nd {
	margin: 3px 0 0 217px;
}

.product-item1-2nd ul,
.product-item2-2nd ul {
	list-style: none;	
}

.product-item1-2nd .item, 
.product-item2-2nd .item{
	font-size: 12px;
	width: 50px;
	padding: 0 0 0 10px;
	float: left;
}

.attention {
	padding: 15px 0 0 116px;
}

.go-top2 {
	text-align: right;
	padding: 10px 0 0 0;
}

