@charset "UTF-8";
/* CSS Document */

/* =============================================
body
=============================================*/
body	{
font-size: 12px;
font-family:"ヒラギノ角ゴ W3", "ヒラギノ角ゴ W6","MS P ゴシック" "A-OTF ゴシックMB101 Pr5 H";
color:#666666;
line-height: 16px;
padding:0px;
margin:0 auto;
background-color:#FFFFFF;
background-repeat:repeat-x;
}

/* =============================================
br 
=============================================*/
br.both		{clear:both;}
br.left		{clear:left;}
br.right	{clear:right;}

.sp0 {height:1px; clear:both;}

/* =============================================
link 
=============================================*/
a:link     {color: #336699; text-decoration: underline;}
a:visited  {color: #336699; text-decoration: underline;}
a:active   {color: #555555; text-decoration: underline;}
a:hover    {color: #555555; text-decoration: underline;}

.pagetop a:link     {color: #014F6D; text-decoration: none;}
.pagetop a:visited  {color: #014F6D; text-decoration: none;}
.pagetop a:active   {color: #014F6D; text-decoration: none;}
.pagetop a:hover    {color: #555555; text-decoration: none;}

/* =============================================
textarea  //テキストエリア
=============================================*/
.comment {margin:0px; padding:5px;}
.comment ol {margin:5px 0px 0px 25px; padding:0px;}
.comment li {margin:0px; padding:0px;}
.pankuzu {font-size:80%; margin:0 auto; padding:3px;}
.cyusyaku { width:325px; border:#CCCCCC 1px solid; background:#F4F4F4; padding:3px; margin:2px; line-height:120%;}
.kyocyo {background-color:#3399CC; padding:3px; margin:0 auto; width:560px;}

/* =============================================
font  //フォント指定
=============================================*/
h1 {font-size:12px; margin:0px; padding:0px 0px 0px 15px ; font-weight:normal; color:#666666;}
h5 {color:#336699; font-size:140%; margin:0px; padding:20px 0px 20px 5px;}
span.red	{color:#ff0000;}
span.large	{font-size:120%;}
small		{line-height:100%;}
.inputText	{color:#999999; font-size:90%}
.blue {color:#336699;}
.whityB {color:#FFFFFF; font-size:120%; font-weight:bold;}

/* =============================================
button Instance  //ボタン周り
=============================================*/
.btnS {margin:6px 10px 0px 0px ; padding:0px 0px 0px 0px ; float:right;}
.btnM {margin:6px 10px 0px 0px ; padding:0px 0px 0px 0px ; float:right;}
.btnL {width:570px; text-align:center; margin:6px 0px 0px 0px; padding:0px 0px 0px 0px ;}

/* =============================================
image Instance  //画像関連
=============================================*/
img {border:none; }
a:hover img	{opacity:0.6; filter: alpha(opacity=60);}
.haba {margin:10px 10px 20px 10px;}
.kohaba {margin:5px 5px 5px 0px;}
.imgcover {width:800px; padding:0px; margin:0 auto; float:none;}

/* =============================================
table  //テーブル関連
=============================================*/
.tableset {
width:560px;
margin:0px;
padding:0px;
border-bottom:#CCCCCC solid 1px;
border-left:#CCCCCC solid 1px;
}

.tableset th {
padding:5px;
background-color:#F4F4F4;
font-weight:bold;
border-top:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}

.tableset td {
padding:10px;
border-top:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
}
.cap{
padding:3px;
border-top:#CCCCCC solid 1px;
border-right:#CCCCCC solid 1px;
background-color:#E6E6E6;
font-weight:bold;
}

.tableset ol {margin:0px 20px 0px 20px ; padding:0px;}
.tableset li {margin:0px; padding:3px;}

/* =============================================
others  //共通その他
=============================================*/
p.nomargin	{margin:0;}
.floatLeft	{float:left;}
.floatRight	{float:right;}
.pagetop	{text-align:right; margin:0 20px 0 0; font-size:90%}
img.iconLabel	{ vertical-align:middle; margin:0 5px 2px 0; border:none;}
.totop { width:550px;text-align:right; margin:0px 0px 20px 0px; padding:5px; border-top:#CCCCCC dotted 1px;}

/* =============================================
titleBar  //各種タイトルバー
=============================================*/
.contentsbar {
background-image:url(../img/title.jpg);
background-repeat:no-repeat;
width:570px;
height:31px;
margin:0px 0px 0px 0px;
padding:0px;
}

.contentsbar h4 {
font-family:"ヒラギノ角ゴ W3", "ヒラギノ角ゴ W6", "A-OTF ゴシックMB101 Pr5 H";
color:#336699;
font-weight:bold;
font-size:140%;
margin:0px;
padding:8px 0px 0px 5px;
float:left;
}

.sub {float:right; margin:0px; padding:10px 20px 0px 5px; color:#99CCFF;}
.stitle {font-size:80%;}
.titlex {margin:0px; padding:8px 0px 0px 25px; font-weight:bold; float:left;}
.subTitle {margin:0px; padding:0px 0px 0px 5px; font-size:120%; font-weight:bold;}

.titlebar {
background-image:url(../img/titlebar.jpg);
background-repeat:no-repeat;
width:570px;
height:30px;
margin:20px 0px 0px 0px;
padding:0px;
}


.TitB {
color:#336699;
font-size:140%;
margin:0px;
padding:5px;
font-weight:bold;
}

	.title {
	font-size:24px;
	color:#333333;
	font-family:"ヒラギノ角ゴ W3", "ヒラギノ角ゴ W6", "A-OTF ゴシックMB101 Pr5 H";
	margin:0px;
	padding:0px;
	background-image:url(../img/titlebar.jpg);
	background-repeat:no-repeat;
	}
	
	.title p {
	margin:0px;
	padding:1px 0px 0px 25px;
	font-size:120%;
	font-weight:bold;
	}
	.title span {
	color:#999999;
	margin:0px;
	padding:0px;
	font-size:80%;
	}

/* =============================================
wrapped  //全体枠
=============================================*/
#wrap	{
width:824px;
height:auto;
padding:0px;
margin:0 auto;
background:url(../img/wrapping.gif) top left repeat-y;
}

/* =============================================
header  //ヘッダー
=============================================*/
.header	{
width:800px;
height:128px;
padding:0px;
margin:0px;
background:url(../img/hdbg.gif) top left repeat-x;
}

	/* =============================================
	header Left contents  //ヘッダー左側
	=============================================*/
	.headerLeft	{
	width:400px;
	height:84px;
	margin:0px;
	padding:0px 0px 0px 0px ;
	text-align:left;
	float:left;
	}
	.headerLeft img {
	margin:15px 15px 5px 15px;
	padding:0px;
	}
	
	/* =============================================
	header Right contents  //ヘッダー右側
	=============================================*/
	.headerRight {
	text-align:right;
	width:300px;
	margin:0px;
	padding:10px 15px 0px 0px;
	float:right;
	}
	.headerRight span {
	margin:0px;
	padding:0px;
	}
	.headerRight img	{
	margin:15px 0px 0px 0px;
	padding:0px;
	}
	.headerRight p {
	margin:0 auto;
	padding:3px;
	}

/* =============================================
header Menu  //トップメニュー
=============================================*/
	
.heaerMenu	{
text-align:left;
padding:0px;
margin:0 auto;
font-size:14px;
list-style:none;
width:800px;
height:44px;
color:#FFFFFF;	
}
.heaerMenu h2 {
margin:0px;
padding:0px;
text-indent:-9999px;
}
	.hdBgaiyo {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../img/mbtngaiyo.jpg);
	background-repeat:no-repeat;
	}
	.hdBgaiyo a {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtngaiyo.jpg);
	background-repeat:no-repeat;
	}
	.hdBgaiyo a:hover {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtngaiyo_o.jpg);
	background-repeat:no-repeat;
	}
	
	.hdBjigyo {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../img/mbtnjigyo.jpg);
	background-repeat:no-repeat;
	}
	.hdBjigyo a {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtnjigyo.jpg);
	background-repeat:no-repeat;
	}
	.hdBjigyo a:hover {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtnjigyo_o.jpg);
	background-repeat:no-repeat;
	}

	.hdBjiseki {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../img/mbtnjiseki.jpg);
	background-repeat:no-repeat;
	}
	.hdBjiseki a {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtnjiseki.jpg);
	background-repeat:no-repeat;
	}
	.hdBjiseki a:hover {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtnjiseki_o.jpg);
	background-repeat:no-repeat;
	}
	.hdBnews {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../img/mbtnnews.jpg);
	background-repeat:no-repeat;
	}
	.hdBnews a {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtnnews.jpg);
	background-repeat:no-repeat;
	}
	.hdBnews a:hover {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtnnews_o.jpg);
	background-repeat:no-repeat;
	}
	.hdBrecruit {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	background-image:url(../img/mbtnrecruit.jpg);
	background-repeat:no-repeat;
	}
	.hdBrecruit a {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtnrecruit.jpg);
	background-repeat:no-repeat;
	}
	.hdBrecruit a:hover {
	width:160px;
	height:44px;
	float:left;
	margin:0px;
	padding:0px;
	display:block;
	background-image:url(../img/mbtnrecruit_o.jpg);
	background-repeat:no-repeat;
	}

	.headerBtn p {
	text-indent:9999px;
	margin:0px;
	padding:6px 0px 0px 0px;
	}
	
/* =============================================
container  //全体枠
=============================================*/
#container	{
width:800px;
height:auto;
padding:0px;
margin:0 auto;
}
.mainframe {
width:800px;
background-color:#FFFFFF;
margin:0px;
padding:0px 10px 0px 10px;
}

/* =============================================
side  //サイドメニュー
=============================================*/
#side	{
width:200px;
float:left;
height:auto;
margin:15px 10px 0px 5px ;
padding:0px;
}

	/* =============================================
	side Menu //会社概要
	=============================================*/
	.kaisya {
	font-size:90%;
	background-image:url(../img/lbggaiyo.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:110px;
	margin:0px 0px 5px 0px;
	padding:10px 0px 0px 0px;
	text-align:left;
	}
	.kaisya h3 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	}

	.kaisya ul li {
	margin:0px;
	padding:1px;
	list-style-type:none;
	list-style-image:url(../img/listicon.gif);
	text-indent:0px;	
	}	
	
	/* =============================================
	side Menu //事業概要
	=============================================*/
	.jigyo {
	font-size:90%;
	background-image:url(../img/lbgjigyo.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:150px;
	margin:0px 0px 5px 0px;
	padding:10px 0px 0px 0px;
	text-align:left;
	}
	.jigyo h3 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	}

	.jigyo ul li {
	margin:0px;
	padding:1px;
	list-style-type:none;
	list-style-image:url(../img/listicon.gif);
	text-indent:0px;	
	}	
	.comS {
	width:160px;
	padding:0px;
	margin:0 auto;
	}
	
	/* =============================================
	side Menu //実績紹介
	=============================================*/
	.jiseki {
	font-size:90%;
	background-image:url(../img/lbgjiseki.jpg);
	background-repeat:no-repeat;
	width:181px;
	height:105px;
	margin:0px 0px 5px 0px;
	padding:10px 0px 0px 0px;
	text-align:left;
	}
	.jiseki h3 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	}

	.jiseki ul li {
	margin:0px;
	padding:1px;
	list-style-type:none;
	list-style-image:url(../img/listicon.gif);
	text-indent:0px;	
	}	
	
/* =============================================
contents  //コンテンツエリア
=============================================*/

#contents	{
width:570px;
height:auto;
float:right;
padding:0px;
margin:15px 10px 0px 0px;
text-align:left;
}

	.box {
	width:570px;
	margin:0px;
	padding:0px;
	}

