@charset "UTF-8";
/*
Theme Name: okano
Theme URI:  
Description: twentytenの子テーマ  岡野機工
Author:         okano
Template:       twentyten
Version: 1.0
*/

@import url('../twentyten/style.css');

/* =Layout
-------------------------------------------------------------- */

#container {
	float: right;
	margin: 0 0 0 -240px;
	width: 100%;
}
#content {
	margin: 0 20px 0 250px;
}
#primary,
#secondary {
	float: left;
	overflow: hidden;
	width: 220px;
}

#primary{
	clear: left;
}
#footer {
	clear: both;
	width: 100%;
}

#top-sidebar{
    float: left;
	overflow: hidden;
	width: 350px;	
}
.home #container{
    margin: 0 0 0 -370px;
}
.home #content {
	margin: 0 20px 0 370px;
}
#footer {
	clear: both;
	}

/* =Structure
-------------------------------------------------------------- */
body{
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, Verdana, Helvetica, "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, sans-serif;
}
#wrapper {
	background: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}


/* =Header
-------------------------------------------------------------- */

#header {
	padding: 0;
}
#site-description {	
	margin: 50px 0 18px 0;
	width: 125px;
}
#branding img {
	border: none;	
}
.top-navigation{
   float: right;
   padding-top: 10px;
}

.top-navigation a{
   color: #666;
   text-decoration: none;

}
.top-navigation li{
   display: inline;
   background: url(img/top-nav.gif) no-repeat;
   background-position: right center;
   padding-right: 13px;
}
.top-navigation li:last-child{
   background: none;
}


/* =Menu
-------------------------------------------------------------- */

#access {
	background: url(img/gnav_back.jpg) repeat-x;
	height: 59px;
	
}
#access .menu-header,
div.menu {
	font-size: 14px;

}
#access .menu-header li,
div.menu li {
	padding-top: 9px;	
}

#access .menu-header li li,
div.menu li li{
	padding-top: 0;
	border-bottom: 2px solid #14A83A;
}
#access a {
	color: #666;
	font-weight: bold;
	padding: 0 15px;
	border-right: 1px solid #CCC;
}

#access ul ul a {
	background: #fff;
	line-height: 1em;
}
#access ul ul a {
	background: #fff;
	
}
#access li:hover > a{
    background: none;
    color: #333;
}
#access ul ul :hover > a {
	background: #fff;
	color: #333;
}

#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #077D3D;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #077D3D;
}

/* =Future
-------------------------------------------------------------- */
#header .catch{
   text-align: center;
   clear: both;
}
#header .catch img{
   padding: 15px 0 15px 0;
}
#header .blog-top{
   text-align: center;
   clear: both;
}

#header .blog-top img{
   padding: 15px 0 0 0;
}

.future{
   padding-left: 10px;
   margin-bottom: 0;
   overflow: hidden;
}
.future li{
   list-style: none;
   float: left;
   margin-right: 11px;
   margin-bottom: 0;
}
/* =Top 
-------------------------------------------------------------- */
.home #content h2{
   margin-bottom: 0;
   background: none;
   padding: 0;
   line-height: 1;
}
.home #content h2.top-blog-title{
   margin-bottom: 0;
   padding: 0;
}
.top-blog{
   border: 2px solid #E2F1EC;
   padding: 10px;
   margin-bottom: 10px;
   }
.top-blog p{
   font-size: 13px;
}
/* =Top side bar
-------------------------------------------------------------- */
#top-sidebar ul.schedule,
#top-sidebar ul.news{
   border: solid 1px #ccc;
   padding: 5px 5px 5px 15px;
}
#top-sidebar h3{
   background: none;
   padding: 0;
   margin-bottom: 0;
   vertical-align: bottom;
   line-height: 1;
}
#top-sidebar li{
   padding-bottom: 5px;
}
.news a{
   color: #666;
   background: url(img/allow2.jpg) no-repeat;
   background-position: left center;
   padding-left: 10px;  
}
.top-banner p{
margin-bottom: 5px;
}

/* =Top menu
-------------------------------------------------------------- */
ul#menu-top-1,
ul#menu-top-2{
   margin: 0 0 15px 0;
   
   }
