@charset "shift_jis";

/**********************************************************************
CSS FOR "株式会社ビットストリーム"
Copyright (c) BITSTREAM Co.,LTD. All rights reserved.
URL  http://www.bitstream.jp/
**********************************************************************/

/**********************************************************************
DISCRIPTION: 基本CSS
**********************************************************************/


/* FONT
---------------------------------------------------------------------*/
.txt{ font-size:80%;line-height:1.45em;}
.txt-small{ font-size:70%;line-height:1.2em;}
.txt-sbig{ font-size:90%;line-height:1.45em;}
.txt-big{ font-size:105%;line-height:1.45em;}
.txt-bbig{ font-size:160%;line-height:1.45em;}

.txt-fix-ssmall{ font-size: 10px;}
.txt-fix-small{ font-size: 12px;}
.txt-fix-mid{ font-size: 14px;}
.txt-fix-sbig{ font-size: 16px;}

/*-------------------------------------------------------------------*/






body{
	margin: 0;
	padding: 0;
	background: #fff url(../img/page_back.gif) 0 0 repeat-x;
}


body, td, th{
	color: #333;
}


li{	margin-top: 5px;}

#header{
	width: 850px;
	height: 47px;
	background: url(../img/hd_img_1.gif) right no-repeat;
}

body#top{
	background: #fff url(../img/top_back.gif) 0 0 repeat-x !important;
}

#top #key-visual{ margin-top: 14px;}


#wrapper{ width: 850px; margin: 0 auto;}

body#top h1{
	padding: 0;
	margin: 60px 0px 0px 0px;
}


h1{
	margin: 0;
	padding: 16px 0px 0px 0px;
}

h1 img{ border: none;}


#gv-navi{
	width: 850px;
}

#top #gv-navi{
	height: 46px;
	background: url(../img/tp_gvnv_bc.jpg) 0 0 no-repeat;
}


#gv-navi{
	height: 55px;
	background: url(../img/gvnv_bc.jpg) 0 0 no-repeat;
}


#gv-navi ul{
	margin: 0;
	padding: 2px 0px 0px 3px;
	list-style: none;
}

#gv-navi li{
	margin: 0;
	padding: 0;
	float: left;
}

#gv-navi li a{
	display: block;
	height: 39px;
	text-indent: -9999px;
}


#gv-navi #home a{ width: 75px; background: url(../img/gv_navi.gif) 0 0 no-repeat;}
#gv-navi #works a{ width: 82px; background: url(../img/gv_navi.gif) -75px 0 no-repeat;}
#gv-navi #cntct a{ width: 112px; background: url(../img/gv_navi.gif) -157px 0 no-repeat;}
#gv-navi #cnnct a{ width: 142px; background: url(../img/gv_navi.gif) -269px 0 no-repeat;}

#gv-navi #home a:hover{ width: 75px; background: url(../img/gv_navi.gif) 0 -39px no-repeat;}
#gv-navi #works a:hover{ width: 82px; background: url(../img/gv_navi.gif) -75px -39px no-repeat;}
#gv-navi #cntct a:hover{ width: 112px; background: url(../img/gv_navi.gif) -157px -39px no-repeat;}
#gv-navi #cnnct a:hover{ width: 142px; background: url(../img/gv_navi.gif) -269px -39px no-repeat;}


#gv-navi #home a.in{ width: 75px; background: url(../img/gv_navi.gif) 0 -78px no-repeat;}
#gv-navi #works a.in{ width: 82px; background: url(../img/gv_navi.gif) -75px -78px no-repeat;}
#gv-navi #cntct a.in{ width: 112px; background: url(../img/gv_navi.gif) -157px -78px no-repeat;}
#gv-navi #cnnct a.in{ width: 142px; background: url(../img/gv_navi.gif) -269px -78px no-repeat;}


#contents{
	margin-top: 15px;
}

#Pcontents{
	margin: 15px;
}

#Pkey-visual{
	width: 850px;
	height: 86px;
	margin-top: 20px;
}

#Pkey-visual h2{
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-indent: -9999px;
	width: 850px;
	height: 86px;
	display: block;
}

#Pkey-visual h2.works{
	background: url(../img/kv_works.jpg) 0 0 no-repeat;
}

#Pkey-visual h2.contact{
	background: url(../img/kv_contact.jpg) 0 0 no-repeat;
}

#Pkey-visual h2.client{
	background: url(../img/kv_client.jpg) 0 0 no-repeat;
}

#Pkey-visual h2.phone{
	background: url(../img/kv_phone.jpg) 0 0 no-repeat;
}


h3{
	background: url(../img/line_dot.gif) bottom repeat-x;
	padding: 0px 0px 5px 0px;
}


#copyright{
	width: 850px;
	height: 34px;
	background-image:url(../img/copyright.gif);
	text-indent: -9999px;
	
	margin-top: 50px;
}


/* TOOLS
---------------------------------------------------------------------*/
.marginT-50{ margin-top: 50px;}
.marginT-100{ margin-top: 100px;}


ul.no-style{
	list-style: none;
}

ul.no-style li{
	margin-top: 10px;
}

.alert{
	color: #f00;
}