/* CSS Document */
/*=============================
		bodyに指定
=============================*/


h1{
	float:left;
	position:ralative;
	display: block;
	margin: 38px 0 0 0px;
	padding: 0px;
	font-size:12px;
	font-weight:100;
}


h1.logo_image{
		display: block;
		width: 250px; height: 33px;
		font-size:10px;
		padding:14px 0 0 200px;
		background:url(../img/share/visual_art_logo.gif) 0 0 no-repeat;
}


h2{
	float:right;
	color:#666666;
	padding:39px 100px 0 0; 
	font-size:12px;
}
h4{
	font-weight:bold;
	font-size:12px;
}
h5{
	font-weight:100;
	font-size:12px;
}

/*=============================
     top_branding,container2に指定
=============================*/
#top_branding{
		margin:0 0 0 0px;
		width:962px; height:335px;
		background: #ffffff url(../top/branding_bg.gif) repeat-x;
}




#container2{
		position:absolute;
		top:460px;
		left:50%;
		padding:0; width: 962px;
		height: auto;
		margin:0 0 0 -481px;
}

#top_main_h3{
		width:727px; height:30px;
		padding:12px 0px 0 13px;
		font-size:12px;
		background: url(../img/share/sub_title_bg.gif) left top no-repeat;
}
.top_main_p{
		line-height:140%;
		width:740px;
		margin:0 0 30px 0;
}

/*=============================
     top_serviceに指定
=============================*/
#top_service{
		float:left;
		width:410px; height:auto;
		background: url(../img/share/sub_title_bg.gif) left top no-repeat;
		margin:0 0 0px 0;
}

#top_service h4{
		width:390px; height:30px;
		padding:12px 0 0 13px;
		font-size:12px;
}

#top_service div.service{
background: url(../top/top_service_bg.gif) 0px 0px repeat-x;
border:#EAEAEA solid 1px;
}

#top_service div{
		margin:0;
		padding:0px 0px 0px 0px;
		line-height:140%;
}
#top_service img{
		float:left;
		margin:10px 10px 0 10px;
}
#top_service h5{
float:left;
display:block;
background: url(../top/plan_yajirushi.gif) 0px 15px no-repeat;
	padding:12px 0px 0px 12px;
font-weight:bold;
}
#top_service p{
margin:0 10px 10px 10px;
padding:0px;
}


#top_service ul.yajirushi_link{
		margin:0;
		padding:5px 5px 0px 3px !important;
		padding:4px 5px 0px 3px;
		font-weight:bold;
}

#top_service ul.yajirushi_link li{
		list-style-type: none;
		background: url(../top/plan_yajirushi.gif) 0px 4px no-repeat;
		padding:0px 0px 0px 12px;
}



/*=============================
     top_planに指定
=============================*/
#top_plan{
		float:left;
		width:300px; height:auto;
		background: url(../img/share/sub_title_bg.gif) left top no-repeat;
		margin:0 0 5px 30px;
}

#top_plan h4{
		width:282px; height:30px;
		padding:12px 0 0 13px;
		font-size:1.0em;
}
#top_plan h4 a{
		color:#000000;
}
#top_plan h4 a:link{
		color:#000000;
}
#top_plan h4 a:hover{
		color:#000000;
}
#top_plan h4 a:visited{
		color:#000000;
}
#top_plan div{
		margin:0;
		padding:0px 0px 0px 0px;
		line-height:120% !important;
		line-height:107%;
}
#top_plan div.plan1{
background: url(../top/top_plan1_btn_bg.gif) 0px 0px repeat-x;
border:#EAEAEA solid 1px;
}

#top_plan div.plan2{
background: url(../top/top_plan2_btn_bg.gif) 0px 0px repeat-x;
border:#EAEAEA solid 1px;
}

#top_plan div.plan3{
background: url(../top/top_plan3_btn_bg.gif) 0px 0px repeat-x;
border:#EAEAEA solid 1px;
}
/*#top_plan .top_plan_img{
float:left;
}*/

#top_plan img{
		float:left;
		margin:10px 10px 0px 10px;
		/*padding:10px 10px 10px 10px;
		height:85px;*/
}
#top_plan h5{
float:left;
padding:8px 0px 0 0px;
font-weight:bold;
width:190px;
/*font-size:1.0em;
line-height:100%;*/
}
#top_plan p{
margin:0 0px 0 0px;
padding:0px 0px 10px 0px;

