@charset "utf-8";

* {
    color:#333333;
    padding:0;
    margin: 0;
    background-image: none;
}

body {
    background-color:#fff;
    background-image: url(img/bg.gif);
    background-repeat: repeat-x;
    font-family: "メイリオ", Verdana,Arial, Helvetica, sans-serif, "Meiryo","ＭＳ Ｐゴシック", Osaka;
    font-size: 12px;
    line-height: 140%;
}

a {
	color:#657E29;
}

a:hover {
	text-decoration: none;
}

a img {
 border:none;
}

hr {
	clear: both;
	height: 1px;
	background-color: #ccc;
}



/*li {
	list-style-type: none;
}*/

.chui {
	color: #CC3300;
		font-size: 8px;
}
 .note {
	color: #666;
		font-size: 9px;
}
/*table
{
	_font-size: 1em; /* IE hack 
}*/

tr.headerRow td
{
	font-weight: bold;
	text-align: center;
	background-color: #666; /* Light Gray */
}

th{
	font-weight: bold;
	text-align: center;
}
tr.footerRow td
{
	border-top: solid 1px #666; /* Light Gray */
	vertical-align: top;
}
table .bordered
{
	border-collapse: collapse;
		border: 1px solid #000; /* Black */

}
table .bordered td, table .bordered th
{
	padding: 3px;
	border: 1px solid #000; /* Black */
}

/*
-------------------------------------------------------------------*/
#base {
	width:900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	margin-top: 0px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-left-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

#wrap {
	float: left;
	padding: 5px;
	background-image: url(img/side_base.gif);
	background-repeat: repeat-y;
/* 	background-position: left;
 */}


/*

-------------------------------------------------------------------*/

#header {
	width:900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	position: relative;

}

h1 {
    line-height: 18px;
    color: #666666;
    font-weight: normal;
    float: left;
    padding-left: 5px;
    padding-right: 10px;
    font-size:9px;
}

#header table{
	width:900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;

}

#base .menu{
	text-align: left;
	padding: 5px 10px 5px 5px;
    	margin: 10px 50px 10px 50px;
	border: 1px solid #DDDDDD;
	float: left;
	position: relative;
	width: 820px;
}

#base .menu img{
	float: left;
	border: 1px solid #DDDDDD;
			margin: 10px 30px 10px 30px;
	padding: 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: center;
}


#header #sub {
	font-size: 10px;
	color: #666666;
	position: relative;
	top: 1px;
	text-align: right;
    line-height:12px;

}
#header #logo {
	clear: both;
	padding-top: 10px;
	padding-left: 10px;
	float: left;
}
#header h2 {
	font-size: 9px;
	font-weight: normal;
	color: #777777;
	line-height: 18px;
}

#header #head_ul {
	position: absolute;
	top: 30px;
	right: 15px;
}
#header #head_ul li {
	font-size: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 18px;
	padding-left: 7px;
}

#header #head_ul li a {
	font-size: 10px;
}

#table-left{
  text-align: left;
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

#table-left a{
  font-size: 16px;
  color: #333333;
  text-decoration: none;
}

#table-left a:hover{
  font-size: 16px;
  color: #666666;
  text-decoration: none;
}

.table-right{
  text-align: right;
  margin: 0;
  padding: 2px 5px 2px 0;
  font-size: 12px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

.table-right a{
  color: #333333;
  text-decoration: none;
}

.table-right a:hover{
  color: #666666;
  text-decoration: none;
}


#table-right{
  text-align: right;
  margin: 0;
  padding: 2px 5px 2px 0;
  font-size: 12px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

#table-right a{
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}

#table-right a:hover{
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}


div#contents_area_03 {
	margin-bottom:10px;
	padding-bottom:9px;
}

div#contents_area_03 img {
	display:block;
}

div#contents_area_03 ul li {
	margin-right:2px;
	float:left;
}

div#contents_area_03 ul li#contents03_l_01 {
	margin-right:0px;
}


#contents #ProductBox
{
  padding-left: 10px;  

	float:left;
	width:45%;
}
#contents #SolutionBox
{
	float:right;
	width:45%;  margin-left: 20px;

}
#c_pad #mokuji {
	margin: 1px 5px 15px 10px;
	border: 1px solid #D8D8D3;
	background-image: url(img/side_inbox.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#c_pad #mokuji ul {
	margin-left: 15px;
}
#c_pad #mokuji ul ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#c_pad #mokuji li a {
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 10px;
	display: block;
}
#c_pad #mokuji h3 {
	color: #76946D;
	background-image: none;
	padding-left: 10px;
	margin-bottom: 2px;
	padding-top: 1px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E1E6E6;
	padding-bottom: 1px;
}

#contents #ProductBox .title
{
    font-family: "メイリオ", Verdana,Arial, Helvetica, "Meiryo",Osaka;    
    font-size:16px;
	color:#222;
	font-weight:700;
	line-height:31px;
	background-image:url(img/h2.png);
	height:35px;
	background-repeat:no-repeat;
  padding-left: 20px;  
margin-right: 30px;
}

