@charset "utf-8";

/*--------------------------------------------------
Theme Name: koyodenshi
Theme URI: http://www.koyodenshi.co.jp/
Description: コーヨー電子
Version: 1.0
Author: コーヨー電子
--------------------------------------------------*/

@import url(default.css);
@import url(common.css);

body {
  background-color:#e6faf9;
  font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

ul ,
ol {
  list-style-position:outside;
}

ul li {
  margin-left:2em;
  list-style-type:disc;
}


ol li {
  margin-left:2em;
  list-style-type:decimal;
}

h2 {
  margin-bottom:20px;
  padding:0.1em 5px;
  height:36px;
  font-size:150%;
  color:#334999;
  font-weight:bold;
  background:url(images/titlebar.gif) no-repeat;
}

#header {
  margin:auto;
  position:relative;
  width:810px;
  height:51px;
  background:url(images/header_bk.jpg) no-repeat;
  background-color:#ffc;
  z-index:1;
}


#header h1 {
  position:absolute;
  top:4px;
}


#container {
  position:relative;
  margin:0 auto;
  padding:10px 0;
  width:810px;
  background-color:#fee;
  background-color:#fff;
  _zoom:1;
  overflow: hidden;
}

#main {
  float:right;
  display:inline;
  width:567px;
  line-height:1.5;
}

#main .inner {
  width:552px;
  background-color:#fff;
}

#sidebar {
  width:208px;
  margin-left:15px;
  background-color:#fff;
  min-height:700px;
  height: auto !important;
  height: 560px;
}

#sidebar img {
  vertical-align:bottom;
}

.navi {
  background: #ccc url(images/sidebar_bottom.gif) no-repeat left bottom;
}


#sidebar li {
  margin:0;
  padding:0;
  background: url(images/sidebar_back99.jpg) no-repeat;
  font-weight:bold;
  list-style-type:none;
  text-align:center;
  background-color:#333;
  height:44px;
  text-align:left;
}

#sidebar li a {
  padding:18px 10px 10px 30px;
  background: url(images/navi_icon.gif) no-repeat 14px 14px;
  text-decoration:none;
  display:block;
  position:relative;
  font-size:12px;
  color:#000;
}


#sidebar li a:hover {
  background: url(images/navi_icon_on.gif) no-repeat 14px 14px;
  color:#09f;
}

#sidebar #naviList1{
  background: url(images/sidebar_back01.jpg) no-repeat;
}
#sidebar #naviList2{
  background: url(images/sidebar_back02.jpg) no-repeat;
}
#sidebar #naviList3{
  background: url(images/sidebar_back03.jpg) no-repeat;
}
#sidebar #naviList4{
  background: url(images/sidebar_back04.jpg) no-repeat;
}

#sidebar #links {
  margin:30px auto;
  text-align:center;
}

#sidebar #links p {
    margin:0 0 18px;
}

#iso {
  position:absolute;
  bottom:10px;
  left:10px;
}


#footer {
  width:810px;
  margin:auto;
  clear:both;
  background: url(images/footer.jpg) no-repeat;
  min-height:30px;
  height: auto !important;
  height: 30px;
}

#footer .copy {
  line-height:30px;
  font-weight:bold;
  color:#fff;
}

#prev_next_links {
  clear:both;
  margin: 20px 0;
  text-align:center;
}

#sidelitop {
  background: url(images/sidelitop.gif) no-repeat;
}

ul.list01 li {
  list-style-type:none;
  padding-left:20px;
  background:url(images/list01.gif) no-repeat left 0.3em;
}

ul.list02 li {
  list-style-type:none;
  padding-left:20px;
  margin-bottom:0.5em;
  font-size:120%;
  font-weight:bold;
  background:url(images/list01.gif) no-repeat left 0.3em;
}

/*==================================================
## アイコン
==================================================*/
ul.word li {
  list-style-type:none;
  padding-left:20px;
  background:url(images/icon_doc.gif) no-repeat left 0.4em;
}

ul.word li.pdf {
  background:url(images/icon_pdf.gif) no-repeat left 0.4em;
}

