@charset "UTF-8";
@import url("block.css");
/* -----リセットCSS　変更しない ここから------------------- */
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;
line-height:100%; }
html, body { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, address { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; }
p { margin: 0px 0px 3px 0px; padding: 0; border: 0; font-size: 100%; }
div, blockquote, pre, ul, ol, li, dl, dt, dd { margin: 0; padding: 0; border: 0; font-size: 100%; }
table, caption, th, td { font-style: normal; font-weight: normal; font-size: 100%; border-collapse: collapse; margin-bottom: 0px; }
th { white-space: nowrap; vertical-align:top; }
hr { margin: 0; padding: 0; font-size: 100%; }
iframe { margin: 0; padding: 0; border: 0; font-size: 100%; }
form, fieldset, input, button, select, optgroup, option, textarea, label, legend { margin: 0; padding: 0; font-size: 100%; }
span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, q, br, ins, del, a, img, object { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: inherit; font-size: 100%; }
ul, ol { list-style-position:outside; list-style-type:none; }
/* -----リセットCSS　変更しない ここまで------------------- */

/* --フォント指定---------- */
/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ 
body { font:13px/1.231 "メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif; *font-size:small;
*font:x-small;
}
select, input, button, textarea { font:99% arial, helvetica, clean, sans-serif; }
table { font-size:inherit; font:100%; }
pre, code, kbd, samp, tt { font-family:monospace; *font-size:108%;line-height:100%; }
/*-----------------------------------------------------
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.bold { font-weight: bold; }
.fontBig { font-size:138.5%; }
.orange { color:#FF4100 }
.img-left { float:left; }
.img-right { float:right; }
.img-bottom { vertical-align:bottom; }
.clear { clear:both }
.mr-bottom20 { margin-bottom:20px }
.mr-top5 { margin-top:5px; }
.black { color:#000000; }
.red { color:#C1272D }
.green { color:#86b92c }
.font-small {font-size:77%;}



/* -----------基本テキストカラー　指定------------------------------- */

html {background: url(../img/bg_body.gif) repeat top center;}

body { color: #9c9c9c; text-align:center; background: url(../img/bg_wrapper.png) repeat-y center top;}



/* -----------リンク色　指定------------------------------- */
a:link    {color: #8cacc1; text-decoration:none }
a:visited {color: #8cacc1; text-decoration:none }
a:hover   {color: #501313; text-decoration:none }
img a     {border:0 none; }
img       {vertical-align:bottom }



/* --------------------------------------------------
	レイアウトサイズ　横幅・背景・margin・padding 指定
-------------------------------------------------- */
#header       {width:1080px; margin: 0 auto; }
#headerInner  {width: 972px; margin: 0 auto; }
#wrapper      {width: 972px; margin: 0 auto; background: url(../img/bg_wrapper.png) repeat-y center top; _zoom:1; clear:both;}

/*#wrapper      {width: 972px; margin: 0 auto;  background: url(../img/bg_wrapper.png) repeat-y center top;overflow:hidden; _zoom:1; clear:both;}*/


#wrapperInner {width: 900px; margin: 0 auto;}
#footer       {width: 960px; margin: 0 auto; height:151px; background: url(../img/footer.jpg) no-repeat top;}
#footerInner  {width: 960px; margin: 0 auto; }




/* --------------------------------------------------
	wrapper
-------------------------------------------------- */
#wrapper {position:relative;}
#wrapperInner  {text-align:left;margin-bottom:10px;}

/* --------------------------------------------------
	footer
-------------------------------------------------- */
#footer {}
#footerInner {position:relative;}
.group   {position:absolute;top:2px;left:30px;}
.b-net   {position:absolute;top:38px;left:66px;}
.b-two   {position:absolute;top:56px;left:66px;}
.solution{position:absolute;top:74px;left:66px;}
.daihyou {position:absolute;top:92px;left:66px;}
.copy    {position:absolute;top:120px;right:1px;}

/* --------------------------------------------------
	other
-------------------------------------------------- */
/* --------------------------------------------------
info
-------------------------------------------------- */
#info {margin:10px}
  #info dt{background: url(../img/arrow.gif) no-repeat left 10px;padding-left:10px;padding-top:5px;padding-bottom:5px;float:left;clear:both;width:100px;}
#info dd{padding-left:110px;border-bottom:1px #999999 solid;padding-top:5px;padding-bottom:5px;margin-bottom:10px;}
#info dd a{padding-right:15px;}
.info {margin-bottom:45px; padding-right:10px;}

.mr_bottom30 {margin-bottom:30px;}
.mr_bottom30_2 {margin-bottom:30px; text-align: center;}
h2 {margin-bottom:15px;}
h3 {margin-bottom:20px;}

.youtube {margin-bottom:40px;overflow:hidden; _zoom:1;}
.dwn {margin:5px 10px 30px 10px;overflow:hidden; _zoom:1;}
.dwn li {float:left;margin-bottom:10px;}
.dwn .left{margin-right:10px;}

.recruit {margin-bottom:100px;}
.recruit th{padding:0px 5px;}
.recruit td{padding:0px 10px;}
.recruit_text {vertical-align:top;}
.banner {text-align: right;vertical-align:bottom;}

#pagetop {text-align: right;padding-right:10px;}

#banner   { margin: 0 auto; top:100px; left:0px;}
#banner ul{ overflow:hidden; _zoom:1; margin-bottom:20px; }
#banner li { float:left; }
#banner li.menu1 { margin-left:20px; }


/* --------------------------------------------------
	header
-------------------------------------------------- */
#headerInner {
	height: 112px;
	text-align:left;
	position:relative;
} /* ---高さ指定--- */

#header #sitetitle {
	position:absolute;
	top:7px;
	left:10px;
}
#tel {
	position:absolute;
	top:0px;
	right:30px;
}

#flash {
	width:1080px;
	height:359px;
	margin:auto;
	position:relative;
}

#flashin {
	width:900px;
	position:absolute;
	top:0px;
	left:90px;
	z-index:1
} 
#flashin embed {
	width:900px;
	position:absolute;
	top:0px;
	left:90px;
	z-index:1
} 
#flashover {
	background: url(../img/flashin.png) no-repeat center top;
	width:900px;
	position:absolute;
	top:0px;
	left:90px;
	z-index:10;
}
.movie {
	width: 750px;
	margin: 0 auto;
	border: solid 1px #333;
}
.haa {
	text-align: center;
	margin-bottom: 50px;
}
#soemon {
	margin-top: 95px;
	text-align: center;
}
#tel2 {
	text-align: right;
	margin-bottom: 40px;
}
/* ------B-NETリンク----- */
.bslink{
margin-top:-100px;
}