#contents #SolutionBox .title 
{
    font-family: "メイリオ", Verdana,Arial, Helvetica, "Meiryo",Osaka;    
    font-size:16px;
	color:#222;
	font-weight:700;
	line-height:31px;
	background-image:url(img/h2.png);
	height:35px;
	background-repeat:no-repeat;
	padding-left:20px;
margin-right: 30px;

}

#contents table.license {
width: 550px; /* 表の幅 */
border-collapse: collapse;
font-size: 80%;
}

/* --- 表タイトル --- */
#contents table.license caption {
padding-bottom: 10px; /* 表タイトルの下パディング */
}

/* --- セル --- */
#contents table.license th,{
/* width: 20%; */ /* セルの幅（セルの幅を均等にする場合） */

}

#contents table.license td {
padding: 6px 8px; /* セルのパディング（上下、左右） */
/* width: 80%; */ /* セルの幅（セルの幅を均等にする場合） */
}

/* --- 見出しセル --- */
#contents table.license thead th {
border-top: 1px #c0c0c0 solid; /* 見出しセルの下境界線 */
text-align: left;
}

/* --- フッタセル --- */
#contents table.license tfoot td {
border-top: 1px #c0c0c0 solid; /* フッタセルの上境界線 */
}

#contents table.license tbody td {
border-bottom: 1px #c0c0c0 solid; /* データセルの下境界線 */
}


#contents .right
{
	float: right;
	padding: 10px;
	}

div.box{
    position:relative;
  margin-left: 40px;
}


#top_img {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #FFFFFF;
}

#contents {
	width: 650px;
	float: right;
}

#contents p{
	background-image: url(img/note_line.gif);
	padding: 5px;
	margin: 5px 20px 10px 20px;
	line-height: 25px;
}

#contents .note1{
	margin-right: 30px;
	margin-left: 30px;
	text-align: right;
	font-size: 10px;
	padding-left: 25px;
	color: #FF00FF;
  font-style: italic;
  
}

#contents #c_pad {
	padding: 5px 5px 10px 5px;
	margin-left: 10px;
	margin-right: 10px;
/* background-image: url(img/note_line.gif);*/
}

#contents .note{
	background-image: url(img/note_line.gif);
  padding-left: 30px;
	line-height: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
}

#contents table.system
{
	width: 600px;  
   padding: 0;
  margin: 50px 0 50px 30px;
  border-collapse: collapse;
  border: 1px solid #ccc;
	font-family: Verdana, Helvetica, sans-serif, "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
  color: #000;
}

#contents table.system td
{
  	margin: 5px 25px 10px 5px;
	padding: 3px 3px 3px 10px;
  border: 1px solid #ccc;
}

#contents table.system th
{
    text-align: left;
    white-space: nowrap;
  border: 1px solid #ccc;
}

#contents table.system td ul {
	margin: 5px 25px 10px 0;
  	padding:0;  

}
#contents table.system td .note {
    color: #555555;
    font-weight: lighter;
    font-size: 10px;	
    margin: 0 25px 10px 5px;
    padding: 0 10px 0 0;
    background: none;
}


#contents .top{
	float: right;
	margin: 25px 10px 30px 20px;
}

#contents h2 {
	font-size: 18px;
	padding-left: 20px;
	color: #222222;
	margin: 20px 10px 20px 5px;
	font-weight: bold;
	line-height: 35px;
	background-image: url(img/h2.png);
	background-repeat: no-repeat;
}


#contents h3 {
	font-size: 16px;
	padding-left: 25px;
	color: #222222;
	margin: 15px 0 10px 0;
	font-weight: bold;
	line-height: 31px;
	background-image: url(img/h3.gif);
	height: 35px;
	background-repeat: no-repeat;
}


#contents h4 {
	color: #000000;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #9DC95C;
	font-size: 16px;
	line-height: 16px;
	margin: 15px 20px 10px 15px;	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 15px;	background-image: url(img/h5.gif);

}

#contents h4 a {
	color: #000000;
}

#contents h5{
	font-size: 12px;
	color: #FFFFFF;
	line-height: 25px;
		margin: 15px 20px 10px 15px;

	background-color: #9EAD70;

	padding-left: 20px;
	background-image: url(img/h5.png);

}

#contents h6{
	font-size: 13px;
	color: #FFFFFF;
	line-height: 22px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 30px;
	background-color: #9EAD70;
	margin-right: 30px;
	padding-left: 10px;

}

#contents h5 a{
	font-size: 13px;
	color: #FFFFFF;
	line-height: 18px;
	margin-top: 15px;
	margin-bottom: 10px;
}
#contents ol {

	margin-right: 40px;
	margin-left: 40px;
  padding:0px;  
}

#contents ol li {
	margin: 9px 0 9px 20px;
	padding: 5px 0 2px 0px;
	background-image: url(img/note_line.gif);
  list-style-type:decimal-leading-zero;
  line-height: 20px;
	letter-spacing: normal;
 }
 


