body {
	margin:0px;
	background:#ffffff;
	color:#222222;
	font-size:80%;
	line-height:150%;
}

a:link {color:#0066ff;}
a:visited {color:#0066ff;}
a:hover {color:#ff9900;}
a:active {color:#ff9900;}

img {border:0;}

.fxsmall {font-size:80%;}
.fsmall {font-size:85%;}
.fmedium {font-size:100%;}
.flarge {font-size:120%;}
.bold {font-weight:bold;}
.red {color:#ff0000;}
.blue {color:#0044ca;}

.txtNavi {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.txtNavi li {float:right;}
.txtNavi a:link , .txtNavi a:visited {
	margin-left:10px;
	padding-left:8px;
	display:block;
	background:url(../img/icon_navi.gif) no-repeat 0 0px;
	color:#222222;
	font-size:80%;
	line-height:100%;
}
.txtNavi a:hover , .txtNavi a:active {
	margin-left:10px;
	padding-left:8px;
	display:block;
	background:url(../img/icon_navi.gif) no-repeat 0 -29px;
	color:#0066ff;
	font-size:80%;
	line-height:100%;
}
.textNavi_top {padding-top:8px;}

#shell {
	margin:0 auto;
	width:900px;
}

#header {
	padding:0px 10px 8px;
	border-bottom:2px solid #0044ca;
	float:left;
	width:880px;
}
#header h1 , #header p {
	margin:0px;
	padding:10px 0px;
	font-weight:normal;
	line-height:100%;
	font-size:80%;
}
#header img {float:left;}

#gnavi {
	padding:1px 0px 0px 74px;
	border-bottom:1px solid #aaaaaa;
	clear:both;
	width:826px;
	height:29px;
	background:url(../img/back_gnavi.gif) no-repeat left top;
}
#gnavi ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#gnavi li {
	float:left;
	font-size:0%;
	line-height:0%;
}
#gnavi .btn01 {
	width:76px;
	height:28px;
	background:url(../img/gnavi011.gif) no-repeat left top;
}
#gnavi .btn01 a {
	width:76px;
	height:28px;
}
#gnavi .btn02 {
	width:76px;
	height:28px;
	background:url(../img/gnavi021.gif) no-repeat left top;
}
#gnavi .btn02 a {
	width:76px;
	height:28px;
}
#gnavi .btn03 {
	width:82px;
	height:28px;
	background:url(../img/gnavi031.gif) no-repeat left top;
}
#gnavi .btn03 a {
	width:82px;
	height:28px;
}
#gnavi .btn04 {
	width:76px;
	height:28px;
	background:url(../img/gnavi041.gif) no-repeat left top;
}
#gnavi .btn04 a {
	width:76px;
	height:28px;
}
#gnavi .btn05 {
	width:143px;
	height:28px;
	background:url(../img/gnavi051.gif) no-repeat left top;
}
#gnavi .btn05 a {
	width:143px;
	height:28px;
}
#gnavi .btn06 {
	width:145px;
	height:28px;
	background:url(../img/gnavi061.gif) no-repeat left top;
}
#gnavi .btn06 a {
	width:145px;
	height:28px;
}
#gnavi .btn07 {
	width:58px;
	height:28px;
	background:url(../img/gnavi071.gif) no-repeat left top;
}
#gnavi .btn07 a {
	width:58px;
	height:28px;
}
#gnavi .btn08 {
	width:95px;
	height:28px;
	background:url(../img/gnavi081.gif) no-repeat left top;
}
#gnavi .btn08 a {
	width:95px;
	height:28px;
}
#gnavi a {
	display:block;
}
#gnavi li a:hover {
	background-color:transparent;
}
#gnavi li a:hover img {
	visibility:hidden;
}

#lnavi {
	margin:0px auto;
	padding:0px;
	width:190px;
	list-style-type:none;
}
#lnavi li {
	margin-top:10px;
	padding-bottom:2px;
	border-bottom:1px dotted #0044ca;
}
#lnavi a:link , #lnavi a:visited {
	margin:0px;
	padding:0px 0px 0px 10px;
	display:block;
	background:url(../img/icon_navi.gif) no-repeat 0 2px;
	color:#222222;
	font-size:100%;
	line-height:100%;
	text-decoration:none;
}
#lnavi a:hover , #lnavi a:active {
	margin:0px;
	padding:0px 0px 0px 10px;
	display:block;
	background:url(../img/icon_navi.gif) no-repeat 0 -27px;
	color:#0066ff;
	font-size:100%;
	line-height:100%;
	text-decoration:none;
}

#topicpath {
	padding:5px 10px;
	border-bottom:2px solid #0044ca;
	background-color:#f4f8ff;
	font-size:80%;
	line-height:100%;
}
#topicpath a:link {color:#222222;}
#topicpath a:visited {color:#222222;}
#topicpath a:hover {color:#0066ff;}
#topicpath a:active {color:#0066ff;}

