@charset "utf-8";
@import url("/en/common/css/base.css");

/*
 * company this css
 * Date: 2009.07.17
 * Author: Creative Team
 */


/* company
------------------------------------------------------------------------*/

ul#globalMenu li.gmenu02 a{
	color:#091732;
	text-decoration:none;
	background:url(/en/common/images/gmenu_bg02.gif) repeat-x 1px top;
	}

ul#globalMenu li.gmenu02 a,
ul#globalMenu li.gmenu02 a:visited{
	color:#091732;
	}

div#inner{
	display:inline-block;
	}

/* title */
h2{ background:url(images/about_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;
	}

div#leftmenu dl dt.aboutgTLD  { background:url(images/leftmenu_ttl01_on.gif) no-repeat left top; }
div#leftmenu dl dt.aboutDomain{ background:url(images/leftmenu_ttl02.gif) no-repeat left top; margin-top:5px; }

div#leftmenu dl dt a{
	display:block;
	width:160px;
	height:25px;
	text-indent:-9999px;
	}

div#leftmenu dl dt.aboutgTLD a:hover  { background:url(images/leftmenu_ttl01_on.gif) no-repeat left top; }
div#leftmenu dl dt.aboutDomain a:hover{ background:url(images/leftmenu_ttl02_on.gif) no-repeat left top; }


div#leftmenu dl dd{
	margin-left:20px;
	padding-left:15px;
	padding-top:.5em;
	padding-bottom:.5em;
	line-height:120%;
	font-size:10px;
	background:url(/en/common/images/leftmenu_img01.gif) no-repeat left 7px;
	}

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;
	}


/* tld */

div.tld h3{ background:url(images/about_ttl02.gif) no-repeat left top; }

div.tld img{
	width:446px;
	height:153px;
	margin:10px 0 10px 55px;
	border:0;
	}

div.tld p{
	margin:0 0 15px 20px;
	}

/* summary */

div.summary{
	margin-top:30px;
	}

div.summary h3{ background:url(images/about_ttl03.gif) no-repeat left top; }

div.summary dl{
	margin:0 0 30px 20px;
	}

div.summary dl dt{
	padding-left:12px;
	font-weight:bold;
	margin-top:15px;
	background:url(/en/common/images/list_img05.gif) no-repeat left 4px;
	}

div.summary dl dd{
	padding:0;
	margin:5px 0 17px 13px;
	}

div.summary dl dd.sublist{
	margin:0px 0 0 25px;
	}

div.summary dl dd.sublist dl{
	margin:0;
	padding-bottom:10px;
	}

div.summary dl dd.sublist dl dt{
	margin-top:5px;
	padding-left:0;
	background:none;
	}

div.summary dl dd.sublist dl dd{
	margin:3px 0 0 0;
	padding:0 0 0 15px;
	background:url(/en/common/images/list_img06.gif) no-repeat left 6px;
	}

div.summary dl dd ul li{
	margin:3px 0 0 10px;
	padding:0 0 0 15px;
	background:url(/en/common/images/list_img06.gif) no-repeat left 6px;
	}


/* procedure */

div#mainContents div.procedure h3{
	height:24px;
	background:url(images/about_ttl04.gif) no-repeat left top;
	}

div.procedure p{
	margin-left:20px;
	}

div.procedure img{
	width:520px;
	heigth:292px;
	margin-top:10px;
	border:0;
	}

/* outlining */

div#mainContents div.outlining{
	margin-top:30px;
	}

div#mainContents div.outlining h3{
	height:24px;
	background:url(images/about_ttl06.gif) no-repeat left top;
	}

div.outlining p{
	margin-left:20px;
	}

div.outlining img{
	width:520px;
	heigth:216px;
	margin-top:10px;
	border:0;
	}

/* trend */

div.trend{
	margin-top:30px;
	}

div.trend h3{ height:16px; background:url(images/about_ttl05.gif) no-repeat left top; }

div.trend p{
	margin:15px 0 0 20px;
	}

div.trend table{
	float:left;
	width:249px;
	border:1px solid #ccc;
	margin:15px 0 0 20px;
	_margin:15px 0 0 10px;
	}

div.trend table th{
	font-weight:normal;
	padding:3px 0;
	border:1px solid #ccc;
	background:#f2f2f2;
	}

div.trend table td{
	width:50%;
	padding:3px 5px;
	border:1px solid #ccc;
	}

div.trend table td.plural{
	background:#f2f2f2;
	}


/* InfoBtn */

p.infoBtn{
	width:215px;
	height:56px;
	margin:88px auto 0;
	background:url(images/about_btn01.gif) no-repeat left top;
	}

p.infoBtn a{
	display:block;
	width:215px;
	height:56px;
	text-indent:-9999px;
	}

p.infoBtn a:hover{ background:url(images/about_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;
	}