#contents ul {
  	list-style-type:none;
	padding: 5px;	line-height: 25px;
	background-image: url(img/note_line.gif);
	margin: 5px 35px 10px 35px;
}

#contents li {
	background: url(img/arrow.gif) transparent no-repeat 0 0;
padding-left: 20px;
}
 
#contents ul li li{
  padding-left: 10px;
	background-image: url(img/note_line.gif);
 }
 
#contents li a{
  text-decoration: none;
  font-weight: bold;
}

/*目的から探す、のページ*/

#contents .purpose {
	float: right;
	height: auto;
	width: 260px;
	border: 1px solid #DDDDDD;
	margin: 10px 5px 10px 25px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;	line-height: 17px;

}

#contents .purpose img{
    margin: 2px 5px 10px 2px;
}


#contents .purpose h4 {
	margin: 0 0 5px 0;
	background-color: #6C8143;
	color: #000000;
	font-size: 12px;
	border-left-color: #94BA12;
}

#contents .purpose h4 a{
  text-decoration: none;
}


#contents .purpose ul {
list-style-type: none;
margin: 5px;
padding: 0;
	line-height: 17px;
}


#contents .purpose li {
	padding: 4px 0 4px 10px;
	background : url(img/arrow.gif) no-repeat left top;
	letter-spacing: normal;
	list-style-position: outside;
	background-color: transparent;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;	line-height: 17px;

 }

#contents .purpose li a {
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

#contents .purpose .btn a {
	font-size: 10px;
	line-height: 17px;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #7A7A76;
	border: 1px solid #D2D2D2;
	width: 130px;
	display: block;
	text-align: center;
	text-decoration: none;
	background-image: url(img/btn.gif);
	position: absolute;
	right: 10px;
	bottom: 10px;
}

#contents .purpose .btn a:hover {
	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);
}
#contents .purpose .c_img_right{
    margin: 2px;
	float: right;
}

.halist {
	margin-left: 60px;    list-style-image: url(../img/haicon.gif);
  	margin-left: 0px;
  	padding:-10px;
    background-image: url(img/note_line.gif);
    background-position: center;}
    
/*#contents ul li p{

}*/

#contents li a {
	font-size: 12px;
}



/* for IE \*/
* html body #base #contents #c_pad {
	padding: 9px;
}	


/* #contents p a {
	line-height: 25px;
}

#contents p strong {
	line-height: 25px;
}
 */
#contents .img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 10px 20px 10px 0px;
}

#contents .img_left img {
	border: 2px solid #EDEDE9;
}

#contents .c_img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 0 10px 0 10px;
	margin-left: 10px;
}

#contents .c_img_left img {
/*	border: 1px solid #999999; */
}

#contents .c_img_right {
	float: right;
	background-color: #FFFFFF;
	padding: 5px;
	margin: 5px 35px 10px 30px;

}

#contents .c_img_right img {
	border: 0;
}


#contents .c_img_right_border img {
	border: 1px solid #999999;
}




/*.list li {
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
	background-color: #F7F7F7;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	line-height: 25px;
}
*/

ul.list {
	margin-bottom: 10px;
}
.list li:hover {
	background-color: #FFFFFF;
}

#contents .md_function
{
    font-size:12px;
    color:#555555;
    line-height:1;
    padding-left: 35px;
    padding-top:5px;
    padding-bottom:10px;
    background-image:url(img/md_header.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #EEEEEE;
    text-decoration: none;
    margin:10px 10px 5px 50px ;
}
	
#contents td.rf_function
{
	font-size: 12px;
	color:#555555;
	line-height: 30px;
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 130px;
	background-image:url(img/rf_header.png);
 background-repeat: no-repeat;
 background-position: left center;
	background-color: #EEEEEE;
	text-decoration: none;
	}

/*
萓｡譬ｼ陦ｨ
-------------------------------------------------------------------*/

.price-table
{
	width: 500px;  
  height:  50px;
   padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: 1px solid #666;
	font-family: Verdana, Helvetica, sans-serif, "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
font-size: 11px;
  color: #000;
}

.price-table td {
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
  font-size: 11px;
	background-color: #FFF;
  height: 2em
}
.price-table td:hover {
	color: #006600;
	}

.price-table caption
{
  caption-side: top;
  font-size: 1em;
	font-family: Verdana, Helvetica, sans-serif, "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
  font-style: italic;
  text-align: left;
  padding: 0.5em 0;
}

.price-table th
{
  border: 1px solid #666;
  padding: 0.5em;
  text-align: left;
  color: #000;
}

.price-table th[scope=col]
{
  color: #000;
  background-color: #8fadcc;
  text-transform: uppercase;
  font-size: 0.9em;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  	text-align: center;
}

.price-table tr
{
	background-image: url(img/box_bg.JPG);
    border: 1px solid #666;

}

.price-table tr:hover th[scope=row], .price-table tr:hover td
{
  background-color: #ccc;
  color: #006600;
}

.price-table td[scope=price]
{
	text-align: right;
	font-family: Verdana, Helvetica, sans-serif, "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
}

.tax
{
font-size: 8px;
line-height: 12px;
}

/* .tax:hover
{
  color: #006600;
} */


.price-table td[scope=user]
{
	text-align: center;
font-size: 9px;

}

.price-table th+th[scope=col]
{
  color: #000;
  background-color: #7d98b3;
  border-right: 1px solid #666;
}

.price-table th[scope=row]
{
  background-color: #b8cfe5;
  border-right: 2px solid #666;
}

.price-table tr.alt th, .price-table tr.alt td
{
  color: #2a4763;
}

#caption
{
margin-left: 30px;
  caption-side: top;
  font-size: 90%;
	font-family: Verdana, Helvetica, sans-serif, "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
  font-style: italic;
  text-align: left;
  padding: 0 0.5em;
}


/*
---SGトップなどのテーブル行----------------------------------------------------------------*/

#contents .noborder
{
  padding: 10px;
  margin: 10px 10px 20px 10px;
  border: none;
	font-family: Verdana, Helvetica, sans-serif, "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
  font-size: 12px;
  color: #000;
  vertical-align: top;
}



/*
-------------------------------------------------------------------*/
#contents .head {
	float: none;
	width: 290px;
	margin: 0;
	padding: 0;
	position: relative;
}