/* =============================================
SLASH //二分割
=============================================*/
.leftArea {
width:280px;
margin:0px;
padding:0px;
float:left;
}
.rightArea {
width:280px;
margin:0px;
padding:0px;
float:right;
}
/* =============================================
TOP-Main-Banner //2つのん
=============================================*/
	.Lservice {
	font-size:90%;
	background-image:url(../img/maservbg.jpg);
	background-repeat:no-repeat;
	width:280px;
	height:142px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	}
	.Lservice h4 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	}

	.Lservice ul {
	margin:0px;
	padding:60px 0px 0px 35px ;
	list-style-type:none;
	list-style-image:url(../img/listicon.gif);
	text-indent:0px;	
	}	
	.Lservice li {	
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:url(../img/listicon.gif);
	text-indent:0px;	
	}	

	.Rkoe {
	font-size:90%;
	background-image:url(../img/mavisionbg.jpg);
	background-repeat:no-repeat;
	width:280px;
	height:142px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	}
	.Rkoe h4 {
	text-indent:-9999px;
	margin:0px;
	padding:0px;
	}

	.Rkoe ul {
	margin:0px;
	padding:60px 0px 0px 35px ;
	list-style-type:none;
	list-style-image:url(../img/listicon.gif);
	text-indent:0px;	
	}	
	.Rkoe li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:url(../img/listicon.gif);
	text-indent:0px;	
	}	


