@charset "utf-8";

/**
 * MOD-CONTENT
 */
 
.mod-mainContentContainer { margin-top:17px; }

/**
 * PAGE_MAIN_CONTENT
 */
.pageMainContent .content {
	margin-left: 60px;
	padding-left: 12px;
	background: url("../images/arrow_black.gif") no-repeat 0 4px;
	line-height: 16px !important;
}
.pageMainContent .content, x:-moz-any-link {/* FF */
 background-position: left 4px !important;
}
*+html .pageMainContent .content {
	background-position: left 3px !important;
}/* IE7 */

.pageMainContent {
	width: 560px;
	float: left;
	overflow: hidden;
}

.pageMainContent ul,
.pageMainContent li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

.pageMainContent .section { margin-bottom: 40px; }

.pageMainContent li { zoom:1;/*for IE 5.5-7*/ }

.pageMainContent li:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html .pageMainContent li {
	display:inline-table;
	/*\*/display:block;/**/
}

.pageMainContent .title {
	clear: both;
	color: #666;
	font-size: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	padding: 0 0 0 5px;
}

.pageMainContent h3.title {
	background:#666666;
	clear: both;
	color: #fff;
	font-size: 13px;
	font-weight:normal;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0.8em;
	border-bottom:none;
}

.pageMainContent .header .title {
	height: 15px;
	line-height: 15px;
	margin-bottom: 20px;
	padding: 10px 21px;
	border: none;
	color: #333;
	background: url(../images/title-bg.gif) repeat-x left top;
}

.pageMainContent li { position: relative; }

.pageMainContent .figure {
	float: left;
	margin-right: 10px;
}

.pageMainContent li a { display: inline; }

.pageMainContent li .figure a {
	padding-left: 0px;
	background: none;
}

#product02,
#product02-2,
#product01 { width: 580px; }

#product02,
#product02-2,
#product01 { zoom: 1; }

#product02:after,
#product02-2:after,
#product01:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #product02,
* html #product02-2,
* html #product01 {
	display:inline-table;
	/*\*/display:block;/**/
}

#product02 li,
#product02-2 li {
	float: left;
	clear: none;
	margin-right: 20px;
	padding-bottom: 15px;
 *padding-bottom: 20px;
}

#product02 li {
	width: 170px;
}
#product02-2 li {/*for de, dk, nl*/
	width: 260px;
}

/**
 * INFO
 */
#info {
	width: 370px;
	float: right;
}

#info .section,
#info .section { margin-bottom: 50px; }

#info ul,
#info ul { zoom:1;/*for IE 5.5-7*/ }

#info ul:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #info ul {
	display:inline-table;
	/*\*/display:block;/**/
}

#info li { zoom:1;/*for IE 5.5-7*/ }

#info li:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #info li {
	display:inline-table;
	/*\*/display:block;/**/
}

#info .title {
	clear: both;
	color: #666;
	font-size: 15px;
	padding: 0 0 0 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	position:relative;
}

#info .title span { font-size: 13px; }

#info .header .title span {
	font-size: 12px;
	letter-spacing: 0.02em;
}

#info .figure {
	float: left;
	margin-right: 10px;
}

#info .content {
	margin-left: 60px;
	line-height: 16px !important;
}

#info li .content {
	padding-left: 12px;
	background: url("../images/arrow_black.gif") no-repeat left 50%;
}

:root *> #info li .content {/* IE6-8�ȊO */ background-position: left 4px !important; }

#info li a,
#info li a { display: inline; }

#info li .figure a {
	padding-left: 0px;
	background: none;
}

#info li span {
	padding-left: 12px;
	font-size: 10px;
	color: #999999;
}

#sp .pageMainContent .unit { margin:10px 0 0px 0 !important; 
}

.newsContent dl dt,
.newsContent dl dd { font-size:13px; }

.newsContent dl dt { margin: 10px 0 0 0; }

.newsContent dl dd {
	margin:0.2em 0 0.5em 0;
	padding:0 0 0 10px;
	line-height:1.5;
	background:url("../images/arrow_black.gif") no-repeat 0 6px;
}

#pageHeader #headerTitle table div {
	margin-left:17px;
	margin-top: 2px;
	margin-bottom:5px;
}

#headerTitle .titleText div { display:none; }

#menu-cat-01,
#menu-cat-02 { margin-bottom: 35px; }

.newsContent dl { margin:0 5px; }

.pageMainContent .content { 
	word-break:normal;
	word-wrap:break-word;
}

.newsContent dd { word-break:normal; }


 @media (max-width:640px) {

.mod-mainContentContainer { font-size:15px; }

.pageMainContent h3.title { font-size:16px; }

.pageMainContent .title,
#info .title {
	font-size:19px;
	color:#000;
}

.mod-content,
.pageMainContent,
#info {
	float: none;
	width: 100%;
	overflow: hidden;
	display:table;
}

.pageMainContent .section,
.pageMainContent li,
#info li {
	float: none !important;
	width: auto !important;
}

.pageMainContent .title { margin-bottom: 20px; }

.pageMainContent h3.title { margin-bottom: 20px; }

.pageMainContent .section { margin-bottom:30px; }

.mod-content .title a {
	padding: 0 0 0 12px;
	color: #333;/*-webkit-background-size:320px 60px;*/
}

.mod-content .title a:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px;
	height: 60px;
}

.mod-content .title > a:after { background: url(../../../sp/images/title-bt-open.png) no-repeat left top; }

.mod-content .header .title { }

.mod-content .section > ul { padding: 0 10px !important; }

#sp { position:relative; }

.upsidedown-frame { display:table !important; }

.pageMainContent,
#info { display:table-row; }

#info { position:relative; }

.wrapper {
	position: relative;
	display:block;
	left: 0;
	z-index: 9999;
}

#sp .pageMainContent .unit { margin:0 !important; 
}

#info dl dt { font-size:14px !important; }

#info dl dd { font-size:15px !important; }

h2.title { font-size:18px !important; }

.newsContent dl { padding:0 5px; }

.newsContent dl { margin:0; }

#sp { width:100%; }

.pageMainContent div.unit li { margin-right: 0; }


}