/*line-height:109%;*/
/*border-bottom:#EAEAEA solid 1px;*/
}
span.top_plan_bold{
font-weight:bold;
}
span.top_plan1_color{
color:#e86200;
}
span.top_plan2_color{
color:#14a703;
}
span.top_plan3_color{
color:#e90000;
}

#top_plan ul.yajirushi_link{
		margin:0;
		padding:5px 5px 0px 3px !important;
		padding:4px 5px 0px 3px;
		font-weight:bold;
		}

#top_plan ul.yajirushi_link li{
		list-style-type: none;
		background: url(../top/plan_yajirushi.gif) 0px 2px no-repeat;
		padding:0px 0px 0px 12px;
}
/*=============================
     top_philosophyに指定
=============================*/
#top_philosophy{
		float:left;
		width:375px; height:auto;
		margin:26px 0px 5px 0;
}

#top_philosophy h4{
		width:353px; height:23px;
		padding:12px 0 0 20px;
		font-size:12px;
		border:#d9d9d9 solid 1px;
		border-bottom:none;
		background: #f7f7f7 url(../img/top/top_phi_glo_icon.gif) 10px 12px no-repeat;
}
#top_philosophy h4 a{
		color:#000000;
}
#top_philosophy h4 a:link{
		color:#000000;
}
#top_philosophy h4 a:hover{
		color:#000000;
}
#top_philosophy h4 a:visited{
		color:#000000;
}
#top_philosophy div{
		margin:0;padding:10px 0px 8px 15px;
		line-height:140%;
		border:#d9d9d9 solid 1px;
}
#top_philosophy h5{
background: url(../top/plan_yajirushi.gif) 0px 12px no-repeat;
padding:10px 0px 5px 12px;
font-weight:bold;
}
#top_philosophy p{
margin:0 15px 0 0px;
padding:0px 0px 10px 15px;
border-bottom:#EAEAEA solid 1px;
}
#top_philosophy p.topphilosophyplast{
border-bottom:0px;
}

#top_philosophy p.topphilosophypfirst{
padding:0px 0px 10px 0px;
margin:0 0px 0px 0px;
}

/*=============================
     top_glossaryに指定
=============================*/
#top_glossary{
		float:left;
		width:335px; height:auto;
		margin:26px 0px 5px 30px;
}

#top_glossary h4{
		width:313px; height:23px;
		padding:12px 0 0 20px;
		font-size:12px;
		border:#d9d9d9 solid 1px;
		border-bottom:none;
		background: #f7f7f7 url(../img/top/top_phi_glo_icon.gif) 10px 12px no-repeat;
}
#top_glossary h4 a{
		color:#000000;
}
#top_glossary h4 a:link{
		color:#000000;
}
#top_glossary h4 a:hover{
		color:#000000;
}
#top_glossary h4 a:visited{
		color:#000000;
}
#top_glossary div{
		margin:0;padding:10px 0px 8px 15px;
		line-height:140%;
		border:#d9d9d9 solid 1px;
}
#top_glossary h5{
background: url(../top/plan_yajirushi.gif) 0px 12px no-repeat;
padding:10px 0px 5px 12px;
font-weight:bold;
}
#top_glossary p{
margin:0 15px 0 0px;
padding:0px 0px 10px 15px;
border-bottom:#EAEAEA solid 1px;
}
#top_glossary p.topglossarylast{
border-bottom:0px;
}

#top_glossary p.topglossaryfirst{
padding:0px 0px 10px 0px;
margin:0 0px 0px 0px;
}


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

#top_estimate_plan{
		float:right;
		width:180px;
		 height:auto;
		/*background: url(../share/side_title_bg.gif) top left no-repeat;*/
		margin:0 10px 0px 0px !important;
		margin:0 5px 0 0;
}


#top_estimate_plan h4{
		width:159px; height:18px;
		margin:10px 0 0 12px;
		font-size:12px;
}



#top_estimate_plan div{
		margin:0 0 0 0;
		padding:0px;
		line-height:140%;
		/*background: url(../top/top_estimate_plan_bg.gif) top left no-repeat;*/
}
#top_estimate_plan div img{
		margin:0;
}
#top_estimate_plan div h5{
		margin:6px 0 0px 0px;
}

/*#top_estimate_plan div a{
		display: block;
		margin:0px;
		text-decoration:none;
}*/

/*#top_estimate_plan div a:hover{ 
	background: url(../top/estimate_img_over.jpg) 0 0px no-repeat;
}*/

