@charset "utf-8";

body, h1, h2, ul, li{
    margin:0; padding:0;
}
a{
	text-decoration:none;
}
img{
	border:none;
}

body{
	background:url(../img/index/back.png) 50% 50% repeat-y;
	text-align:center;
	margin:0 auto;
}

#all{
	width:900px;
	margin:0 auto;
	text-align:left;
	background: #EFF7FF;
}

#logo {
	background: url(../img/index/wayb-logo.gif) 5% 0 no-repeat;
	height: 45px;
	margin: 0 auto;
}
#logo span {
	display: block;
	text-align: right;
	padding: 30px 5px 0 0;
	font-size:14px;
}
#wrapper{
	margin:20px auto;
}

#topPict{
	background: url(../img/index/top_img.png) 0 0 no-repeat;
	height: 0;
	padding-top: 270px;
	overflow: hidden;
	margin:5px auto;
	
}
#belief{
	line-height: 200%;
	background:#0064FF;
	color:#FFFFFF;
	font-size:15px;
	text-align:center;
}

#mainbox{
	margin:10px 0 0 10px;
	width:78%;
	float:left;
}

#prodFontuct{
	margin: 10px 5% 0 5%;
	
}

#prodFontuct table{
	border:solid 0px #FFFFFF;
	background-color:#FFFFFF;
	font-size:11px;
	height:150px;
	border-collapse:collapse;
}
#prodFontuct td{
	padding:0;
	width:260px;
	padding-top:22px;
}
#productBack1{
	background:url(../img/index/box_orange.png) 0 0 no-repeat;
}
#productBack2{
	background:url(../img/index/box_blue.png) 0 0 no-repeat;
}
#productBack3{
	background:url(../img/index/box_green.png) 0 0 no-repeat;
}

.prodFont1{
	color:#FF3B00;
	font-weight:bold;
	text-align:center;
}
.prodFont2{
	color:#0050FF;
	font-weight:bold;
	text-align:center;
}
.prodFont3{
	color:#016B00;
	font-weight:bold;
	text-align:center;
}

.fontBlank{
	margin:5px auto auto 8px;
}

#topTopic{
	margin:10px 0;
	float:left;
	font-size:13px;
	width:700px;
	border:solid 1px #d3d3d3;
}
#topicScroll{
	overflow:scroll;
	overflow-x:hidden;
	height:280px;
}
#topicScroll table{
	width:685px;
}
#topicScroll table td{
	background-color:#FFFFFF;
}

#topLinks{
	margin:0 0 10px 0;
	width:700px;
	border:solid 1px #d3d3d3;
	line-height: 150%;
	background:#FFFFFF;
	font-size:10px;
	float:left;
}
#topLinks .topic{
	background: url(../img/index/topic_back2.png) 0 0 repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px !important;
	height:20px;
	text-align:center;
	padding:5px 0;
	margin:0;
}
#topLinks ul {
	padding-left:40px;
	margin:10px 0 10px 10px;
}
.link {
	float:left;
	width:340px;
	margin:5px;
}
.bnr {
	float:left;
	margin-left:10px;
}

#topOsusumeLink{
	border:solid 1px #d3d3d3;
	float:left;
}
#topOsusumeLink table{
	width:700px;
	font-size:13px;
	background:#FFFFFF;
}

#banner{
	float:left;
	margin:20px 5px;
	border:solid 1px #d3d3d3;
	font-size:10px;
}
#banner table{
	background-color:#FFFFFF;
	width:150px;
}
#banner hr{
	margin:5px auto;
}
#banner td{
	font-size:10px;
}

#itvPict{
	float:left;
	margin:10px auto;
}

#blog{
	text-align:center;
	padding: 5px 0;
}

#footmap{
	text-align:center;
	font-size:12px;
}
#footmap a{
	text-decoration:none;
}

#footer{
	margin:10px 0 auto auto;
	background-color: #0064FF;
	color:#FFFFFF;
	font-size:12px;
	line-height: 170%;
	text-align:center;
}

