@charset "utf-8";

*{ 
	zoom: 0;
}

body {
font-family:Arial, Helvetica, sans-serif,sans-serif;
}

/***************************************************************/
/*                          contents                           */
/***************************************************************/

#content {
	width: 800px;
	overflow: hidden;
	padding-left: 5px;
	padding-right: 5px;
}

#content h1 {
	background: url(../images/title.jpg) no-repeat;
	text-indent: -9999px;
	height: 79px;
	width: 790px; 
	border-bottom: 5px solid #dedede;
}

#content .left {
	float: left;
	width: 164px;
	height: auto;
}

#content .right {
	float: left;
	width: 626px;
	height: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #dedede;	
}

/**************************************************************/
/*                       side navi                            */
/**************************************************************/

#sidenavi {
	width: 164px;	
}

#sidenavi ul {
	width: 164px;
	margin-left: 0px;
}

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

#sidenavi a {
	display:block;
	outline:none;
	text-indent: -9999px;
}

#sidenavi .smenu00 a {
	background: url(../images/sidemenu00.gif) no-repeat;
	width: 164px;
	height: 29px;
}

#sidenavi .smenu00 a:hover {
	background: url(../images/sidemenu00_over.gif) no-repeat left top;
}

#sidenavi .smenu01 a {
	background: url(../images/sidemenu01.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu01 a:hover {
	background: url(../images/sidemenu01_over.gif) no-repeat left top;
}

#sidenavi .smenu011 a {
	background: url(../images/sidemenu011.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu011 a:hover {
	background: url(../images/sidemenu011_over.gif) no-repeat left top;
}

#sidenavi .smenu012 a {
	background: url(../images/sidemenu012.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu012 a:hover {
	background: url(../images/sidemenu012_over.gif) no-repeat left top;
}

#sidenavi .smenu013 a {
	background: url(../images/sidemenu013.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu013 a:hover {
	background: url(../images/sidemenu013_over.gif) no-repeat left top;
}

#sidenavi .smenu014 a {
	background: url(../images/sidemenu014.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu014 a:hover {
	background: url(../images/sidemenu014_over.gif) no-repeat left top;
}

#sidenavi .smenu015 a {
	background: url(../images/sidemenu015.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu015 a:hover {
	background: url(../images/sidemenu015_over.gif) no-repeat left top;
}

#sidenavi .smenu016 a {
	background: url(../images/sidemenu016.gif) no-repeat;
	width: 164px;
	height: 22px;
}

#sidenavi .smenu016 a:hover {
	background: url(../images/sidemenu016_over.gif) no-repeat left top;
}

#sidenavi .smenu02 a {
	background: url(../images/sidemenu02.gif) no-repeat;
	width: 164px;
	height: 29px;
}

#sidenavi .smenu02 a:hover {
	background: url(../images/sidemenu02_over.gif) no-repeat left top;
}

#sidenavi .smenu021 a {
	background: url(../images/sidemenu021.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu021 a:hover {
	background: url(../images/sidemenu021_over.gif) no-repeat left top;
}

#sidenavi .smenu022 a {
	background: url(../images/sidemenu022.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu022 a:hover {
	background: url(../images/sidemenu022_over.gif) no-repeat left top;
}

#sidenavi .smenu023 a {
	background: url(../images/sidemenu023.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu023 a:hover {
	background: url(../images/sidemenu023_over.gif) no-repeat left top;
}

#sidenavi .smenu024 a {
	background: url(../images/sidemenu024.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu024 a:hover {
	background: url(../images/sidemenu024_over.gif) no-repeat left top;
}

#sidenavi .smenu03 a {
	background: url(../images/sidemenu03.gif) no-repeat;
	width: 164px;
	height: 23px;
}

#sidenavi .smenu03 a:hover {
	background: url(../images/sidemenu03_over.gif) no-repeat left top;
}
#sidenavi .smenu031 a {
	background: url(../images/sidemenu031.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu031 a:hover {
	background: url(../images/sidemenu031_over.gif) no-repeat left top;
}

#sidenavi .smenu032 a {
	background: url(../images/sidemenu032.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu032 a:hover {
	background: url(../images/sidemenu032_over.gif) no-repeat left top;
}

#sidenavi .smenu033 a {
	background: url(../images/sidemenu033.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu033 a:hover {
	background: url(../images/sidemenu033_over.gif) no-repeat left top;
}

#sidenavi .smenu034 a {
	background: url(../images/sidemenu034.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu034 a:hover {
	background: url(../images/sidemenu034_over.gif) no-repeat left top;
}

#sidenavi .smenu035 a {
	background: url(../images/sidemenu035.gif) no-repeat;
	width: 164px;
	height: 20px;
}

#sidenavi .smenu035 a:hover {
	background: url(../images/sidemenu035_over.gif) no-repeat left top;
}

#sidenavi .smenu036 a {
	background: url(../images/sidemenu036.gif) no-repeat;
	width: 164px;
	height: 21px;
}

#sidenavi .smenu036 a:hover {
	background: url(../images/sidemenu036_over.gif) no-repeat left top;
}


#sidenavi .smenu04 a {
	background: url(../images/sidemenu04.gif) no-repeat;
	width: 164px;
	height: 23px;
}

#sidenavi .smenu04 a:hover {
	background: url(../images/sidemenu04_over.gif) no-repeat left top;
}

#sidenavi .smenu00 a.selected, #sidenavi .smenu00 a.selected:visited {
background: url(../images/sidemenu00_over.gif) no-repeat left top;}


/**************************************************************/
/*                  Products and Services      　             */
/**************************************************************/

.page02 h2 {
	background: url(../images/t01.gif) no-repeat;
	height: 29px;
	width: 584px;
	text-indent: -9999px;
	margin: 25px 0px 30px 30px;
	margin: 25px 0px 25px 30px\9; /* IE8 and below */
}

.page02 li {
	display: list-item;
	list-style: disc inside;
	line-height: 1.5em;
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	padding-left: 1.3em\9;
    text-indent: -1.3em\9		
}

/* section01*/

.page02 .section01 {
	width: 586px;
	height: auto;
	margin-left: 40px;
	clear:both;
}

.page02 .section01 h3 {
	background: url(../images/t01a.gif) no-repeat;
	height: 26px;
	width: 584px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.page02 .section01 .box_all {
	margin-bottom: 5px;
	clear:both;
}

.page02 .section01 .box_all h3 {
	height: 26px;
	width: 564px;
	margin-bottom: 10px;
	text-indent: 15px;
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
}

.page02 .section01 .box_all h3.title01 {
	background: url(../images/t01b.gif) no-repeat;
	margin-top:10px;
}


.page02 .section01 .box_left {
	float: left;
	width: 100px;
	height: auto;
}

.page02 .section01 .box_right {
	float: left;
	width: 243px;
	height: auto;
}

/* section02*/

.page02 .section02 {
	width: 586px;
	height: auto;
	margin-left: 40px;
}

.page02 .section02 h3 {
	background: url(../images/t02a.gif) no-repeat;
	height: 26px;
	width: 584px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.page02 .section02 .box_all {
	margin-bottom: 10px;
	clear:both;
}

.page02 .section02 .box_all h3 {
	height: 26px;
	width: 564px;
	margin-bottom: 10px;
	text-indent: 15px;
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
}

.page02 .section02 .box_all h3.title01 {
	background: url(../images/t01b.gif) no-repeat;
	margin-top:10px;
}


.page02 .section02 .box_left {
	float: left;
	width: 100px;
	height: auto;
}

.page02 .section02 .box_right {
	float: left;
	width: 243px;
	height: auto;
}

/* section03*/

.page02 .section03 {
	width: 586px;
	height: auto;
	margin-left: 40px;
}

.page02 .section03 h3 {
	background: url(../images/t03a.gif) no-repeat;
	height: 26px;
	width: 584px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.page02 .section03 .box_all {
	margin-bottom: 10px;
	clear:both;
}

.page02 .section03 .box_all h3 {
	height: 26px;
	width: 564px;
	margin-bottom: 10px;
	text-indent: 15px;
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
}


.page02 .section03 .box_all h3.title01 {
	background: url(../images/t01b.gif) no-repeat;
	margin-top:10px;
}
.page02 .section03 .box_all h3.title01 a {
	background: url(../images/t01b.gif) no-repeat;
	height: 26px;
	width: 564px;
	display: block;
	color:#666;
}

.page02 .section03 .box_all h3.title01 a:hover {
	color:#497eb9;
}


.page02 .section03 .box_all h3.title01a {
	background: url(../images/t02b.gif) no-repeat;
	margin-top:10px;
}
.page02 .section03 .box_all h3.title01a a {
	background: url(../images/t02b.gif) no-repeat;
	height: 26px;
	width: 564px;
	display: block;
	color:#666;
	padding-top:3px;
}

.page02 .section03 .box_all h3.title01a a:hover {
	background: url(../images/t02b_over.gif) no-repeat;
	color:#666;
	text-decoration:none;
}


.page02 .section03 .box_left {
	float: left;
	width: 100px;
	height: auto;
}

.page02 .section03 .box_right {
	float: left;
	width: 243px;
	height: auto;
}


/* section04*/

.page02 .section04 {
	width: 586px;
	height: auto;
	margin-left: 40px;
}

.page02 .section04 h3 {
	background: url(../images/t04a.gif) no-repeat;
	height: 26px;
	width: 584px;
	text-indent: -9999px;
	margin-bottom: 20px;
}

.page02 .section04 .box_all {
	margin-bottom: 10px;
	clear:both;
}

.page02 .section04 .box_all h3 {
	height: 26px;
	width: 564px;
	margin-bottom: 10px;
	text-indent: 15px;
	text-align:left;
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px;
}


.page02 .section04 .box_all h3.title01 {
	background: url(../images/t01b.gif) no-repeat;
	margin-top:10px;
}
.page02 .section04 .box_all h3.title01 a {
	background: url(../images/t01b.gif) no-repeat;
	height: 26px;
	width: 564px;
	display: block;
	color:#666;
}

.page02 .section04 .box_all h3.title01 a:hover {
	color:#497eb9;
}

.page02 .section04 .box_left {
	float: left;
	width: 100px;
	height: auto;
}

.page02 .section04 .box_right {
	float: left;
	width: 243px;
	height: auto;
}




/**************************************************************/
/*                            layout                          */
/**************************************************************/

#layout {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 800px;
	text-align: left;
	overflow: hidden;
	background-color: #FFFFFF;
}

/***************************************************************/
/*                              pankuzu                        */
/***************************************************************/

#pan {
	 font-size: 10px;
	 margin-top: 10px;
	 margin-bottom: 10px;
}

#pan a,
#pan a:link,
#pan a:visited {
	color: #666666;
	text-decoration: none;
}

#pan a:hover,
#pan a:active {
	color: #497eb9;
	text-decoration: underline;
}

