@charset "UTF-8";
/* ===========================================================

	www.denshin.com
	
	01: BASIC LAYOUT
	02: BASIC TEXT
	03: BASIC PARTS
	04: HEADER
	05: FOOTER
	06: MAIN
	07: SIDE
	08: HOME
	09: TOOL

==============================================　CSS Document */

/* 01: BASIC LAYOUT ---------------------------------------- */
* { 
	margin: 0;
	padding: 0;
}

html {
	background: #398700;
}

body {
	margin-top: 0;
	padding-top: 0;
	background: #f3f3f3 url(../img/bg_body.jpg) repeat-x 50% 0px;
	text-align: center;
	font: 100% Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #4d4d4d;
}

body#home {
	margin-top: 0;
	padding-top: 0;
	background: #f3f3f3 url(../img/bg_topbody.jpg) repeat-x 50% 0px;
	text-align: center;
	font: 100% Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color: #4d4d4d;
}

div#site {
	margin: 0 auto;
	padding: 0;
	width: 800px;
}

div#contents {
	margin: 20px 0 0;
	width: 800px;
	background: #fff url(../img/bg_contents02.gif) no-repeat;
}

body#home div#contents {
	margin: 0;
	padding: 0 20px;
	width: 760px;
	background: #fff url(../img/bg_topcontents.gif) no-repeat 0px 0px;
	text-align: left;
}

/* 02: BASIC TEXT ------------------------------------------ */
h1 {
	font-size: 0;
	line-height: 0;
}

p {
	font-size: 0.75em;
	line-height: 1.5;
}

ul {
	list-style-type: none;
}

a:link, a:visited {
	color: #c56100;
	text-decoration: underline;
}

a:hover {
	color: #4d4d4d;
	text-decoration: underline;
}

/* 03: BASIC PARTS ----------------------------------------- */
img { /* IMAGE */
	border-style: none;
}

.imgCenterize {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

.imgRight {
	padding: 0 0 10px 20px;
	float: right;
}

.imgLeft {
	padding: 0 20px 10px 0;
	float: left;
}

.txtCenterize { /* TEXT */
	text-align: center;
}

.txtRight {
	text-align: right;
}

.txtLeft {
	text-align: left;
}

.txtSmall {
	font-size: 0.75em;
}

p.pankuzu {
	padding: 10px 20px;
	text-align: left;
	font-size: 0.75em;
}

.floatclear { /* LAYOUT */
	height: 0;
	clear: both;
	visibility: hidden;
	border-style: none;
}

/* 04: HEADER ---------------------------------------------- */
div#header {
	width: 800px;
	height: 80px;
}

div#logo {
	float: left;
	width: 225px;
}

div#headNavi {
	padding: 30px 0 0;
	float: right;
	width: 575px;
}

div#headNavi ul {
	height: 50px;
}

div#headNavi li {
	display: inline;
	float: left;
}

div#headNavi li a {
	display: block;
}

div#headNavi li#nvHome a {
	width: 62px;
	height: 50px;
}

div#headNavi li#nvTool a {
	width: 97px;
	height: 50px;
}

div#headNavi li#nvSelect a {
	width: 98px;
	height: 50px;
}

div#headNavi li#nvSupport a {
	width: 86px;
	height: 50px;
}

div#headNavi li#nvDownload a {
	width: 110px;
	height: 50px;
}

div#headNavi li#nvApplication a {
	width: 122px;
	height: 50px;
}

/* 05: FOOTER ---------------------------------------------- */
div#footerBg {
	width: 100%;
	background: #398700;
}

div#footer {
	margin: 0 auto 30px;
	width: 800px;
	background: url(../img/bg_foot.gif) no-repeat;
	text-align: left;
}

div#pagetop {
	padding: 15px 10px 0 0;
	text-align: right;
}

div#footer a:link, div#footer a:visited {
	color: #cbe5b8;
	text-decoration: none;
}

div#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

div#footer div.naviArea {
	padding: 20px 5px 20px 10px;
	float: left;
	font-size: 0.75em;
	line-height: 1.35;
	color: #cbe5b8;
}

div#footer dd a {
	padding: 0 0 0 8px;
	background: url(../img/pt_footnavi.gif) no-repeat 0px 5px;
}

div#footer p {
	clear: both;
	text-align: center;
	font-size: 0.75em;
	line-height: 1.35;
	color: #cbe5b8;
}

/* 06: MAIN ------------------------------------------------ */
div#main { /* LAYOUT */
	padding: 10px 20px 20px 0;
	float: right;
	width: 560px;
	text-align: left;
}