.topic{
	background: url(../img/index/topic_back2.png) 0 0 repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px !important;
	height:20px;
	text-align:center;
	padding:0px;
}

/* サブタイトルの付くページ */
.mainContent{
	font-size:15px;
	border:1px solid #0064FF;
	width:100%;
}
table.tblSpace{
	margin-left:15px;
}

/* ニュース */

#text_col{
	background: url(../img/index/titlebar.png);
	color:#FFFFFF;
	font-weight:bold;
	padding-left: 100px;
	margin-bottom:5px;
	height:30px;
	line-height:200%;
}

.yearBox{
	color:#0064FF;
}
.yearBox a{
	margin:auto 15px;
	float:left;
}
.flt{
	float:left;
}
.newsTextSpc{
	margin:auto 15px;
	float:left;
}

.newsTextOn{
	color: #FFFFFF;
	background:#0064FF;
	padding:0 15px;
}
.news{
	border: 1px solid #0064FF;
	margin: 20px 30px;
	font-size:14px;
	padding-left:10px;
	width:520px;
}
.newsMain{
	padding:20px 5px;
}
#mini{
	font-size:12px;
}

.newsMainbox{
	border:1px solid #0064FF;
	padding-bottom:20px;
}

/* サービス */
.busiTd{
	font-size:13px !important;
	padding:20px 10px;
}

/* 製品 */
.prodMark{
	background-color:#C1DAFF;
	font-weight:bold;
	color:#26499d;
}
.prodTd{
	padding:10px 0;
}
/* 概要 */
.gaiyoTbl{
	border: 2px solid #0064FF;
	background:#FFFFFF;
	width:600px;
	line-height: 130%;
}

.gaiyoTbl th{
	border-bottom: 1px solid #0064FF;
	padding:5px 20px;
}

.gaiyoTbl td{
	border-bottom: 1px solid #0064FF;
	font-size:13px;
}
.gaiyoTbl hr{
	border-style:dotted;
	border-color:#0064FF;
}
.gaiyoTblbdr{
	border-bottom:none !important;
}

.photo{
	float:right;
	margin:5px 5px;
}

/* 沿革 */
#histryTbl{
	border:1px solid #0064FF;
	font-size:14px;
	line-height: 180%;
	background:#FFFFFF;
	padding:10px;
	width:100%;
}

/* 経営理念 */
#philMain{
	padding:0 20px;
	background-color:#FFFFFF;
}

/* 代表挨拶 */
#commMain{
	font-size:14px;
	background:#FFFFFF;
	line-height: 160%;
	padding:15px;
}
#nameIndent{
	text-align:right;
	padding-right:30px;
}

/* インデント */
.indent{
	padding:0 0 20px 20px;
	margin:0;
}

/* 求人情報 */
.recrAttention{
	color:#FF0000;
	background:#FFFFFF;
	padding:10px 0;
	margin-bottom:5px;
}
.recrTbl{
	margin:0 0 20px 90px;
	font-size:13px;
}
.recrTbl td{
	padding-bottom:5px;
	padding-right:10px;
}
.recrMark{
	background:#DED3FF;
	text-align:center;
	font-size:14px;
	padding:10px 0;
}
#recrSpc{
	margin-left:150px;
	padding-bottom:20px;
}

/* 問い合わせ */
.addrBox{
	border:solid 1px #d3d3d3;
	width:350px;
	text-align:center;
	margin:20px auto;
	padding:10px 0;
}
.reqTitle{
	background:#DED3FF;
	text-align:center;
	font-size:16px;
	padding:10px 0;
}
.reqAddr{
	color:#8a2be2;
	font-size:18px;
}

/* サイトマップ */
#stmapTbl{
	font-size:15px;
	border:1px solid #0064FF;
}
#stmapTbl hr{
	text-align:left;
	margin-left:0px;
}
td.stmapSpc{
	padding-left:50px;
}

