@charset "utf-8";

/**
 * PAGE_HEADER
 */
 
.mod-mainContentContainer { margin-top:17px; }

#pageHeader { margin-bottom: 20px; }

#pageHeader #headerTitle {
	margin-bottom: 10px;
	background: url(../images/bg_title.png) no-repeat center bottom;
	text-align: left;
	overflow: hidden;
	height: 70px;
 /height: 80px;
}

#pageHeader #headerTitle h1.title { float:left; }

#pageHeader #headerTitle h1 img.titleThumbImg { padding:0 0 0 15px; margin-bottom:5px; }

#pageHeader #headerTitle h1 span {
	float:left;
	display:block;
	margin:0 0 0 10px;
	width:600px;
	height:60px;
}

/**
 * PAGE_MAIN_CONTENT
 */
#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-top: 0px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 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;
}

#product-cat-01,
#product-cat-02,
#product-cat-03 { width: 580px; }

#product-cat-01,
#product-cat-02,
#product-cat-03 { zoom: 1; }

#product-cat-01:after,
#product-cat-02:after,
#product-cat-03:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html #product-cat-01,
* html #product-cat-02,
* html #product-cat-03 {
	display:inline-table;
	/*\*/display:block;/**/
}

#product-cat-01 li {
	float: left;
	clear: none;
	width: 170px;
	margin-right: 20px;
	padding-bottom: 15px;
}

#product-cat-02 li {
	float: left;
	clear: none;
	width: 260px;
	margin-right: 25px;
	padding-bottom: 15px;
}


/**
 * PAGE_SUB_CONTENT
 */
.pageSubContent,
#info {
	width: 370px;
	float: right;
}

.pageSubContent .section,
#info .section,
#info .section { margin-bottom: 50px; }

.pageSubContent ul,
#info ul,
#info ul { zoom:1;/*for IE 5.5-7*/ }

.pageSubContent ul:after,
#info ul:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html .pageSubContent ul {
	display:inline-table;
	/*\*/display:block;/**/
}

* html #info ul {
	display:inline-table;
	/*\*/display:block;/**/
}

.pageSubContent li,
#info li { zoom:1;/*for IE 5.5-7*/ }

.pageSubContent li:after,
#info li:after {/*for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

* html .pageSubContent li {
	display:inline-table;
	/*\*/display:block;/**/
}

* html #info li {
	display:inline-table;
	/*\*/display:block;/**/
}

.pageSubContent .title,
#info .title {
	clear: both;
	color: #666;
	font-size: 15px;
	padding: 0 0 5px 5px;
	margin-bottom: 15px;
	border-bottom: 1px solid #D0D0D0;
	position:relative;
}

.pageSubContent .title span,
#info .title span { font-size: 13px; }

.pageSubContent .header .title span,
#info .header .title span {
	font-size: 12px;
	letter-spacing: 0.02em;
}

.pageSubContent .figure,
#info .figure {
	float: left;
	margin-right: 10px;
}

.pageSubContent .content,
#info .content {
	margin-left: 60px;
	line-height: 16px !important;
}

.pageSubContent li .content,
#info li .content {
	padding-left: 12px;
	background: url("../images/arrow_black.png") no-repeat left 50%;
}

:root *> .pageSubContent li .content {/* IE6-8�ȊO */ background-position: left 4px !important; }

:root *> #info li .content {/* IE6-8�ȊO */ background-position: left 4px !important; }

.pageSubContent li a,
#info li a,
#info li a { display: inline; }

.pageSubContent li .figure a,
#info li .figure a {
	padding-left: 0px;
	background: none;
}

.pageSubContent li span,
#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.png") no-repeat left 0.4em;
}

.bnr_area {
	display:block;
	margin: 0 auto;
	text-align: left;
}

.bnr_area { margin:0 auto; }

.bnr_single { padding:0 0 5px 0; }

.bnr_twin { margin:0 5px 5px; }

.bnr_twin li {
	width:175px;
	list-style: none;
}

.bnr_twin li.bnr_twin01 { float:left; }

.bnr_twin li.bnr_twin02 { float:right; }
 .newsContent dl dt:not(:nth-of-type(1)) {
 margin-top:1.25em;
}

#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:15px; }

#pageHeader #headerTitle h1 img.titleThumbImg {
	float:left;
	display:block;
	width:50px;
	height:50px;
	padding:5px 0 0 0;
}

#pageHeader #headerTitle { height:auto; }

#pageHeader #headerTitle table div {
	margin-left:3px;
	margin-bottom:2px;
	color:#45678E;
}

.pageSubContent .title,
#pageMainContent .title,
#info .title {
	font-size:19px;
	color:#000;
}

.mod-content,
#pageMainContent,
.pageSubContent,
#info {
	float: none;
	width: 100%;
	overflow: hidden;
	display:table;
}

#pageMainContent .section,
.pageSubContent .section,
#pageMainContent li,
.pageSubContent 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; }

#info .section { margin-bottom:30px; }

.pageSubContent .section { margin-bottom:40px; }

.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; }

#pageHeader .infolink {
	width: 100%;
	text-align: center;
	font-size:15px;
}

#pageHeader .infolink a { display: inline-block; }

.mod-content .section > ul { padding: 0 10px !important; }

#sp { position:relative; }

#info {
	display:table-header-group !important;
	position:absolute;
	top:0px;
	height:inherit !important;
}

.upsidedown-frame { display:table !important; }

#pageMainContent,
#pageAsideLinks,
#info { display:table-row; }

#info { position:relative; }

.wrapper {
	position: relative;
	display:block;
	left: 0;
	z-index: 9999;
}

.bnr_area {
	margin:0;
	width:100%;
}

.bnr_single { margin-bottom:5px; }

.bnr_single img {
	width:100%;
	max-width: 360px;
}

.bnr_twin { margin:0; }

.bnr_twin img {
	width:100%;
	max-width: 175px;
}

.bnr_twin {
	padding:0;
	margin-bottom:10px;
}

.section .bnr_area ul {
	max-width:360px;
	margin:0 auto;
	padding:0 !important;
}

.bnr_twin li { width:49% !important; }

.bnr_twin li.bnr_twin01 { float:left !important; }

.bnr_twin li.bnr_twin02 {
	/* padding-left:5px; */
	float:right !important;
}

#pageHeader #headerTitle { background:none; }

#pageHeader #headerTitle h1.title {
	width:100%;
	padding:0 0 2px 0;
}

#pageHeader #headerTitle table {
	width:100%;
	border-bottom:#D0D0D0 2px solid;
}

#pageHeader #headerTitle table td:first-of-type { width:50px; }

#pageHeader #headerTitle table div img { vertical-align:middle; }

#sp #pageMainContent .unit { margin:0 !important; 
}

#info dl dd { font-size:15px !important; }

h2.title { font-size:18px !important; }

.newsContent dl { padding:0 5px; }

#headerTitle .titleText img { display:none; }

#headerTitle .titleText div { display:block; }

#headerTitle div.titleText div:first-of-type { margin-bottom:0.1em; }

#headerTitle div.titleText div span:not(:first-of-type) { vertical-align:baseline !important; }

#headerTitle div.titleText div:nth-of-type(2) { line-height:150%; }

#headerTitle div.titleText div:nth-of-type(2) span {
	vertical-align:baseline !important;
	display:inline-block !important;
}

#headerTitle div.titleText div span:first-of-type { display:block; }

.newsContent dl { margin:0; }

#sp { width:100%; }

#pageMainContent div.unit li { margin-right: 0; }


}