/***************************************************************/
/*                              page-up                        */
/***************************************************************/

.page-up {
	text-align: right;
	margin-top: 10px;
	margin-right: 23px;
}

.page-up img{
	vertical-align: middle;
}





/***************************************************************/
/*                              header                         */
/***************************************************************/

#header{
	width: 790px;
	height: 63px;
	_height: 67px; /* IE6 */
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #cc0000;
}

p#logo {
	float: left;
	margin-top: 15px;
	margin-top: 16px\9; /* IE8 and below */	
}

p#logo img {
	margin-left: 10px;
}

/***************************************************************/
/*                         header navi                         */
/***************************************************************/

#headernavi {
	float: right;
	margin: 25px 0px 0px 0px;
	font-size: 10px;
	color:#666666;
}
#headernavi a:{
	color:#666666;
	text-decoration:none;
}

#headernavi a:active, a:hover {
	color:#497eb9;
	text-decoration:underline;
}

#search{
	text-align: right;
	margin-top: 0px;
	vertical-align: top;
}

#search form{
	text-align: right;
}
*+html #search input{
	vertical-align: 20%;
}

/***************************************************************/
/*                      globalnavi navi                        */
/***************************************************************/

#globalnavi {
	width: 800px;
	margin-top: 19px;
	margin-top: 20px\9; /* IE8 and below */
	_margin-top: 22px; /* IE6 */
}

#globalnavi ul {
	width: 800px;
	height: 25px;
	margin: 0px;
}

#globalnavi li {
	list-style-type: none;
	float: left;
	height: 25px;	
}

#globalnavi a{
	display:block;
	outline:none;
	height: 25px;
	text-indent: -9999px;
}