#contents .more {
	text-align: right;
	width: 270px;
	margin: 10px 0 10px 5px;
	padding: 5px 0 5px 5px;
	position: relative;
	right: 5px;
	bottom: 10px;
}

/*ボックスレイアウト
-------------------------------------------------------------------*/



#contents .box2 {
	float: left;
	width: 250px;
	min-height: 185px;
	border: 1px solid #DDDDDD;
/* 	margin: 5px 2px 5px 40px;
 */	padding: 5px;
	background-color: #ffffff;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	margin-left: 40px;
}

#contents .box2 h4 {
	margin: 3px;
	background-color: #6C8143;
	color: #FFFFFF;
	background-image: url(img/h4.gif);
	font-size: 12px;
	line-height: 24px;
font-weight: bolder;
	border-left-color: #94BA12;
}

#contents .box2 ul{

  position:absolute;
  left:120px;
	margin: 3px 8px 50px 0;
		padding: 0;
list-style-type:none;
	  	background-image: url(img/note_line.gif);


}

#contents .box2 ul li {
  list-style-position: outside; 
  background: url(img/li.gif) no-repeat 1px 0.5em;
	margin: 5px 5px 0 5px;
	padding: 0 0px 2px 10px;
	font-size: 11px;
	line-height: 20px;

}
#contents .box2 ol{
	padding: 5px 0px 2px 10px;
	list-style-type:none;
	background: none;

	margin: 5px 8px 55px 15px;
}

#contents .box2 ol li {
 /* list-style-position: outside;*/   
/*    background: url(img/li.gif) no-repeat;
      background-position: left top;		
 */	margin: 5px 5px 0 5px;
	padding: 5px 0px 0px 15px;
	line-height: 18px;
	background: none;

	font-size: 11px;
}

#contents .box2 ul li a{
		font-size: 12px;
}

#contents .box2 p {
	margin: 0px;
	font-size: 11px;
}

#contents .box2 .btn a {
	font-size: 11px;
	height: 16px;
	padding: 3px;
	color: #ffffff;
	display: block;
	text-align: center;
	text-decoration: none;
	background-image: url(img/btn2.gif);
	position: absolute;
	width: 180px;
	margin: 5px 5px 5px 5px;

	right: 10px;
	bottom: 10px;
}

#contents .box2 .btn a:hover {
	background-color: #FF9900;
	background-image: url(img/btn2_ov.gif);
}


/*
1box
-------------------------------------------------------------------*/
#contents .box3 {
	text-align: left;
	margin: 10px 10px 10px 20px;
	padding: 5px 10px 5px 5px;
	border: 1px solid #DDDDDD;
	float: left;
	position: relative;
	bottom: 10px;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: bottom center;
}

#contents h4.box3  {
/*	margin: 5px;--*/
/*	padding: 5px 10px 5px 15px;--*/

	background-color: #7A7A76;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	border-left-color: #81B318;
}

#contents dt.box3 {
	color: #FFFFFF;
	margin: 5px;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	right: 100px;
	padding: 5px 10px 5px 55px;
	border-left: 0px solid #B5C2A3;
	background-color: #7A7A76;

}


#contents .box3 p{
    margin: 5px;
    font-weight: normal;
	background: none;
    line-height: 25px;
}
#contents .box3 img{
    margin: 2px 5px 10px 2px;
}

#contents .box3 .c_img_left{
    margin: 5px;
}


#contents .box3 .btn a:hover {
	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);
}
.box3 a img {
	border: 2px solid #EDEDE9;
}

#contents .box3 p a {
	color: #336633;
	font-weight: bold;
}


