@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.png) repeat-x top;
	_background: none;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body.nostyle {
	background: none;
}

p,ul,li {
	font-size: 12px;
}

p.redirect {
	margin: 40px 0 0 0;
	text-align: center;
}
a {
	font-size: 12px;
	color:#06C;
	text-decoration: none;
}

a:hover {
	color: #09F;
	text-decoration: underline;
}

img {
	border: none;
}

img.rightImg {
	float: right;
	margin: 5px 0 20px 20px;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

hr {
	border: none;
	height: 1px;
	background: url(../images/dot.png) repeat-x top;
	margin: 10px 0;
	clear: both;
}

#container {
	width: 960px;
	margin: 0 auto;
	background: url(../images/bg_container.png) repeat-y top;
	_background: url(../images/bg_container.gif) repeat-y top;
	padding: 0 10px;
}

#headerTop {
	width: 960px;
	height: 0;
	margin: 0;
	padding: 230px 0 0 0;
	overflow: hidden;
	background: url(../images/header_top.jpg) no-repeat #FFF;
}

#header {
	width: 960px;
	height: 120px;
	padding: 0;
	overflow: hidden;
	background: url(../images/header.jpg) no-repeat;
}

#header a {
	height: 0;
	padding-top: 120px;
	overflow: hidden;
	display: block;
	width: 500px;
}


/********global navi*********/

#gnavi {
	width: 960px;
	height: 40px;
	margin :0;
	padding: 0;
	background: url(../images/gnavi.png) no-repeat top #FFF;
}

#gnavi ul {
	margin:0;
	padding:0;
}
#gnavi li {
	float: left;
	list-style:none;
	margin: 0;
}

#gnavi li a {
	height: 0px;
	display: block;
	float: left;
	padding-top: 40px;
	overflow: hidden;
	margin: 0;
}

/*------off*/
#gnavi li.grp01 a {
	background:url(../images/gnavi.png) no-repeat 0px 0px;
	width:192px;
}

#gnavi li.grp02 a {
	background:url(../images/gnavi.png) no-repeat -192px 0px;
	width:192px;
}

#gnavi li.grp03 a {
	background:url(../images/gnavi.png) no-repeat -384px 0px;
	width:192px;
}

#gnavi li.grp04 a {
	background:url(../images/gnavi.png) no-repeat -576px 0px;
	width:192px;
}

#gnavi li.grp05 a {
	background:url(../images/gnavi.png) no-repeat -768px 0px;
	width:192px;
}

/*------hover*/
#gnavi li.grp01 a:hover,#gnavi li.grp01_on a:hover {
	background:url(../images/gnavi.png) no-repeat 0px -40px;
}

#gnavi li.grp02 a:hover,#gnavi li.grp02_on a:hover {
	background:url(../images/gnavi.png) no-repeat -192px -40px;
}

#gnavi li.grp03 a:hover,#gnavi li.grp03_on a:hover {
	background:url(../images/gnavi.png) no-repeat -384px -40px;
}

#gnavi li.grp04 a:hover,#gnavi li.grp04_on a:hover {
	background:url(../images/gnavi.png) no-repeat -576px -40px;
}

#gnavi li.grp05 a:hover,#gnavi li.grp05_on a:hover {
	background:url(../images/gnavi.png) no-repeat -768px -40px;
}

/*------on*/
#gnavi li.grp01_on a {
	background:url(../images/gnavi.png) no-repeat 0px -80px;
	width:192px;
}

#gnavi li.grp02_on a {
	background:url(../images/gnavi.png) no-repeat -192px -80px;
	width:192px;
}

#gnavi li.grp03_on a {
	background:url(../images/gnavi.png) no-repeat -384px -80px;
	width:192px;
}

#gnavi li.grp04_on a {
	background:url(../images/gnavi.png) no-repeat -576px -80px;
	width:192px;
}

#gnavi li.grp05_on a {
	background:url(../images/gnavi.png) no-repeat -768px -80px;
	width:192px;
}

/*------on hover*/
#gnavi li.grp01_on a:hover {
	background:url(../images/gnavi.png) no-repeat 0px -120px;
}

#gnavi li.grp02_on a:hover {
	background:url(../images/gnavi.png) no-repeat -192px -120px;
}

#gnavi li.grp03_on a:hover {
	background:url(../images/gnavi.png) no-repeat -384px -120px;
}

#gnavi li.grp04_on a:hover {
	background:url(../images/gnavi.png) no-repeat -576px -120px;
}