#footer {
	padding:6px 10px 15px;
	border-top:2px solid #0044ca;
	float:left;
	width:880px;
}
#footer div {
	float:left;
	color:#808080;
	line-height:120%;
}

#contArea {
	margin:1px 0px;
	float:left;
	width:900px;
	background:url(../img/back_side.gif) repeat-y left top;
}
#contArea #sideArea {
	padding:20px 0px;
	float:left;
	width:220px;
}

.sideInfo {
	margin:0px auto;
	padding:10px 0px 8px;
	border:1px solid #bbbbbb;
	width:188px;
	background:#ffffff url(../img/back_sideinfo.gif) no-repeat center top;
	text-align:center;
}

#sideArea #sideInquiry {margin-top:50px;}
#sideArea #sideInquiry div {padding:6px 0px;}

#contArea #mainCont {
	padding:10px;
	float:right;
	width:660px;
}
#contArea #mainCont p {margin:10px 0px;}

#pTitle{
	margin:0px 0px 20px;
	padding:8px 15px;
	height:54px;
	background-repeat:no-repeat;
	background-position:left top;
	color:#444444;
	font-weight:bold;
	font-size:150%;
	line-height:100%;
}

.pHead {
	margin:25px 0px 0px;
	padding:2px 0px 2px 10px;
	border-bottom:1px dotted #aaaaaa;
	background:url(../img/icon_subtitle.gif) no-repeat left center;
	color:#444444;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

.pSubHead {
	margin:15px 0px 0px 10px;
	padding:0px 2px 2px;
	border-bottom:1px dotted #aaaaaa;
	color:#444444;
	font-weight:bold;
	font-size:100%;
	line-height:100%;
}

.expArea {
	padding-left:15px;/*見出しの下の説明エリア*/
}

.sTitle {
	margin:0px 0px 3px;
	padding:4px 15px 0px;
	border:1px solid #aaaaaa;
	height:19px;
	background:#dfdfdf url(../img/back_stitle.gif) no-repeat left top;
	color:#444444;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

/*----- ページの先頭へ戻るボタン -----*/
.backtoTop {
	margin-bottom:10px;
	text-align:right;
}
.backtoTop a:link , .backtoTop a:visited {
	padding:2px 5px;
	border:1px dotted #222222;
	color:#222222;
	text-decoration:none;
	font-size:80%;
}
.backtoTop a:hover , .backtoTop a:active {
	padding:2px 5px;
	border:1px dotted #0066ff;
	color:#0066ff;
	text-decoration:none;
	font-size:80%;
}

/*----- トップページ -----*/
#topMaincont {
	padding-top:20px;
	float:right;
	width:665px;
}

#topMaincont #topic {
	padding:10px;
	border-bottom:1px solid #bed3ff;
	float:left;
	width:645px;
	background:#dce8ff url(../img/top_topicback.gif) repeat-x left top;
}

#topMaincont #topic h3 {
	margin:0px;
	padding:0px;
	font-size:0%;
	line-height:0%;
}

#topMaincont #news {
	padding:25px 0px 15px;
	float:left;
	width:665px;
}
#topMaincont #news .block {
	padding:15px 0px 3px;
	border-bottom:1px dotted #808080;
	float:left;
	width:630px;
}
#topMaincont #news .block h4 {
	margin:0px;
	padding:0px;
	float:left;
	font-size:100%;
}
#topMaincont #news .block p {
	margin:0px;
	padding:0px;
	float:right;
	width:540px;
}

