@charset "utf-8";
@import url("contents.css");

#wrap {
	width: 910px;
	margin: 0 auto;
}

#header {
	width: 910px;
	padding:0;
	background: url(../img/body_bg.gif) repeat-y 0 0;
	position: relative;
	height: 181px;
}

#indexPage #header {
	height: 68px;
	padding: 0;
}

h1 {
	position: absolute;
	left: 25px;
	top: 11px;
}

#headerMenu {
	position: absolute;
	top: 33px;
	right: 10px;
}

#headerMenu li {
	float: left;
	padding: 0 20px 0 13px;
	background: url(../img/arrows.gif) no-repeat left center;
}

#headerMenu li a:hover {
	color: #007cc4;
	text-decoration: none;
}

#headerImg {
	display: block;
	position: absolute;
	left: 50%;
	top: 67px;
	margin-left: -430px;
}


ul#topSubMenu {
	width: 580px;
	padding: 0;
	margin: 0 0 20px 0;
}

ul#topSubMenu li {
	float: left;
	margin: 0 20px 0 0;
	width: 180px;
	height: 62px;
	list-style: none;
	padding: 0;
}

ul#topSubMenu li a {
	display: block;
	width: 180px;
	height: 62px;
	text-indent: -9999px;
}

#item1 a {background: url(../image/top_over_1.gif) no-repeat left bottom;}
#item2 a {background: url(../image/top_over_2.gif) no-repeat left bottom;}
#item3 a {background: url(../image/top_over_3.gif) no-repeat left bottom;}

#item3 {
	margin: 0 !important;
}

ul#topSubMenu li a:hover {
	background-position: top !important;
}

#topMenu {
	width: 900px;
	height: 300px;
	margin: 0 auto;
	padding: 2px 5px 19px;
	background: url(../image/tm_bg.gif) no-repeat 0 0;
	position: relative;
}


#indexFlash {
	width: 580px;
	height: 300px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 2px;
	left: 165px;
}

#topServiceWrap {
	width: 160px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 2px;
	left: 5px;

}

#topServiceWrap h2 {
	background:url(../image/top_service_tit.gif) no-repeat 0 0;
	width: 160px;
	height: 24px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;

}
#topServiceMenu {
	padding: 0;
	margin: 0;
}

#topServiceMenu li {
	width: 160px;
	height: 46px;
	zoom: 1;
	padding: 0;
	margin: 0;
	list-style: none;
}

#topServiceMenu li a {
	display: block;
	width: 160px;
	height: 46px;
	text-indent: -9999px;
}

#serviceItem1 a { background: url(../image/top_service_1.gif) no-repeat left top;}
#serviceItem2 a { background: url(../image/top_service_2.gif) no-repeat left top;}
#serviceItem3 a { background: url(../image/top_service_3.gif) no-repeat left top;}
#serviceItem4 a { background: url(../image/top_service_4.gif) no-repeat left top;}
#serviceItem5 a { background: url(../image/top_service_5.gif) no-repeat left top;}
#serviceItem6 a { background: url(../image/top_service_6.gif) no-repeat left top;}

#topCaseWrap {
	width: 160px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 2px;
	left: 745px;
}

#topCaseWrap h2 {
	background:url(../image/top_case_tit.gif) no-repeat 0 0;
	width: 160px;
	height: 24px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;

}
#topCaseMenu {
	padding: 0;
	margin: 0;
}

#topCaseMenu li {
	width: 160px;
	height: 46px;
	zoom: 1;
	padding: 0;
	margin: 0;
	list-style: none;
}

#topCaseMenu li a {
	display: block;
	width: 160px;
	height: 46px;
	text-indent: -9999px;
}

#caseItem1 a { background: url(../image/top_case_1.gif) no-repeat left top;}
#caseItem2 a { background: url(../image/top_case_2.gif) no-repeat left top;}
#caseItem3 a { background: url(../image/top_case_3.gif) no-repeat left top;}
#caseItem4 a { background: url(../image/top_case_4.gif) no-repeat left top;}
#caseItem5 a { background: url(../image/top_case_5.gif) no-repeat left top;}
#caseItem6 a { background: url(../image/top_case_6.gif) no-repeat left top;}