#contents .box3_photo {
	float: left;
	height: 100px;
	width: 100px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: center;
}

#contents .box3_photo:hover {
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}

.box3_photo a img {
	border: 2px solid #FFFFFF;
}
.box3_photo a:hover img {
	border: 2px solid #FCD096;
}


#contents .line {
	padding:5px;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	width:480px;
	background:#F7F7F7;
	margin:25px 10px 25px 60px;	
}

#contents .agent {
	text-align: left;
	margin: 10px 30px 10px 30px;
	padding: 5px 10px 5px 5px;
	border: 1px solid #DDDDDD;
	float: left;
	position: relative;
	bottom: 10px;
	height: 190px;
	width: 530px;
    font-weight: normal;

	background-repeat: repeat-x;
	background-position: bottom center;
}

#contents dt.agent {
	color: #FFFFFF;
	margin: 3px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 10px 10px 15px;
	border-left: 0px solid #B5C2A3;
	background-color: #FFFFFF;
	background-image: url('img/side_h3.gif');
	background-repeat: repeat-x;		background-position: bottom center;

}


/* #contents .agent p{
    	margin: 15px 10px 10px 30px;
padding: 15px 15px 15px 15px;
    font-weight: normal;
	background-image: url(img/note_line.gif);
		background-position: bottom center;

  position:absolute;
  left:90px;
  top: 40px;
}
 */

#contents .box3 .btn a:hover {
	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);
}
.box3 a img {
	border: 2px solid #EDEDE9;
}

#contents .box3 p a {
	color: #336633;
	font-weight: bold;
}


#contents .box3_photo {
	float: left;
	height: 100px;
	width: 100px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: center;
}

#contents .box3_photo:hover {
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}

.box3_photo a img {
	border: 2px solid #FFFFFF;
}
.box3_photo a:hover img {
	border: 2px solid #FCD096;
}


#contents .line {
	padding:5px;
	border-color:#cccccc;
	border-width:1px;
	border-style:solid;
	width:480px;
	background:#F7F7F7;
	margin:25px 10px 25px 60px;	
}


/*
3boxMDaemon
-------------------------------------------------------------------*/
#contents .box3m {
	float: right;
	height: 280px;
	width: 173px;
	border: 1px solid #DDDDDD;
	margin: 3px 10px 5px 3px;
	padding: 5px 5px 10px 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: center;
}
#contents .box3s {
	float: right;
	height: 140px;
	width: 173px;
	border: 1px solid #DDDDDD;
	margin: 3px 10px 5px 3px;
	padding: 5px 5px 10px 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: center;
}

#contents .box3m h4{
	margin: 5px 0 0 0;
	background-color: #7A7A76;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	border-left-color: #81B318;
	padding-left: 0;
	color: #000000;
	line-height: 24px;

}
#contents .box3m h4 a{
	color: #000000;
}

#contents .box3m p {
	margin: 0px;
}
#contents .box3m .btn a, #contents .box3s .btn a {
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    color: #FFFFFF;
    background-color: #7A7A76;
    border: 1px solid #D2D2D2;
    font-weight: bold;
    width: 140px;
    display: block;
    text-align: center;
    text-decoration: none;
    background-image: url(img/btn.gif);
    /*position: absolute;
    bottom: 10px;
   
    left: 20px; */
    margin-right:20px;
    margin-left:20px;
    margin-top:10px;
}

#contents .box3m .btn a:hover, #contents .box3s .btn a:hover {
	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);
}
.box3m a img {
	border: 1px solid #EDEDE9;
  margin: 1px;
}
.box3m a:hover img {
	border: 2px solid #FCD096;
}


#contents .box3_photo {
	float: left;
	height: 160px;
	width: 168px;
	border: 1px solid #DDDDDD;
	margin: 2px;
	padding: 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: center;
}

#contents .box3_photo:hover {
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}

.box3_photo a img {
	border: 2px solid #FFFFFF;
}
.box3_photo a:hover img {
	border: 2px solid #FCD096;
}

/* 4Box */
#contents .box4 {
	float: right;
	height: 120px;
	width: 120px;
	border: 1px solid #DDDDDD;
	margin: 3px 8px 50px 3px;
	padding: 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: center;
}

#contents .box4 p {
	margin: 0px;
}
#contents .box4 .btn a {
    font-size: 11px;
    line-height: 17px;
    height: 17px;
    padding: 0 5px 0 5px;
    color: #FFFFFF;
    background-color: #7A7A76;
    border: 1px solid #D2D2D2;
    font-weight: bold;
    width: 100px;
    display: block;
    text-align: center;
    text-decoration: none;
    background-image: url(img/btn.gif);
    /*position: absolute;
    bottom: 10px;
    */
    margin-right:5px;
    margin-left:5px;
    margin-top:10px;
}

#contents .box4 .btn a:hover {
	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);
}
.box4 a img {
	border: 1px solid #EDEDE9;
  margin: 1px;
}
.box4 a:hover img {
	border: 2px solid #FCD096;
}