div#main h2 { /* TITLE - TEXT */
	margin: 0 0 1em;
	padding: 3px 10px 3px 50px;
	clear: both;
	background: #006da5 url(../img/bg_h2.gif) no-repeat 0px 0px;
	font-size: 1.125em;
	line-height: 1.35;
	color: #fff;
}

div#main h3, body#home h3 {
	margin: 0 0 0.625em;
	padding: 3px 10px 3px 5px;
	clear: both;
	border-top: 1px solid #73c637;
	border-right: 1px solid #73c637;
	border-bottom: 1px solid #73c637;
	border-left: 5px solid #73c637;
	font-size: 1em;
	line-height: 1.35;
	color: #398700;
}

div#main h4, body#home h4 {
	margin: 0 0 0.3125em;
	clear: both;
	font-size: 1em;
	line-height: 1.35;
	color: #398700;
}

div#main h5, body#home h5 {
	margin: 0 0 0.3125em;
	clear: both;
	font-size: 0.8125em;
	line-height: 1.35;
}

div#main .imgTitle, body#home .imgTitle {
	margin: 0;
	padding: 0;
	background: url(none);
	border-style: none;
	line-height: 1;
}

div#main p, body#home p {
	padding: 0 0 0.625em;
}

h3 .txtSmall {
	padding: 0 0 0 10px;
}

div#main table { /* TABLE */
	margin: 0 0 0.625em;
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #73c637;
	border-right: 1px solid #73c637;
	font-size: 1em;
}

div#main th {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #73c637;
	border-left: 1px solid #73c637;
	white-space: nowrap;
	text-align: center;
	font-size: 0.75em;
	line-height: 1.5;
	font-weight: normal;
	color: #398700;
}

div#main td {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid #73c637;
	border-left: 1px solid #73c637;
	font-size: 0.75em;
	line-height: 1.5;
}

div#main ul { /* LIST */
	padding: 0.3125em 0;
}

div#main ul li {
	padding: 0 0 0 15px;
	background: url(../img/pt_list01.gif) no-repeat 0px 2px;
	font-size: 0.75em;
	line-height: 1.5;
}

div#main ol {
	padding: 0.3125em 0 0.3125em 30px;
}

div#main ol li {
	font-size: 0.75em;
	line-height: 1.5;
}

div#main dl {
	padding: 0.3125em 0;
}

div#main dt {
	padding: 0 0 0 15px;
	background: url(../img/pt_list01.gif) no-repeat 0px 2px;
	font-size: 0.75em;
	line-height: 1.5;
}

div#main dd {
	padding: 0 0 0 15px;
	font-size: 0.75em;
	line-height: 1.5;
}

/* 07: SIDE ------------------------------------------------ */
div#side {
	padding: 10px 0 430px 20px;
	float: left;
	width: 180px;
	background: url(../img/bg_side.gif) no-repeat left bottom;
	text-align: left;
}

div#sideNavi { /* TEXT NAVI */
	padding: 10px 0 0;
	background: #73c637 url(../img/bg_sidehead.gif) no-repeat;
}

div#sideNavi ul {
	padding: 0 0 10px;
	background: url(../img/bg_sidefoot.gif) no-repeat center bottom;
	border-top: 1px solid #fff;
}

div#sideNavi li {
	display: inline;
	font-size: 0.75em;
	line-height: 1.5;
	color: #fff;
	text-decoration: none;
}

div#sideNavi li a {
	padding: 15px 20px 15px 25px;
	display: block;
	border-bottom: 1px solid #fff;
}

div#sideNavi a:link, div#sideNavi a:visited {
	background: url(../img/pt_sidenavi.gif) no-repeat 15px 20px;
	color: #fff;
	text-decoration: none;
}

div#sideNavi a:hover {
	background: #54a618 url(../img/pt_sidenavi_o.gif) no-repeat 15px 20px;
	color: #fff;
	text-decoration: none;
}

/* 08: HOME ------------------------------------------------ */
div.topimg {
	width: 800px;
}

body#home h2 { /* TITLE - TEXT */
	margin: 0 0 0.625em;
	padding: 0;
	clear: both;
	background: url(none);
}

body#home div.areaL370 { /* LAYOUT */
	padding: 0 0 1.25em;
	float: left;
	width: 370px;
}

body#home div.areaL240 {
	padding: 0 0 1.25em;
	float: left;
	width: 240px;
}

body#home div.areaR370 {
	padding: 0 0 1.25em;
	float: right;
	width: 370px;
}

body#home div.areaR500 {
	padding: 0 0 1.25em;
	float: right;
	width: 500px;
}