/* プライバシーポリシー */
#privacyTitle{
	font-size:20px;
	text-align:center;
}
#privacyMain{
	font-size:13px;
	margin:0 20px;
	padding:10px;
	background:#FFFFFF;
}

/* 回り込み解除
------------------------------------------------- */

.clearfix:after {
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
    content: ".";
}
.clearfix {
    min-height: 1%;
    display: inline-table;
}

/* Hides from MacIE5 \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* end MacIE5 */


/*------------------------MENU設定 ↓ここから----------------------------*/
ul.main{font-size:13px;}
ol.sub{text-align:center;}
.main a{text-decoration:none;}

/*　背景　*/
.main li#menu_img1{background-image:url(../img/index/menu_home.gif)}
.main li#menu_img2{background-image:url(../img/index/menu_news.gif)}
.main li#menu_img3{background-image:url(../img/index/menu_product.gif)}
.main li#menu_img4{background-image:url(../img/index/menu_service.gif)}
.main li#menu_img5{background-image:url(../img/index/menu_outline.gif)}
.main li#menu_img6{background-image:url(../img/index/menu_request.gif)}

/*　サブメニュー　*/
.sub{background-color:#ffffff;}
.sub li{background-color:#ffffff;}
.sub a:hover{background-color:#D3EEFF;}
.sub a:link{color:#000000}
.sub a:visited{color:#000000;}
.sub a:hover{color:#006EB7;}

/*　メインメニュー幅の設定　*/
ul.main{width:900px;}

/*　メインメニューアイテム幅の設定　*/
.main li.off{
	display: block;
	width: 150px;
	height: 0;
	padding-top: 40px;
	overflow: hidden;
}
.main li.on{width: 150px;}
/*　メインメニューアイテム余白の設定　*/
.main a{padding:20px 0;}

/*　メインメニュー枠線の設定　*/
.main li.off{border:none;}
.main li.on{
    border:none;
    border-bottom:0px;
}

/*　サブメニュー幅の設定　*/
ol.sub{
    width:150px;/*.main li.offと同じ値か、それ以上を推奨・削除不可*/
}

/*　サブメニューアイテム幅の設定　*/
ol.sub li.off2{
    width:150px;/*ol.subと同じ値を推奨*/
    height:30px;/*変更可能・削除するとギミックが変わる*/
}
ol.sub li.on2{
    width:150px;
    height:30px;
}
/*　サブメニュー枠線の設定　*/
ol.sub{
border:1px solid #c0c0c0;/*値の変更可能：サブメニューの枠線：サブメニューの表示位置をずらしたときは欲しい
使用するときは前後のコメントを削除*/
}
.sub li.off2,.sub li.on2{
    border-bottom:1px solid #c0c0c0;
/*アイテムを区切る枠線になっている・bottom以外に設定するのは推奨しない。
左右に設定した場合はli.off2,on2のwidthの値の調整が必要*/
}
/*　サブメニュー余白の設定　*/
.sub a{
    padding:10px 0;
    width:150px;/*削除不可*/
    height:10px;/*削除不可*/
/*width+padding（左右）の値　＝　ol.subのwidth
height+padding（上下）の値　＝　ol.subのheight*/
}


/*　メニューの表示位置の設定　*/
div#menu{
    position:absolute;
    z-index:100;
}
#menubox{
	margin:10px auto;
	padding-bottom:25px;
}

/*　変更不可　*/
.main *{margin:0px;padding:0px;list-style:none;display:block;}
ul.main{position:relative;}
ul.main li.off{position:relative;float:left;overflow:hidden;}
ul.main li.on{float:left;overflow:hidden;}
ul.main>li.on{overflow:visible;/*×*/}
ol.sub{position:relative;}
ol.sub li.off2{position:relative;overflow:hidden;}
ol.sub li.on2{overflow:hidden;}
ol.sub>li.on2{overflow:visible;}
ul.sub-2{position:relative;}

/*------------------------MENU設定 ↑ここまで----------------------------*/