/*　全ページ適用スタイル
-----------------------------------------------------------------------*/

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #333333;
	background-image: url(../images/base/bg.gif);
	font-family:"ＭＳ Ｐゴシック", "osaka";
	text-align: center;
}
A:link    { color:#666666; text-decoration: underline; }
A:visited { color: #666666; text-decoration: underline; }
A:active  { color: #666666; text-decoration: underline; }
A:hover   { color:#0099ff; text-decoration: none; }
A.image_link:hover{position:relative;top:1px;left:1px;}

/*　全ページコンテンツ外枠　*/
#layout{ 
	width: 800px;
	height:auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 150%;
	text-align:left;
	border:1px #000000 solid;
	background-color:#FFFFFF;
}

/*　ヘッダー　*/
h1{ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	font-weight: normal;
	font-size: 12px;
	background-color:#000000;
	width:800px;
	color:#FFFFFF;
}
#head{	
	width: 800px;
	height: 74px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*メニュー*/
ul.gnavi{
	position: relative;
	overflow: hidden;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 800px;
	height: 31px;
	background: transparent url(../images/base/menu.gif) 0px -31px no-repeat;	
	background-color:#000000;
}
ul.gnavi li{
	height: 31px;
	text-indent: -9999px;
}
ul.gnavi li a{
	position: absolute;
	overflow: hidden;
	top: 0px;
	height:31px;
	text-indent: -9999px;
	text-decoration: none;
}
li.gnavi_home a{
	left: 0px;
	width: 70px;
	background: transparent url(../images/base/menu.gif) -0px 0px no-repeat;
}
li.gnavi_down a{
	left: 70px;
	width: 130px;
	background: transparent url(../images/base/menu.gif) -70px 0px no-repeat;
}
li.gnavi_up a{
	left: 200px;
	width: 110px;
	background: transparent url(../images/base/menu.gif) -200px 0px no-repeat;
}
li.gnavi_flex a{
	left: 310px;
	width: 150px;
	background: transparent url(../images/base/menu.gif) -310px 0px no-repeat;
}
li.gnavi_func a{
	left: 460px;
	width: 70px;
	background: transparent url(../images/base/menu.gif) -460px 0px no-repeat;
}
li.gnavi_product a{
	left: 530px;
	width: 70px;
	background: transparent url(../images/base/menu.gif) -530px 0px no-repeat;
}
li.gnavi_custom a{
	left: 600px;
	width: 120px;
	background: transparent url(../images/base/menu.gif) -600px 0px no-repeat;
}
li.gnavi_demo a{
	left: 720px;
	width: 80px;
	background: transparent url(../images/base/menu.gif) -720px 0px no-repeat;
}


li.gnavi_home a:hover{background-position: -0px -31px;}
li.gnavi_down a:hover{background-position: -70px -31px;}
li.gnavi_up a:hover{background-position: -200px -31px;}
li.gnavi_flex a:hover{background-position: -310px -31px;}
li.gnavi_func a:hover{background-position: -460px -31px;}
li.gnavi_product a:hover{background-position: -530px -31px;}
li.gnavi_custom a:hover{background-position: -600px -31px;}
li.gnavi_demo a:hover{background-position: -720px -31px;}


/*コンテンツ*/
#contents{
	width:800px;
	background-image:url(../images/base/right-back.jpg);
	background-repeat:repeat-y;
	margin: 5px 0 0 0;
	padding: 0px 0px 0px 0;
}
/* コンテンツ左 */
#contents_l {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	width: 600px;
	height:auto;
}
/* コンテンツ右 */
#contents_r {
	width: 190px;
	padding: 0px 2px 0px 0;
	margin: 0 0 0 0px;
	float: right;
}

img.banner {
	margin: 0px 0px 5px 0px;
	border:0px;
}

.banner_prof {
	margin: 0px 0px 5px 0px;
	background-image: url(../images/base/prof_banner.gif);
	background-repeat: no-repeat;
	height: 65px;
	width: 158px;
	padding:35px 10px 10px 10px;
	font-size: 10px;
	line-height: 150%;
}

/*　フッター　*/

#foot{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:800px;
	text-align:center;
	font-size:12px;
	text-align:center;
	color:#999999;
}
.foot{
	margin:5px 0 0 0;
	padding:5px 0 0 0;
}

A.foot:link    { color: #999999; text-decoration: none; }
A.foot:visited { color: #999999; text-decoration: none; }
A.foot:active  { color: #999999; text-decoration: none; }
A.foot:hover   { color: #66CCFF; text-decoration: underline; }

.copy{
	color:#0099ff;
	background-color:#000000;
	border-top:1px solid #0099ff;
	margin:5px 0 0 0;
}

/*　回り込み解除　*/
.space{
	clear: both;
	font-size:1px;
	height:1px;
}


h3 {
	font-size: 14px;
	font-weight:bold;
	margin:15px 0 5px 10px;
	color:#0099ff;
}

h4 {
	font-size:12px;
	font-weight:bold;
	margin:0 0 0 10px;
	padding:0 0 0 0;
}

/*　文字装飾　*/
.p10{ font-size: 10px; line-height: 120%}
.p12{ font-size: 12px; line-height: 120%}
.p14{ font-size: 14px;}
.line{ line-height: 110%;}
.b10{ font-size: 10px; font-weight: bold;}
.b12{ font-size: 12px; font-weight: bold;}
.b14{ font-size: 14px; font-weight: bold;}
.b16{ font-size: 16px; font-weight: bold;}
.b18{ font-size: 18px; font-weight: bold;}

/* 行間 */
.height150{line-height: 150%;}
.height200{line-height: 200%;}

/*　強調文字*/
.redb{ color: #FF0000; font-weight: 900;}
.blueb{ color: #000066; font-weight: 900;}
.orangeb{ color: #F7941D; font-weight: 900;}
.whiteb{ color: #FFFFFF; font-weight: 900;}
.greenb{ color: #007130; font-weight: 900;}
.pinkb{ color: #ff3399; font-weight: 900;}
.pinkb{ color: #ff3399; font-weight: 900;}
.pinkb{ color: #ff3399; font-weight: 900;}
.grayb{ color: #999999; font-weight: 900;}

/*色指定*/
.white{ color: #FFFFFF;}
.skyblue{ color: #0099ff;}
.blue{color:#0000FF;}
.red{ color: #FF0000;}


/*　段落設定　*/
p{ }

/*　表設定　*/
.cell3{ padding: 3px 0px 3px 10px;}
.cell2{ padding: 2px 0px 2px 10px;}
.cell{ padding: 0 0 0 20px;}

/*　文字幅設定　*/
.tm5 { letter-spacing:5pt; }
.tm10 { letter-spacing:10pt; }
.tm20 { letter-spacing:20pt; }