/*  
Theme Name: Kyoshin-ENG 2010
Theme URI: http://www.kyosin-eng.com/ja/
Description: The WordPress theme for Kyoshin Engineering
Version: 0.1a
Author: GUCIO & CO.
Author: kagoharataro.
Author URI: http://gucio.jp/
*/



body {
	font-size: 85%;
	line-height: 1.65;
    font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
    font-size: 13px;
	color: #444;
	}

#wrapper {
	clear: both;
	text-align: left;
	width: 800px;
	margin: 0 auto 10px auto;
	}



/* ----- ヘッダー部 ----- */

#header {
	display: block;
	width: 800px;
	height: 80px;
	margin: 0 auto;
	background: url(images/head_border.gif) top no-repeat;
	}

#header p {
    font-family: helvetica, arial, sans-serif;
	font-size: 85%;
	text-align: right;
	margin: 0;
	padding: 6px 0;
	}

#header p a {
	text-decoration: none;
	}
	
#headerimg {
	float: left;
	}

#headerimg h1 a {
	display: block;
	width: 369px;
	height: 30px;
	margin: 0 5px;
	}

#language_panel {
    font-family: helvetica, arial, sans-serif;
	float: right;
	display: block;
	width: 350px;
	text-align: right;
	}

div#search {
	margin: 0;
	text-align: right;
	}

input.search {
	width: 124px;
	margin: 0 3px 1px;
	}

#language_panel a {
	padding: 1px 12px 3px 13px;
	background: url(images/menu_li.gif) 3px left no-repeat;
	}

#language_panel a.language {
	padding: 1px 12px 3px 13px;
	font-weight: bold;
	color: #06c;
	background: none;
	}

#language_panel a.language:hover {
	color: #688;
	}
	
	

/* ----- 上部ナビゲーションメニュー ----- */

#topnavi {
	clear: both;
	display: block;
	width: 800px;
	/*height: 50px;*/
	height: 45px;
	background: url(images/nav_menu.png) no-repeat;
	}

#topnavi ul {
	list-style: none;
	display: inline;
	}

#topnavi ul li {
	float: left;
	}

#topnavi ul li a {
	display: block;
	overflow: hidden;
	height: 0 !important;
	height /**/: 45px;
	padding-top: 45px;
	width: 100%;
	}

#nav01 { width: 0px; }
#nav02 { width: 161px; }
#nav03 { width: 160px; }
#nav04 { width: 160px; }
#nav05 { width: 160px; }
#nav06 { width: 159px; }

#nav01 a { background-image: url(images/nav_menu.png);background-position: 0 0; }
#nav02 a { background-image: url(images/nav_menu.png);background-position: 0 0; }
#nav03 a { background-image: url(images/nav_menu.png);background-position: -161px 0; }
#nav04 a { background-image: url(images/nav_menu.png);background-position: -321px 0; }
#nav05 a { background-image: url(images/nav_menu.png);background-position: -481px 0; }
#nav06 a { background-image: url(images/nav_menu.png);background-position: -641px 0; }

#nav01 a:hover { background-position: 0 -45px; }
#nav02 a:hover { background-position: 0 -45px; }
#nav03 a:hover { background-position: -161px -45px; }
#nav04 a:hover { background-position: -321px -45px; }
#nav05 a:hover { background-position: -481px -45px; }
#nav06 a:hover { background-position: -641px -45px; }

#nav01 a.active { background-position: 0 -45px; }
#nav02 a.active { background-position: 0 -45px; }
#nav03 a.active { background-position: -161px -45px; }
#nav04 a.active { background-position: -321px -45px; }
#nav05 a.active { background-position: -481px -45px; }
#nav06 a.active { background-position: -641px -45px; }