/* =============================================
footer  //フッター
=============================================*/
#footer	{
width:800px;
border-top:#CCCCCC solid 5px;
text-align:right;
padding:10px 0px 0px 0px;
margin:0px auto;
background-color:#FFFFFF;
}

	#footer p {
	margin:0px 10px 0px 0px ;
	padding:0px 0px 10px 0px;
	}
	



/* =============================================
newsrelease  //ニュース
=============================================*/	
.newslist {margin:0px; padding:0px 10px 0px 5px;}
.newslist ul {padding:0px; margin:0px;}	
.newslist li {list-style-type:none; padding:3px; margin:0px; border-bottom:#666666 dotted 1px;}	

/* =============================================
company  //会社概要
=============================================*/	
.boxC	{
border-bottom:#CCCCCC dotted 1px;
margin:0px;
padding:0px;
width:550px;
height:60px;
}
.kasen	{
border-bottom:#CCCCCC dotted 1px;
margin:0px;
padding:0px;
width:550px;
height:3px;
}

.leftbox {
background-color:#F4F4F4;
margin:0 auto;
padding:5px;
width:100px;
height:45px;
float:left;
}

.rightbox {
margin:0 auto;
padding:5px;
width:420px;
height:45px;
float:right;
clear:right;
}
.rightbox ul {
margin:0 auto;
padding:0px;
list-style-type:none;
}
.rightbox li {
margin:0 auto;
padding:0px;
}

/* =============================================
sitemap  //サイトマップ
=============================================*/	
.sitemap {margin:0 auto; padding:0px;}
.sitemap ul {margin:0 auto; padding:0px;}
.sitemap li {margin:0px 0px 5px 40px; padding:0px; list-style-type:none; list-style-image:url(../img/tree.gif);}
.sitemap h5 {font-size:12px; margin:0 auto; padding:0px;}

/* =============================================
news＆release  //ニュース
=============================================*/
.newsimg {margin:0px; padding:2px; float:right;}
.hasen {border-bottom:#CCCCCC dotted 1px;}
.newstable th {background-color:#F4F4F4;}
	
/* =============================================
service  //事業案内
=============================================*/
.Servleft {width:300px; margin:0px; padding:0px; float:left;}
.Servright {width:260px; margin:0px; padding:0px; float:right;}
.eventTxt {font-size:120%; color:#336699; font-weight:bold; margin:0 auto; padding:5px 0px 5px 5px;}

/* =============================================
result  //実績紹介
=============================================*/
.ResImg {width:210px; margin:0px; padding:0px; float:left;}
.ResTxt {width:340px; margin:0px; padding:0px; float:left;}

/* =============================================
recruit  //採用情報
=============================================*/

.reccom {
background-image:url(../img/recruit/comback.jpg);
background-repeat:no-repeat;
width:560px;
height:150px;
margin:0px;
padding:0px 0px 0px 0px;
}
.reccom p {
margin:0 auto;
padding:60px 0px 0px 100px;
}

/* =============================================
↑yoshida customize
=============================================*/