@charset "utf-8";
/* CSS Document */

/*再定義*/

/*初期化*/

body{
	background-repeat: repeat-x;
	background-image: url(../images/body_bg.gif);
	margin:0 auto;
	padding:0;
    text-align: center; /* center on ie */
    width: 100%;

}

h1,h2,h3,h4,h5,h6,p,div,ul,li,ol,dd,dt,dd,img,a,dl{margin:0px;padding:0px;font-size:12px;color:#333333;font-weight:100;line-height:1.5em;letter-spacing:0.1em;font-family: "ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ Ｐゴシック","Osaka";}


a:link{color:#0066FF; text-decoration: underline;
}
a:visited{color:#0066FF;　text-decoration: underline;
}
a:hover{color:#FF3366;　text-decoration:none;
}
a:active{
	color: #0066FF;
	text-decoration: underline;
}




li,li a{list-style-type:none;}

img,
a img{border:0px;}

div{overflow:hidden;}




/*共通クラス*/

/*強制的にフロート解除*/
div.return{clear:both;font-size:0;line-height:0px;}

/*テキストインデントを使う画像初期化*/
.img_indent a,
.img_indent{display:block;text-indent:-9999px;background-repeat:no-repeat;font-size:0;}

/*区切りライン*/
div.line{border:solid #999999;border-width:1px 0 0 0;clear:both;line-height:0px;}
div#line_main{width:690px;margin-bottom:5px;}


/*メインテキスト*/
div.content_text{width:470px;float:left;margin:20px 0;}

div.content_text img{margin:10px 10px 20px 10px;float:left;}

/*インフォメーション*/
.dl_info{padding-left:20px;background:url(../images/info_icon_mm.gif) no-repeat 0 2px;}
.dl_attention{padding-left:20px;background:url(../images/icon_attention.gif) no-repeat 0 2px;}

/*ヘッダ下説明*/
p.header_sub{padding:5px;}

/*上に戻る*/
p.gotop{
	width:170px;
	height:20px;
	padding-left:20px;
	margin-left:595px;
	margin-top:20px;

}

/*注意点*/
.point{width:100%;margin:5px 0;}
p.attention{margin:20px 5px;color:#990000;}

/*レイアウト*/
#wrapper{
    text-align: left;
    margin: 0 auto; /* center on everything else */
	padding:0;
/*	width:1050px;*/
	width:100%;
	
}

#wrapper_box{
	background-color:#FFFFFF;
	border:1px #0a6d98;
	margin:0 auto;
	padding:0;
	width:988px;

}

#area{
	margin:0 auto;
	padding:19px 0 0 0;
	width:950px;
}

#header{
	margin:0 auto;
	padding:10px 0 0px 0;
	text-align:center;
	width:100%;

}

#header_outer{
	width:994px;
	position:relative;
	height:150px;
	margin:0 auto;
	padding:0;

}

#header_box{
/*	margin:0;
	padding:0 0 0 30px;*/
	margin:0 auto;
	padding:0;

}

#header_inner{

}

#header_inner img{
	float:left;
	width:122px;


}

#top_visual{
	width:950px;


}
#main_content{width:690px;float:left;}
#side_content{width:260px;float:left;}
#footer{width:950px;clear:both;margin-top:20px;}

/*ヘッダ*/
h1#header1 a{
	padding-left:36px;
	padding-top:20px;
	font-size:10px;
	width:390px;
	height:25px;
	display:block;
	float:left;

}


#header ul#sub_navi{
	position:absolute;
	top:40px;
	right:20px;
}

#header ul#sub_navi li{
	float:left;
	padding-left:20px;
	height:15px;

}

#header ul#sub_navi li a{
	color: #0099FF;
	text-decoration:none;	
	font-size:12px;
	padding-right:5px;

}

#header ul#sub_navi li a:hover{
	color: #FF33CC;

}

#header ul#sub_navi li#sn01{
	background:url(../images/list_company_aicon.gif) no-repeat;
}

#header ul#sub_navi li#sn02{
	background:url(../images/list_company_aicon.gif) no-repeat;
}

p#header_title_left{
	width:33px;
	height:62px;
	background:url(../images/title_left.gif);
	background-repeat:no-repeat;
	float:left;

}

p#header_title_right{
	width:166px;
	height:62px;
	background:url(../images/title_right.gif);
	background-repeat:no-repeat;
	float:left;

}

p#header_title a{width:122px;height:62px;background:url(../images/title.gif);float:left;
	background-repeat:no-repeat;
}

/*グローバルナビ*/
ul#global_navi{float:left;margin-left:0px;margin-top:20px;}
ul#global_navi li{float:left;height:50px;}
ul#global_navi li a{float:left;height:50px;}

li#gl01,li#gl01 a{width:142px;background:url(../images/gl01.gif);
	background-repeat:no-repeat;
}
li#gl01 a:hover{background:url(../images/gl01_o.gif);
	background-repeat:no-repeat;
}

li#gl02,li#gl02 a{width:142px;background:url(../images/gl02.gif);
	background-repeat:no-repeat;
}
li#gl02 a:hover{background:url(../images/gl02_o.gif);
	background-repeat:no-repeat;
}

