@charset "utf-8";
@import url("/en/common/css/base.css");

/*
 * company this css
 * Date: 2009.07.17
 * Author: Creative Team
 */


/* company
------------------------------------------------------------------------*/

ul#globalMenu li.gmenu03 a{
	color:#091732;
	text-decoration:none;
	background:url(/en/common/images/gmenu_bg02.gif) repeat-x 1px top;
	}

ul#globalMenu li.gmenu03 a,
ul#globalMenu li.gmenu03 a:visited{
	color:#091732;
	}

div#inner{
	display:inline-block;
	}

/* title */
h2{ background:url(images/service_ttl01.gif) no-repeat 5px 15px; }

/* leftmenu */

div#leftmenu{
	float:left;
	width:160px;
	margin:17px 0 0 22px;
	_margin:17px 0 0 11px;
	background:#e6e6e6 url(/en/common/images/leftmenu_bg01.gif) no-repeat left bottom;
	}

div#leftmenu dl{
	magrin:0;
	padding:0 0 10px 0;
	width:160px;
	}

div#leftmenu dl dt{
	width:160px;
	height:25px;
	margin-bottom:5px;
	text-indent:-9999px;
	background:url(images/leftmenu_ttl01.gif) no-repeat left top;
	}


div#leftmenu dl dd{
	margin-left:7px;
	padding:3px 0 5px 15px;
	line-height:150%;
	font-size:10px;
	background:url(/en/common/images/leftmenu_img01.gif) no-repeat left 6px;
	}

div#leftmenu dl dd a{
	font-size:10px:
	}


/* mainContents */

div#mainContents{
	float:right;
	width:540px;
	margin:18px 20px 0 0;
	_margin:18px 10px 0 0;
	}

div#mainContents h3{
	width:540px;
	height:15px;
	text-indent:-9999px;
	}


/* service */

div#mainContents div.service h3{ height:16px; background:url(images/service_ttl02.gif) no-repeat left top; }

div.service img{
	width:521px;
	height:169px;
	margin:15px 0 10px 18px;
	border:0;
	}

div.service div.knowhow{
	width:520px;
	margin:20px 0 0 15px;
	padding-bottom:10px;
	background:#eee url(images/service_bg02.gif) no-repeat left bottom;
	}

div.service div.knowhow p{
	padding:15px 15px 10px;
	background:url(images/service_bg01.gif) no-repeat left top;
	}

div.service div.knowhow p.img{
	padding:0;
	background-image: none;
	}

div.service div.knowhow p.img img{
	width:500px;
	height:153px;
	margin:0 0 0 10px;
	padding:0;
	}

/* agency */

div.agency{
	margin-top:30px;
	}

div.agency h3{ background:url(images/service_ttl03.gif) no-repeat left top; }

div.agency p{
	margin:10px 0 0 20px;
	}

div.agency dl{
	margin:20px 0 30px 20px;
	}

div.agency dl dt{
	padding-left:12px;
	font-weight:bold;
	background:url(/en/common/images/list_img05.gif) no-repeat left 4px;
	}

div.agency dl dd{
	margin:3px 0 0 25px;
	padding:0 0 0 15px;
	background:url(/en/common/images/list_img06.gif) no-repeat left 6px;
	}

/* system */

div.system{
	margin-top:30px;
	}

div.system h3{ background:url(images/service_ttl04.gif) no-repeat left top; }

div.system p{
	margin:10px 0 0 20px;
	}

div.system dl{
	margin:20px 0 30px 20px;
	}

div.system dl dt{
	padding-left:12px;
	font-weight:bold;
	background:url(/en/common/images/list_img05.gif) no-repeat left 4px;
	}

div.system dl dd{
	margin:3px 0 0 25px;
	padding:0 0 0 15px;
	background:url(/en/common/images/list_img06.gif) no-repeat left 6px;
	}


/* marketing */

div.marketing{
	margin-top:30px;
	}

div.marketing h3{ background:url(images/service_ttl05.gif) no-repeat left -2px; }

div.marketing p{
	margin:10px 0 0 20px;
	}

div.marketing dl{
	margin:20px 0 30px 20px;
	}

div.marketing dl dt{
	padding-left:12px;
	font-weight:bold;
	background:url(/en/common/images/list_img05.gif) no-repeat left 4px;
	}

div.marketing dl dd{
	margin:3px 0 0 25px;
	padding:0 0 0 15px;
	background:url(/en/common/images/list_img06.gif) no-repeat left 6px;
	}

/* InfoBtn */

p.infoBtn{
	text-align:center;
	margin:50px auto 30px;
	}

p.infoBtn a{
	display:block;
	width:215px;
	height:56px;
	margin:10px auto 0;
	text-indent:-9999px;
	background:url(images/service_btn01.gif) no-repeat left top;
	}

p.infoBtn a:hover{ background:url(images/service_btn01_on.gif) no-repeat left top; }

/* clearfix
-------------------------------------------------------------------*/
div.inner:after,
div.trend:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	}