@charset 'utf-8';

/* 文字消し */
div.top-caption-container h2 a,
div.top-caption-container h2 span,
div#top-right h2 a,
div.top-feature-container02 p.top-feature-dtail a{
	display:block;
	margin:0px;
	padding:0px;
	text-indent: -9999px;
	text-decoration:none;
	/* MacIEを排除 \*/
	overflow:hidden;
	/* MacIEを排除ここまで */
}

div.main-container{
	background:#fff url(../images/top-bg01.gif) repeat-y left top;
}

div#top-key01{
	background-color:#fff;
}

/* クリアフィクス */
div#top-key01:after{
	content:".";
	display:block;
	height:0;
	clear:both;	visibility:hidden;
}
div#top-key01{display:inline-block;}
/* MacIEの排除 \*/
* html div#top-key01{height:1%;}
div#top-key01{display:block;}
/* MacIEを排除ここまで */

div#top-key01 p{
	padding-bottom:11px;
	margin-bottom:23px;
	background:#ddd url(../images/topkey-bg01.gif) repeat-x left bottom;
}

/* 左側 */

div#top-left{
	display:block !important;
	display:inline;
	width:519px;
	float:left;
	margin-left:18px;
}

div.top-caption-container{
	width:519px;
	background:#fff url(../images/top-caption-bg01.gif) repeat-x left top;	
	clear:both;
}

div.top-caption-container h2{
	width:519px;
	height:50px;
	margin-bottom:14px;
}

div.top-caption-container h2 a{
	height:50px;
}

/* イントロ */

div#top-caption01 h2,
div#top-caption01 h2 span{
	background:url(../images/top-caption01.gif) no-repeat 0px 0px;
}

div#top-caption01 p{
	height:auto !important;
	height:72px;
	min-height:72px;	
	padding:0px 4px 0px 146px;
	margin-bottom:14px;
	background:#fff url(../images/top-illust01.gif) no-repeat left top;
}

div#top-caption01 p strong{
	color:#ff8600;
}

div.top-feature-wrap{
	margin:0px 3px 4px;
	background:#fff url(../images/top-feature-bg01.gif) repeat-y left top;	
}

div.top-feature-container{
	padding-bottom:7px;
	background:url(../images/top-feature-bg02.gif) no-repeat left bottom;	
}

/* クリアフィクス */
div.top-feature-container:after{
	content:".";
	display:block;
	height:0;
	clear:both;	visibility:hidden;
}
div.top-feature-container{display:inline-block;}
/* MacIEの排除 \*/
* html div.top-feature-container{height:1%;}
div.top-feature-container{display:block;}
/* MacIEを排除ここまで */

div.top-feature-container02{
	width:254px;
	background:url(../images/top-feature-bg03.gif) no-repeat left top;	
}

div.top-feature-container02 h3{
	margin:16px 18px;
}

div.top-feature-container02 p{
	margin:0px 18px 9px;
	color:#89674b;
}

div.top-feature-container02 p.top-feature-dtail{
	margin-left:190px;
	width:46px;
}

div.top-feature-container02 p.top-feature-dtail a{
	height:18px;
}

div.top-feature-container02 p.top-feature-dtail,
div.top-feature-container02 p.top-feature-dtail a{
	background:url(../images/top-feature-detail01.gif) no-repeat 0px 0px;
}

div.top-feature-container02 p.top-feature-dtail a:hover{
	background-position:0px -18px;
}

div.top-feature-container02 ul{
	margin:15px 18px 9px;
}

div.top-feature-container02 ul li{
	margin-bottom:.2em;
	margin-left:.5em;
	background:url(../images/top-feature-arrow01.gif)  no-repeat left center;
	padding-left:16px;
}

div.top-feature-container02 ul li a{
	color:#6a2000;
}

div.top-feature-container02 ul li a:hover{
	color:#ff8600;
}




div.top-feature-left{
	float:left;
}

div.top-feature-right{
	float:right;
}

/* 事例 */

div#top-caption02{
	overflow:hidden;
	margin-top:23px;
}

div#top-caption02 h2,
div#top-caption02 h2 a{
	background:url(../images/top-caption02.gif) no-repeat 0px 0px;
}

div#top-caption02 h2 a:hover{
	background-position:0px -50px;
}