div.toolArea {
	width: 366px;
	background: #fff7c0;
	border-right: 2px solid #fab00d;
	border-bottom: 2px solid #fab00d;
	border-left: 2px solid #fab00d;
}

div.toolArea ul { /* LIST */
	padding: 10px 0 10px 10px;
	float: left;
	width: 170px;
}

div.toolArea li {
	padding: 0 0 0.3125em 20px;
	font-size: 0.75em;
	line-height: 1.35;
}

div.toolArea li.topnumber01 {
	background: url(../img/pt_topnumber01.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber02 {
	background: url(../img/pt_topnumber02.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber03 {
	background: url(../img/pt_topnumber03.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber04 {
	background: url(../img/pt_topnumber04.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber05 {
	background: url(../img/pt_topnumber05.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber06 {
	background: url(../img/pt_topnumber06.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber07 {
	background: url(../img/pt_topnumber07.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber08 {
	background: url(../img/pt_topnumber08.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber09 {
	background: url(../img/pt_topnumber09.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber10 {
	background: url(../img/pt_topnumber10.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber11 {
	background: url(../img/pt_topnumber11.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber12 {
	background: url(../img/pt_topnumber12.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber13 {
	background: url(../img/pt_topnumber13.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber14 {
	background: url(../img/pt_topnumber14.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber15 {
	background: url(../img/pt_topnumber15.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber16 {
	background: url(../img/pt_topnumber16.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber17 {
	background: url(../img/pt_topnumber17.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber18 {
	background: url(../img/pt_topnumber18.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber19 {
	background: url(../img/pt_topnumber19.gif) no-repeat 0px 0px;
}

div.toolArea li.topnumber20 {
	background: url(../img/pt_topnumber20.gif) no-repeat 0px 0px;
}

/* 09: TOOL ------------------------------------------------ */
div#main h4.number01 {
	padding-left: 25px;
	background: url(../img/pt_number01.gif) no-repeat 0px 0px;
}

div#main h4.number02 {
	padding-left: 25px;
	background: url(../img/pt_number02.gif) no-repeat 0px 0px;
}

div#main h4.number03 {
	padding-left: 25px;
	background: url(../img/pt_number03.gif) no-repeat 0px 0px;
}

div#main h4.number04 {
	padding-left: 25px;
	background: url(../img/pt_number04.gif) no-repeat 0px 0px;
}

div#main h4.number05 {
	padding-left: 25px;
	background: url(../img/pt_number05.gif) no-repeat 0px 0px;
}

div#main h4.number06 {
	padding-left: 25px;
	background: url(../img/pt_number06.gif) no-repeat 0px 0px;
}

div#main h4.number07 {
	padding-left: 25px;
	background: url(../img/pt_number07.gif) no-repeat 0px 0px;
}

div#main h4.number08 {
	padding-left: 25px;
	background: url(../img/pt_number08.gif) no-repeat 0px 0px;
}

div#main h4.number09 {
	padding-left: 25px;
	background: url(../img/pt_number09.gif) no-repeat 0px 0px;
}

div#main h4.number10 {
	padding-left: 25px;
	background: url(../img/pt_number10.gif) no-repeat 0px 0px;
}

div#main h4.number11 {
	padding-left: 25px;
	background: url(../img/pt_number11.gif) no-repeat 0px 0px;
}

div#main h4.number12 {
	padding-left: 25px;
	background: url(../img/pt_number12.gif) no-repeat 0px 0px;
}

div#main h4.number13 {
	padding-left: 25px;
	background: url(../img/pt_number13.gif) no-repeat 0px 0px;
}

div#main h4.number14 {
	padding-left: 25px;
	background: url(../img/pt_number14.gif) no-repeat 0px 0px;
}

div#main h4.number15 {
	padding-left: 25px;
	background: url(../img/pt_number15.gif) no-repeat 0px 0px;
}

div#main h4.number16 {
	padding-left: 25px;
	background: url(../img/pt_number16.gif) no-repeat 0px 0px;
}

div#main h4.number17 {
	padding-left: 25px;
	background: url(../img/pt_number17.gif) no-repeat 0px 0px;
}

div#main h4.number18 {
	padding-left: 25px;
	background: url(../img/pt_number18.gif) no-repeat 0px 0px;
}

div#main h4.number19 {
	padding-left: 25px;
	background: url(../img/pt_number19.gif) no-repeat 0px 0px;
}

div#main h4.number20 {
	padding-left: 25px;
	background: url(../img/pt_number20.gif) no-repeat 0px 0px;
}