/* CSS Document */


/*=============================
		全体に指定
=============================*/
*{ 
	margin:0;
	padding:0;
}

img{
	vertical-align:bottom;
}
a img{
	border:0px;
}

a{ text-decoration: underline;color: #11B400;}
a:hover{ text-decoration: none;color: #11B400;}
a:visited{color: #11B400;}

.hidden{ text-indent: -9999px; display: none;}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*=============================
		bodyに指定
=============================*/

body{
		font-family:"ＭＳ ゴシック", "Osaka−等幅";
		font-size:12px;
		width: 100%; height: 100%;
		margin: 0 auto;
		background: #ffffff url(../share/bg_new.gif) repeat-x;
}


/*=============================
		containerに指定
=============================*/


#container{
		position:absolute;
		top:0;
		left:50%;
		padding:0; width: 962px;
		height: auto;
		margin:0 0 0 -481px;
}
/*=============================
		headerに指定
=============================*/

#header{
		margin: 0 0;
		width: 962px; height: 129px;
		background: url(../share/header_bg_new.gif) top left no-repeat;
}

/*=============================
		   h1に指定
=============================*/


h1{
	float:left;
	position:relative;
	left:110px;
	display: block;
	width: 250px; height: 90px;
	margin: 3px 0 0 0px; padding: 0px;
	text-indent: -9999px;
}
/* safari only \*/
html:\66irst-child h1{
		margin: 0px 0 0 110px;
}

a.logo_image{
		display: block;
		width: 250px; height: 90px;
}


/*=============================
		   h2に指定
=============================*/




/*=============================
	   global_navに指定
=============================*/

ul#global_nav{
		float:left;
		width: 762px; height: 33px;
		margin:3px 0 0px 0px;
		padding:0 0 0 11px;
		background: url(../share/global_navi_bg.gif) 100px 0 no-repeat;
}
/* safari only \*/
html:\66irst-child ul#global_nav{
		width: 862px;
		background: url(../share/global_navi_bg.gif) 100px 2px no-repeat;
}
ul#global_nav li{
		float: left;
		position:relative;
		left:100px;
		margin: 1px 0 0 0px;
		list-style-type: none;
}
/* safari only \*/
html:\66irst-child ul#global_nav li{
		margin: 3px 0 0 0px;
}
/*------------global_nav btnに指定------------*/

li.home_btn_nl{
		display: block;
		/*margin: 2px 0 0 10px;*/
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) 0 -30px no-repeat;
}
/* safari only \*/
html:\66irst-child ul#global_nav li.home_btn_nl{
		margin: 3px 0 0 100px;
}
li.profile_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) -148px -30px no-repeat;
}
li.work_flow_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) -296px -30px no-repeat;
}
li.work_example_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) -444px -30px no-repeat;
}

li.contact_btn_nl{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) -592px -30px no-repeat;
}

/*------------global_nav btnのリンクあり------------*/

li.home_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) 0 0 no-repeat;
}
/* safari only \*/
html:\66irst-child ul#global_nav li.home_btn a{
		margin: 0px 0 0 100px;
}
li.profile_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) -148px 0px no-repeat;
}
li.work_flow_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) -296px 0px no-repeat;
}
li.work_example_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) -444px 0px no-repeat;
}
li.contact_btn a{
		display: block;
		margin: 0px 0 0 0px;
		width: 148px; height: 30px;
		background: url(../share/global_navigation.gif) -592px 0 no-repeat;
}

/*------------ロールオーバー------------*/

li.home_btn a:hover{ 
	background: url(../share/global_navigation.gif) 0 -30px no-repeat;
}
li.profile_btn a:hover{
	background: url(../share/global_navigation.gif) -148px -30px no-repeat;
}
li.work_flow_btn a:hover{
	background: url(../share/global_navigation.gif) -296px -30px no-repeat;
}
li.work_example_btn a:hover{
	background: url(../share/global_navigation.gif) -444px -30px no-repeat;
}
li.contact_btn a:hover{ 
	background: url(../share/global_navigation.gif) -592px -30px no-repeat;
}

