@import url(reset.css);
@import url(btn.css);
/*----- background -----*/
#background {
	background: url(../media/bg.png) center 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 100; }

#midground {
	background-color: transparent;
	background-image: url(../media/bg2.png);
	background-repeat: no-repeat;
	background-position: center 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 200; }

#foregroundupr {
	background-color: transparent;
	background-image: url(../media/t_bgupr.png);
	background-repeat: no-repeat;
	background-position: center 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	z-index: 300; }
	
#foregroundlwr {
	background-color: transparent;
	background-image: url(../media/t_bglwr.png);
	background-repeat: no-repeat;
	background-position: center 0;
	position: fixed;
	top: 445px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: 300; }

/*----- structure -----*/
body {
	font-size: 67.5%;
	line-height: 1.5;
	text-align: center; }

#container {
	text-align: left;
	position: relative;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	 }

#header {
	position: fixed;
	z-index: 400; }
#footer {
	position: fixed;
	top: 505px;
	width: 940px;
	z-index: 450;
	clear: both; }
/*----- toppage structure -----*/
#ctrc_rhc {
	position: absolute;
	top: 115px;
	left: 220px;
	width: 730px;
	z-index: 250; }
#ctrc {
	width: 480px;
	float: left;
	margin-left: 20px; }

#rhc {
	position: relative;
	width: 220px;
	float: right; }

#lhc {
	position: absolute;
	top: 115px;
	left: 0;
	width: 235px;
	z-index: 250; }
/*----- 2column structure -----*/
#a_rh_main1, #a_rh_main2, #a_rh_main3, #p_rh_main1, #p_rh_main2, #p_rh_main3, #p_rh_main4 {
	position: absolute;
	top: 115px;
	left: 380px;
	width: 600px;
	z-index: 250; }

#a_lh_img {
	background-image: url(../media/a_mainimage.png);
	background-repeat: no-repeat;
	background-position: 0 15px;
	text-indent: -9999px;
	position: fixed;
	top: 85px;
	width: 370px;
	height: 335px;
	z-index: 250; }

#p_lh_img {
	background-image: url(../media/p_mainimage.png);
	background-repeat: no-repeat;
	background-position: 0 15px;
	text-indent: -9999px;
	position: fixed;
	top: 115px;
	width: 370px;
	height: 335px;
	z-index: 250; }

/*----- header -----*/
#header dt {
	text-indent: -9999px;
	position: absolute;
	top: 40px;
	left: 10px;
	width: 230px;
	height: 45px;
	z-index: 400;
	display: block; }
#tph {
	background-image: url(../media/hdr_logo.png);
	background-repeat: no-repeat;
	background-position: 0 0; }

#header h2 {
	text-indent: -9999px;
	position: absolute;
	top: 50px;
	left: 725px;
	width: 235px;
	height: 40px;
	z-index: 350; }

#header h2 a {
	text-indent: -9999px;
	width: 235px;
	height: 40px;
	display: block; }

#globalnavi {
	position: absolute;
	top: 0;
	left: 250px; }

#globalnavi li {
	position: absolute;
	z-index: 400;
	clear: left; }
#globalnavi #subnavi1 {
	position: absolute;
	top: 0;
	left: 80px; }

#globalnavi #subnavi2 {
	position: absolute;
	top: 0;
	left: 40px; }
#globalnavi #subnavi1 li, #globalnavi #subnavi2 li {
	position: absolute;
	z-index: 400; }

/*----- ctrc -----*/
#ctrc h1 {
	background-image: url(../media/t_logo.png);
	background-repeat: no-repeat;
	background-position: center 0;
	text-indent: -9999px;
	width: 480px;
	height: 70px;
	margin-top: 15px; }

#t_catch {
	background-image: url(../media/t_mainimage.png);
	background-repeat: no-repeat;
	background-position: center 0;
	text-indent: -9999px;
	width: 480px;
	height: 160px;
	margin-top: 15px; }
#t_bizinfo {
	text-indent: -9999px;
	width: 480px;
	height: 45px; }
#t_bizinfo a {
	background-image: url(../media/t_design.png);
	background-repeat: no-repeat;
	background-position: center 0;
	text-indent: -9999px;
	width: 480px;
	height: 45px;
	margin-top: 15px;
	display: block; }
/*----- rhc -----*/
#rhc dt {
	background-image: url(../media/t_blog.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	width: 215px;
	height: 100px; }
#rhc dd h3 {
	font-size: 120%; }
#rhc dd {
	color: #666;
	font-size: 80%;
	background-image: url(../media/mk.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 12px; }
#rhc dd a:link,#rhc dd a:visited {
	color: #669;
	text-decoration: none; }

#rhc dd a:hover,#rhc dd a:active {
	color: #336;
	text-decoration: underline; }