/*----- 製品概要 -----*/
.productList {
	margin:15px 0px 10px;
	border-collapse:collapse;
}
.productList th {
	padding:2px 6px;
	border:1px solid #999999;
	background-color:#e0e0e0;
	text-align:left;
}
.productList td {
	padding:2px 6px;
	border:1px solid #999999;
}
.productList .subhead {background-color:#efefef;}

/*----- 機能一覧 -----*/
.fnFlame {
	padding:5px;
	float:left;
	width:320px;
}

.fnHead {
	margin:0px;
	padding:2px 0px 2px 10px;
	border-bottom:1px dotted #aaaaaa;
	background:url(../img/icon_subtitle.gif) no-repeat left center;
	color:#444444;
	font-weight:bold;
	font-size:120%;
	line-height:100%;
}

/*----- 価格・購入 -----*/
.purchList {
	margin:15px 0px 5px;
	border-collapse:collapse;
}
.purchList th {
	padding:2px 6px;
	border:1px solid #999999;
	white-space:nowrap;
	background-color:#e0e0e0;
	text-align:left;
}
.purchList td {
	padding:2px 6px;
	border:1px solid #999999;
	vertical-align:top;
}
.purchList .subhead {
	white-space:nowrap;
	background-color:#efefef;
}
.purchList .d_border {border-bottom:3px double #999999;}

/*----- 導入実績 -----*/
.usHead {
	float:left;
	width:660px;
}
.usFlame {
	margin-top:5px;
	float:left;
	width:660px;
	background:url(../img/users_sideback.gif) repeat-y top left;
}
.usFlame .logoArea {
	padding:5px 5px 0px 10px;
	float:left;
	width:160px;
	text-align:center;
}
.usFlame .logoArea div {
	margin-bottom:5px;
	word-break:break-all;
}
.usFlame .intArea {
	float:right;
	width:460px;
}
.usFlame .intArea .feedback {
	margin-top:20px;
	border-bottom:1px solid #aaaaaa;
	font-weight:bold;
}
.usFlame .intArea .siteqrArea {
	float:left;
	width:460px;
}
.usFlame .intArea .siteqrArea .siteqr {float:left;}
.usFlame .intArea .siteqrArea .siteurl {padding-top:20px;}
.usFlame .intArea .siteqrArea .siteurl div {margin-top:5px;}
.usFlame .intArea .eachSitettl {
	margin-top:20px;
	border-bottom:1px solid #aaaaaa;
	float:left;
	width:460px;
	font-weight:bold;
}
.usFlame .intArea .eachSiteqr {
	padding:0px 5px;
	float:left;
	text-align:center;
	font-size:80%;
}
.usFlame .intArea .eachSiteborder {
	padding-bottom:10px;
	float:left;
	border-bottom:1px dotted #aaaaaa;
	width:460px;
}

/*----- 対応携帯電話機種一覧 -----*/
.deviceList {
	margin:15px 0px 5px;
	border-collapse:collapse;
}
.deviceList th {
	padding:2px 6px;
	border:1px solid #999999;
	width:20%;
	vertical-align:top;
	background-color:#eeeeee;
	text-align:left;
	font-weight:normal;
}
.deviceList td {
	padding:2px 6px;
	border:1px solid #999999;
	vertical-align:top;
}

/*----- Q&A -----*/
.qaFlame {
	margin-bottom:20px;
	padding:0px 15px 5px 15px;
	border-bottom:1px dotted #aaaaaa;
	float:left;
	width:630px;
}
.qaFlame .qaHead {
	margin:0px;
	padding:0px;
	float:left;
	width:30px;
	font-weight:bold;
}
.qaFlame .qaExp {
	margin:0px;
	padding:0px;
	float:right;
	width:590px;
}


/*----- サイトマップ -----*/
#map , #map ul {
	margin:0px 30px;
	padding:0px;
	list-style-type:none;
}
#map li {margin-top:20px;}
#map a:link , #map a:visited {
	padding-left:10px;
	background:url(../img/icon_navi.gif) no-repeat 0 2px;
	color:#222222;
	font-size:100%;
	line-height:100%;
}
#map a:hover , #map a:active {
	padding-left:10px;
	background:url(../img/icon_navi.gif) no-repeat 0 -27px;
	color:#0066ff;
	font-size:100%;
	line-height:100%;
}


/*----- CRAFTECソフトウェア＆サービスのご案内 -----*/
.craftecSS {
	float:left;
	width:900px;
	border-top:3px double #0044ca;
}
.craftecSS h4 {
	margin:0px;
	padding:3px 0px;
	float:left;
	width:900px;
	border-bottom:1px solid #dddddd;
	color:#0044ca;
	background-color:#fafafa;
	line-height:100%;
	font-size:100%;
}
.craftecSS ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.craftecSS li {
	padding:2px 0px 2px 5px;
	float:left;
	width:219px;
	border-right:1px solid #dddddd;
	font-size:85%;
}
.craftecSS li.off {
	border-right:none !important;
}
.craftecSS li span {
	font-weight:bold;
}
.craftecSS li a:link, .craftecSS li a:visited {
	color:#777777;
}
.craftecSS li a:hover, .craftecSS li a:active {
	color:#0066ff;
}


/*----- 全研広告 -----*/
.adsZenken {
	float:left;
	width:900px;
	border-top:3px double #0044ca;
}
.adsZenken h4 {
	margin:0px;
	padding:3px 0px;
	float:left;
	width:900px;
	border-bottom:1px solid #dddddd;
	color:#0044ca;
	background-color:#fafafa;
	line-height:100%;
	font-size:100%;
}
.adsZenken ul {
	margin:0px;
	padding:0px 0px 3px;
}
.adsZenken li {
	margin:1px 0px;
	padding:0px 10px;
	float:left;
	border-right:1px solid #dddddd;
	list-style-type:none;
	white-space:nowrap;
}