@charset "utf-8";
/*
Theme Name: Technovan
Theme URI: http://www.technovan.co.jp/
Description: テクノバン株式会社WEBサイト
Author: UniworX.co.Ltd.
Version: 1.0
Tags: 
*/

/*************************
 * YUI reset.css 読込み
 *************************/
@import url(./reset.css);


/*************************
 * 基本設定
 *************************/
html {
height:100%;
}
body {
height:100%;
color:#4c393f;
text-align:center;
font:normal 12px "ＭＳ Ｐゴシック", "Verdana", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}


/* テキストリンク */
a {
color:#2c5d9f;
text-decoration:underline;
}
a:hover {
color:#6cc5fe;
}


/* レイアウト */
#wrapper {
width:100%;
height:100%;
min-height:100%;
border-top:4px solid #666666;
text-align:left;
margin:0 auto;
}
body > #wrapper {
height:auto;
}

/* ヘッダー */
#header {
width:932px;
height:68px;
margin:0 auto;
}

/* ヘッダー：ロゴ */
#logo {
width:175px;
padding-right:375px;
height:68px;
float:left;
background:url(./images/background/logo.gif) 100% 50% no-repeat;
}

/* ヘッダー：各要素 */
#headercomponent {
width:198px;
float:right;
}

/* ヘッダー：メニュー */
#headernavi {
width:198px;
height:15px;
padding:11px 0 7px;
}
.headernavi_en {
width:56px;
height:15px;
float:left;
margin-right:12px;
}
.headernavi_term {
width:50px;
height:15px;
float:left;
}
.headernavi_sitemap {
width:67px;
height:15px;
float:right;
}


/* ヘッダー：検索フォーム */
#s {
width:154px;
height:16px;
padding:3px;
border:1px solid #acacac;
vertical-align:top;
float:left;
}
#searchsubmit {
float:left;
}
.search_null {
background:url(./images/background/search_null.gif) 5px 50% no-repeat;
}
.search_focus {
background:none;
}


/* 本体 */
#wrapper2 {
width:100%;
background:#f7f7f7 url(./images/background/wrapper2.jpg) 0 0 repeat-x;
}

/* グローバルナビ */
#globalnavi {
width:932px;
height:27px;
margin:0 auto;
}
	#globalnavi li {
	float:left;
	}
	#globalnavi img {
	vertical-align:top;
	}


/* メインビジュアル */
#mainvidual {
width:932px;
height:275px;
overflow:hidden;
margin:0 auto;
z-index:1;
}
#slidearea {
width:930px;
height:275px;
position:relative;
}
	#slidearea img {
	height:275px;
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	cursor:pointer;
	}
	#slidearea img.active {
	z-index:10;
	}
	#slidearea img.last-active {
	z-index:9;
	}


#mainvidualnavi {
width:850px;
height:51px;
margin:0 auto;
position:relative;
top:-70px;
z-index:20;
}
	#mainvidualnavi li {
	float:left;
	}

#mainvidual_2nd {
width:930px;
height:94px;
margin:0 auto;
}

/* パンクズ */
#topicpath {
width:850px;
padding:9px 40px;
margin:0 auto;
font-size:10px;
color:#ffffff;
background-color:#7eb0db;
}
	#topicpath li {
	display:inline;
	}
	#topicpath a {
	color:#ffffff;
	}

/* コンテンツエリア */
#contentsarea {
width:810px;
padding:0 60px 18px;
margin:0 auto;
background:#ffffff url(./images/background/contentsarea.gif) 50% 0 repeat-y;
}
#contentstop {
width:930px;
height:18px;
margin:0 auto;
z-index:1000;
background:#ffffff url(./images/background/contentstop.gif) 50% 100% no-repeat;
}
#contentsbottom {
width:930px;
height:24px;
padding-bottom:18px;
margin:0 auto;
background:#ffffff url(./images/background/contentsbottom.gif) 50% 0 no-repeat;
}

