@charset "UTF-8";
/* ==============================
  css-about
=================================
title-aria
---------------------------------
main
---------------------------------
side-nav
---------------------------------
clamp-wish
============================== */

/* ------------------------------
  title-aria
------------------------------ */
#title-aria {
	width: 960px;
	height: 93px;
	background: url(/image/contents/about/line01.gif) repeat-x left bottom;
	margin-bottom: 30px;
}

h2 {
	width: 700px;
	height: 78px;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
}
h2#about-site {
	background-image: url(/image/contents/about/title_about_site.gif);
}
h2#wish {
	background-image: url(/image/contents/about/title_wish.gif);
}
h2#about-link {
	background-image: url(/image/contents/about/title_link.gif);
}
h2#contact {
	background-image: url(/image/contents/about/title_contact.gif);
}
h2#sitemap {
	background-image: url(/image/contents/about/title_sitemap.gif);
	float: left;
}

#gotoHome {
	width: 248px;
	height: 38px;
	background: url(/image/contents/about/clamp_logo.gif) no-repeat;
	text-align: right;
	margin-top: 40px;
	float: right;
}
#gotoHome p {
	padding-top: 22px;
}
#gotoHome p a {
	color: #666666;
}
#gotoHome p a:hover {
	color: #CCCCCC;
}

/* ------------------------------
  main
------------------------------ */
#main {
	width: 640px;
	float: right;
}

/* ------------------------------
  side-nav
------------------------------ */
#side-nav {
	width: 226px;
	float: left;
}

#side-nav ul {
	width: 226px;
}

#side-nav li {
	width: 226px;
	height: 30px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin-bottom: 4px;
}

#side-nav li a {
	width: 226px;
	height: 30px;
	text-decoration: none;
	display: block;
	outline: none;
	background-repeat: no-repeat;
}
#side-nav li.nav-about-site a {
	background-image: url(/image/contents/about/nav_about_site.gif);
}
#side-nav li.nav-wish a {
	background-image: url(/image/contents/about/nav_wish.gif);
}
#side-nav li.nav-about-link a {
	background-image: url(/image/contents/about/nav_link.gif);
}
#side-nav li.nav-contact a {
	background-image: url(/image/contents/about/nav_contact.gif);
}
#side-nav li.nav-sitemap a {
	background-image: url(/image/contents/about/nav_sitemap.gif);
}

#side-nav li a:hover {
	background-position: 0 -30px;
}
#side-nav li.current a {
	background-position: 0 -60px;
}
#side-nav li.current a:hover {
	background-position: 0 -60px;
}

/* ------------------------------
  aboutNomal
------------------------------ */
dl.aboutNomal {
	width: 640px;
}
dl.aboutNomal dt {
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 20px;
}
dl.aboutNomal dd {
	line-height: 1.7;
	margin-bottom: 30px;
}
dl.aboutNomal dd.btm50 {
	margin-bottom: 50px;
}
dl.aboutNomal dd.none {
	margin-bottom: 0;
}
dl.aboutNomal dd p {
	color: #666666;
	padding-bottom: 20px;
}
dl.aboutNomal dd p em {
	color: #ff004b;
	font-style: normal;
}

table#browser {
	width: 600px;
}

table#browser th,
table#browser td {
	width: 300px;
	height: 37px;
	font-size: 12px;
}

table#browser td {
	color: #666666;
}

table#browser td soan.tdWrap {
	width: 300px;
}
/* clearfix */
table#browser td soan.tdWrap:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
table#browser td soan.tdWrap {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html table#browser td soan.tdWrap {
	height: 1%;
}
table#browser td soan.tdWrap {
	display: block;
}
/* End hide from IE-mac */

table#browser td span.img {
	width: 42px;
	display: block;
	float: left;
}
table#browser td span.txt {
	width: 258px;
	display: block;
	padding-top: 7px;
	float: left;
}

dl.aboutNomal p#getAdobe img {
	margin-right: 10px;
}
dl.aboutNomal p#adobe-smallTxt {
	font-size: 83%;
}
dl.aboutNomal span.txt-small {
	font-size: 83%;
}

dl.aboutNomal #link-bnr {
	width: 580px;
	background-color: #f0f0f0;
	padding: 25px 30px;
	margin-bottom: 30px;
}

dl.aboutNomal #bnrAria {
	width: 344px;
	height: 125px;
	position: relative;
	float: left;
}
dl.aboutNomal #bnrAria p {
	padding-bottom: 0;
	position: absolute;
}
dl.aboutNomal #bnrAria p#bnr1 {
	top: 1px;
	left: 0;
}
dl.aboutNomal #bnrAria p#bnr2 {
	top: 84px;
	left: 0;
}
dl.aboutNomal #bnrAria p#bnr3 {
	top: 0;
	right: 0;
}

dl.aboutNomal #addressAria {
	width: 210px;
	float: right;
}
dl.aboutNomal #addressAria .txt-bk {
	color: #000000;
	font-size: 12px;
}
dl.aboutNomal #addressAria .txt-pink {
	color: #ff004b;
	font-size: 12px;
}
dl.aboutNomal #addressAria .txt-small {
	font-size: 10px;
	line-height: 1.5;
	padding-top: 35px;
	padding-bottom: 0;
}
* html dl.aboutNomal #addressAria .txt-small {
	font-size: 9px;
}