#topServiceMenu li a:hover,
#topCaseMenu li a:hover {
	background-position: right !important;
}




#contents {
	width: 860px;
	padding: 0 25px;
	background: url(../img/body_bg.gif) repeat-y 0 0;
}

#indexPage #contents {
	width:860px;
	margin:0 0 20px0;
}

#topleft{
	width:580px;
	float:left;
}

#topright{
	width:250px;
	float:right;
}

#topbanners {
	padding: 0;
	margin: 0;
}

#topbanners li {
	width: 250px;
	height: 70px;
	zoom: 1;
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
}

#topbanners li a {
	width: 250px;
	height: 70px;
	display: block;
	text-indent: -9999px;
}

#topbanners li.banneritem1 a{
	background: url(../image/banner_decopon.gif) no-repeat left top;
}

#topbanners li.banneritem2 a{
	background: url(../image/banner_sumomo.gif) no-repeat left top;
}

#topbanners li.banneritem3 a{
	background: url(../img/muffin.gif) no-repeat left top;
}

#topbanners li.banneritem4 a{
	background: url(../img/banner_mojie.gif) no-repeat left top;
}

#topbanners li.banneritem5 a{
	background: url(../img/banner_gmp.gif) no-repeat left top;
}

#topbanners li.banneritem6 a{
	background: url(../img/banner_nakanoshima.gif) no-repeat left top;
}

#topbanners li.banneritem7 a{
	background: url(../img/banner_mfp.gif) no-repeat left top;
}

#topbanners li.banneritem8 a{
	background: url(../img/banner_imbs.gif) no-repeat left top;
}

#topbanners li.banneritem9 a{
	background: url(../img/banner_elixir.gif) no-repeat left top;
}

#topbanners li.banneritem10 a{
	background: url(../img/banner_manhattan.gif) no-repeat left top;
}

#topbanners li.banneritem11 a{
	background: url(../img/banner_mobum.gif) no-repeat left top;
}

#topbanners li.banneritem12 a{
	background: url(../img/banner_manap.gif) no-repeat left top;
}

#topbanners li.banneritem13 a{
	background: url(../img/banner_mad.gif) no-repeat left top;
}

#topbanners li.banneritem14 a{
	background: url(../img/banner_pointon.gif) no-repeat left top;
}

#topbanners li a:hover {
	background-position: bottom !important;
}

#topnews {
	margin: 0 0 20px 0;
}

#topnews img {
	display: block;
	margin: 0 0 20px 0;
}

#topnews dl 
{
	position: relative;
	width: 580px;
	height:60px;
	margin:10px 0;
	background:url(../image/top_dot.gif) repeat-x 0 bottom;
}
	 
#topnews dl dt 
{
	padding-top: 8px;
	width: 5.6em;
	position: absolute;
	left: 0;
}
 
#topnews dl dd 
{
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 7em;
	text-align:left
}
	 
.site_topics{
	background:url(../image/topics_back.gif) no-repeat;
	width:580px;
	height: 103px;
	margin-top:10px;
	text-align:left;

}

.site_topics td {
	font-size:10px;
	line-height: 1.5;
}

.site_topics td.topicCell1 {
	width: 135px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding: 8px 4px 8px 8px;
}

.site_topics td.topicCell1 img {
}

.site_topics td.topicCell2 {
	vertical-align: top;
	padding: 8px 4px;

}

.site_topics td.topicCell2 p {
	font-size: 12px;
	margin: 3px 0 5px 0;
}

.site_topics td.topicCell3 {
	width: 80px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	padding: 8px 8px 8px 4px;
}


#topright img {
	display: block;
	padding: 0 0 15px 0;
}

#main {
	width: 670px;
	float: right;
}

#panMenu {
	background: #e2e9ed;
	margin: 0 0 20px 0;
}