ul.pdf li {
  list-style-type:none;
  padding-left:20px;
  background:url(images/icon_pdf.gif) no-repeat left 0.4em;
}

ul.pdf li.word {
  background:url(images/icon_doc.gif) no-repeat left 0.4em;
}

/*==================================================
## photoList
==================================================*/
ul.photoList {
	width:510px;
	padding:10px 0 10px 6px;
	margin:0 auto 20px;
	border:1px solid #363;
	background-color:#eee;
	list-style-type:none;
}

ul.photoList li {
	margin:0 3px 5px;
	padding:3px 3px 0;
	width:156px;
	height:196px;
	float:left;
	line-height:1.2;
	font-size:14px;
	background-color:#fff;
	text-align:center;
	display:inline;
}

ul.photoList li img {
	margin:4px 0;
}

ul.photoList:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}

/*==================================================
## photoLibraryIndex
==================================================*/
div.box01 {
  width:552px;
  margin-bottom:40px;
  background:url(images/softbank_bottom.jpg) no-repeat left bottom;
}

div.box01 div {
  position:relative;
  padding: 35px 10px 16px;
  background:url(images/softbank_top.jpg) no-repeat left top;
  _zoom:1;
  overflow: hidden;
}

div.box01 div h3 {
  position:absolute;
  top:4px;
  left:130px;
  font-weight:bold;
  font-size:140%;
}

div.box02 {
  width:552px;
  margin-bottom:40px;
  background:url(images/box02_bottom.gif) no-repeat left bottom;
}
div.box02 div {
  padding: 45px 10px 16px;
  background:url(images/box02_top.gif) no-repeat left top;
  _zoom:1;
  overflow: hidden;
}


div.photoLibrary {
  width:552px;
  padding-bottom:17px;
  margin-bottom:30px;
  background:url(images/photoLibrary_bottom.jpg) no-repeat left bottom;
}

div.photoLibrary div {
  padding: 14px 10px 0;
  background: transparent url(images/photoLibrary_top.jpg) no-repeat;
  _zoom:1;
  overflow: hidden;
}


div.softbank02 {
  width:552px;
  padding-bottom:9px;
  margin-bottom:30px;
  background:url(images/softbank02_bottom.jpg) no-repeat left bottom;
}

div.softbank02 div {
  padding: 14px 10px 0;
  background: transparent url(images/softbank02_top.jpg) no-repeat;
  _zoom:1;
  overflow: hidden;
}

ul#indexPagePhotoList {
  margin:0;
  padding:0;
}

ul#indexPagePhotoList li {
  margin:0 10px 20px;
  list-style-type:none;
  background-color:#ffc;
}


/*==================================================
## dropdown
==================================================*/
#knavi {
  width:460px;
  height:27px;
  position:absolute;
  top:18px;
  right:20px;
}

#knavi img {
  vertical-align:bottom;
}

.dropdown {
  float:left;
}

.dropdown dt {
  width:110px;
  font-weight:bold;
  cursor:pointer;
}

#knavi .dropdown dt a {
  margin:0;
  padding:0;
}

.dropdown dt:hover {
  /*background:url(images/knavi_bk_over.gif);*/
}

.dropdown dd {
  position:absolute;
  overflow:hidden;
  width:208px;
  display:none;
  z-index:200;
  opacity:0;
}

.dropdown ul {
  width:204px;
  border:2px solid #9ac1c9;
  list-style:none;
  /*border-top:none;*/
}

.dropdown li {
  display:inline;
}

.dropdown a,
.dropdown a:active,
.dropdown a:visited {
  display:block;
  padding:5px;
  color:#333;
  text-decoration:none;
}


.dropdown li a {
  width:194px;
  background:#eaf0f2;
}

.dropdown a:hover {
  background:#d9e1e4;
  color:#000;
}

.dropdown .underline {
  border-bottom:1px solid #b9d6dc;
}

/*==================================================
## flyout
==================================================*/
.flyout {
  display:block;
  position:relative;
}

.flyout dt {
  width:188px;
  border:2px solid #9ac1c9;
  padding:8px;
  font-weight:bold;
  cursor:pointer;
  background:url(images/header.gif);
  color:#fff;
}

