@charset "utf-8";

/*
	File Name   : content.css
	Author      : Kensuke Takahashi
	Description : コンテンツエリア関係 他
*/


/* Heading
----------------------------------------------------------- */



/* Box, Paragraph
----------------------------------------------------------- */
.align1 {
	text-align: right;
}

.align2 {
	text-align: center;
}

div#indexInfo {
	position: relative;
	background: url(../img/index/info_bg.png) no-repeat left bottom;
}

div#indexInfo p {
	position: absolute;
	top: 12px;
	right: 15px;
	margin: 0;
}

div.indexProducts {
	clear: both;
	padding-top: 1em;
}

div.indexProducts p {
	margin: 0;
}


/* List
----------------------------------------------------------- */
ul#productsNavi {
	height: 44px;
	margin-bottom: 8px;/* もと20px */
	background: url(../img/index/navi_bg.png) no-repeat 0 0;
}

ul#productsNavi li {
	float: left;
}

ul#productsNavi li a {
	display: block;
	float: left;
}

ul#productsNavi li a:hover {
	background-color: transparent;
}

ul#productsNavi li a:hover img {
	visibility: hidden;
}

div#indexInfo dl {
	float: left;
	padding: 10px 15px;
}

div#indexInfo dl dt {
	padding-left: 10px;
	color: #5182d0;
	background: url(../img/index/info_icon.gif) no-repeat 0 50%;
}

div#indexInfo dl dd {
	margin: -1.5em 0 5px 8.5em;
}

/*--NEW!--*/
div#indexInfo dd span {
	color:red;font-weight:bold;
}


div.indexProducts dl {
	float: right;
	width: 465px;
}

div.indexProducts dd {
	padding: 5px 0 0 10px;
	background: url(../img/index/product_icon.png) no-repeat 0 11px;
}



div.indexProducts dd img {
	margin-top: 5px;
}



/* Table
----------------------------------------------------------- */



/* Link
----------------------------------------------------------- */
div#indexInfo dl dd a,
div.indexProducts dl dd a {
	color: #333;
}


/* Clearfix
----------------------------------------------------------- */
div#indexInfo:after,
div.indexProducts:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#indexInfo,
div.indexProducts {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html div#indexInfo,
* html div.indexProducts {
	height: 1%;
}

div#indexInfo,
div.indexProducts {
	display: block;
}
/* End hide from IE-mac */