#gnavi li.grp05_on a:hover {
	background:url(../images/gnavi.png) no-repeat -768px -120px;
}


/********breadcrumbs*********/
#breadcrumbs {
	width: 958px;
	margin: 0;
	padding: 0;
	background: #FFF;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
}

#breadcrumbs ul {
	width: 958px;
	_width: 952px;
	margin: 0;
	padding: 3px;
}

#breadcrumbs li {
	float: left;
	display: block;
	margin: 0;
	padding: 0 0 0 6px;
	font-size: 12px;
	color: #777;
}

#breadcrumbs li a {
	display: block;
	background: url(../images/crumbs.gif) no-repeat right center;
	padding:0 10px 0 0px;
}

#contentTop {
	width: 910px;
	border-left: #CCC solid 1px;
	border-right: #CCC solid 1px;
	background: #FFF;
	margin: 0;
	padding: 10px 24px;
}

#content {
	float: left;
	width: 670px;
	_width: 670px;
	border: #CCC solid 1px;
	border-bottom: none;
	background: #FFF;
	padding: 10px 24px;
}

#contentTop h1,
#content h1 {
	margin: 20px 0;
	padding: 10px 20px 5px 0;
	color: #036;
	border-bottom: #CCC solid 1px;
	font-size: 20px;
}

#contentTop h2,
#content h2 {
	margin: 10px 0;
	padding: 10px 0 5px 0;
	color: #333;
	font-size: 16px;
}

#contentTop h3,
#content h3 {
	margin: 10px 0;
	padding: 10px 20px 5px 0;
	color: #333;
	font-size: 14px;
}

#content h4 {
	margin: 10px 0;
	padding: 5px 10px;
	color: #333;
	font-size: 14px;
	border-left: #69C solid 4px;
	background: #F3F3F3;
}

#content h5 {
	margin: 10px 0;
	padding: 5px 10px;
	color: #333;
	font-size: 12px;
	background: url(../images/bg_h5.png) repeat-x top;
}

#content h5.contact {
	margin: 10px 0;
	padding: 0 0 3px 3px;
	color: #333;
	font-size: 12px;
	background: none;
	border-bottom: #369 solid 1px;
	color:#333;
}

#contentTop p,
#content p {
	font-size: 12px;
	margin: 10px 0;
	padding: 0 5px;
	line-height: 1.6;
}

#content p.right {
	text-align: right;
}

#content p.getAdobe {
	width: 500px;
	margin: 30px 0 10px 70px;
	font-size: 11px;
	color:#666;
}

#content p.getAdobe img {
	float: left;
	padding-bottom: 8px;
	margin-right: 15px;
	
}

#content ol {
	font-size: 12px;
	margin:20px 25px 10px;
	padding: 0;
	line-height: 1.7;
}
#content ul {
	font-size: 12px;
	margin:10px 25px 10px;
	padding: 0;
}

#content ol li {
	font-size: 14px;
	padding: 0;
	margin: 0 0 20px 15px;
}

#content ol li ul {
	list-style: decimal;
	padding: 0;
	margin: 10px 0 10px 15px;
}

#content ol li ul li {
	list-style:disc;
	font-size: 12px;
}

#content ol li ul li ul {
	list-style: none;
	padding: 0 0 0 30px;
	margin: 0;
}

#content ol li ul li ul li {
	list-style: none;
	padding: 5px;
	margin: 0;
}

#content .txtBox {
	border: #CCC solid 1px;
	margin: 10px auto;
	padding: 3px;
	font-size: 12px;
}

#content table {
	margin: 10px auto;
	border-collapse:collapse;
	border: #CCC solid 1px;
}

#content table th,
#content table td {
	padding: 5px 10px;
	border-bottom: #CCC solid 1px;
	font-size: 12px;
	line-height: 1.6;
}

#content table th {
	background: url(../images/bg_th.png) repeat-y right;
	text-align: left;
}

#content table th.grd {
	background: url(../images/bg_th_grd.png) repeat-x center;
	text-align: center;
	font-size: 14px;
}

#content table td {
	background: #FFF;
}

#content .txtBox p {
	margin: 0;
	padding: 10px;
	font-size: 12px;
}

#content .txtBox dl,dt,dd {
	margin: 0;
	padding: 0;
}


#content .txtBox dl {
	border-bottom: 1px solid #EEE;
	border-top: none;
	background: #FAFAFA;
}

#content .txtBox dt,#content .txtBox dd {
	padding: 6px 10px;
}