.flyout .upperdd {
  border-bottom:none;
}

.flyout dt:hover {
  background:url(images/header_over.gif);
}

.flyout dd {
  position:absolute;
  top:0;
  overflow:hidden;
  width:208px;
  display:none;
  opacity:0;
}

.flyout ul {
  width:204px;
  border:2px solid #9ac1c9;
  list-style:none;
}

.flyout li {
  display:inline;
}

.flyout a,
.flyout a:active,
.flyout a:visited {
  display:block;
  padding:5px;
  color:#fff;
  text-decoration:none;
}

.flyout li a ,
.flyout li a:visited {
  color:#000;
  width:194px;
  background:#eaf0f2;
}

.flyout a:hover ,
.flyout li a:hover {
  background:#d9e1e4;
  color:#000;
}

.flyout .underline {
  border-bottom:1px solid #b9d6dc;
}




/*==================================================
## caption
==================================================*/
.wp-caption {
	border: 1px solid #999;
	text-align: center;
	background-color: #ffc;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption {
}


.wp-caption img {
	margin: 0;
	padding:0 0 5px 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.tempo {
  border-collapse:separate;
  background-color:#ffcdab;
  border-spacing:3px;
}

.tempo caption {
  text-align:center;
  background-color:#060;
  color:#fff;
}

.tempo th,
.tempo td {
  border:0;
  padding:2px 4px;
  background-color:#fff;
}

.tempo td.imgbx {
  padding:0;
  vertical-align:top;
 } 



/*==================================================
## トピックス
==================================================*/
/*
.list01 li.tp_box {
  margin-bottom:1em;
}
*/


/*==================================================
## ニュース
==================================================*/
#telop {
  margin:0 auto;
  overflow: hidden;
  position: relative;
  border: 2px solid #888888;
  width: 552px;
  width: 500px;
  height: 18px;
  background-color: #000000;
}

#telop-content {
  position: absolute;
  color: #fff;
  white-space: nowrap;
  display: none;
  font-size:12px;
}

/*==================================================
## flash
==================================================*/
#flash {
  margin:0 auto 20px;
}
#flash object {
  z-index:1;
}

/*==================================================
## topics 
==================================================*/
#topics {
  margin: 0 0;
  border:2px solid #eee;
  _zoom:1;
  overflow: hidden;
}

.date {
  margin-left:10px;
  font-weight:bold;
  color:#999;
}

.topics-title {
  float:right;
  display:inline;
  margin-right:10px;
  width:370px;
}

#topics_bar {
  margin:20px 0 0;
  vertical-align:bottom;
}

/*==================================================
## gekkanshi
==================================================*/
li#currentYearGekkanshi {
  margin:10px 0 20px;
  list-style:none;
  background-image:none;
  _zoom: 1; 
  overflow: hidden;
}

li#currentYearGekkanshi p {
  font-size:130%;
  font-weight:bold;

}

/*==================================================
## centerLinks
==================================================*/
#centerLinks {
  margin:10px 0 20px;
}

#centerLinks td {
  padding-top:20px;
  vertical-align:top;
}


/*==================================================
## form
==================================================*/
#post-106 fieldset {
  margin:0 auto;
  width:460px;
}

.wpcf7 {
  margin:0 auto 10px;
  padding-top:2px;
  width:552px;
  background: url(images/form_top2.gif) no-repeat;
}

.wpcf7 fieldset {
  border:1px solid black;
  padding:20px 20px 10px;
}

.wpcf7 dd {
  width:100%;
  margin-bottom:1em;
}

.wpcf7 form {
  padding-bottom:10px;
  background-color:#ffc;
  background: url(images/form_bottom.gif) no-repeat left bottom;
}

.wpcf7 p {
  margin: 20px;
}

.wpcf7 .your-postNo input {
  width:100px;
}

.wpcf7 .your-telNo input ,
.wpcf7 .your-faxNo input {
  width:150px;
}

.wpcf7 .submit {
  text-align:center;
  margin-bottom:0;
}

/*==================================================
## etc
==================================================*/