#contents .box4_photo {
	float: left;
	height: 80px;
	width: 168px;
	border: 1px solid #DDDDDD;
	margin: 2px;
	padding: 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	position: relative;
	text-align: center;
}

#contents .box4_photo:hover {
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}

.box3_photo a img {
	border: 2px solid #FFFFFF;
}
.box3_photo a:hover img {
	border: 2px solid #FCD096;
}
/*
-------------------------------------------------------------------*/

#contents dl {
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #D9D9D0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	  font-size: 12px;
}

#contents dt {
	color: #FFFFFF;
	margin: 5px;
	padding: 5px 0 5px 20px;
	line-height: 160%;

	font-weight: bold;
	text-decoration: none;
	border-left: 0px solid #B5C2A3;
	background-color: #FFFFFF;
	background-image: url('img/side_h3.gif');
	background-repeat: repeat-x;
}

#contents dt a{
	color: #FFFFFF;
  line-height : 150%;	
  font-weight: bold;
  font-size: 12px;
	text-decoration: none;

}


#contents dd {
	margin: 0;
	padding: 3px 0 3px 20px;
	font-size: 12px;
	line-height : 25px;	
  	background-image: url(img/note_line.gif);  
}

#contents .press {
  	border: 1px solid #cccccc;		
	margin: 10px 20px 10px 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;*/
	padding: 20px;
	background-image: url(img/bg04-2.gif);
	background-repeat: repeat;
      }		

#contents .press p {
  background-image: none;
  line-height: 25px;
  font-weight: normal;
  padding: 3px 10px 3px 0;
  }

#contents .right_menu {
  	border: 1px solid #cccccc;		
	margin: 10px 20px 10px 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    CCborderRadius: 20px;*/
	float: right;
	width: 168px;
	padding: 2px;
    background: #ffffff;

}

#contents .right_menu ul,#contents .right_menu ul li{
	margin: 0;
	padding: 2px;

}

#contents .login_area {
	margin: 0 20px 0 10px;
	float: right;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#contents .login_top {
	background-image: url(img/login_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 146px;
}
#contents .login_bottom {
	background-image: url(img/login_03.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 5px;
	width: 146px;
}
#contents .login_bodyarea {
	margin: 0px;
	float: left;
	width: 140px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 6px;
	background-attachment: scroll;
	background-image: url(img/login_02.png);
	background-repeat: repeat-y;
}

  /*margin-right: 25px;
	margin-left: 55px;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
}
FAQ*/

#contents .faq {
      padding-left: 20pt;		
	  margin: 30px 5px 10px 5px;
      color: #000000;			
      font-size: 12px;			
      }		

#contents .faq .question{
      background: #99FFFF;
      border: 1px solid #ccc;	
      background-image:url(img/Q.gif);
      background-repeat: no-repeat;
      background-position: 10px 20px;
	  margin: 5px;	
      padding: 20px 5px 20px 50px;	
          -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;*/
	
      }	

#contents .faq .answer {
      border: 1px solid #ccc;		
      background-image:url(img/A.gif);
      background-repeat: no-repeat;
      background-position: 10px 20px;		
	  margin: 5px;	
      padding: 10px 5px 20px 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    CCborderRadius: 10px;*/
	
      }	
      
#contents .faq .answer p,#contents .faq .answer ul,#contents .faq .answer ol, {
      padding: 10px 5px 20px 20px;
	  margin: 0 5px 10px 5px;	
      }	

#contents .faq pre{			background: #FFFFDD;			border: 1px solid #000000;			font-size: 9pt;			margin: 1% 5% 1% 5%;			padding: 3pt;		}	

#contents .faq h3{
			font-size: 10pt;			font-weight: bold;			padding: 2pt;			border-width: 0pt 0pt 1pt 16pt;			border-style: none none solid solid;			border-color: #3399cc;		} 		


#contents .trial a { 
    display: block; 
    overflow: hidden; 
    height: 0px !important; 
    width: 204px; 
    background-image: url(img/trial_n.png); 
    padding-top: 83px; 
    text-align: center; 
    margin: 10px 10px 10px 10px; 
} 

#contents .trial a:hover { 
    background-image: url(img/trial_m.png); 
} 

#pac {
  background-image: url(img/note_line.gif);
	line-height: 20px;
	padding-right: 5px;
	padding-left: 5px;
    margin: 10px 0 30px 30px; 
}

#mpac a { 
    float: left;    display: block; 
    overflow: hidden; 
    height: 0px !important; 
    padding-top: 180px; 
    width: 160px; 
    background-image: url(img/mpac01.png); 
    text-align: center; 
    margin: 0 5px 0 0; 
} 

#mpac a:hover { 
    background-image: url(img/mpac02.png); 
} 

#cmpac a { 
    float: left;
    display: block; 
    overflow: hidden; 
    height: 0px !important; 
    width: 160px; 
    background-image: url(img/cmpac01.png); 
    padding-top: 180px; 
    text-align: center; 
    margin: 0 5px 0 5px; 
} 