#menu-top-1 li,
#menu-top-2 li{
    list-style: none;
    border: 1px solid #ccc;
    padding: 9px; 
    margin-bottom: 5px;
    font-size: 16px;
}
#menu-top-1 a,
#menu-top-2 a{
    color: #333;
    text-decoration: none;
    background: url(img/allow.jpg) no-repeat;
    background-position: left center;
    padding-left: 10px;
    width: 500px;
    display: block;
}
#content #menu-top-1 a:hover,
#content #menu-top-2 a:hover{
   color: #0184CA;
}
#menu-top-1 .top-1-1{
    background: url(img/commodity_1_1.jpg) no-repeat;
    background-position: right center;
}
#menu-top-1 .top-1-2{
    background: url(img/commodity_1_2.jpg) no-repeat;
    background-position: right center;
}
#menu-top-1 .top-1-3{
    background: url(img/commodity_1_3.jpg) no-repeat;
    background-position: right center;
}
#menu-top-1 .top-1-4{
    background: url(img/commodity_1_4.jpg) no-repeat;
    background-position: right center;
}
#menu-top-1 .top-1-5{
    background: url(img/commodity_1_5.jpg) no-repeat;
    background-position: right center;
}
#menu-top-2 .top-2-1{
    background: url(img/commodity_2_1.jpg) no-repeat;
    background-position: right center;
}
#menu-top-2 .top-2-2{
    background: url(img/commodity_2_2.jpg) no-repeat;
    background-position: right center;
}
#menu-top-2 .top-2-3{
    background: url(img/commodity_2_3.jpg) no-repeat;
    background-position: right center;
}
#menu-top-2 .top-2-4{
    background: url(img/commodity_2_4.jpg) no-repeat;
    background-position: right center;
}
#menu-top-2 .top-2-5{
    background: url(img/commodity_2_5.jpg) no-repeat;
    background-position: right center;
}
/* =Content
-------------------------------------------------------------- */
.entry-content{
	overflow: hidden;
}
#content .entry-title {
	color: #333;
	font-size: 18px;
    background: url(img/h1.jpg) no-repeat;
	padding-left: 55px;
	line-height: 35px;
	border: none;
}
#content .entry-title a{ 
    color: #666;
}
#content h2,
.archive #content  .entry-title,
.blog #content .entry-title{
    font-size: 16px;
    background: url(img/h2_cont.jpg) no-repeat;
	padding-left: 55px;
	line-height: 35px;
	border: none;
	clear: both;
}
.archive #content .entry-title a{
    color: #333;
}
#content h3{
    font-size: 14px;
    background: url(img/h3.jpg) no-repeat;
	padding-left: 55px;
	line-height: 35px;
	border: none;
    clear: both;
}
#content p,#content ul,#content ol{
    font-size: 13px;
    line-height: 1.6;
}
#content ul li{
    list-style: none;
    background: url(img/list.jpg) no-repeat;
    background-position: 0 8px;
    padding-left: 10px;
    padding-bottom: 5px;
}
#content ol li{
    list-style:  decimal;
    list-style-position: outside;
    padding-bottom: 5px;
}
#content a:hover{
     color: #666;
}
#content td{
     font-size: 13px;
}
.center{
     text-align: center;
}
.right{
    text-align: right;
}
.linkR{
    text-align: right;
}
.linkR a{
   color: #666;
   background: url(img/allow.jpg) no-repeat;
   background-position: left center;
   padding-left: 10px;  
}
.big{
	font-size: 18px;
}
.orange{
	color: #ff6600;
	font-weight: bold;
}
.green{
	color: #29904B;
	font-weight: bold;
}
.bold{
	font-weight: bold;
}

/*　ページナビ　*/
.pagenav {
	color: #333;
	margin: 1em auto;
	line-height:2em;
	text-align:center;
	font-size:12px;
}
.pagenav a{
    color: #333;
}
.pagenav a:hover{
    color: #FFF;
}
a.page-numbers, .pagenav .current {
	color: #333;
	padding: 2px .4em;
	border:solid 1px #ccc;
	text-decoration:none;
	font-size:12px;
}