/*=============================
	   pankuzuに指定
=============================*/
#pankuzu{
		color: #222222;
		font-size: 12px;
		margin:15px 0 14px 115px;
}

/*=============================
	   contentsに指定
=============================*/

#contents{
		margin:0px 0 0px 110px;
		padding:0;
		width: 760px; height: auto;
		background-color: #FFFFFF;
}

#main_contents{
		float:left;
		position:relative;
		left:110px;
		margin:0px;
		background: url(../share/main_contents_bg.gif) 0 0 repeat-y;
}
/* safari only \*/
html:\66irst-child #main_contents{
		margin: 0px 0 0 110px;
}


/*=======================================
		left_contents_listに指定の内容
=========================================*/

.left_main{
		float:left;
		position:relative;
		left:5px;
		width: 180px; height: 100%;
		margin:0px;
		background-color: #F3F3F3;
}
/* safari only \*/
html:\66irst-child .left_main{
		margin: 0px 0 0 5px;
}
ul#left_contents_list{
		list-style-type: none;
		color: #222222;
		font-size: 12px;
}

li.co_select_list{
		width: 173px; height: 27px;
		display: block;
		padding:14px 0 0 7px;
		background: #FFFFFF;
		border-bottom: 1px solid #BFBFBF;
}

li.select_list_on a{
		width: 173px; height: 27px;
		display: block;
		padding:14px 0 0 7px;
		background: #FFFFFF;
		border-bottom: 1px solid #BFBFBF;
}


.right_main{
		float:left;
		position:relative;
		left:10px;
		width: 549px; height: auto;
		margin:0px 5px 0 12px;
}
/* safari only \*/
html:\66irst-child .right_main{
		margin: 0px 5px 0 17px;
}
/*=============================
	  toppage_btnに指定
=============================*/
.pagetop_ue_hidari{
		clear: both;
		display: block;
		margin:0px 0 0px 10px;
		width: 190px; height: 10px;
		background: url(../share/pagetop_ue_hidari.gif) 0 0 no-repeat;
}

a.pagetop_btn{
		clear: both;
		display: block;
		margin:20px 0 9px 9px;
		width: 742px; height: 19px;
		background: url(../share/pagetop_btn.gif) 0 0 no-repeat;
}

a.pagetop_btn:hover{ background: url(../share/pagetop_btn.gif) 0 0 no-repeat; }

/*=============================
	    footerに指定
=============================*/

#footer{
		float:left;
		position:relative;
		left:100px;
		margin:0px;
		width: 760px; height: auto;
}
/* safari only \*/
html:\66irst-child #footer{
		margin: 0px 0 0 100px;
}

ul#footer_list li{
		float: right;
		display: block;
		margin:0px;
		padding:0 10px 0 16px;
		width: auto; 
		background: url(../share/footer_list_yajirushi.gif) no-repeat 0 0;
		font-size:12px;
		color:#777777;
}

ul#footer_list{
		list-style-type: none;
		padding-top: 0px; padding-bottom: 0px;
		width: 760px; height: 19px;
}

li.sitepolicy_btn a{
color:#777777;
}

li.privacypolicy_btn a{
color:#777777;
}

li.copyright{
		list-style-type: none;
		width: 760; height: 21px;
		text-indent: -9999px;
		background:#777777 url(../share/copyright.gif) 9px 6px no-repeat;
}

/*-----------------ロールオーバー------------*/

li.sitepolicy_btn a:hover{color:#777777;}

li.privacypolicy_btn a:hover{color:#777777;}

/*-----------------リンクなし------------*/

li.sitepolicy_btn_nl{
color:#777777;
}

li.privacypolicy_btn_nl{
color:#777777;
}