/*
Theme Name: 華強興業用テーマ
Description: 華強興業様用ホームページ専用テーマ
Version: 1.0
Author: Kakyoukougyou
Author URI: http://www.kakyoukougyou.co.jp/
*/

@charset "utf-8";

/*----------reset css------------*/
/* HTML5 display definitions */
section, nav, article, aside, hgroup,header, footer, figure, figcaption, details {display: block;}
video, audio, canvas {display: inline-block;*display: inline;*zoom: 1;}
audio:not([controls]) {display: none;}
[hidden] {display: none;}
img{padding:0;margin:0;vertical-align: text-bottom;}

/* The root element */
html {font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

/* Sections */
body {font-family:"Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;margin: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;margin: 0;}

/* Grouping content */
p, blockquote, dl, dd, figure {margin: 0;}
hr {color: inherit;height: auto;-moz-box-sizing: content-box;box-sizing: content-box;}
pre {font-family: monospace, sans-serif;white-space: pre-wrap;word-wrap: break-word;margin: 0;}
ol, ul {padding: 0;margin: 0;}
li {list-style: none;}

/* Text-level semantics */
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}
strong, b {font-weight: bold;}
small {font-size: 0.83em;}
q {quotes: none;}
abbr[title] {border-bottom: 1px dotted;}
code, samp, kbd {font-family: monospace, sans-serif;}
mark {color: black;background-color: yellow;}
sub, sup {font-size: 0.83em;line-height: 0;vertical-align: baseline;position: relative;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
br {letter-spacing: 0;}

/* Embedded content */
img {border: 0;-ms-interpolation-mode: bicubic;}
svg:not(:root) {overflow: hidden;}

/* Tabular data */
table {border-collapse: collapse;border-spacing: 0;}
caption {padding: 0;text-align: left;}
th, td {text-align: left;vertical-align: baseline;padding: 0;}

/* Forms */
form {margin: 0;}
fieldset {border: 0;padding: 0;margin: 0;}
legend {border: 0;*margin-left: -7px;}
input, button, select, textarea {font-family: inherit;font-size: 1em;color: inherit;margin: 0;}
input, button {line-height: normal;vertical-align: inherit;*vertical-align: middle;}
input::-moz-focus-inner,button::-moz-focus-inner {border: 0;padding: 0;}
input[type="search"] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing:content-box;}
input[type="search"]:focus {outline-offset: -2px;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="submit"],input[type="reset"],input[type="button"],button {cursor: pointer;-webkit-appearance: button;*overflow: visible;}
select {background-color: inherit;line-height: normal;}
textarea {vertical-align: top;overflow: auto;*font-family: sans-serif;}

/*----フレーム装飾----*/
/*全体*/
body{background:url(images/bg_img.png) repeat-y center;}
#content{width:900px; padding:0 10px;margin:0 auto;}
.clear{clear:both;}

/*header*/
header #topimage{height:365px;width:900px;overflow:hidden;}
header{margin:10px 0 0 0;}
header h1{font-weight:normal;color:#999999;font-size:77%;}
header #subnavi{float:right;}
header ul#annai{overflow:hidden;}
header ul#annai li{text-align:right;padding:10px 0 0 0;}
header ul#annai li:last-child{padding:0 0 10px 0;}
/*--ナビ--*/
ul#nav, div.menu ul{height:49px;border-top:2px solid #333337;}
ul#nav li, div.menu ul li{float: left;position: relative;width:180px;height:49px;}
ul#nav > li:first-child, div.menu ul > li:first-child{}
ul#nav li > a, div.menu ul li > a{color: #666666;/*padding:8px 13px;*/text-decoration:none;display: block;width:180px;height:49px;line-height: 49px;text-align: center;}
			ul#nav li:hover > a,
			ul#nav > li.current_page_item > a,
			ul#nav > li.current_page_ancestor > a,
			ul#nav > li.current-menu-item > a,
			ul#nav > li.current-category-ancestor > a,
			div.menu ul li:hover > a,
			div.menu ul > li.current_page_item a,
			div.menu ul > li.current_page_ancestor > a,
			div.menu ul > li.current-menu-item > a,
			div.menu ul > li.current-category-ancestor > a{
				
				 /* Webkit 
				background: -webkit-gradient(linear, left top, left bottom,
					from(rgba(0,0,0,0.1)),
					to(rgba(0,0,0,0.95)),
					color-stop(.5,#333333));*/
					
				 /* FF
				background: -moz-linear-gradient(rgba(
					0, 0, 0, 0.1),
					rgba(0, 0, 0, 0.95)); */
					
				 /* IE 
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#95000000);
				zoom:1;*/
				}
	/*** Children Menu ***/
	ul#nav ul, div.menu ul ul{
		display: none;
		border:1px solid #ccc;
		position: absolute;
		left: 0;
		float: left;
		width: 180px;
		z-index: 99999;
		}
		ul#nav ul li, div.menu ul ul li { width: 180px;border:none;}
			ul#nav ul li ul, div.menu ul ul li ul { left: 100%; top: 0; }
				ul#nav ul li a, div.menu ul ul li a {
					/*padding:8px 10px;*/
					background-color:rgba(197,204,207,1);
					filter:alpha(opacity=100);
					opacity:1;
					background-color:#C5CCCF;
    				-ms-filter: "alpha(opacity=100)"; /* IE8 */
					}
					ul#nav ul li:hover > a, div.menu ul ul li:hover{background: #666;color:#ffffff;line-height: 49px;}
	ul#nav li:hover > ul, div.menu ul li:hover > ul{ display: block;}

