@import url(/css/contents.css);

h1.about { background:url(../img/cnt_title_01.jpg) no-repeat 0 0; }

h2.about
{
	margin-top:10px;
	width:720px;
	height:50px;
	background:url(../img/title_02.gif) no-repeat 0 0;
	margin-bottom: 30px;
}

div.mainJpg
{
	width:720px;
	height:200px;
	margin-top: 20px;
	margin-bottom: 20px;
}

div.aboutPics
{
	width:150px;
	float: left;
}

div.aboutcomm
{
	width:510px;
	float: right;
	margin-left: 20px;
}

div.aboutname { width:330px; }

/* ------- lb ------- */

div.aboutcomm dl,
div.aboutpho dl,
div.aboutpor dl
{
	padding-bottom:1px;
	background:url(../img/dot.gif) 0 100% repeat-x;
}

div.aboutcomm dt,
div.aboutpho dt,
div.aboutpor dt
{
	float: left;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 70px;
}

div.aboutcomm dd,
div.aboutpho dd,
div.aboutpor dd
{
	margin-left: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 65px;
}

h3.sub01
{
	width:720px;
	height:50px;
	background:url(/about/img/about_sub_ttl_01.gif) no-repeat 0 0;
}

h3.sub02
{
	width:720px;
	height:50px;
	background:url(/about/img/about_sub_ttl_02.gif) no-repeat 0 0;
}

h3.sub03
{
	width:720px;
	height:50px;
	background:url(/about/img/about_sub_ttl_03.gif) no-repeat 0 0;
}

h3.sub04
{
	width:720px;
	height:50px;
	background:url(/about/img/about_sub_ttl_04.gif) no-repeat 0 0;
}

h3.sub05
{
	width:720px;
	height:50px;
	background:url(/about/img/about_sub_ttl_05.gif) no-repeat 0 0;
}

h4.ttl01
{
	width:330px;
	height:50px;
	background:url(/about/img/about_h4_ttl_01.gif) no-repeat 0 0;
}

h4.ttl02
{
	width:330px;
	height:50px;
	background:url(/about/img/about_h4_ttl_02.gif) no-repeat 0 0;
}

h4.ttl03
{
	width:330px;
	height:50px;
	background:url(/about/img/about_h4_ttl_03.gif) no-repeat 0 0;
}

/* ctn */
div#ctn01,
div#ctn02,
div#ctn03,
div#ctn04
{
	width:680px;
	height: auto;
	overflow:hidden;
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.box_works1
{
	width:220px;
	float:left;
	height: auto;
}

.box_works2
{
	width:490px;
	float:left
}

div#ctn01 p,
div#ctn02 p,
div#ctn03 p,
div#ctn04 p
{
	line-height: 1.4em;
	color:#333;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

div#ctn p span,
div#ctn01 p span,
div#ctn02 p span,
div#ctn03 p span,
div#ctn04 p span { color:#ff0000; }

div#ctn01 h4,
div#ctn02 h4,
div#ctn03 h4,
div#ctn04 h4
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 1.2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0066FF;
}

div#ctn01 h5,
div#ctn02 h5,
div#ctn03 h5,
div#ctn04 h5
{
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 1.0em;
}

div#ctn li,
div#ctn01 li,
div#ctn02 li,
div#ctn03 li,
div#ctn04 li,
div#ctn05 li,
div#ctn06 li,
div#ctn07 li,
div#ctn08 li
{
	background:url(../img/common/list_02.png) no-repeat 1px 50%;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-decoration: underline;
}