#panMenu ul {
	padding: 0 0 0 5px;
}

#panMenu ul li {
	float: left;
	padding: 5px 0 5px 8px;
	font-size: 0.83em;
}

#panMenu ul li a {
	padding: 0 10px 0 0;
	background: url(../img/pan_bul.gif) no-repeat right center;
}

#panMenu ul li a:hover {
	color: #007cc4;
	text-decoration: none;
}

#subImg {
	display: block;
	clear: both;
	margin: 0 0 10px 0;
}

div.imgWrap img {
	display: block;
}

div.w110 {
	width: 110px;
}

div.w240 {
	width: 240px;
}


#listBox {}

#listBox td {
	width: 325px;
	vertical-align: top;
	padding-bottom: 20px;
}

#listBox td.leftCell {
	padding-right: 20px;
}

div.d2MenuWrap {
	background: url(../img/2d_box_top.gif) no-repeat 0 0;
}

div.d2Menu {
	padding: 15px 15px 2.5em;
	background: url(../img/2d_box_bottom.gif) no-repeat 0 bottom;
	position: relative;
	min-height: 10em;
	_height: 10em;
}

div.d2Menu div.imgWrap {
	float: left;
}

div.d2Menu div.imgWrap p {
	padding: 7px 0 0 0;
	font-size: 0.83em;
	display: none;
}


div.d2Con {
	width: 173px;
	float: right;
}
div.d2Menu h3 {
	width: 173px;
	height: 22px;
	text-indent: -9999px;
}

p.d3ConLink {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 15px 15px 0;
}

p.d3ConLink a {
	display: block;
	padding: 0 30px 0 0;
	background: url(../img/2d_arrow.gif) no-repeat right center;
}

p.d3ConLink a:hover {
	color: #007cc4;
	text-decoration: none;
}

div.subTit {
	margin: 0 0 15px 0;}

div.subTit h3 {
	width: 670px;
	height: 30px;
	text-indent: -9999px;
}

div.d3Box h4 {
	width: 640px;
	height: 25px;
	text-indent: -9999px;
	padding: 0 0 10px 0;
}

div.d3Box {
	background:url(../image/top_dot.gif) repeat-x 0 bottom;
	/*border-bottom: 1px dotted #666;*/
	padding: 0 15px 15px 15px;
	margin: 0 0 20px 0;
	width: 640px;
}

div.d3Box div.imgWrap {
	float: left;
}
#service div.d3Box div.imgWrap.w240,
#purpose div.d3Box div.imgWrap.w240 {
	display: none;
}


div.d3Con {
	/*float: right;*/
	/*width: 380px;*/
}

div.d3Con p {
	line-height: 1.7;
}

div.d3Con p a {
	color: #f60 !important;

}

div.d3Con p a:hover {
	color: #007cc4 !important;
	text-decoration: none;

}



div.d3Con ul {
	list-style: none;
	padding: 10px 0;
	display: none;
}

div.d3Con ul li {
	padding: 0 0 0 10px;
	background: url(../img/red_bul.gif) no-repeat left center;
}

div.d3Con ul li a {
	color: #f60 !important;
	line-height: 1.7;
}

div.d3Con ul li a:hover {
	color: #007cc4 !important;
	text-decoration: none;
}



#sideMenu {
	width: 170px;
	float: left;
}
#coInfo,
#recu,
#gotoTop,
#toiawase {
	width: 170px;
	height: 60px;
	margin: 0 0 10px 0;
}

#coInfo a,
#recu a,
#gotoTop a,
#toiawase a {
	display: block;
	width: 170px;
	height: 60px;
	text-indent: -9999px;
}

#gotoTop a {
	background: url(../img/top_btn.gif) no-repeat left top;
}
#toiawase a {
	background: url(../img/toi_btn.gif) no-repeat left top;
}

#coInfo a {
	background: url(../img/coinfo_btn.gif) no-repeat left top;
}
#recu a {
	background: url(../img/recu_btn.gif) no-repeat left top;
}

