/* ------------------------------------------
Style Sheet
	grpmail/
------------------------------------------ */

/*  メニュー  */

#menu {
	width: 750px;
	height:26px;
	background-color: #CBD8EB;
	margin:0 20px 10px 20px;
}

#menu ul, #menu li {
	padding: 0;
	margin: 0;
	list-style: none ;
	font-size:15px;
	font-weight:bold;
}

#menu li {
	float: left;
	border-right :2px solid #ffffff;
	list-style: none ;
	height:100%;
}

#menu a, #menu a:link, #menu a:visited {
	text-decoration: none;
	color: #0A336F;
	background: #CBD8EB;
	padding: 4px 10px;
	display:block;
}

#menu a:hover {
	background-color: #86A4D0;
	color: #ffffff;
}


/*  タイトル  h1 p などbase.cssファイルに */
.read h2 {
	font-size:15px;
	color:#0A336F;
	background-color:#ECF0F6;
	border-top:1px solid #9BB6DD;
	border-right:1px solid #9BB6DD;
	border-bottom:1px solid #9BB6DD;
	border-left:7px solid #9BB6DD;
	line-height:130%;
	margin:0 0 3px 0 ;
	padding:2px 5px;
}

.read h3 {
	font-size:16px;
	color:#333333;
	background-color:#ffffff;
	border-top:3px double #dddddd;
	border-bottom:2px dotted #cccccc;
	line-height:130%;
	margin:20px 0 3px 0 ;
	padding:2px 0 2px 0;
}

.read span.leader {
	color:#0066FF;
}

p.price {
	font-size:14px;
	color:#333333;
	background-color:#ffffff;
	border-bottom:1px solid #999999;
	line-height:130%;
	margin:10px 10px 20px 300px ;
	padding:2px 5px;
	text-indent: 0em;
	text-align: right;
}

/*  導入実績  */

h3.case-kadai {
    margin: 0;
    width:530;
    height:38px;
    background-image: url('../images/grpmail/case_kadai.gif');
    background-repeat:no-repeat;
    padding:5px 5px 0px 135px;
    font-size:13px;
}

h3.case-kekka {
    margin: 0;
    width:530;
    height:38px;
    background-image: url('../images/grpmail/case_kekka.gif');
    background-repeat:no-repeat;
    padding:5px 5px 0px 135px;
    font-size:13px;
}

h3.case-genzai {
    margin: 0;
    width:530;
    height:38px;
    background-image: url('../images/grpmail/case_genzai.gif');
    background-repeat:no-repeat;
    padding:5px 5px 0px 135px;
    font-size:13px;
}

h3.case-kaisha {
    background-image: url('../images/grpmail/case_company.gif');
    background-repeat:no-repeat;
    text-indent:-9999px;
    width:530;
    height:30px;
    margin: 0;
}

div.kaisha-data {
    background-color:#E8E8E8;
    padding:10px;
    margin: 0;
}



/*  機能詳細  */

#function_point {
    margin: 0 0 20px 0;
}

#function_mailbox {
    margin: 0 0 20px 0;
    background-image: url('../images/grpmail/function_mailbox.gif');
    background-repeat:no-repeat;
}

#function_other {
    margin: 0 0 20px 0;
    background-image: url('../images/grpmail/function_other.gif');
    background-repeat:no-repeat;
}

#function_mailbox h3 , #function_other h3 {
	padding:25px 20px 20px 70px ;
	font-size:100%;
	color:#0A336F;
}

#function_point p ,#function_mailbox p ,#function_other p {
	margin:0px 0px 10px 40px ;
	font-size:80%;
	color:#333333;
	line-height:125%;
}

#function_mailbox img {
	margin:0px 0px 10px 40px ;
}

#function_point dl {
	margin:10px;
	padding:0;
	border:0;
	background:#ffffff;
	color:#003300;
}

#function_point dt {
	margin-bottom:5px;
	padding-left:10px;
	border-bottom:1px #cccccc dotted;
	border-top:3px #eeeeee solid;
	font-size:95%;
	line-height:125%;
	color:#cc0000;
	font-weight:bold;
}

#function_point dd {
	margin-bottom:5px;
	font-size:70%;
	line-height:125%;
}

/*  PRエリア  */
.pr {
	margin:10px 0 10px 0 ;
	font-size:95%;
	color:#cc0000;
	font-weight:bold;
}


/*  製品概要の枠  */

#summary {
	margin:0;
	padding:0;
}

.summary01 , .summary02 ,.summary03 ,.summary04 {
	margin: 0 0 10px 0;
}

#summary p , #summary font {
	padding:1px 30px 0 20px;
	font-size:13px;
	line-height:120%;
	display:block;
}

#summary a:link {
	color:#333333;
	text-decoration:none;
}

#summary a:visited {
	color: #333333;
	text-decoration:none;
}

#summary a:hover {
	color:#000000;
	text-decoration:underline;
}

#summary a:active {
	color:#000000;
	text-decoration:underline;
}


#summary-more {
	clear:both;
	width:530px;
	margin:0 0 20px 0;
	font-size:80%;
	text-align:right;
	padding:0;
}

#summary-more img {
	vertical-align: middle;
	margin:0 5px 2px 0 ;
	width:14px;
	height:14px;
}

#summary-more a:link {
	color:#333333;
	text-decoration:none;
}

#summary-more a:visited {
	color: #666666;
	text-decoration:none;
}

#summary-more a:hover {
	color:#cc0000;
	text-decoration:none;
}

#summary-more a:active {
	color:#cc0000;
	text-decoration:none;
}



#contents ul {
	padding:0;
	margin:0 0 20px 40px;
	border:0;
	background:#ffffff;
	color:#666666;
}

#contents li {
	margin-bottom:0.1em;
	font-size:80%;
	line-height:125%;
}

#contents h4 {
	border-bottom:1px #999999 dotted;
	margin:20px 0 5px 20px;
	padding:3px 5px;
	color:#333333;
	font-size:90%;
}


/*  フォーム  */
#inquiry { margin:20px 0;}

#inquiry table {
	border-collapse:separate;
	border-spacing: 5px;
	font-size:85%;
}

#inquiry th {
	color:#0A336F;
	font-weight:bold;
	padding:5px 5px;
	text-align:right;
	border-right:5px solid #CBD8EB;
	white-space:nowrap;
	vertical-align:top;
}

#inquiry td {
	font-weight:normal;
	padding:5px 5px;
	text-align:left;
}

#inquiry div.button {
	margin: 20px 10px 10px 0;
	text-align:right;
}

#inquiry button.go-confirm , #inquiry button.go-send , #inquiry button.go-top {
	background-color:#2E67D1;
	width:140px;
	height:27px;
	cursor: pointer;
}

#inquiry button.back {
	background-color:#cccccc;
	width:140px;
	height:27px;
	cursor: pointer;
}


#inquiry input.go-confirm , #inquiry input.go-send , #inquiry input.go-top {
	background-color:#2E67D1;
	border:2px solid;
	border-top:#cccccc;
	border-right:#666666;
	border-bottom:#666666;
	border-left:#cccccc;
	cursor: pointer;
}

#inquiry input.back {
	background-color:#cccccc;
	border:2px solid;
	border-top:#cccccc;
	border-right:#666666;
	border-bottom:#666666;
	border-left:#cccccc;
	cursor: pointer;
}


/*  強調  */
.point {
	color:#0033ff;
}