#top_estimate_plan ul{
		margin:0;padding:10px 0px 0px 0;
}
#top_estimate_plan li{
		list-style-type: none;
		background: url(../top/plan_yajirushi.gif) 0px 4px no-repeat;
		margin:0px;padding:0px 0px 10px 12px;
		font-weight:bold;
}



/*=============================
     areaに指定
=============================*/
#top_area{
		float:right;
		width:180px; height:auto;
		background: url(../img/share/side_title_bg.gif) top left no-repeat;
		margin:20px 10px 0px 0px !important;
		margin:20px 5px 0 0;
}

#top_area h4{
		width:159px; height:28px;
		margin:10px 0 0 18px;
		font-size:12px;
}
#top_area h5{
		line-height:140%;
}
#top_area div{
		margin:0;padding:10px 0px 8px 0px;
}
.top_estimate{
height:178px;
}
#top_area div img{
		margin:0 0 10px 0;
}
#top_area ul{
		background: url(../top/top_s_bg.gif) top left repeat-y;
		margin:0;padding:0px 5px 0px 0;
}
#top_area li{
		list-style-type: none;
		background: url(../top/plan_yajirushi.gif) 0px 4px no-repeat;
		margin:0 5px 0 15px;padding:0px 0px 10px 12px;
		font-weight:bold;
}

/*#top_area .bottom{
		width:194px; height:23px;
		background: url(../top/bottom_s_title_bg.gif) top left no-repeat;
		padding:0px;
}*/

/*=============================
     bannerに指定
=============================*/
#top_banner{
		float:right;
		width:180px; height:auto;
		background: url(../img/share/side_title_bg.gif) top left no-repeat;
		margin:10px 10px 20px 0px !important;
		margin:10px 5px 20px 0;
}

#top_banner h4{
		width:159px; height:28px;
		margin:10px 0 0 18px;
		font-size:12px;
}
#top_banner div{
text-align:center;
		/*background: url(../top/top_s_bg.gif) top left repeat-y;*/
		margin:0px 0 0 0;padding:10px 0px 10px 0px;
}

#top_banner div img{
		margin:0px 0 0px 0;
}
#top_banner ul{
		background: url(../top/top_s_bg.gif) top left repeat-y;
		margin:0;padding:0px 5px 0px 0;
}
#top_banner li{
		list-style-type: none;
		background: url(../top/plan_yajirushi.gif) 0px 4px no-repeat;
		margin:0 5px 0 15px;padding:0px 0px 10px 12px;
		font-weight:bold;
}

#top_banner .bottom{
		width:194px; height:23px;
		background: url(../top/bottom_s_title_bg.gif) top left no-repeat;
		padding:0px;
}
/*=============================
     side_contentsに指定
=============================*/
.left_side_contents{
		float:left;
		width:740px; height:auto;
		margin:0 0px 0 2px !important;
		margin:0 0px 0 1px;	
}

/*.right_side_contents{
		float:right;
		margin:0 10px 0 0;
}
*/
/*=============================
	   	  titleに指定
=============================*/

h4.topics_title{
		float:left;
		display: block;
		width:740px; height:37px;
		
		font-size:12px;
		background: url(../img/share/sub_title_bg.gif) left top no-repeat;
		margin:25px 0 0 0;
}
h4.topics_title span.topics_1{
float:left;
display: block;
padding:12px 0 0 15px;
}
h4.topics_title span.topics_2 a{
float:right;
display: block;
padding:12px 0 0 15px;
margin:0 10px 0 0px !important;
margin:0 5px 0 0px;
		background: url(../top/rss_btn.gif) 0 14px no-repeat;
}
#topics_contents{
		float:left;
		width:740px; height:auto;
		margin:0 0 23px 0;
 }		
p.topics_content_set{
		width:740px; height:14px;
		padding:11px 0 11px 0;
		margin:0 0 0 0px;
		line-height:100%;
		border-bottom:solid 1px #C6C6C6;
}

.list_page_btn{
		margin:4px 0 0 491px;
		width:44px; height:17px;
}
/*ここから右側のボタンたち*/

h3.contact_title a{
		display: block;
		margin:0 0 20px 0;
		width:190px; height:210px;
		background: url(../top/contact_btn.jpg) 0 0 no-repeat;
}

h3.contact_title a:hover{
		background: url(../top/contact_btn.jpg) 0 -210px no-repeat;
}