#content a.page-numbers:hover {
	color:#FFF;
	background: #999;
}


.pagenav .current {
	color: #FFF;
	background: #666;
	border-color: #666;
	font-weight:bold;
}

.pagenav .next, .pagenav .prev {
	border:0 none;
	background:transparent;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;
}
#content a.next:hover {
	color:#666;
	background: none;
}
/* セミナー
-------------------------------------------------------------- */

#content table.seminar-sch .seminar-down{
    width: 45%
}
#content table.seminar-sch .seminar-down p{
    margin-bottom: 0;
    background: #8BC456;
    padding: 5px 0;
}
#content table.seminar-sch a{
    padding-left: 115px;
    color: #fff;
    background: url(img/pdf.gif) no-repeat; 
    background-position: left center;
    
}

/* 会社概要
-------------------------------------------------------------- */

#content tr th{
	color: #333;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	padding: 9px 18px;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	background: #F5F5F5;
	text-align: left;
}
#content .company tr th{
	min-width: 8em !important;
	width: 8em;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 18px;
}

/* サイトマップ
-------------------------------------------------------------- */
.menu-sitemap-container ul#menu-sitemap li{
     line-height: 2;
     background: none;
}
#menu-sitemap a{
    color: #333;
    text-decoration: none;
    background: url(img/allow2.jpg) no-repeat;
	background-position: 0 5px;
	padding: 5px 0 5px 8px;
}
/* Q&A
-------------------------------------------------------------- */
dl#qa{
    font-size: 14px;
}
#qa .question{
    background: url(img/question.gif) no-repeat;
    border-bottom: 1px dotted #999;
    padding: 3px 0 2px 27px;
    margin-bottom: 7px;
}
#qa .answer{
    background: url(img/answer.gif) no-repeat;
    padding-left: 27px;
    margin-bottom: 20px;
    margin-left: 30px;
}
/*リンク
-------------------------------------------------------------- */
#content ul.link{
    margin-left: 0;
}
#content .link li{
    list-style: none;
    background: none;
}
#content .linkcat ul li{
    background: url(img/list.jpg) no-repeat;
    background-position: 0 8px;
    padding-left: 10px;
    padding-bottom: 5px;
}
/* =Widget Areas
-------------------------------------------------------------- */

/*メニュー*/
#menu-sidemenu{
   background: #F2F2F2;
   border: solid 3px #E7E7E7;
}

#primary #menu-sidemenu .sub-menu{
	margin-left: 0px;
	margin-top: 0;
}
#primary #menu-sidemenu .sub-menu ul{
    margin-left: 0px;   
}	

#menu-sidemenu  li {
	list-style: none;
	margin: -1px 5px 0 5px;	
	border-top: solid 1px #DDD;
	background: url(img/allow2.jpg) no-repeat;
	background-position: 0 10px;
	padding: 5px 0 5px 8px;
	
}
#menu-sidemenu .sub-menu li{
    border: none;
    background: url(img/allow2.jpg) no-repeat;
    background-position: 0 10px;
	padding: 5px 0 5px 8px;
}
#menu-sidemenu a{
   color: #333;
   display: block;   
}
#menu-sidemenu a:hover{
   color: #999;
   text-decoration: none;
}

/*ブログ*/
#main #primary .widget-container ul{
	margin-left: 0;
}
#main #primary .widget-container ul ul{
    margin-left: 0;   
}	
#primary .widget-title{
   border-bottom: 2px solid #8BC456;
}
#primary .widget-container ul li{
   list-style: none;
   background: url(img/link.gif) no-repeat;
   background-position: 0 8px;
   padding: 2px 0 2px 5px;
}
#primary .widget-container a{
   color: #333;
}


/* =Footer
-------------------------------------------------------------- */
#footer {
	margin-bottom: 0;
}
#colophon {
	border-top: 2px solid #999;
	padding: 5px 0;
}
.copy {
	 font-weight:normal;
	 text-align: center;
	 border: 1px solid #BFE0F1;
	 padding-top: 20px;
	 padding-bottom: 20px;
}
.copy p{
     margin-bottom: 0;
}