#contents_2nd {
width:850px;
padding:20px 40px;
margin:0 auto;
background-color:#ffffff;
}

/* メインカラム */
#maincolumn {
width:620px;
float:right;
}

/* サブカラム */
#subcolumn {
width:190px;
float:left;
}


/* フッター */
#footerwrap {
background-color:#666666;
}
#footer {
width:932px;
margin:0 auto;
}

#footer_list {
width:600px;
height:35px;
float:left;
line-height:3em;
font-size:10px;
}
	#footer_list li {
	display:inline;
	color:#ffffff;
	}
	#footer_list a {
	color:#ffffff;
	}

#copyright {
text-align:right;
}



/*************************
 * 共通設定
 *************************/

/* 回り込み */
.clear {
clear:both;
}

/**/
.alignright {
float:right;
margin:0 0 10px 10px;
}
.alignleft {
float:left;
margin:0 10px 10px 0;
}
.aligncenter {
text-align:center;
}

/* レイアウト */
.section {
width:100%;
margin-bottom:30px;
}
.container {
width:100%;
margin-bottom:15px;
}

/* ヘディング */
.heading {
width:100%;
margin-bottom:10px;
}

/* ページタイトル */
.pagetitlewrap {
width:620px;
background:url(./images/background/pagetitlewrap.jpg) 0 50% no-repeat;
}
.pagetitlewrap2 {
width:620px;
background:url(./images/background/pagetitlewrap2.jpg) 0 0 no-repeat;
}
.pagetitle {
width:588px;
padding:12px 16px 8px;
font-size:16px;
font-weight:bold;
color:#ffffff;
background:url(./images/background/pagetitle.jpg) 0 100% no-repeat;
}
.pagetitle_wide {
width:818px;
height:17px;
padding:12px 16px 8px;
font-size:16px;
font-weight:bold;
color:#ffffff;
background:url(./images/background/pagetitle_wide.jpg) 0 0 no-repeat;
}

.contentbody {
width:580px;
padding:19px;
border-right:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
}

.contentbody_wide {
width:809px;
padding:19px;
border-right:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
}


/* サブメニュー */
.subtitle {
width:160px;
height:28px;
padding:1px 5px 0 25px;
color:#1f467f;
font-weight:bold;
font-size:14px;
line-height:2.0em;
background:url(./images/background/subtitle.jpg) 0 0 no-repeat;
}
.submenucontainer {
width:190px;
padding-bottom:5px;
margin-bottom:15px;
background:url(./images/background/submenucontainer.gif) 0 100% no-repeat;
}
.submenu li {
vertical-align:top;
}
.submenu img {
vertical-align:top;
}

.submenutext {
width:188px;
border-right:1px solid #e3e3e3;
border-left:1px solid #e3e3e3;
}
	.submenutext a {
	width:153px;
	padding:8px 5px 8px 30px;
	display:block;
	background-color:#fdfdfd;
	background:url(./images/share/arrow.gif) 15px 50% no-repeat;
	}
	.submenutext a:hover {
	background-color:#f2f2f2;
	}
.page_item {
padding-top:1px;
background:url(./images/background/page_item.gif) 50% 0 no-repeat;
}
.current_page_item a {
background-color:#f2f2f2;
}

/* ボタン */
.product_to_contact {
padding:30px 0 40px;
text-align:center;
}
	.buttonarea li {
	display:inline:
	}

.goto {
clear:both;
text-align:right;
}
	.goto li {
	padding-left:15px;
	display:inline;
	background:url(./images/share/arrow.gif) 0 50% no-repeat;
	}

.small {
font-size:10px;
font-weight:normal;
}


.linklist li {
padding:0 0 5px 10px;
background:url(./images/share/arrow.gif) 0 50% no-repeat;
}


/* 罫線 */
.separate2 {
width:100%;
height:10px;
border-bottom:1px solid #e3e3e3;
margin-bottom:18px;
}