li#gl03,li#gl03 a{width:142px;background:url(../images/gl03.gif);
	background-repeat:no-repeat;
}
li#gl03 a:hover{background:url(../images/gl03_o.gif);
	background-repeat:no-repeat;
}

li#gl04,li#gl04 a{width:142px;background:url(../images/gl04.gif);
	background-repeat:no-repeat;
}
li#gl04 a:hover{background:url(../images/gl04_o.gif);
	background-repeat:no-repeat;
}

li#gl05,li#gl05 a{width:142px;background:url(../images/gl05.gif);
	background-repeat:no-repeat;
}
li#gl05 a:hover{background:url(../images/gl05_o.gif);
	background-repeat:no-repeat;
}

li#gl06,li#gl06 a{width:142px;background:url(../images/gl06.gif);
	background-repeat:no-repeat;
}
li#gl06 a:hover{background:url(../images/gl06_o.gif);
	background-repeat:no-repeat;
}

li#gl07,li#gl07 a{width:142px;background:url(../images/gl07.gif);
	background-repeat:no-repeat;
}
li#gl07 a:hover{background:url(../images/gl07_o.gif);
	background-repeat:no-repeat;
}

/*サイドバー*/
ul#side_bnr li{margin:10px 0;}
/*スタッフ紹介*/

h3#side_ourstaff{width:250px;margin-left:10px;height:50px;background:url(../images/side_ourstaff_h.jpg) no-repeat;}
div#side_ourstaff{width:250px;margin-left:10px;height:187px;background:url(../images/side_ourstaff_bk.gif) no-repeat;}
div.side_ourstaff_detail{
	width:225px;
	height:68px;
	background:url(../images/side_ourstaff_person_bk.gif) no-repeat;
	margin:10px 0 0 12px;
}
div.side_ourstaff_detail a img{margin:8px;float:left;}
div.side_ourstaff_detail p a{margin:8px;float:left;width:140px;color:#ffffff;}
div.side_ourstaff_detail p a:visited{color:#fff;}
p#staff_guide a{
	color: #FF6600;
	text-align:right;
	display:block;
	padding:5px 10px 0 0;
}

/*資料請求*/
h3#side_contact{width:250px;height:50px;margin-left:10px;margin-top:20px;background:url(../images/side_contact.jpg);}
p#side_contact_request a{width:250px;height:84px;margin-left:10px;background:url(../images/side_contact_request.jpg);}
p#side_contact_tel{width:250px;height:51px;background:url(../images/side_contact_tel.jpg);margin-left:10px;}


/*バナー*/
ul#side_bnr{width:250px;margin-left:10px;margin-top:20px;}
ul#side_bnr li a{margin:20px 0;}



/*フッタ*/
#footer{
	text-align:center;
	
}

#footer p{
	margin:0;
	padding:0;
	background-color: #666666;
	color:#FFFFFF;
	font-size:10px;
}
ul#footer{
	width:945px;
	height:40px;
	background-color: #666666;
	padding-left:40px;
	font-size:10px;
}
ul#footer li,
ul#footer li a{float:left;color:#ffffff;text-decoration:none;padding-top:2px;
padding-left:4px;
font-size:10px;
}
ul#footer li a:hover{color:#FF00FF;}

ul#footer li span{
	font-size:10px;
}


/*ぱんくず*/
ul#pankuzu{
	clear:both;
	margin:5px 0;
	padding:10px 0 0 0;
	
}
ul#pankuzu li{
	float:left;
	padding-left:23px;
	font-size:12px;
}
ul#pankuzu li a{
	font-size:12px;
}
li#pan_top{background:url(../images/toppage_icon_mm.gif) no-repeat 0 3px;}
li#pan_software,li#pan_homepage,li#pan_maintenance{background:url(../images/software_icon_mm.gif) no-repeat 3px;}
li#pan_content{background:url(../images/info_icon_mm.gif) no-repeat 3px;}
li#pan_contact{background:url(../images/icon_contact.gif) no-repeat 3px;}
li#pan_staff{background:url(../images/icon_staff.gif) no-repeat 3px;}


/*リスト*/
ul.list_public li{margin:5px 0;padding-top:1px;padding-left:20px;min-height:25px;display:block;background:url(../images/info_icon_mm.gif) no-repeat 0 3px;line-height:1.5em;}
.list_public strong{font-size:12px;color:#000099;font-weight:100;}

ul.list_attention li{margin:5px 0;padding-left:20px;min-height:20px;display:block;background:url(../images/icon_attention.gif) no-repeat 0 2px;line-height:1.5em;letter-spacing:0em;}



/*タブ*/
.icon_area{
	margin:0;
	padding:20px 0 0px 20px;
	font-size:14px;
}

.icon_area td span{
	margin:0;
	padding:0 0 0 10px;

}

.icon_area td a:link{
	margin:0;
	padding:5px;
	color: #0066FF;
	text-decoration: underline;
}

.icon_area td a:visited{
	color: #0066FF;
	text-decoration: underline;
}

.icon_area td a:hover{
	color: #FF3366;
	text-decoration:none;
}

.icon_area td a:active{
	color: #0066FF;
	text-decoration: underline;
}