/*#nav01 { width: 299px; }
#nav02 { width: 100px; }
#nav03 { width: 100px; }
#nav04 { width: 100px; }
#nav05 { width: 100px; }
#nav06 { width: 101px; }

#nav01 a { background-image: url(images/topnavi_bg.png);background-position: 0 0; }
#nav02 a { background-image: url(images/topnavi_bg.png);background-position: -299px 0; }
#nav03 a { background-image: url(images/topnavi_bg.png);background-position: -399px 0; }
#nav04 a { background-image: url(images/topnavi_bg.png);background-position: -499px 0; }
#nav05 a { background-image: url(images/topnavi_bg.png);background-position: -599px 0; }
#nav06 a { background-image: url(images/topnavi_bg.png);background-position: -699px 0; }

#nav01 a.active { background-position: 0 -50px; }
#nav02 a.active { background-position: -299px -50px; }
#nav03 a.active { background-position: -399px -50px; }
#nav04 a.active { background-position: -499px -50px; }
#nav05 a.active { background-position: -599px -50px; }
#nav06 a.active { background-position: -699px -50px; }

#nav01 a:hover { background-position: 0 -50px; }
#nav02 a:hover { background-position: -299px -50px; }
#nav03 a:hover { background-position: -399px -50px; }
#nav04 a:hover { background-position: -499px -50px; }
#nav05 a:hover { background-position: -599px -50px; }
#nav06 a:hover { background-position: -699px -50px; }
 */
 


/* ----- コンテンツ部全体 ----- */

#page {
	width: 800px;
	margin: 0 auto;
	}



/* ----- 左上のパン屑表示 ----- */

div.breadcrumb {
	width: 500px;
	float: left;
	margin: 6px 0 16px 0;
	padding: 0 0 0 10px;
	}

div.breadcrumb a{
	text-decoration: none;
	}





/* ----- 本文エリア ----- */

#content {
	display: block;
	float: left;
	width: 545px;
	margin: 0 0 16px;
	}

#content_inner {
	display: block;
	width: 525px;
	margin: 0 auto;
	padding: 0;
	}

#content p {
	}

#content table {
	width: 95%;
	}

#content small {
	background: #fbf6ea;
	padding: 2px 6px 3px;
	}

div.entry_center {
	text-align: center;
	}

#content ul {
	margin: 0 10px;
	padding: 10px 0;
	}
	
#content ul li {
	padding: 0 12px;
	background: url(images/li.gif) left 6px no-repeat;
	}

.ddsg-wrapper ul li a {
	font-weight: bold;
	text-decoration: none;
	}
	
.ddsg-wrapper ul li ul {
	margin: 0 10px;
	padding: 10px 0;
	}
	
.ddsg-wrapper ul li ul li a {
	padding: 0;
	font-weight: normal;
	}

div.navigation {
	display: block;
	width: 100%;
	height: 20px;
	margin: 20px 0 0 0;
	}

div.navigation a {
	}

div.alignleft {
	display: block;
	float: left;
	width: 50%;
	text-align: left;
	}

div.alignright {
	display: block;
	float: right;
	width: 50%;
	text-align: right;
	}

p.postmetadata alt {
	}
.post p {
	padding: 2px 10px;
	}
.post-1 p {
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	text-indent: -6em; /* 全角6文字分1行目を左に上げる */
	padding-left: 7em; /* 全角7文字分全体を右に下げる */
	}


/* ----- トップページ下部 ----- */

#frontpage {
	display: block;
	width: 800px;
	text-align: center;
	}

#frontpage h3{
	margin: 10px 0;
	padding-left: 15px;
	border: none;
	}
	
#frontpage_btn {
	display: block;
	width: 800px;
	height: 94px;
	margin: 10px 0 0;
	text-align: left;
	background: url(images/front_btn_bg.png) no-repeat;
	}

#front_btn1 a {
	display: block;
	float: left;
	width: 194px;
	height: 94px;
	background: url(images/menu1.gif) no-repeat;
	}

#front_btn2 a {
	display: block;
	float: left;
	width: 194px;
	height: 94px;
	margin-left: 8px;
	background: url(images/menu2.gif) no-repeat;
	}

#front_btn3 a {
	display: block;
	float: left;
	width: 194px;
	height: 94px;
	margin-left: 8px;
	background: url(images/menu3.gif) no-repeat;
	}