/*************************
 * 個別設定
 *************************/

/* トップページ：メインカラム */
#top_maincolumn {
width:590px;
float:left;
}
/* トップページ：サブカラム */
#top_subcolumn {
width:200px;
float:right;
}

/* トップページ：タブエリア */
#productlists {
width:590px;
height:230px;
font-size:12px;
line-height:1em;
background:url(./images/background/productlists.jpg) 0 31px no-repeat;
}


#productlists .alignright {
border:1px solid #A2BBD4;
}


.lefttab {
width:140px;
float:left;
margin-right:10px;
}
.centertab {
width:140px;
float:left;
}
.righttab {
width:140px;
float:right;
}

.productimagearea {
width:330px;
float:right;
line-height:1.5em;
}


.productlist_to_productpage {
width:330px;
padding-top:10px;
text-align:center;
}

.productlist {
width:116px;
padding:7px 12px;
}
	.productlist li {
	padding-left:15px;
	font-size:10px;
	background:url(./images/share/arrow.gif) 0 50% no-repeat;
	}


#tab01 ,
#tab02 ,
#tab03 ,
#tab04 {
width:546px;
padding-top:14px;
margin:0 auto;
display:none;
clear:both;
}

/**/
.tabtitle {
width:160px;
margin-bottom:10px;
}


/* トップページ：サブメニュー */
.top_sidenavi {
width:200px;
margin-bottom:12px;
}
	.top_sidenavi li {
	width:200px;
	margin-bottom:5px;
	vertical-align:top;
	}
.top_sidebanner li {
width:200px;
margin-bottom:10px;
}

/* トップページ：Pマーク */
.pmark img {
width:75px;
float:left;
margin-right:5px;
}


/* トップページ：ニュース */
.news_list li {
padding:5px 0;
}
.news_date {
width:50px;
padding-right:15px;
font-size:10px;
background:url(./images/share/arrow.gif) 100% 50% no-repeat;
}
.news_title {
padding-left:8px;
}




/* 共通ページ：ページ内設定  */
.contentbody_wide h2,
.content h2 {
padding:5px 0 5px 8px;
border-left:3px solid #4373a8;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
color:#333333;
clear:both;
background-color:#f7f7f7;
}
.contentbody_wide h3,
.content h3 {
width:100%;
margin-bottom:5px;
font-size:12px;
font-weight:bold;
}
.content p {
width:100%;
margin-bottom:20px;
line-height:1.5em;
}
.contentbody_wide table,
.content table {
width:100%;
border-collapse:collapse;
margin-bottom:20px;
border-top:1px solid #b2c2d5;
border-right:1px solid #b2c2d5;
border:1px solid #b2c2d5;
}
.contentbody_wide th,
.content th {
padding:5px;
border:1px solid #b2c2d5;
text-align:left;
font-weight:bold;
color:#35495e;
background-color:#e2e9ef;
}
.contentbody_wide td,
.content td {
padding:5px;
border:1px solid #b2c2d5;
line-height:1.5em;
background-color:#ffffff;
}


.content ul {
padding:0 0 20px 20px;
}
	.content ul li {
	padding:3px 0;
	list-style:square;
	}
.content ol {
padding:0 0 20px 20px;
}
	.content ol li {
	padding:3px 0;
	list-style:decimal;
	}





/* 共通：レイアウト */
.leftbox {
width:275px;
float:left;
line-height:1.5em;
font-size:10px;
}
.rightbox {
width:275px;
float:right;
line-height:1.5em;
font-size:10px;
}

.leftbox_wide {
width:390px;
float:left;
line-height:1.5em;
}
.rightbox_wide {
width:390px;
float:right;
line-height:1.5em;
}



/* 製品ページ：カテゴリわけ */
.category_thumb {
width:80px;
float:right;
margin-left:10px;
}
.category_copy {
margin-bottom:7px;
}
.producttext {
width:460px;
float:right;
}

