/*
Theme Name: ふようテック株式会社
Theme URI: http://fuyoutec.site
Description: ふようテック株式会社のWebサイトサンプルです。
Version: 1.0
Author: 株式会社モアモスト
Author URI: http://moremost.jp
*/

/* ------------------------------
レイアウト
------------------------------ */

html{
	background-color: #FAFAF5;
}
/*header部分*/
#header{
	background-color: #fff;
	width: 100%;
	height: 120px;
	border-bottom: 3px solid #0C79A3;
}
#headContents{
	width: 940px;
	margin: 0 auto;
}
body{
	width: 100%;
}
/*メインビジュアル*/
#mainVisual{
	clear: both;
	width: 940px;
	margin: 20px auto 10px auto;
}
/*メインコンテンツ部分*/
#wrap{
	width: 940px;
	margin: 0 auto;
}
#mainContents{
	width: 700px;
	margin-right: 20px;
	float:left;
}

/*サイドメニュー部分*/
#side{
	float:left;
	margin-top: 25px;
}
.sideTop{
	margin-top: 10px !important;
}

/*footer部分*/
#footer{
	clear: both;
	width: 100%;
}
#footer #footerContents{
	width: 940px;
	margin: 0 auto;
}

/* ------------------------------
ここまでレイアウト
------------------------------ */
/* ------------------------------
共通
------------------------------ */
p{
	color: #333;
}
a{
	text-decoration: none;
	color:#333;
}
div.h3_bg{
	background: url(slice/common/h3_bg.png) no-repeat;
	width: 700px;
	height: 40px;
}
h2{
	margin: 25px 0 15px 0;
}
h3{
	font-size: 18px;
	color: #fff;
	float: left;
	padding: 8px 20px;
}
h4{
	font-size: 16px;
	margin-bottom: 30px;
}
.underVisual{
	margin-bottom: 22px;
}
.description{
	color: #0C79A3;
}
p.engTxt{
	font-size: 11px;
	padding: 15px 0;
	color: #fff;
	float: left;
}
.icoService{
	background: url(slice/common/ico_service.png) no-repeat;
	padding-left: 8px;
	margin-top: 3px;
}
.icoSideNav{
	background: url(slice/common/ico_sidenav.png) no-repeat;
	margin-left: 10px;
}
.bgContents{
	background: #fff;
	margin-bottom: 40px;
	overflow: hidden;
}
table{
	width: 100%;
	border: 0;
}
table tr{
}
table th{
	text-align: center;
	border-right: #fff;
}
table td{
	border-left: #E1E4E9;
}

/* ------------------------------
ここまで共通
------------------------------ */
/* ------------------------------
トップページ
------------------------------ */
/*header*/
#header #headContents #logo{
	padding: 20px 0 15px 0;
}
#header #headContents #navi ul li{
	float: left;
}

/*mainContents*/
#mainContents #topMessage{
	background-color: #fff;
	padding: 13px;
	height:225px;
	margin-bottom: 20px;
	margin-top: 10px;
	box-shadow: 2px 2px 2px #F0F0E1;
}

#mainContents #topMessage .leftBox{
	float:left;
	width: 187px;
	margin-right: 15px;
}
#mainContents #topMessage .rightBox{
	float:left;
	width: 463px;
}
#mainContents #topMessage .rightBox img{
	margin-bottom: 13px;
}
#mainContents #topMessage .rightBox #txt01{
	line-height: 180%;
}
#mainContents #topMessage .rightBox #txt02{
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	margin-top: 17px;
}