#coInfo a:hover,
#recu a:hover,
#gotoTop a:hover,
#toiawase a:hover {
	background-position: right;
}


#serviceMenu {
	background: url(../img/service_menu_top.gif) no-repeat 0 0;
	padding: 36px 0 0 0;
	margin: 0 0 10px 0;
}

#serviceMenu>p {
	display: none;
}

*:first-child+html #serviceMenu>p { 
	display: block;
}

#serviceMenu p {
	*text-indent: -9999px;
	*font-size: 1px;
	*height: 1px;
}

#serviceMenu ul {
	background: url(../img/service_menu_bottom.jpg) no-repeat left bottom;
	padding: 0 4px 4px;
}

#serviceMenu ul li {
	background:url(../image/top_dot.gif) repeat-x 0 top;

	/*border-top: 1px dotted #333;*/
	zoom: 1;
}

#serviceMenu ul li a {
	display: block;
	padding: 8px 0 8px 18px;
	background: url(../img/blue_bul.gif) no-repeat 5px 10px;
	color: #666;
}

#serviceMenu ul li ul {
	display: none;
}

#serviceMenu ul li.current ul {
	display: block !important;
	padding-left: 14px;
	background: none;
}

#serviceMenu ul li.current ul li {
	border: none;
	background: none;
}

#serviceMenu ul li.current ul li a {
	background: none;
	padding: 0 0 0 3px;
	color: #666;
	line-height: 1.5;
	text-indent: 0;
	text-decoration: underline;
}

#serviceMenu ul li.current ul li.current a,
#serviceMenu ul li.current ul li a:hover {
	color: #fff;
	background: #10b4e3 !important;
	text-decoration: none;
}


#caseStudy {
	background: url(../img/case_menu_top.gif) no-repeat 0 0;
	padding: 36px 0 0 0;
	margin: 0 0 10px 0;
}

#caseStudy>p {
	display: none;
}

*:first-child+html #caseStudy>p { 
	display: block;
}

#caseStudy p {
	*text-indent: -9999px;
	*font-size: 1px;
	*height: 1px;
}

#caseStudy ul {
	background: url(../img/case_menu_bottom.gif) no-repeat left bottom;
	padding: 0 4px 4px;
}

#caseStudy ul li {
	background:url(../image/top_dot.gif) repeat-x 0 top;
	padding: 0 10px 0 0;
	zoom: 1;
}

#caseStudy ul li a {
	display: block;
	padding: 8px 0 8px 18px;
	background: url(../img/red_bul.gif) no-repeat 5px 10px;
	color: #666;
}

#serviceMenu ul li a:hover,
#serviceMenu ul li.current a,
#caseStudy ul li a:hover,
#caseStudy ul li.current a {
	color: #10b4e3;
	text-decoration: none;
}

#serviceMenu ul li a:hover,
#serviceMenu ul li.current a {
	background: url(../img/blue_bul_over.gif) no-repeat 5px 10px;
}

#caseStudy ul li a:hover,
#caseStudy ul li.current a {
	background: url(../img/red_bul_over.gif) no-repeat 5px 10px;
}



#footer {
	clear: both;
	background: url(../img/footer_bg.gif) no-repeat left bottom;
	padding: 0 5px 5px;
	width: 900px;
}

#footerMenu {
	float: left;
	padding: 8px 0 5px;
}
#footerMenu li {
	float: left;
	padding: 0 25px;
	border-left: 1px solid #fff;
	color: #fff;
}

#footerMenu li a,
#footerMenu li a:visited {
	color: #fff;
}

#footerMenu li a:hover {
	color: #fc3;
	text-decoration: none;
}

#copyRight {
	padding: 8px 20px 5px 0;
	float: right;
	color: #fff;
}

img.ttlTitImg {
	display: block;
	margin: 0 0 20px 0;
}
.app_box {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
.app_box td {
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.app_mg{
	margin-right: 3px;
	margin-left: 3px;
}

.app_box2 {
	margin-top: 10px;
	margin-bottom: 10px;
}


.app_box2 td {
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}