.mod-mainContentContainer {
	min-width: 280px;
}

#pageNavi {
	width: 942px;
	padding: 0 3px 3px 3px;
	border-left: solid 1px #B2B2B2;
	border-right: solid 1px #B2B2B2;
	border-bottom: solid 1px #B2B2B2;
}
#pageNavi li {
	float: left;
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
	border: solid 1px #fff;
}
#pageNavi li:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
#pageNavi li.color01 .nav_copy { background:#0070b9; }
#pageNavi li.color01 .nav_type { color:#0070b9;background:#eeeef9; }
#pageNavi li.color02 .nav_copy { background:#a31c6e; }
#pageNavi li.color02 .nav_type { color:#a31c6e;background:#f7ebf1; }
#pageNavi li.color03 .nav_copy { background:#007733; }
#pageNavi li.color03 .nav_type { color:#007733;background:#cce0cf; }
#pageNavi li.color04 .nav_copy { background:#4cace7; }
#pageNavi li.color04 .nav_type { color:#4cace7;background:#eeeef9; }
#pageNavi li.color05 .nav_copy { background:#f09192; }
#pageNavi li.color05 .nav_type { color:#f09192;background:#fdeeed; }
#pageNavi li.color06 .nav_copy { background:#814d8f; }
#pageNavi li.color06 .nav_type { color:#814d8f;background:#ece2ed; }
#pageNavi li.color07 .nav_copy { background:#ec6d7b; }
#pageNavi li.color07 .nav_type { color:#ec6d7b;background:#f0e7e8; }
#pageNavi li.color08 .nav_copy { background:#364e52; }
#pageNavi li.color08 .nav_type { color:#364e52;background:#e4e2e3; }
#pageNavi li a {
	display: block;
	width: 312px;
	position: relative;
	text-decoration: none;
}
#pageNavi li .nav_copy {
	display: table;
	width: 299px;
	height: 77px;
	padding-left: 13px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.43;
	color: #fff;
}
#pageNavi li .nav_copy p {
	display: table-cell;
	vertical-align: middle;
}
#pageNavi li .nav_type {
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	padding-left: 13px;
}
#pageNavi li .nav_type span {
	font-size: 14px;
}
#pageNavi li .nav_product_img {
	width: 100px;
	height: 107px;
	position: absolute;
	top: 0; right: 0;
}
#pageNavi li .nav_product_img img {
	display: block;
}
#pageNavi li .nav_img img {
	display: block;
	width: 100%;
	height: auto;
}