#cmpac a:hover { 
    background-image: url(img/cmpac02.png); 
} 

#spac a { 
    float: left;    display: block; 
    overflow: hidden; 
    height: 0px !important; 
    width: 160px; 
    background-image: url(img/spac01.png); 
    padding-top: 180px; 
    text-align: center; 
    margin: 0 0 0 5px; 

} 

#spac a:hover { 
    background-image: url(img/spac02.png); 
} 

table {
	border-collapse: collapse;
}
table td {
	border-collapse: collapse;
}
#contents table {
	width: 550px;
  margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto; 
	padding: 3px;
}

#contents table td {
	padding: 1px;
/*	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;         */
  height: 2em;

}
#contents table td.gray{
  border: 1px solid #ccc;
}
#contents table td.one{
  	border: 1px solid #ccc;
	font-size: 12px;
	background-color: #F8F8F5;	padding: 10px 10px 10px 2px;

}

#contents table td.two{
padding: 10px 2px 10px 2px;  	border: 1px solid #ccc;
	font-size: 12px;
	background-color: #FFFFFF;
}

#contents table th {
	background-color: #EFEDE7;
	  border: 1px solid #666;
	padding: 7px;
}
#contents form table th {
	width: 127px;
}

table td.td_head {
	background-color: #9BBC63;
	text-align: right;
	padding: 8px;
	white-space: nowrap;
	color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D3CDB4;
	border-right-color: #D3CDB4;
	border-bottom-color: #D3CDB4;
	border-left-color: #D3CDB4;
	font-size: 13px;
	background-image: url(img/td_head.gif);
	background-repeat: repeat-x;
}

table td.td_odd {
	background-color: #F8F3E7;

	padding: 8px;
	border: 1px solid #D3CDB4;
	font-size: 13px;
	background-image: url(img/td_odd.gif);
	background-repeat: repeat-x;
}

.td_head .eng {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #68823E;
}
.clear {
	clear: both;
}
/*
-------------------------------------------------------------------*/
#contents #pan {
    padding: 0 5px 5px 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #EAEAEA;
    margin: 0;
}
#contents #pan a {
	font-size: 10px;	margin-right: 5px;
	margin-left: 5px;
}
#contents #pan strong {
	font-size: 10px;	margin-left: 7px;
}

/*
side menu
-------------------------------------------------------------------*/
#side {
	float: left;
	width: 223px;
	background-color: #DFDFD2;
	margin-left: 5px;
	padding-bottom: 10px;
	font-family: "メイリオ", Verdana, Helvetica, "Meiryo";
    font-size: 12px;
}

#side li {
	list-style-type: none;
}

#side_d {
	padding-top: 2px;
	margin-bottom: 5px;
	width: 210px;
	margin-right: auto;
	margin-left: 5px;
	margin-top: 5px;
	border: 1px solid #CECEB9;
	background-color: #EFEFE9;
}

#side_d h2 {
	display: block;
	line-height: 30px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 3px;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	background-image: url(img/side_h2.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #969583;
	border-left-color: #969583;
	height: 30px;
	font-weight: bold;
}

#side_d h3 {
	display: block;
	line-height: 24px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 3px;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
	background-color: #666666;
	background-image: url(img/side_h3.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #969583;
	border-left-color: #969583;
	height: 24px;
	font-weight: bold;
}

#side_d h4 {
	display: block;
	line-height: 24px;
	color: #000000;	font-size: 12px;

	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 3px;
	text-align: left;
	padding-left: 10px;
	background-color: #666666;
	background-image: url(img/side_h5.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #969583;
	border-left-color: #969583;
	height: 24px;
	font-weight: bold;
}
#side_d h5 {
	display: block;
	line-height: 24px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	margin-top: 3px;	font-size: 12px;

	text-align: left;
	padding-left: 10px;
	background-color: #666666;
	background-image: url(img/side_h4.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #969583;
	border-left-color: #969583;
	height: 24px;
	font-weight: bold;
}

#side_d ul {
	margin-bottom: 5px;
}

#side_d li a{
	display: block;
	font-size: 12px;
	color:#3D3D3D;
	line-height: 24px;
	margin-left: 2px;
	padding-left: 15px;
	background-image:url(img/side_li.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	text-decoration: none;
	white-space: nowrap;
}

#side_d li a:hover {
	background-color: #86BA2E;
		background-image:url(img/side_li_active.gif);
	background-repeat: no-repeat;
}

#side_d h3 a{
	text-decoration: none;
	color: #FFFFFF;

}
#side_d h4 a, #side_d h2 a{
	text-decoration: none;
	color: #000000;

}

#side_d h5 a{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;

}

#side_d #sub {
	background-image:url(img/side_li2.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	text-decoration: none;
	height: 24px;
}


#side_d li ul {
	background-color: #DFE2E3;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#side_d li ul li a{
/* 	background-position: 15px;
 */	padding-left: 25px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CDD2D3;
	border-bottom-color: #CDD2D3;
	border-left-color: #CDD2D3;
	border-top-style: none;
	color: #555555;
}