#front_btn4 a {
	display: block;
	float: left;
	width: 194px;
	height: 94px;
	margin-left: 8px;
	background: url(images/menu4.gif) no-repeat;
	}

#front_btn1 a:hover {background: none;}
#front_btn2 a:hover {background: none;}
#front_btn3 a:hover {background: none;}
#front_btn4 a:hover {background: none;}

#frontpage_main {
	float: left;
	display: block;
	width: 485px;
	margin: 0 auto 16px;
	padding: 0 5px;
	text-align: left;
	}

#frontpage_side {
	display: block;
	float: right;
	width: 260px;
	margin: 0 0 16px;
	padding: 0 5px;
	text-align: left;
	}

#front_contact a {
	display: block;
	width: 215px;
	height: 42px;
	margin: 5px 20px;
	background: url(images/contact.png) no-repeat;
	}

#front_contact a:hover {
	background: url(images/contact.png) 0 -42px no-repeat;
	}




/* ----- 製品インデックスページ ----- */


#content_products_index {
	display: block;
	float: left;
	width: 800px;
	margin: 0 0 16px;
	}

#content_inner_products_index {
	display: block;
	width: 785px;
	margin: 0 auto;
	padding: 0;
	}

h2#products_title {
	background: url(images/h2_products.png) no-repeat;
	}

#product_index_outer {
	margin: 0 auto;
	}

h2#products_head1 {
	margin: 10px 0 0;
	padding: 18px 16px 1px;
	height: 42px;
	background: url(images/products_head1.png) no-repeat;
	overflow: hidden;
	}

h2#products_head2 {
	margin: 10px 0 0;
	padding: 18px 16px 1px;
	height: 42px;
	background: url(images/products_head2.png) no-repeat;
	overflow: hidden;
	}

h2#products_head3 {
	margin: 10px 0 0;
	padding: 18px 16px 1px;
	height: 42px;
	background: url(images/products_head3.png) no-repeat;
	overflow: hidden;
	}

div.product_index_box {
	display: block;
	float: left;
	width: 247px;
	margin: 0 6px 0;
	text-align: left;
	}

ul.product_index {
	margin: 0;
	padding: 10px 0;
	height: 240px;
	border-top: 1px solid #cfcfcf;
	background: url(images/products_body_bg.gif) bottom no-repeat;
	}
	
ul.product_index li a {
	margin: 0 0 0 10px;
	padding: 0 14px;
	background: url(images/products_li1.gif) left 2px no-repeat;
	text-decoration: none;
	}

ul.product_index li.product_list_small a {
	margin: 0 0 0 20px;
	padding: 0 10px;
	background: url(images/products_li2.gif) left 2px no-repeat;
	text-decoration: none;
	}

#content_products_index p {
	clear: both;
	}




/* ---------- 前のページ・次のページ・トップへ戻る ---------- */

p.contentnavi {
	text-align: right;
	}

p.gotop {
	text-align: right;
	}
p.typeli{/* 最新情報のli.1).2).の長い文章の行ぞろえ */
text-indent: -1.5em; /* 全角1.5文字分1行目を左に上げる */
padding-left: 2em /* 全角2文字分全体を右に下げる */
}


/* ---------- GoogleMap ---------- */

div.googlemaps {
	margin: 0 0 0 6px;
	}


/* ---------- サイドバー ---------- */

#sidebar {
	float: right;
	width: 225px;
	margin: 0 0 16px;
	}

#sidebar h3{
	margin: 0 0 6px;
	padding: 9px 15px 7px;
	border: none;
	background: url(images/sidemenu.gif) left no-repeat;
	}

#sidebar h3 a {
	color: #333;
	text-decoration: none;
	}

#contact a {
	display: block;
	width: 215px;
	height: 42px;
	margin: 3px 0 10px;
	background: url(images/contact.png) no-repeat;
	}

#contact a:hover {
	background: url(images/contact.png) 0 -42px no-repeat;
	}
	