#rhc h3 span {
	color: #c00;
	font-size: 80%;
	vertical-align: super; }
#rhc p {
	font-size: 80%;
	line-height: 20px;
	background-image: url(../media/mk.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	text-indent: 12px;
	position: absolute;
	top: 235px;
	margin-left: 15px; }
#rhc p a:link,#rhc p a:visited {
	color: #669;
	text-decoration: none; }
#rhc p a:hover,#rhc p a:active {
	color: #336;
	text-decoration: underline; }
/*----- lhc -----*/
#lhc dt {
	background-image: url(../media/t_portfolio.png);
	background-position: 30px 0;
	text-indent: -9999px;
	width: 190px;
	height: 100px; }

#lhc dd {
	margin-top: 10px;
	margin-left: 45px; }

#lhc dd a:link,#lhc dd a:visited {
	color: #669;
	text-decoration: none; }
#lhc dd a:hover,#lhc dd a:active {
	color: #336;
	text-decoration: underline; }
#lhc p {
	font-size: 80%;
	line-height: 20px;
	background-image: url(../media/mk.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	text-indent: 12px;
	position: absolute;
	top: 235px;
	left: 15px;
	margin-top: 20px;
	margin-left: 30px; }
#lhc p a:link,#lhc p a:visited {
	color: #669;
	text-decoration: none; }
#lhc p a:hover,#lhc p a:active {
	color: #336;
	text-decoration: underline; }

#lhc #jqnews div {
	position: absolute; }
#lhc #jqnews div h3 {
	background-image: url(../media/mk.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	color: #666;
	font-size: 80%;
	margin-top: 5px;
	padding-left: 12px; }
#lhc #jqnews div h3 strong {
	font-size: 120%; }
#lhc #jqnews div h3 a:link,#lhc #jqnews div h3 a:visited {
	color: #669;
	text-decoration: none; }
#lhc #jqnews div h3 a:hover,##lhc #jqnews div h3 a:active {
	color: #336;
	text-decoration: underline; }
#lhc #jqnews div h3 span {
	color: #c00;
	font-size: 80%;
	vertical-align: super; }
/*----- rh_main -----*/
#a_rh_main1 h2 {
	background-image: url(../media/a_subt_about.png); }
#a_rh_main2 h2 {
	background-image: url(../media/a_subt_profile.png); }
#a_rh_main3 h2 {
	background-image: url(../media/a_subt_intoroduce.png); }

#p_rh_main1 h2 {
	background-image: url(../media/p_subt_web.png); }
#p_rh_main2 h2 {
	background-image: url(../media/p_subt_gd.png); }
#p_rh_main3 h2 {
	background-image: url(../media/p_subt_logo.png); }
#p_rh_main4 h2 {
	background-image: url(../media/p_subt_movie.png); }	

#a_rh_main1 h2, #a_rh_main2 h2, #a_rh_main3 h2, #p_rh_main1 h2, #p_rh_main2 h2, #p_rh_main3 h2, #p_rh_main4 h2 {
	background-repeat: no-repeat;
	background-position: 0 30px;
	text-indent: -9999px;
	width: 470px;
	height: 80px; }

#a_rh_main1 p, #a_rh_main2 p, #a_rh_main3 p, #p_rh_main1 p, #p_rh_main2 p, #p_rh_main3 p, #p_rh_main4 p {
	color: #4d4d4d;
	font-size: 120%;
	line-height: 2;
	text-align: justify;
	margin: 20px 170px 230px 30px; }
#work {
	margin-bottom: 200px; }

#work li {
	background-image: url(../media/p_line.png);
	background-repeat: no-repeat;
	background-position: 0 158px;
	height: 173px;
	clear: both; }
#work li img {
	float: left;
	margin-top: 15px;
	margin-left: 30px; }
#work li h3 {
	line-height: 25px;
	background-image: url(../media/p_link.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	text-align: left;
	text-indent: 15px;
	width: 305px;
	float: right;
	margin-top: 15px; }
#work li h3 a:link, .work h3 a:visited {
	color: #336;
	text-decoration: none; }
#work li h3 a:hover, .work h3 a:active {
	color: #003;
	text-decoration: underline; }
#work li dl {
	width: 305px;
	float: right; }
#work li dl dt {
	color: #4d4d4d;
	width: 135px; }
#work li dl dd {
	color: #333;
	width: 135px; }

/*----- footer -----*/
#footer dt {
	background-image: url(../media/t_ftr_logo.png);
	text-indent: -9999px;
	width: 325px;
	height: 35px;
	display: block; }

#footer dd {
	background-image: url(../media/t_ftr_copy.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 640px;
	width: 300px;
	height: 35px;
	z-index: 450; }