#content .txtBox dt {
	border-top: 1px solid #EEE;
	clear: left;
	float: left;
	width: 130px;
	background: none;
}
#content .txtBox dt.topTtl {
	border-top: 1px solid #EEE;
	clear: both;
	background: #FC0;
	width: 630px;
}

#content .txtBox dd {
	margin-left: 140px;
	border-top: 1px solid #EEE;
	background: #fff;
}

#content .boxQ {
	background: url(../images/solution/bg_box_q_top.png) no-repeat top;
	margin: 10px 0 20px 25px;
	padding: 40px 0 0 0;
	width: 650px;
}
#content .boxQ ul {
	background: url(../images/solution/bg_box_q_ul.png) no-repeat bottom left;
	padding: 0 0 15px 0;
	margin: 0;
	width: 650px;
	list-style: none;
}

#content .boxQ ul li {
	padding: 0 20px 5px 60px;
	margin: 0 0 10px;
}

#content .boxA {
	background: url(../images/solution/bg_box_a_top.png) no-repeat top;
	margin: 10px 0 20px 25px;
	padding: 40px 0 0 0;
	width: 650px;
}
#content .boxA ul {
	background: url(../images/solution/bg_box_a_ul.png) no-repeat bottom left;
	padding: 0 0 15px 0;
	margin: 0;
	width: 650px;
	list-style: none;
}

#content .boxA ul li {
	padding: 0 20px 5px 60px;
	margin: 0;
}
#content .boxLeft {
	width: 325px;
	float: left;
	padding: 5px;
}
#content p.detail a {
	display: block;
	position: inherit;
	width: 200px;
	height: 0;
	bottom: 35px;
	left: 230px;
	margin: 20px 0 0 230px;
	padding: 35px 0 0 0;
	overflow: hidden;
	background: url(../images/btn.png) no-repeat 0 -70px;
}

#content p.detail a:hover {
	background: url(../images/btn.png) no-repeat 0 -105px;
}

#soluList {
	width: 890px;
	margin: 10px auto;
	padding: 10px 0 0 0;
	background: url(../images/bg_top_sol_01.png) no-repeat top;
}
#soluList ul {
	background: url(../images/bg_top_sol_02.png) no-repeat bottom;
	margin: 0;
	padding: 0 0 20px 20px;
	list-style: none;
}
#soluList ul li {
	width: 420px;
	margin: 10px 10px 0 0;
	padding-bottom: 5px;
	background: url(../images/bg_top_sol_li.png) repeat-x bottom #FAFAFA;
	float: left; border: #FFF solid 1px;
}
#soluList ul li dl {
	padding: 5px;
	margin: 0 0 5px 0;
}
#soluList ul li dt {
	float: left;
}
#soluList ul li dd {
	margin: 0 0 0 78px;
	font-size: 12px;
}
#soluList ul li dd.txt {
	clear: right;
	margin: 0 0 0 78px;
	font-size: 12px;
}

#sidebar {
	float: left;
	width: 240px;
	padding: 10px 0 30px 0;
	border-top: #CCC solid 1px;
}

#sidebar .submenu {
	margin: 15px;
	padding: 0 0 5px 0;
	background: url(../images/bg_submenu_btm.png) no-repeat bottom;
}

#sidebar .submenu ul {
	font-size: 12px;
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0;
	width: 210px;
	background: url(../images/bg_submenu_top.png) no-repeat top;
}

#sidebar .submenu ul li {
	background: url(../images/dot.png) repeat-x bottom;
	margin: 0 6px 0 2px;
	padding: 0 0 2px 0;
}

#sidebar .submenu ul li.ttl {
	margin: 0;
	height: 0px;
	padding: 25px 0 0 8px;
	overflow: hidden;
	background: url(../images/bg_submenu_ttl.png) no-repeat top;
}

#sidebar .submenu ul li a.current {
	display: block;
	padding: 6px 3px 3px 16px;
	background: url(../images/btn.png) no-repeat -232px -210px;
	/background: url(../images/btn.png) no-repeat -232px -207px;
	color: #333; font-weight: bold;
}

#sidebar .submenu ul li a.current:hover {
	background: url(../images/btn.png) no-repeat -232px -210px;
	/background: url(../images/btn.png) no-repeat -232px -207px;
	color: #333;
}

#sidebar .submenu ul li a {
	display: block;
	padding: 6px 3px 3px 16px;
	background: url(../images/btn.png) no-repeat 8px -149px;
	/background: url(../images/btn.png) no-repeat 8px -147px;
}

