@charset "UTF-8";

/* CSS Document */


/* ----------------------------------------------------------------------------------
Common
---------------------------------------------------------------------------------- */

* {
  margin: 0px;
  padding: 0px;
}

a:link	 { color: #0099ff; text-decoration: none }
a:visited { color: #0099ff; text-decoration: none }
a:active	{ color: #0099ff; } 
a:hover	{ color: #ff9900; text-decoration: underline }

img { border: 0px; }

li { list-style-type: none; }

hr { display: none; }


br.clr-l {
  clear: left;
  overflow: hidden;
  font-size: 0px;
  line-height: 0px;
  width: 1px;
  height: 1px;
  margin: 0px -1px -1px 0px;
  padding: 0px;
}

p.txt {
	padding: 18px 1.3em 18px 1.3em;
}

body {
	background: #fff url(../img/bg.gif) repeat;
    margin : 0;
    padding : 0; 
	text-align : center;
}

body,td,div,li	{
    font-family : "Meiryo","MS PGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Osaka";
    font-size : 12px;	
	color: #3f3f3f;
    line-height : 150%;		
}


/* ----------------------------------------------------------------------------------
Header
---------------------------------------------------------------------------------- */

#header {
    position: relative;
	background: #0f7243;
 	width : 954px;
	height: 152px;
    text-align: center;
	margin: 0px auto;
    padding: 0px;
}

#logo {
    position: absolute;
    left: 25px;
    top: 23px;
    width: 324px;
    height: 63px;
}

#logoRight {
    position: absolute;
    right: 25px;
    top: 20px;
    width: 180px;
    height: 27px;
}

/* ----------------------------------------------------------------------------------
Body
---------------------------------------------------------------------------------- */

#container {
 	width : 100%;    
	margin: 0px auto;
    padding: 0px;
}

#contentsArea{
    background: #fff url(../img/contents_bg.jpg) repeat-y top;
 	width : 962px;
	margin: 0px auto;
    padding: 0px;
}

#contents{
 	width : 906px;
    text-align: left;
	margin: 0px auto;
    padding: 0px;
}

#seoArea {
    text-align: left;
	font-size: 11px;
	font-weight: bold;
	margin: 0px auto;
    padding: 3px 0px 1px 0px;
}

.linkMarkTxt {
    background: url(../img/mark.gif) no-repeat left;
	margin: 0px;
	padding-left: 23px;
}

.green {
    color: #007643;
}

.txtSmall {
    font-size: 11px;
}

#pankuzu {
    text-align: right;
	font-size: 11px;
	margin: 0px auto;
    padding: 3px 0px 3px 0px;
}

#pageTop{
 	width : 906px;
	text-align: right;
	margin: 15px 0px;
    padding: 0px;
}

.center {
    text-align: center;
    margin: 25px auto;
    padding: 0px;
}

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

.box {
    width: 100%;
	border-collapse: collapse;
	margin: 3px 0px 5px 0px;
}

.commodityBoxLeft01 {
    background-color: #d3edfb;
    width: 240px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.commodityBoxLeft02 {
    background-color: #fadce9;
    width: 240px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.commodityBoxLeft03 {
    background-color: #e3ecaf;
    width: 240px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.commodityBoxLeft04 {
    background-color: #fdffce;
    width: 240px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.commodityBoxLeft05 {
    background-color: #ddffdf;
    width: 240px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.commodityBoxLeft06 {
    background-color: #fcd7a1;
    width: 240px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.commodityBoxLeft {
    background-color: #ebe5d1;
    width: 200px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.commodityBoxRight {
	text-align: left;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.downloadBoxLeft {
    background-color: #e6ffe6;
    width: 250px;
	text-align: center;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.downloadBoxRight {
	text-align: right;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.supportBoxLeft {
    background-color: #e6ffe6;
	width: 150px;
	text-align: left;
	font-weight: bold;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.supportBoxRight {
	border: 1px solid #cccccc;
    padding: 8px 10px;
}


.supportBoxTop {
    background-color: #e6ffe6;
	text-align: left;
	color: #007643;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}

.supportBoxBottom {
	text-align: left;
	border: 1px solid #cccccc;
    padding: 8px 10px;
}


.contactBox {
    width: 100%;
	border-collapse: collapse;
	margin: 0px;
}


.contactBoxLeft {
    background-color: #e6ffe6;
	text-align: left;
	border: 1px solid #cccccc;
    padding: 10px 15px;
}

#news dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#news dt {
	clear: left;
    float: left;
    width: 10em;
	font-weight: bold;
    padding: 7px 0em 6px 0em;
}

#news dd {
	margin-left: 0;
    padding: 7px 0em 6px 14em;
	border-bottom: 1px dotted #ccc;
}

.siteMap {
    width : 906px;
    padding: 7px 0em 6px 0em;
	border-bottom: 1px dotted #ccc;
}

#trialButton {
    background-color: #e6ffe6;
    width : 904px;
	text-align: center;
    padding: 6px 0em 6px 0em;
	border: 1px solid #ccc;
}

/* ----------------------------------------------------------------------------------
index
---------------------------------------------------------------------------------- */

#indexLeftArea {
    float: left;
    width: 536px;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

#indexRightArea {
    float: right;
    width: 349px;
    margin: 15px 0px 0px 0px;
    padding: 0px;
}

.newsArea {
    width: 349px;
	font-size: 11px;
    margin: 0px;
    padding: 5px 0px;
    border-bottom: 1px dotted #ccc;	
}

#backNumberArea {
	font-size: 11px;
	text-align: right;
    margin: 0px auto;
    padding: 5px 0px;
}



/* ----------------------------------------------------------------------------------
Footer
---------------------------------------------------------------------------------- */

#adobe {
    position: absolute;
    right: 0px;
    top: 0px;
	width: 120px;
	height: 30px
}

#adobeTxt {
    position: absolute;
    right: -6px;
    top: 34px;
	width:400px;
	text-align: right;
	font-size: 11px;
}


#footerArea {
    clear: both;
    position: relative;
	background: #0f7243;
 	width : 954px;
	height: 80px;
	margin: 0px auto;
    padding: 0px;
}

#copyright {
    position: absolute;
    left: 25px;
    top: 10px;
	width: 400px;
	font-size: 10px;
	color: #fff;
	text-align: left;
}