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

h1.logo_image{
	float:left;
	display: block;
	width: 228px; height: 80px;
	font-size:14px;
	font-weight:normal;
	margin: 4px 0 0 0px;
	padding:0px;
	background:url(../img/share/visual_art_logo.gif) 0 0 no-repeat;
	text-decoration:none;
	color:#000;
}

h2.main_explanation{
	float:right;
	display: block;
	width: 632px;
	font-size:14px;
	font-weight:100;
	margin: 4px 0 0 0px;
	color:#000;
	text-align:right;
}

h3{
	font-weight:bold;
	font-size:12px;
}
h4{
	font-weight:bold;
	font-size:12px;
}
h5{
	font-weight:100;
	font-size:12px;
}

/*=============================
     top_brandingに指定
=============================*/
#top_branding{
		margin:0 auto;
		width:880px; height:421px;
}


/*=============================
     top_planに指定
=============================*/
#top_plan{
	float:left;
	margin:0px 0 0 10px !important;
	margin:0px 0 0 5px;
}
#top_plan ul{
}
#top_plan ul li{
	display: block;
	width: 860px; height: 45px;
	list-style:none;
	margin:0 0 5px 0;
}
#top_plan ul li.last{
	margin:0;
}

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



#top_service h3{
		width:574px; height:28px;
		padding:17px 0 0 20px;
		margin:0px 0 7px 0;
		font-size:16px;
}

#top_service div{
		float:left;
		width:592px;
		margin:0;
		padding:0px 0px 20px 0px;
		line-height:150%;
}

#top_service div.last{
		padding:0px 0px 0px 0px;
}

#top_service h5{
		float:left;
		display:block;
		width:582px; height:21px;
		background: url(../img/share/top_sub_sub_title_bg.gif) 0 3px no-repeat;
		border-bottom:#ba1b21 1px solid;
		padding:0px 0px 0 10px;
		margin:0px 0 7px 0;
		font-size:14px;
		font-weight:bold;
}
#top_service div p{
		float:left;
		font-size:14px;
		margin:0px 0px 0px 0px;
		padding:0px;
}

#top_service div p.line-height20{
		line-height:170%;
}

#top_service a.yajirushi_link{
		float:left;
		background: url(../img/share/yajirushi.gif) 0px 2px no-repeat;
		padding:0px 0px 0px 14px;
		margin:1px 0 0 0;
}

/*=============================
     top用語集に指定
=============================*/

#top_yougo_list{
		float:left;
		width:592px;height:auto;
		background: url(../img/share/sub_title_bg.gif) left top no-repeat;
		margin:27px 0 0px 0;
}
#top_yougo_list h3{
		width:574px; height:28px;
		padding:17px 0 0 20px;
		margin:0px 0 1px 0;
		font-size:16px;
}

#top_yougo_list div.waku{
		float:left;
		width:592px;
		margin:1px 0 0 0;
		padding:0px 0px 10px 0px;
		line-height:150%;
		background:#f5f5f5 url(../img/top/top_yougo_bg.gif) repeat-y;
		/*border-top:#bfbfbf solid 1px;*/
		border-bottom:#bfbfbf solid 1px;

}

#top_yougo_list h5{
		float:left;
		display:block;
		width:558px; height:21px;
		background: url(../img/share/top_sub_sub_title_bg.gif) 0 3px no-repeat;
		border-bottom:#ba1b21 1px solid;
		padding:0px 0px 0 10px;
		margin:10px 11px 7px 11px !important;
		margin:10px 6px 7px 6px;
		font-size:14px;
		font-weight:bold;
}

#top_yougo_list p{
		float:left;
		font-size:14px;
		margin:0px 11px 0px 11px !important;
		margin:0px 6px 0px 6px;
		padding:0px;
}
#top_yougo_list a.yajirushi_link{
		float:left;
		background: url(../img/share/yajirushi.gif) 0px 2px no-repeat;
		padding:0px 0px 0px 14px;
		margin:1px 0 0 10px;
}

#top_yougo_list div.ul_li_waku{
		float:left;
		border:#bfbfbf 1px solid;
		background:#fff;
		padding:3px;
		margin:0 10px 6px 10px !important;
		margin:0 5px 6px 5px;
}
#top_yougo_list ul{
		float:left;
		display:block;
		list-style:none;
		width:560px;
		/*background: url(../img/share/bg_gray_dot_bg.gif) repeat;*/
		background:#fff;
		padding:5px 0 5px 0;
		border:#bfbfbf 1px solid;
}

#top_yougo_list ul li{
		float:left;
		white-space:pre;
		/*white-space:nowrap;*/
		margin:0 0 0 10px !important;
		margin:0 0 0 6px;
}
#top_yougo_list ul li a{
		color:#000;
}

/*=============================
     top_newsに指定
=============================*/
#top_news{
		width:592px;height:auto;
		margin:0px 0 0px 0;
}



#top_news h3{
		width:574px; height:28px;
		padding:17px 0 0 20px;
		margin:0px 0 0px 0;
		font-size:16px;
		background: url(../img/share/sub_title_bg.gif) left top no-repeat;
}

#top_news ul{
		float:left;
		display:block;
		list-style:none;
		width:592px;
		margin:0;
}