#sidebar .submenu ul li a:hover {
	text-decoration: none;
	background: url(../images/btn.png) no-repeat -232px -149px;
	/background: url(../images/btn.png) no-repeat -232px -147px;
}



#pMark {
	padding: 10px 25px;
}

#pMark p{
	padding-right:8px;
	margin: 10px 0 0 0;
	float:right;
	width: 340px;
	text-align: left;
	color: #666;
	font-size: 12px;
}

#pageTop {
	margin: 10px 0 0 0;
	padding: 0;
	height: 20px;
	clear: both;
}

#pageTop a {
	margin: 0 0 10px 560px;
	width: 110px;
	height: 0px;
	padding: 20px 0 0 0;
	overflow: hidden;
	background: url(../images/btn.png) no-repeat -190px 0px;
	display: block;
}

#pageTop a:hover {
	background: url(../images/btn.png) no-repeat -190px -20px;
}

#footer {
	width: 980px;
	height: 35px;
	margin: 0 auto 20px;
	padding: 0; background: url(../images/bg_footer.png) no-repeat;
	clear: both;
}

#footer ul {
	width: 350px;
	height: 26px;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../images/bg_footer.png) no-repeat 0 0;
}

#footer ul li {	
	float: left;
	list-style:none;
	margin: 0;
}
#footer ul li a {
	height: 0px;
	display: block;
	float: left;
	padding-top: 26px;
	overflow: hidden;
	margin: 0;
	}


/********footer*********/
/*------off*/
#footer ul li.sitemap a {
	background:url(../images/bg_fnavi.png) no-repeat -15px 0;
	width:83px;
}
#footer ul li.company a {
	background:url(../images/bg_fnavi.png) no-repeat -98px 0;
	width:67px;
}
#footer ul li.privacy a {
	background:url(../images/bg_fnavi.png) no-repeat -165px 0;
	width:95px;
}
#footer ul li.contact a {
	background:url(../images/bg_fnavi.png) no-repeat -260px 0;
	width:90px;
}

/*------hover*/
#footer ul li.sitemap a:hover {
	background:url(../images/bg_fnavi.png) no-repeat -15px -40px;

}
#footer ul li.company a:hover {
	background:url(../images/bg_fnavi.png) no-repeat -98px -40px;

}
#footer ul li.privacy a:hover {
	background:url(../images/bg_fnavi.png) no-repeat -165px -40px;

}
#footer ul li.contact a:hover {
	background:url(../images/bg_fnavi.png) no-repeat -260px -40px;

}

/********sitemap*********/
#content .sitemap {
	width: 325px;
	float: left;
	padding: 5px;
}

#content .sitemap ul {
	margin: 0 0 15px 0;
	padding: 0;
}
#content .sitemap ul li {
	list-style:none;
	margin: 0 0 0 10px;
	padding: 0;	
	font-weight: bold;
}
#content .sitemap ul li a {
	font-size: 14px;
	margin: 0;
	padding: 0;	
	display: block;
}
#content .sitemap ul li ul {
	list-style: none;
	padding: 0;
	margin:5px 0 20px 15px;
	_margin:0 0 0 15px;
}
#content .sitemap ul li ul li {
	margin: 0 0 4px 0;
	padding: 0 20px 0 0;
	_border: #FFF solid 1px;
}
#content .sitemap ul li ul li a {
	font-size: 12px;
	font-weight: normal;
	background: url(../images/btn.png) no-repeat 0px -238px ;
	padding: 0 0 0 20px;
	margin: 0;
}

#content .sitemap ul li ul li a:hover {
	background: url(../images/btn.png) no-repeat 0px -278px ;
}


a.pdf {
	background: url(../images/btn.png) no-repeat 0 -348px;
	padding: 2px 0 5px 20px;
}
a.ext {
	background: url(../images/btn.png) no-repeat 0 -416px;
	padding: 2px 0 5px 15px;
}
a.ext:hover {
	background: url(../images/btn.png) no-repeat 0 -456px;
}
.fs11 {font-size: 11px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.clear {clear: both;}


/* num1 */

ol.num1 {
	margin-bottom: 1.4em; margin-left: 2.5em;
}

ol.num1 li {
	font-size: 14px;
	position: relative;
	list-style: none;
	line-height: 1.4;
	margin-bottom: 0.3em;
}
ol.num1 li span {
	position: absolute;
	top: 0;
	left: -1.7em;
}
* html ol.num1 li span { top: -0.1em; } /* for win ie6 */
*:first-child+html ol.num1 li span { top: -0.1em; } /* for win ie7 */