#sidebar ul{
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	}

#sidebar ul li{
	margin: 0;
	padding: 0;
	}

#sidebar ul li a {
	width: 210px !important;
	width /**/: 210px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0 8px 20px;
	letter-spacing: 0.03em;
	text-decoration: none;
	background: url(images/menu_btn.gif) 6px 9px no-repeat;
	}

#sidebar ul li a:hover {
	background: url(images/menu_btn2.gif) 6px 9px no-repeat;	}

#sidebar p {
	padding: 0px 10px 0px 10px;
	}




/* ---------- フッター関連 ---------- */

#footer {
	clear: both;
	text-align: center;
	width: 800px;
	margin: 0 auto 10px auto;
	padding: 2px 0;
	background: url(images/footer_bg.gif) no-repeat;
	line-height: 1.8;
	}

#footer p {
    font-family: helvetica, arial, sans-serif;
	margin: 0 10px;
	font-size: 85%;
	}

#footer p a {
	padding: 0 5px 3px 12px;
	background: url(images/menu_li.gif) 3px left no-repeat;
	text-decoration: none;
	}




/* ---------- 全体のテキストやイメージなど ---------- */

h2 {
	display: block;
	margin: 0;
	height: 28px;
	background: url(images/h2.png) left no-repeat;
	font-size: 120%;
	font-weight: bold;
	padding: 11px 20px 8px;
	color: #fff;
	}
	
h2 a {
	text-decoration: none;
	}
	
h3{
	display: block;
	margin: 24px 0 10px 0;
	padding: 3px 16px;
	background: url(images/h3.gif) left 6px no-repeat;
	font-weight: bold;
	font-size: 120%;
	color: #333;
	}

h3 a {
	color: #333;
	text-decoration: none;
	}

h4{
	display: block;
	margin: 10px 10px 0;
	padding: 1px 18px;
	background: url(images/h4.gif) left 6px no-repeat;
	font-size: 100%;
	font-weight: bold;
	color: #333;
	}

h4 a {
	text-decoration: none;
	}

h5{
	display: block;
	margin: 10px 0 0;
	padding: 0 18px;
	color: #222;
	}

strong {
	font-weight: bold;
	}
	
p {
	padding: 8px 0;
	}

th, td {
	padding: 6px 0;
	}

td.middle {
	width: 10%;
	vertical-align: middle;
	text-align: right;
	}
	
img{
	border: 0px;
	vertical-align: bottom;
}

img.rss {
	vertical-align: -10%;
	}

a { color: #36414d; text-decoration: underline; }
a:hover { color: #688; text-decoration: none;}

a.link {
	padding: 5px 12px 3px 13px;
	background: url(images/menu_li.gif) 8px left no-repeat;
	}
hr {
	display: none;
	}

.print{
	display: none;
	}

img.bottom {
	vertical-align: bottom;
	}

input, textarea {
	font-size: 95%;
	}

.center {
	text-align: center;
	}

ol {
	margin: 10px 0 10px 45px;
	}

ol li {
	margin: 6px 0;
	list-style: decimal;
	}
/* ----- テーブル関連 ----- */

table.form {
	width: 95%;
	font-size: 100%;
	margin: 20px 0;
	}

table.form th, td {
	padding: 3px 10px;
	vertical-align: top;
	}

table.form th {
	font-weight: bold;
	white-space: nowrap;
	}


/*
table {
	width: 95%;
	font-size: 100%;
	}

table tbody th, td {
	padding: 3px 10px;
	vertical-align: top;
	}

th {
	background: #f7f7f7;
	color: #666;
	font-weight: bold;
	}

table.contact {
	width: 500px;
	font-size: 0.85em;
	line-height: 160%;
	border: 1px solid #dfdfdf;
	}

table.contact th {
	white-space: nowrap;
	padding: 4px 6px;
	border: 1px solid #dfdfdf;
	background: #dfdfdf;
	}

table.contact td {
	padding: 4px 6px;
	border: 1px solid #dfdfdf;
	}
	*/