#mainContents #topService{
	clear: both;
	background: #fff;
	height: 840px;
	margin-bottom: 40px;
	box-shadow: 2px 2px 2px #F0F0E1;
}
#mainContents #topService h4{
	margin:10px 0;
}
#mainContents .serviceBox{
	width: 320px;
	height: 200px;
	float: left;
	margin-left: 20px;
	margin-bottom: 45px;
}
#mainContents .serviceBox img{
	width: 320px;
	height: 200px;
}
#mainContents #topService h4{
	margin-left: 20px;
}
#mainContents #topService .servisBoxIchiran{
	clear: both;
	float: right;
	padding-right: 20px;
	margin-top: 10px;
}
#mainContents #topService .icoIchiran{
	background: url(slice/common/ico_ichiran.png) no-repeat 1px;
	padding-left: 8px;
	font-size: 13px;
	margin-top: 0;
}
/* ------------------------------
ここまでトップページ
------------------------------ */
/* ------------------------------
サイドメニュー
------------------------------ */
#sideAbout{
	background-color: #fff;
	border-radius: 4px;
	padding: 13px 10px;
}
#sideAbout #sideTitle{
	margin-bottom: 13px;
}
#sideAbout .sideImg{
	margin-bottom: 10px;
}
#sideAbout .sideBg{
	width: 200px;
	height: 64px;
	box-shadow:1px 1px 1px #F0F0E1;
	border-radius: 4px;
}
#sideAbout div img{
	float: left;
	width: 85px;
}
#sideAbout .sideTxt{
	float: left;
	width: 95px;
	margin: 7px 0 7px 10px;
	font-size: 13px;
}
#sideAbout .sideTxt .sideDes{
	font-size: 11px;
}
.sideNav{
	border: 1px solid #E1E4E9;
	margin-bottom: 20px;
}
.sideNav .sideNavBg{
	background: url(slice/common/side_nav.png) no-repeat;
	width: 218px;
	height: 40px;
}
.sideNav .sideNavBg p{
	color: #fff;
	float: left;
    font-size: 14px;
    padding: 10px 10px 0 10px;
}
.sideNav .sideNavBg p.engTxt{
	font-size: 9px;
	padding-top: 13px;
}
.sideNav ul li{
	border-bottom: 1px solid #E1E4E9;
	padding: 13px 0 15px 20px;
}
.sideNav ul li.last{
	border: none;
}
/* ------------------------------
ここまでサイドメニュー
------------------------------ */
/* ------------------------------
フッター
------------------------------ */
#footer{
	background: url(slice/common/footer_line.png) repeat-x #EFEEEC;
	height:250px;
}
#footer #footerContents #footerTop{
	text-align: right;
	padding-top: 4px;
}
#footer #footerContents #footerMenu{
	margin-top: 10px;
}
#footer #footerContents #footerAddress{
	margin-top: 70px;
}
#footer #footerContents #footerAddress img{
	float: left;
	margin-right: 20px;
}
#footer #footerContents #footerAddress p{
	float: left;
}
#copyright{
	clear: both;
	text-align: right;
	padding-top: 40px;
	font-size: 10px;
}
/* ------------------------------
ここまでフッター
------------------------------ */
/* ------------------------------
会社概要
------------------------------ */
/*company css*/
.companyBoxWrap{
	padding: 20px;
}
.companyBox{
	padding: 10px 13px;;
	background-color: #F5F5F5;
	border: 1px solid #E1E4E9;
}
.company_underline{
	border-bottom: dotted 1px #CCCCCC;
	padding: 10px;
	clear: both;
	height: 10px;
}
.last{
	border: none;
}
.company_txt0{
	float: left;
	width:200px;
}
.company_txt1{
	font-size: 11px;
	margin-left: 30px;
	float: left;
}
.companyBoxWrap table {
	border-collapse: collapse;
	border: 1px solid #E1E4E9;
}
th {
	border-bottom: #e3e3e3 1px solid;
	border-left: #e3e3e3 1px solid;
	text-align: left;
	background: #f7f7f7;
	padding: 10px;
	font-weight: normal;
}
td {
	border-bottom: #e3e3e3 1px solid;
	border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}
/* ------------------------------
ここまで会社概要
------------------------------ */
/* ------------------------------
サービス一覧
------------------------------ */
.pickUp{
	background: url(slice/service/pickup.png) no-repeat;
	width: 421px;
	height: 117px;
}
.serviceBoxLeft{
	float: left;
	width:421px;
}
.serviceBoxRight{
	float: right;
	width: 200px;
}
.serviceContents{
	padding: 20px 13px;
	overflow: hidden;
}
.serviceContents h4{
	color:#1B81AA;
	font-size:16px;
	line-height:140%;
}
.serviceBoxLeft ul li{
	background: url(slice/common/ico_common.png) no-repeat;
	padding-left: 10px;
	margin-bottom: 25px;
}
.serviceBoxLeft ul li p{
	margin-bottom: 10px;
}
.serviceBoxRight div{
	margin-bottom: 13px;
}
/* ------------------------------
ここまでサービス一覧
------------------------------ */
/* ------------------------------
代表者挨拶
------------------------------ */
#bgMessage{
	background: url(slice/message/bg_message.png) no-repeat;
	width: 700px;
	height: 681px;
	margin-bottom: 40px;
}
#bgMessage h4{
	padding: 45px 45px 0 45px;
}
#president{
	float: right;
	width: 160px;
	margin-right: 45px;
	margin-left: 34px;
}
#messageTxt{
	margin-left: 45px;
	margin-right: 45px;
	line-height: 2em;
}
#messageSign{
	text-align: right;
	margin-right: 45px;
	margin-top: 30px;
}
/* ------------------------------
ここまで代表者挨拶
------------------------------ */
/* ------------------------------
アクセス
------------------------------ */
.accessBox{
	padding: 20px 20px 10px 10px;
	overflow: hidden;
}
.accessBox2{
	padding: 20px;
	overflow: hidden;
}
.accessBoxLeft{
	float: left;
	width: 280px;
}
.accessBoxRight{
	float: right;
	width: 340px;
}
.accessBox2 img{
	margin-bottom: 13px;
}
.accessBox2 p{
	font-size: 14px;
	margin-bottom: 10px;
}
.accessBox2 #accessMap{
	margin: 35px auto;
	width: 458px;
}
#memo{
	background: url(slice/access/memo.png) no-repeat;
	height: 100px;
	padding: 25px 0px 0 40px;
}
.tel{
	background: url(slice/access/ico_tel.png) no-repeat;
	height: 38px;
	padding: 12px 0 0 40px;
}
.time{
	font-size: 14px;
	color: #0C79A3;
	text-decoration: underline;
	margin-bottom: 15px;
}
.contact{
	font-size: 10px;
}
/* ------------------------------
ここまでアクセス
------------------------------ */