#top_news ul li{
		margin:10px 0 0 0;
		padding:0px 0px 10px 0px;
		border-bottom:1px solid #bfbfbf;
		width:591px;

}

#top_news a.yajirushi_link{
		float:right;
		background: url(../img/share/yajirushi.gif) 0px 2px no-repeat;
		padding:0px 0px 0px 14px;
		margin:5px 0 0 0;
}


/*=============================
     topお問い合わせに指定
=============================*/

#top_contact{
		float:left;
		width:252px;height:auto;
		background: url(../img/share/side_title_bg.gif) left top no-repeat;
		margin:27px 0 0px 0;
}
#top_contact h3{
		width:232px; height:28px;
		padding:17px 0 0 20px;
		margin:0px 0 1px 0;
		font-size:16px;
}

#top_contact div.waku{
		float:left;
		width:246px;
		margin:0 0 0 2px !important;
		margin:0 0 0 1px;
		padding:0px 0px 10px 0px;
		line-height:150%;
		background:#f5f5f5;
		border:#bfbfbf solid 1px;
}

#top_contact h5{
		float:left;
		display:block;
		width:216px; height:21px;
		background: url(../img/share/top_sub_sub_title_bg.gif) 0 3px no-repeat;
		border-bottom:#ba1b21 1px solid;
		padding:0px 0px 0 10px;
		margin:17px 10px 7px 10px !important;
		margin:17px 5px 7px 5px;
		font-size:14px;
		font-weight:bold;
}

#top_contact p{
		float:left;
		font-size:14px;
		margin:0px 10px 0px 10px !important;
		margin:0px 5px 0px 5px;
		padding:0px;
		width:226px;
}

#top_contact p.bg_gray_dot{
		float:left;
		list-style:none;
		width:215px;
		/*background:#000 url(../img/share/bg_gray_dot2_bg.gif) repeat;*/
		background:#fff;
		margin:9px 9px 0px 9px !important;
		margin:9px 4px 0px 5px;
		padding:5px 4px 5px 7px;
		border:#bfbfbf 1px solid;
		color:#000;
}
#top_contact a.top_estimate_btn{
		float:left;
		display:block;
		margin:0 0 0 9px !important;
		margin:0 0 0 5px;
}
#top_contact a.yajirushi_link{
		float:left;
		background: url(../img/share/yajirushi.gif) 0px 2px no-repeat;
		padding:0px 0px 0px 14px;
		margin:1px 0 0 10px !important;
		margin:1px 0 0 5px;
}



/*=============================
     top作品集に指定
=============================*/

#top_works{
		float:left;
		width:252px;height:auto;
		background: url(../img/share/side_title_bg.gif) left top no-repeat;
		margin:27px 0 0px 0;
}
#top_works h3{
		width:232px; height:28px;
		padding:17px 0 0 20px;
		margin:0px 0 1px 0;
		font-size:16px;
}

#top_works div.waku{
		float:left;
		width:246px;
		margin:0 0 0 2px !important;
		margin:0 0 0 1px;
		padding:0px 0px 10px 0px;
		line-height:150%;
		background:#f5f5f5;
		border:#bfbfbf solid 1px;
}

#top_works h5{
		float:left;
		display:block;
		width:216px; height:21px;
		background: url(../img/share/top_sub_sub_title_bg.gif) 0 3px no-repeat;
		border-bottom:#ba1b21 1px solid;
		padding:0px 0px 0 10px;
		margin:12px 10px 4px 10px !important;
		margin:12px 5px 4px 5px;
		font-size:14px;
		font-weight:bold;
}

#top_works h5.first{
		margin:5px 10px 4px 10px !important;
		margin:5px 5px 4px 5px;
}

#top_works p{
		float:left;
		font-size:14px;
		margin:0px 10px 0px 10px !important;
		margin:0px 5px 0px 5px;
		padding:0px;
		width:226px;
}

#top_works p.img_waku{
		float:left;
		list-style:none;
		width:226px;
		background:#fff;
		margin:0px 10px 0px 10px !important;
		margin:0px 5px 0px 5px;
		border:#bfbfbf 1px solid;
}
#top_works p.img_waku a{
		display:block;
		border:#ba1b21 1px solid;
		margin:2px;
}
#top_works p.img_waku a:hover{
		border:#ba1b21 3px solid;
		margin:0;
}

#top_works a.yajirushi_link{
		float:left;
		background: url(../img/share/yajirushi.gif) 0px 8px no-repeat;
		border-top:#bfbfbf 1px solid;
		padding:6px 0px 0px 14px;
		margin:7px 0 0 10px !important;
		margin:7px 0 0 5px;
		width:211px;
}

/*=============================
     topバナーに指定
=============================*/
#top_banner{
		/*float:left;*/
		width:252px;height:auto;
		margin:0;
}

#top_banner div.waku{
		float:left;
		width:246px;
		margin:20px 0 0 2px !important;
		margin:20px 0 0 1px;
		padding:0px 0px 10px 0px;
		line-height:150%;
		background:#fff;
		border:#bfbfbf solid 1px;
}

#top_banner p{
		float:left;
		font-size:14px;
		margin:10px 10px 0px 10px !important;
		margin:10px 5px 0px 5px;
		padding:0px;
		width:226px;
}