#side img {
	border:none;
}

#side p {
	padding: 10px;
}

#side p a {
	font-size:10px;
	background-color: #E2DECF;
	display: block;
	padding: 10px;
	line-height: 15px;
	border: 2px solid #C6BCB0;
}

#side #side_pr {
	margin: 10px;
	padding: 8px;
	border: 1px solid #DBD9D0;
	background-color: #F8F8F5;
	font-size:10px;

}
/*30-day trial*/

#side .pr {
	margin: 10px;
	padding: 8px;
	border: 1px solid #DBD9D0;
	background-color: #F8F8F5;
	font-size:10px;    text-align: center; 

}


#side .camp a { 
    display: block; 
    overflow: hidden; 
    height: 0px !important; 
    width: 204px; 
    background-image: url(img/trial_n.png); 
    padding-top: 83px; 
    text-align: center; 
    margin: 2px; 
} 

#side .camp a:hover { 
   background-image: url(img/trial_m.png); 
} 


#side .trial a { 
    display: block; 
    overflow: hidden; 
    height: 0px !important; 
    width: 204px; 
    background-image: url(img/trial_n.png); 
    padding-top: 83px; 
    text-align: center; 
    margin: 2px; 
} 

#side .trial a:hover { 
    background-image: url(img/trial_m.png); 
} 

#side .ver {
	margin: 10px;
	padding: 5px;
	border: 1px solid #DBD9D0;
	background-color: #Ffffff;
}

#side .ver hr 
{
	color:#DBD9D0;
	line-height: 24px;
}


#side .ver td  
{
    padding: 4px;
    border-width: 0 0 1px 1px;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
}
#side .ver .note  
{
    color: #555555;
    font-weight: lighter;
    line-height: 100%;
    font-size:xx-small;
    padding-top: 4px;
    padding-left: 4px;

}

#side .ver .name  
{
    padding: 4px;
    color: #555555;
    line-height: 130%;
    text-align: left;
	font-weight: bold;
	font-size: 12px;

}

#side_d .ver .info  
{
    color: #555555;
    font-weight: lighter;
    line-height: 100%;
    text-align: left;
    font-size: 9px;
	white-space: nowrap;
}

/*
Group items
-------------------------------------------------------------------*/

#group {
	clear: both;
	background-image: url(img/bg04-2.gif);
	background-repeat: repeat;
	border: 1px solid #E2E2DE;
	padding: 10px;
	height: 160px;
	margin: 15px;
	background-position: top;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    CCborderRadius: 5px;*/
}

#group .title {
	margin-bottom:10px;
	margin-left: 2px;
font-weight:bold;
}

#group h5{
	font-weight:bold;
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 3px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}

#group .area_a{
	width:250px;
	float: left;
	margin-right: 12px;
}

#group .area_b{
	width:320px;
	float: left;
	margin-right: 12px;
}
#group .area_c{
	width:250px;
	float: left;
}

#group li {
	list-style-type: none;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	line-height: 20px;
	width:250px;
	margin-bottom: 10px;
}
#group li a {
	padding-left: 15px;
}

#group ul {
	margin-top: 5px;
	margin-bottom: 5px;
	width:250px;

}


/*
buttom menu
-------------------------------------------------------------------*/

#f_menu {
	clear: both;
	background-image: url(img/foot_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #E2E2DE;
	padding: 10px;
	background-color: #F5F4F0;
	background-position: bottom;
}
#f_menu li {
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 20px;
}
#f_menu ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#f_menu li a {
	font-size: 12px;
}

#f_menu p {
	font-size: 10px;
	color: #333333;
}

#f_menu #pr {
	font-size: 10px;
	color: #888888;
	text-align: right;
	padding: 5px;
}
#f_menu #pr a {
	font-size: 10px;
	color: #888888;
}
/*
繧ｳ繝斐・繝ｩ繧､繝・
-------------------------------------------------------------------*/

address {
	font-style: normal;
	color: #000000;
	text-align: right;
	display: block;
	background-color: #cccccc;
	font-size: 10px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
}

#address a {
  color: #ffffff;
  text-decoration: none;
}


#address a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/*
比較表用テーブル
-------------------------------------------------------------------*/
#contents table.edition {
    width: 530px;
    border: 1px #ccc solid;
    border-spacing: 0;
    padding: 0;
    font-family: Verdana, Helvetica, sans-serif, "メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka;
    font-size: 11px;
    color: #000;

}
#contents table.edition th {
    padding: 5px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
    background-color: #99cc33;
}
#contents table.edition td {
    padding: 5px;
    border-style: solid;
    border: 1px #ccc solid;
    color: #1A4444;
}




.side_head{
  margin: 20px 0 0 0;   
}
.side_bg{ 
  float:right;
  width: 180px;
  padding: 5px 10px 0 10px;  }

.side_foot{
background: url(../fr002_foot.gif) repeat-y;
   }