/* 製品ページ：製品区分タイトル */
.product_title {
padding:5px 0 5px 8px;
border-left:3px solid #4373a8;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
color:#333333;
background-color:#f7f7f7;
}


/* 製品ページ：製品リスト */
.product_indexlist {
padding:0 !important;
}
	.product_indexlist li {
	width:250px;
	padding:5px 0 5px 18px !important;
	margin-right:10px;
	float:left;
	list-style:none !important;
	background:url(./images/share/arrow.gif) 6px 50% no-repeat;
	}

/* 製品ページ詳細： */
.product_content h2 {
padding:5px 0 5px 8px;
border-left:3px solid #4373a8;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
color:#333333;
clear:both;
background-color:#f7f7f7;
}
.product_content h3 {
width:100%;
margin-bottom:5px;
font-size:12px;
font-weight:bold;
}
.product_content p {
width:100%;
margin-bottom:20px;
line-height:1.5em;
}
.product_content ul {
padding:0 0 20px 20px;
}
	.product_content ul li {
	padding:3px 0;
	list-style:square;
	}
.product_content ol {
padding:0 0 20px 20px;
}
	.product_content ol li {
	padding:3px 0;
	list-style:decimal;
	}


.product_content table {
width:100%;
border-collapse:collapse;
margin-bottom:20px;
border-top:1px solid #b2c2d5;
border-right:1px solid #b2c2d5;
border:1px solid #b2c2d5;
}
.product_content th {
width:80px;
padding:5px;
border:1px solid #b2c2d5;
text-align:left;
font-weight:bold;
color:#35495e;
background-color:#e2e9ef;
}
.product_content td {
padding:5px;
border:1px solid #b2c2d5;
line-height:1.5em;
background-color:#ffffff;
}


/* 導入事例トップ：会社名 */
.case_companyname {
line-height:2.0em;
font-size:14px;
font-weight:bold;
}
.caseindex_content h2 {
padding:5px 0 5px 8px;
border-left:3px solid #4373a8;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
color:#333333;
background-color:#f7f7f7;
}

/* 導入事例詳細： */
.case_content h2 {
width:556px;
padding:7px 12px 9px;
margin-bottom:21px;
font-size:16px;
font-weight:bold;
color:#2c5d9f;
background:url(./images/background/case_h2.jpg) 0 0 no-repeat;
}
.case_content h3 {
width:580px;
margin-bottom:15px;
font-weight:bold;
}
.case_content p {
margin-bottom:20px;
line-height:1.5em;
}
.case_content ul {
padding:0 0 20px 20px;
}
	.case_content ul li {
	padding:3px 0;
	list-style:disc;
	}
.case_content ol {
padding:0 0 20px 20px;
}
	.case_content ol li {
	padding:3px 0;
	list-style:decimal;
	}

.case_content table {
width:100%;
border-collapse:collapse;
margin-bottom:20px;
border-top:1px solid #b2c2d5;
border-right:1px solid #b2c2d5;
border:1px solid #b2c2d5;
}
.case_content th {
width:auto;
padding:5px;
border:1px solid #b2c2d5;
text-align:left;
font-weight:bold;
color:#35495e;
background-color:#e2e9ef;
}
.case_content td {
padding:5px;
border:1px solid #b2c2d5;
line-height:1.5em;
background-color:#ffffff;
}



/* ニュース：ページ送り */
.pager li {
display:inline;
}

/**/
.entry-meta {
width:100%;
margin-bottom:5px;
font-size:10px;
}



#productlists2 {
width:580px;
height:225px;
background:url(./images/background/productlists2.jpg) 0 27px no-repeat;
}
.lefttab2 {
width:136px;
float:left;
margin-right:12px;
}
.centertab2 {
width:135px;
float:left;
}
.righttab2 {
width:135px;
float:right;
}
#productlists2 .alignright {
border:1px solid #A2BBD4;
}


/* 会社概要：アクセス */
#map {
width:500px;
height:400px;
}