div.top-case-wrap{
	width:522px;
	margin-bottom:21px;
}

/* クリアフィクス */
div.top-case-wrap:after{
	content:".";
	display:block;
	height:0;
	clear:both;	visibility:hidden;
}
div.top-case-wrap{display:inline-block;}
/* MacIEの排除 \*/
* html div.top-case-wrap{height:1%;}
div.top-case-wrap{display:block;}
/* MacIEを排除ここまで */


div.top-case-01line{
	background:#fff url(../images/top-case-bg01.gif) repeat-y -174px 0px;
}

div.top-case-02line{
	background:#fff url(../images/top-case-bg01.gif) repeat-y 0px 0px;
}

div.top-case-container{
	display:block !important;
	display:inline;
	float:left;
	margin-left:7px;
	width:167px;
}

div.top-case-container h3{
	margin-bottom:13px;
}

div.top-case-container p{
	display:block !important;
	display:inline;
	margin:0px 9px 12px 0px !important;
	margin:0px 9px 0px 0px;
	width:82px;
	float:right;
	font-size:85%;
	color:#555;
}

div.top-case-container p.top-case-img{
	float:left;
	width:68px;
	background-color:#e2dacf;
	text-align:center;
	margin:0px 0px 12px !important;
	margin:0px;
}

div.top-case-container p.top-case-img a{
	display:block;
	padding:6px 0px;
}

div.top-case-container p.top-case-img img{
	border:1px solid #b4a48a;
}

/* 更新履歴 */

div#top-caption03{
	margin:5px 0px 24px;
}

div#top-caption03 h2{
	margin-bottom:10px !important;
}

div#top-caption03 h2,
div#top-caption03 h2 a{
	background:url(../images/top-caption03.gif) no-repeat 0px 0px;
}

div#top-caption03 h2 a:hover{
	background-position:0px -50px;
}

div#top-caption03 table{
	width:513px;
	margin:0px 3px;
}

div#top-caption03 table td,
div#top-caption03 table th{
	background:url(../../images/dotsep01.gif) repeat-x left bottom;
	vertical-align:middle;
	padding:6px 0px 7px;
}

div#top-caption03 table th{
	font-weight:normal;
	color:#777;
	padding-left:4px;
}

div#top-caption03 table td a{
	color:#333;
	text-decoration:none;
}

div#top-caption03 table td a:hover{
	color:#666;
	text-decoration:underline;
}


/* 右側 */

div#top-right{
	display:block !important;
	display:inline;
	width:187px;
	float:right;
	margin-right:18px;
	text-align:center;
}

div#top-right h2{
	margin:9px auto;
	width:173px;
}

div#top-right h2,
div#top-right h2 a{
	height:59px;
	background:#e0e0e0 url(../images/top-application.gif) no-repeat 0px 0px;
}

div#top-right h2 a:hover{
	background-position:0px -59px;
}


div#top-login{
	margin:9px auto;
	width:173px;
	background:#8c8c8c url(../images/top-login-bg01.gif) no-repeat left bottom;	
	text-align:center;
}

div#top-login h3{
	margin-bottom:7px;
}

div#top-login table{
	width:152px;
	margin:0px auto;
}

div#top-login table th{
	width:58px;
}

div#top-login table th,
div#top-login table td{
	vertical-align:middle;
	padding:1px 0px !important;
	padding:0px;
}

div#top-login table td input{
	width:94px;
	border:1px solid #888;
	background:#fff url(../images/top-login-bg02.gif) repeat-x left top;		
}

div#top-login p{
	padding:9px 0px 10px;
}

div#top-linkbunner{
	border-top:12px solid #fff;
	padding-top:9px;
	margin-bottom:30px;
}

div#top-linkbunner ul li{
	margin-bottom:6px;
}

div#top-privacy{
	margin:0px auto;
	width:173px;
	text-align:left;
}

div#top-privacy p{
	font-size:85%;
}

p#privacy-img{
	width:67px;
	float:left;
}

p#privacy-title{
	margin-bottom:6px;
}

p#privacy-title a{
	color:#555;
	font-weight:bold;
	text-decoration:none;
}

p#privacy-title a:hover{
	color:#888;
	text-decoration:underline;
}

p#privacy-intro{
	color:#888;
}