@charset "UTF-8";


/*** 特長ページ ここから ***/
#point_area{
	width:702px;
}
.point{
	width:692px;
	margin:20px 0 20px 0px;
	border-bottom:1px solid #ddd;
}
.point_in{
	padding:0 10px 15px 10px;
}
.point .left{
	width:420px;
	float:left;
}
.point .right{
	width:230px;
	float:right;
}
#point_area p.p_ttl{
	color:#fe0001;
	letter-spacing:0.5em;
	margin-bottom:0.5em;
}
#point_area p span.p_ttl1{
	font-size:18px;
	font-weight:bold;
}
#point_area p span.p_ttl2{
	font-size:30px;
	line-height:30px;
	font-weight:bold;
}
#point_area p.p_read{
	font-size:18px;
	color:#013068;
	font-weight:bold;
	margin:5px 0 8px 0;
}
#point_area p.p_txt{
	font-size:14px;
	line-height:140%;
}

.feature01 {
	position: relative;
	}
	.feature01 .caution_list {
		position: absolute;
		left: 10px;
		bottom: 20px;
	}

.feature02 {
	position: relative;
	height: 215px;
	margin-top: 20px;
	}
	.feature02 div {
		line-height: 0;
		text-align: left;
	}
	.feature02 .illust {
		position: absolute;
		right: 0px;
		top: 0px;
	}

/*** 特長ページ ここまで ***/


/*** 機能一覧ページ ここから ***/
.product_txt { text-indent:-1em; padding-left: 1em; font-size:12px;}
.product_line { border-bottom: 1px solid #ccc; padding-bottom: 20px;}
/*** 機能一覧ページ ここまで ***/


/*** 既存コンテンツはレスポンシブ対応になっていないのでレスポンシブを無効化する ***/
@media screen and (max-width:960px){
body,
footer{
	width:960px;
}

header{
	width:929px;
}

}/*** @media screen and (max-width:960px)の設定 ここまで ***/


@media screen and (max-width:768px){

header{
	padding-left:31px;
}

main, #tm_left_content{
	margin-top:10px;
}

main{
	float:right;
	width:75.53%;
}

#tm_left_content{
	float:left;
	width:24.47%;
}

.tm_left_content_in{
	padding:0 10px 0 0;
}

.tm_left_nav{
	padding:0;
}

.tm_left_nav span{
	display:block;
	padding-right:11px;
	border-left:solid 1px #DDD;
	background:url('../../../SiteAsset/Template/images/common/xsp/bgi_gnav_right.gif') no-repeat right top;
	border-right:none;
}

.tm_left_nav .tm_current span{
	background:url('../../../SiteAsset/Template/images/common/xsp/bgi_gnav_right.gif') no-repeat right center;
}

footer li{
	float:none;
	width:auto;
	display:inline;
	background:url('../../../SiteAsset/Template/images/common/xsp/bgi_dot_gray.gif') no-repeat right center;
	padding:6px 17px 4px 13px;
}

footer .tm_logo{
	text-align:right;
	margin:-25px 0 0 0;
	padding:0;
}


}/*** @media screen and (max-width:768px)の設定 ここまで ***/


@media screen and (max-width:480px){

dt{
	float:left;
	width:7em;
}

dd{
	margin-left:7.5em;
}

#tm_award li{
	float:left;
	width:46%;
	margin:0 2% 10px 2%;
}

header .tm_logo img{
	height:auto;
}

footer .tm_copyright{
	font-size:100%;
}

}/*** @media screen and (max-width:480px)の設定 ここまで ***/

/*** レスポンシブ無効化 ここまで ***/