h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,p{
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
#pagetoparea {
    margin-top: 20px;
    text-align: right;
}
#pageNavi {
	margin: 0 auto 40px;
}
#pageNavi li {
	display: inline;
}
h2 {
	margin: 0 0 15px;
}
#point {
}
.pointSection {
	width: 950px;
	margin: 0 0 40px;
}
.pointSectionLeft,
.pointSectionRight {
	background: url(../images/sectionBg.jpg) no-repeat 0 45px;
}
.pointSectionLeft {
	/*width: 466px;
	float: left;*/
	margin-bottom: 45px;
}
.pointImage {
	float: left;
	margin-bottom: 10px;
}
.pointImage img {width: 250px;}
.pointBtn {
	width: 240px;
	float: right;
	margin-bottom: 10px;
}
.pointBtn ul li {
	list-style: none;
}
.pointBtn ul li {
/*	background: url("/share4/images/mod-touchPoint/ico_01.png") no-repeat scroll 15px 50% rgba(0, 0, 0, 0);
	padding: 0 0 0 30px;
	font-size: 1.38462em;*/
	margin-bottom: 10px;
}
.pointBtn ul li .mod-button {
	font-size: 10px !important;
	padding:.2em 5px .2em 9px !important;
	background-position:0 49% !important;
	margin: 0 5px!important;
	cursor: pointer;
	font-weight: normal;
/*	float: right;*/
}
.pointBtn ul li a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
.pointBtn ul li a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pointBtn ul li a span {
	font-size: 113%;
}
.pointSectionRight {
	/*width: 465px;
	float: right;*/
}
h3 {
	margin: 0 0 25px;
	padding-top: 1px;
	border-top: solid 1px #fff;
}
h3 p {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	height: 42px;
	line-height: 42px;
	padding: 0 10px;
}
h3 p span {
	font-size: 16px;
	font-weight: normal;
	padding-left: 15px;
}
h3.color01 { border-top-color: #0070b9; }
h3.color01 p { background: #0070b9; }
h3.color02 { border-top-color: #a31c6e; }
h3.color02 p { background: #a31c6e; }
h3.color03 { border-top-color: #007733; }
h3.color03 p { background: #007733; }
h3.color04 { border-top-color: #4cace7; }
h3.color04 p { background: #4cace7; }
h3.color05 { border-top-color: #f09192; }
h3.color05 p { background: #f09192; }
h3.color06 { border-top-color: #814d8f; }
h3.color06 p { background: #814d8f; }
h3.color07 { border-top-color: #ec6d7b; }
h3.color07 p { background: #ec6d7b; }
h3.color08 { border-top-color: #364e52; }
h3.color08 p { background: #364e52; }


.pointChildLeft:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*
.pointChildLeft {
	width: 238px;
	float: left;
}
pointChildRight {
	width: 212px;
	float: right;
}*/
.pointChildLeft {float: right;}
.pointChildRight {
	width: 697px;
	float: left;
}
.pointChildRight dl {
	width: 660px;
}
.pointBtn {display: none;}
.pointChildRight dl dt {
	font-weight: bold;
	font-size: 14px;
}
.color01 dt { color: #2357bf; }
.color02 dt { color: #992a6b; }
.color03 dt { color: #007733; }
.color04 dt { color: #7eb71b; }
.color05 dt { color: #f68082; }
.color06 dt { color: #6c3389; }
.color07 dt { color: #303b41; }
.color08 dt { color: #3e3e98; }
.color09 dt { color: #ec6d7b; }

.caption {
	font-size: 11px;
	display: block;
	padding: 10px 0 0 0.8em;
	text-indent: -0.8em;
}
 dt .caption {
	font-size: 11px;
	display: inline;
	padding: 10px 0 0 0.8em;
	text-indent: -0.8em;
	color: #666;
}
* html .caption {
	margin-left: 0.2em;
}

/* Margin
-------------------------------------------------*/
.mb5 {
	margin-bottom: 5px;
}
.mt20 {
	margin-top: 20px;
}


/* Clearfix
-------------------------------------------------*/
.pointSection:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.pointSection,
.clearfix {
	display: inline-block;
}

.accordion_content {margin-bottom: 10px;}

.recommend_item_list {display: block;}
.recommend_item_list.ril_01 {
	width: 190px;
	margin: 0 auto;
}
.recommend_item_list.ril_02 {
	width: 380px;
	margin: 0 auto;
}
.ril_02_msg {
	width: 365px;
	margin: 0 auto 10px auto;
}

.ril_02_msg div p {
	float: left;
	background: #f2f2f2;
	text-align: center;
	padding: 4px 0;
	width: 180px;
}
.ril_02_msg div p:first-child {
	margin-right: 5px;
}
.ril_03_msg {
	width: 760px;
	margin: 0 auto 10px auto;
}
.ril_03_msg div {display: block;}
.ril_03_msg div p {
	float: left;
	background: #f2f2f2;
	text-align: center;
	padding: 4px 0;
	width: 180px;
}
.ril_03_msg div p:first-child {
	margin-right: 5px;
}
.ril_05_msg {
	width: 600px;
	margin: 0 auto 10px ;
}
.ril_05{
	width: 600px;
	margin: 0 auto 10px ;
}
.ril_05_msg div {display: block;}
.ril_05_msg div p {
	float: left;
	background: #f2f2f2;
	text-align: center;
	margin-right: 5px;
	padding: 4px 0;
	width: 180px;
}
.ril_05_msg div p:first-child  {
	width: 185px;
	margin-right: 5px;
}
.ril_05_msg div p:nth-child(2)  {
	width: 205px;
	margin-right: 5px;
}
.recommend_item_list li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	/*width: 168px;*/
	margin-right: -3px;
}
.recommend_item_list li a {display: block; text-align: center;}
.recommend_item_list li .mod-button {
	padding: 0 18px;
	background-position: 0 center !important;
}
.recommend_item_list .recommend_item_name {
	min-height: 40px;
	margin-bottom: 5px;
	color: #333;
	-webkit-transition: color 0.3s ease-in !important;
	-moz-transition: color 0.3s ease-in !important;
	-ms-transition: color 0.3s ease-in !important;
	-o-transition: color 0.3s ease-in !important;
	transition: color 0.3s ease-in !important;
}
.recommend_item_list a:hover .recommend_item_name {
	margin-bottom: 5px;
	color: #c41230;
}
.recommend_item_list .recommend_item_name h3 {
	font-size: 16px;
	margin-bottom: 0px;
}
.recommend_item_list li .img_sam {
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px dotted #ccc;
}
.recommend_item_list li.item_02 .img_sam {
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
.recommend_item_list li.item_05 .img_sam {
	border-left: 1px dotted #ccc;
	border-right: 1px dotted #ccc;
}
.recommend_item_list li .img_sam img {
	width: 167px;
}
.banner {
	-webkit-transition: opacity 0.2s ease-in;
	-moz-transition: opacity 0.2s ease-in;
	-ms-transition: opacity 0.2s ease-in;
	-o-transition: opacity 0.2s ease-in;
	transition: opacity 0.2s ease-in;
}
.banner:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
.banner a {
	display: inline-block;
}

.colorBox8 {background: #e6e5f9; color: #3e3e98; font-weight: bold; font-size: 14px; display: inline-block; padding: 2px 4px;}



@media (max-width:640px){
	.mod-heading h2 {
		line-height: 1.2;
	}
	.mod-heading h2 .suptx {
		font-size: 70%;
	}
	h3 {
		margin: 0;
	}
	h3 p {
		font-size: 13px;
		height: auto;
		line-height: 1.3;
		padding: 6px;
	}
	h3 p span {
		display: block;
		font-size: 12px;
		padding: 5px 0 0;
	}

	.pointSection {
		width: 100%;
		margin: 0 0 40px;
	}
	.pointSectionLeft,
	.pointSectionRight {
		background:  none;
	}
	.pointSectionLeft {
		margin-bottom: 20px;
	}
	.pointSectionLeft {
		width: 100%;
		float: none;
	}
	.pointSectionRight {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.pointSection {
		margin: 0;
	}
	.pointSection h3 img {
		width: 100% !important;
		height: auto !important;
	}
	.pointSection h3 {
		padding: 0 0 15px;
		position: relative;
	}
	.pointSection h3:after {
		content: "";
		position: absolute;
		bottom: 6px;
		left: 50%;
		display: block;
		width: 5px;
		height: 5px;
		border-top: 3px solid #ffffff;
		border-left: 3px solid #ffffff;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		margin-left: -3px;
	}
	.pointSection h3.accordion_open:after {
		-webkit-transform: translate(0, 3px)  rotate(45deg);
		transform: translate(0, 3px) rotate(45deg);
	}
	#point_sx h3 { background: #ededf7; }
	#point_tx h3 { background: #e1eaf9 ; }
	#point_ux h3 { background: #f5ecf1 ; }
	#point_px h3 { background: #cce0cf ; }
	#point_bx h3 { background: #eef3df ; }
	#point_lx h3 { background: #fdefee ; }
	#point_r  h3 { background: #ece2ed ; }
	#point_r1 h3 { background: #ece2ed ; }
	#point_r2 h3 { background: #f0e7e8 ; }
	#point_dm h3 { background: #e4e2e3 ; }
	#point_sxux h3 { background: #e7e1ed ; }

	#point_sx h3:after { border-color: #3e65ba ; }
	#point_tx h3:after { border-color: #6cace4 ; }
	#point_ux h3:after { border-color: #9b3b73 ; }
	#point_px h3:after { border-color: #007733 ; }
	#point_bx h3:after { border-color: #88b537 ; }
	#point_lx h3:after { border-color: #f08a8d ; }
	#point_r  h3:after { border-color: #79488f ; }
	#point_r1 h3:after { border-color: #814d8f ; }
	#point_r2 h3:after { border-color: #ec6d7b ; }
	#point_dm h3:after { border-color: #3e464a ; }
	#point_sxux h3:after { border-color: #272866 ; }

	.pointImage {
		float: none;
	}
	.pointImage img {
		width: 100% !important;
		height: auto !important;
	}
	.pointBtn {
		width: 100%;
		float: none;
		margin-bottom: 10px;
	}
	.pointBtn ul li {
		display: inline;
		font-size: 1em;
	}
	p.pointBtn {
		text-align: center;
	}
	.pointChildLeft {
		width: auto;
		float: none;
	}
	.pointChildRight {
		width: auto;
		float: none;
		margin: 0 0 15px;
	}
	.pointChildRight dl {
		width: auto;
	}
	.pointChildRight dl dt {
		font-weight: bold;
	}

	.caption {
		padding-top: 3px;
	}
	.pointSection {
		display: block;
	}
	.recommend_item_list .recommend_item_name h3 {
		font-size: 16px;
		margin-bottom: 0px;
		background: none;
	}
	#point_sx .recommend_item_list .recommend_item_name h3,
	#point_tx .recommend_item_list .recommend_item_name h3,
	#point_ux .recommend_item_list .recommend_item_name h3,
	#point_px .recommend_item_list .recommend_item_name h3,
	#point_bx .recommend_item_list .recommend_item_name h3,
	#point_lx .recommend_item_list .recommend_item_name h3,
	#point_r  .recommend_item_list .recommend_item_name h3,
	#point_r1  .recommend_item_list .recommend_item_name h3,
	#point_r2  .recommend_item_list .recommend_item_name h3,
	#point_dm .recommend_item_list .recommend_item_name h3,
	#point_sxux .recommend_item_list .recommend_item_name h3 { background: none; padding: 0; }

	#point_sx .recommend_item_list .recommend_item_name h3:after,
	#point_tx .recommend_item_list .recommend_item_name h3:after,
	#point_ux .recommend_item_list .recommend_item_name h3:after,
	#point_px .recommend_item_list .recommend_item_name h3:after,
	#point_bx .recommend_item_list .recommend_item_name h3:after,
	#point_lx .recommend_item_list .recommend_item_name h3:after,
	#point_r  .recommend_item_list .recommend_item_name h3:after,
	#point_r1  .recommend_item_list .recommend_item_name h3:after,
	#point_r2  .recommend_item_list .recommend_item_name h3:after,
	#point_dm .recommend_item_list .recommend_item_name h3:after,
	#point_sxux .recommend_item_list .recommend_item_name h3:after { border-color: #fff ; display: none; }

	.recommend_item_list.ril_01 {
		width: auto;
		margin: 0;
	}
	.recommend_item_list.ril_02 {
		width: auto;
		margin: 0;
	}
	.recommend_item_list.ril_03,
	.ril_03_msg {
		width: auto;
		margin: 0;
	}
	.ril_02_msg {
		width: auto;
		margin: 0;
	}
	.recommend_item_list.ril_05 .ril_05_msg {
		width: auto;
		margin: 0;
	}
	.recommend_item_list li {
		display: inline-block;
		width: auto;
		margin-right: -3px;
		margin-bottom: 5%;
	}
	.ril_03_msg div p:first-child {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 1.5%;
	}
	.ril_05_msg div p:first-child {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 1.5%;
	}
	.ril_05_msg {
		margin-left: 0;
	}
	.ril_05{
		width:auto;
		margin-left: 0;
	}
	.recommend_item_list li .img_sam {
		width:auto;
	}
	.recommend_item_list li .img_sam img {
		display: block;
		max-width: 100%;
		width:auto;
		height: auto;
		margin: 0 auto;
	}

	.banner img {
		display: block;
		width: 100%;
		height: auto;
	}

}