/*main*/
#main{float:right;padding:0 0 0 20px;width:680px;}
#main #news{margin: 20px 0 0;}
#main #news ul#newsbox{border:1px solid #758693;}
#main #news ul#newsbox li{border-bottom: 1px dashed #666666;margin: 0 20px;padding: 10px;}
#main #news ul#newsbox li .newsday{padding: 0 15px 0 0;}
#main #news p#newsbt{float: right;padding: 8px 0 0;}

/*side*/
#side{width:200px;float:left;}
#side ul#bn_space{}
#side ul#bn_space li{margin: 0 0 10px;}

/*footer*/
footer{border-top: 1px solid #666666;font-size: 95%;margin:20px 0 10px 0;}
footer ul#footertext{float:left;left:50%;position:relative;}
footer ul#footertext li{display: block;float: left;border-right:1px solid #333333;margin: 10px 0;padding: 0 10px;left:-50%;position:relative;}
footer ul#footertext li:last-child{border:none;}
footer p{text-align:center;}

/*パンくず*/
p#pankuzu{font-size: 72%;margin: 0 0 10px;}

/*--- 下層P ---*/
#main_box h2{margin:0 0 18px 0;}
#main_box #main_content{padding:0 19px 0 19px;line-height:1.6em;}
#main_box #main_content p{padding:0 0 8px 0;}
ul#toriatsukai_list{}
ul#toriatsukai_list li{border: 1px solid #32689C;border-radius: 10px 10px 10px 10px;overflow: hidden;padding: 10px;margin: 20px 0 10px 0;}
ul#toriatsukai_list li a{color:#333333;text-decoration:none;}
ul#toriatsukai_list li a dl{}
ul#toriatsukai_list li a dl dt{float:left;width:75%}
ul#toriatsukai_list li a dl dt h3{background:url(images/toriatsukai_listmark.png) no-repeat left center;padding:5px 0 5px 30px;}
ul#toriatsukai_list li a dl dd{float:right;width:25%;}

/*製品例P*/
#main_box #seihinrei{border: 1px solid #32689C;border-radius: 10px 10px 10px 10px;overflow: hidden;padding: 10px;margin: 20px 0 10px 0;}
#main_box #seihinrei dl{display: block;float: left;margin: 0 5px 10px 0;}
#main_box #seihinrei dl dt{}
#main_box #seihinrei dl dd{text-align:center;}

/*テーブル*/
.table{margin:10px 0 0 0;}
.table table{border: 1px solid #666666;width:100%;}
.table table tr{border: 1px solid #666666;}
.table table tr td{border: 1px solid #666666;padding: 10px;}
.table table tr td.tableleft{background: none repeat scroll 0 0 #CEDFEC;font-weight: bold;text-align: center;width: 25%;}
.table table tr td.tablecaption{text-align:center;background:#CEDFEC;}
.table table tr th{padding:10px;background:#EDEEEF;text-align:center;border: 1px solid #666666;}
.table table tr th.kyokamei{width:25%;}

/*新着情報ページ*/
ul#news_list{margin:20px 20px 20px 20px;}
ul#news_list li{background:url(images/toriatsukai_listmark.png) no-repeat left center;padding: 10px 0 10px 30px;border-bottom:1px dashed #666666;margin:0 0 10px 0;}
ul#news_list li .newslistday{padding:0 15px 0 0;}
/*新着情報記事部分*/
#newskizi{}
#newskizi h3{background: none repeat scroll 0 0 #CEDFEC;border-radius: 10px 10px 10px 10px;font-size: 130%;margin: 0 0 15px;padding: 10px;}
#newskizi dl{float: right;font-size: 88%;margin: 0 0 10px}
#newskizi dl dt{display: block;float: left;padding: 0 5px 0 0;}
#newskizi dl dd{display: block;float: right;}
#newskizi dl dd a{text-decoration:none;font-weight:bold;}
#newskizi #newscontent{line-height: 1.6em;margin: 0 12px;}

/*faq*/
dl#faq{margin:0 0 20px 0;}
dl#faq dt{background:url(images/img_question.png) no-repeat 3px 3px #F2CAC8;overflow:hidden;padding:10px 10px 10px 40px;margin:0 0 10px 0;}
dl#faq dd{background:url(images/img_answer.png) no-repeat 3px 3px #CDE0EC; overflow:hidden;padding:10px 10px 10px 40px;margin:0 0 10px 0;}

/*ページネーション*/