/*
Theme Name: linkplanet
Description: リンクプラネット用テーマ
Auther: T Hashimoto
Auther URI: http://linkplanet.co.jp/
Version: 1.0
Tags: green eco
*/

/* 全体的なルール */
* {margin: 0;padding: 0;font-size: 100%;}
body{background-image:url(image/bgbg.gif) ;font-family: "ヒラギノ丸ゴ Pro W4","MS P ゴシック","Osaka",sans-serif;}
#bg-border{margin: 0 auto 0 auto;}
#bg-border2{background-image: url(image/border.png);background-repeat: repeat-y;width: 820px;margin: 0 auto 0 auto;}
/* ヘッダーテンプレート */
div#page {width: 820px;margin: 30px auto 0 auto;}
#p-area {width: 800px;margin: 0 auto 0 auto;}
#rokuper {text-align: right;font-size: 10pt;color: green;padding-right: 15px;}
#header-img{background-image: url(image/header/header-bg.png);height: 80px;background-repeat: repeat-x;}
#menu{width: 800px;height: 35px;}
#menu-area li{list-style: none;text-align: center;line-height: 2.5em;font-size: 11pt;float: left;}
.menu-bt {background-image: url(image/header/menu-b1.png);width: 160px;height: 35px;}
.menu-bt ul {display: none;}
.menu-bt li {background-color: #77f540;width: 159px;clear: both;border-left: 1px solid green;border-right: 1px solid green;border-bottom: 1px solid green;}
.menu-bt:hover > ul {display: block;position: relative;left:-1px;top: -2px;}
.menu-bt li:hover > ul {display: block;position: absolute;top: 0;left:160px;}
.menu-bt li li:hover > ul {display: block;position: absolute;top: 0;left:-160px;}
.menu-bt2 {background-image: url(image/header/menu-b2.png);width: 160px;height: 35px;}
.menu-bt2 ul {display: none;}
.menu-bt2 li {background-color: #77f540;width: 159px;clear: both;border-left: 1px solid green;border-right: 1px solid green;border-bottom: 1px solid green;}
.menu-bt2:hover > ul {display: block;position: relative;left:-1px;top: -2px;}
.menu-bt a {display: block;}
.menu-bt2 a {display: block;}
#menu-area a:link, #menu-area a:visited {color: white;}
#menu-area a{text-decoration: none;}
#menu-area a:hover {color: yellow;}
#menu-area li li a:link, #menu-area li li a:visited {color: green;font-size: 9pt;line-height: 1.5em;padding: 5px 0 5px 0;}
#menu-area li li a{text-decoration: none;}
#menu-area li li a:hover {color: red;background-color: #ffff00;	}
.sub-dropmenu a:link, .sub-dropmenu a:visited {background-color: #ffff00;}
#menu-area li li li a:hover {color: yellow;background-color: #ff9900;	}
.searchform {font-size: 8pt;float: right;margin-top: -30px;padding-right: 20px;}
#mainbg-img {background-image: url(image/main-back.gif);background-repeat: repeat-y;}
#riyo-tag {clear: both; color: white;background-color:black;padding: 0 10px 5px 10px;font-size: 9pt;}
#riyo-tag a:link,#riyo-tag a:visited {color: yellow;}
#ytb-bg {background-image: url(image/bg-black.gif);background-repeat: repeat-y;}
#ytb-home {float: left;padding: 10px 0 10px 10px;width: 330px;background-image: url(image/bg-black.gif);background-repeat: repeat-y;}
#ytb-home-text {float: right;width: 460px;color: white ;background-image: url(image/bg-black.gif);background-repeat: repeat-y;}
#ytb-home-text h2 {color: red;text-align: center;padding: 20px 0 20px 0;}
#ytb-home-text p {padding: 0 15px 0 15px;line-height: 1.75em;}
#ytb-home-text h3 {color: yellow;text-align: center;padding: 10px 0 5px 0;}
#mainbg-img-home {background-image: url(image/bg-black.gif);background-repeat: repeat-y;}

/*　フッター用テンプレート　*/
.banner-img {text-align: right;padding: 10px 25px 15px 0;}
.banner-img a:hover {position: relative;top: 1px;left: 1px;}
#footer-img {border-style: none;}
#footer {width: 800px;clear: both;text-align: center;position: relative;}
#footer-menu {padding: 5px 0 0 0;background-color: #6efd34;}
#footer-menu li{font-size: 11pt;list-style: none;display: inline;text-align: center;}
#footer-menu a:hover {text-decoration: none;}
#copyright {width: 800px;height: 50px;font-size: 9pt;text-align: center;color: white;background-image: url(image/footer.png);}
#copyright p {padding: 30px 0 0 0;}
#footer a:link, #footer a:visited {color: green;}
#footer a{text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer .riyo-tag2 {color: green;background-color:#ffff00;padding: 5px 10px 5px 10px;font-size: 9pt;text-align: left;}
#footer .riyo-tag2 a:link, #footer .riyo-tag2 a:visited {color: green;text-decoration: underline;}
#copyright .text-right {text-align: right;position: relative;top: -1.5em;}
#copyright a:link, #copyright a:visited {color: white;}

/* コンテンツ部分 */
#ps-intro {color: #fba316;font-size: 10pt;background-color: #6efd34;padding: 0 15px 20px 15px;}
#ps-intro h2{text-align: center;padding: 5px 0 5px 0;font-size: 12pt;color: #ff3e00;text-decoration: underline;}
#ps-intro li {list-style: none;}
#ps-intro h3 {color: #ff3e00;padding-top: 10px;font-size: 10.5pt;}
#ps-intro h4 {color: green;padding-top: 10px;padding-bottom: 0;}
#ps-intro p {color: #005f00;}
#ps-intro .text-right {text-align: right;}
#image {width: 800px;height: 250px;background-image: url(image/toppage/top-img.png);}
#imgflash {width: 800px;height: 350px;}
#news-t {height: 30px;color: yellow;font-size: 10pt;background-image: url(image/toppage/news.png);text-align: center;line-height: 30px;}
#news {float: left;width: 300px;height: 290px;background-color: white;background-repeat: repeat-x;overflow: auto;}
#news li {list-style: none;border-bottom: 1px dotted green;padding: 0 10px 0 10px;font-size: 9pt;}
#banner-area-left {float: left;width: 250px;height: 290px;background-color: white;}
#banner-area-right {float: right;width: 250px;height: 290px; background-color: white;}
.banner {padding: 4.5px 12.5px 4.5px 12.5px;}
.banner a:hover {position: relative;top: 1px;left: 1px;}
.banner h4 {font-size: 7pt;}
#news a:link, #news a:visited {color: #058003;}
#news a{text-decoration: none;}
#news a:hover {text-decoration: underline;}
#contents-area {float: right;width: 600px;}
.pagetitle{width: 560px;height: 100px;background-image: url(image/title/title-a.jpg);background-repeat: no-repeat;margin: 0 20px 20px 20px;}
.pagetitle h1 {font-size: 15pt;text-align: left;color: white;text-indent: 1em;line-height: 7em;margin-left: 20px;}
.pagetitle2{width: 560px;height: 100px;background-image: url(image/title/title-b.jpg);background-repeat: no-repeat;margin: 0 20px 20px 20px;}
.pagetitle2 h1 {font-size: 15pt;text-align: left;color: white;text-indent: 1em;line-height: 7em;margin-left: 20px;}
.pagetitle3 {width: 560px;height: 100px;background-image: url(image/title/title-c.jpg);background-repeat: no-repeat;margin: 0 20px 20px 20px;}
.pagetitle4 {width: 560px;height: 100px;background-image: url(image/title/title-d.jpg);background-repeat: no-repeat;margin: 0 20px 20px 20px;}
.pagetitle3 h1 {font-size: 15pt;text-align: left;color: white;text-indent: 1em;line-height: 7em;margin-left: 20px;}
.pagetitle4 h1 {font-size: 15pt;text-align: left;color: yellow;text-indent: 1em;line-height: 7em;margin-left: 20px;}
.pagetitle5{width: 560px;height: 100px;background-image: url(image/title/title-e.png);background-repeat: no-repeat;margin: 0 20px 20px 20px;}
.pagetitle5 h1 {font-size: 15pt;text-align: left;color: white;text-indent: 1em;line-height: 7em;margin-left: 20px;}

.posttitle {padding: 0 30px 20px 30px;font-size: 10pt;list-style: none;}
.posttitle h1 {text-align: center;}
.posttitle a:link,.posttitle a:visited {color: #058003;}
.index h4 {font-size: 9pt;color: gray;text-align: right;padding: 5px 20px 0 0;}
.index a:link, .index a:visited {color: gray;}
.index a{text-decoration: none;}
.index a:hover {text-decoration: underline;}
#comment-area {clear: both;}
#tyuui {font-size: 11pt;line-height: 1.75em;}
.img-center3 {font-size: 13pt;text-align: center;padding-bottom: 15px;}
.oshirase {}
.oshirase h3 {padding-bottom: 15px;text-align: center;text-decoration: underline;color: #e2670c;}
.oshirase p{background-color: #eeffee;line-height: 2em;padding: 15px 15px 15px 15px;}
.oshirase li{list-style: none;}
.oshirase ul{padding: 15px;}
.ecomark {text-align: center;}
.ecomark .img-center{float: right; padding: 30px 40px 0 0;}
/*　サイトマップ　*/
div.ddsg-wrapper a:link, div.ddsg-wrapper a:visited{text-decoration: none;color: blue;}
div.ddsg-wrapper a:hover {color: #0080ff;text-decoration: underline;	}
div.ddsg-wrapper {font-size: 9pt;}
div.ddsg-wrapper ul ul li:before{content: "◆ ";color: red;}
div.ddsg-wrapper ul ul ul li:before{content: "◆ ";color: green;}
div.ddsg-wrapper ul ul ul ul li:before{content: "◆ ";color: navy;}
div.ddsg-wrapper ul li:before{content: url(image/link-before.gif);color: blue;}
div.ddsg-wrapper li {padding: 0 20px 0 20px;list-style: none;line-height: 1.5em;}
div.ddsg-wrapper h2{color: #686868;font-size: 13px;font-weight: normal;padding: 3px 20px 3px 20px;border-bottom: 1px dotted gray;}
/*　Page-Nav　*/
div.wp-pagenavi{padding: 0 0 20px 20px;font-size: 9pt;}
/*　サイドバー */
#sidemenu {float: left;width: 200px;}
#side-menu-button {padding: 10px 0 10px 0;}
#side-menu-button li{list-style: none;text-align: left;font-size: 10pt;border-bottom: 1px dotted green;text-indent: 1em;}
#side-menu-button ul{display: none;width: 100%}
#side-menu-button ul li{border: none;font-size: 9pt;text-indent: 2em;}
#side-menu-button li li a:hover{color: red;}
#side-menu-button li:hover > ul{display: block;}

.top-button {border-top: 1px dotted green;}
#side-menu-button-2 {padding: 0 0 10px 0;}
#side-menu-button-2 li{padding: 3px 10px 3px 10px;list-style: none;text-align: left;font-size: 10pt;}
#side-menu-button a:hover {position: relative;left: 3px;width: 197px;}
#sidebar-news {font-size: 8pt;}
#sidebar-news li{text-decoration: none;display: block;}
#sidebar-news li {border-bottom: 1px dotted green;padding-left: 10px;}
#sidemenu h3 {width: 200px;text-align: center;color: green;font-size: 10pt;font-weight: normal;padding: 10px 0 0 0;font-weight: bold;}
#side-banner {text-align: center;list-style: none;padding-top: 15px;}
#side-banner a:hover {position: relative;top: 1px;left: 1px;}
#side-menu-button a:link, #side-menu-button a:visited {color: green;}
#side-menu-button a{text-decoration: none;padding-top: 5px;padding-bottom: 5px;display: block;}
#side-menu-button a:hover {background-image: url(image/sidebar/menu-button-on.png);color: red;}
#side-menu-button-2 a:link, #side-menu-button-2 a:visited {color: blue;}
#side-menu-button-2 a {text-decoration: none;}
#side-menu-button-2 a:hover {color: #0080ff;text-decoration: underline;}
/*会社情報*/
.news-release {float: right;}
.news-release h4{width: 600px;font-size: 10pt;font-weight: normal;background-color: #d0d0d0;text-indent: 10px;}
.news-release ul {padding-top: 20px;padding-bottom: 20px;}
.news-release li {list-style: inside;font-size: 9pt;padding-left: 10px;line-height: 2em;list-style-image: url(image/link-before.gif);}
.news-release a:link, .news-release a:visited {color: green;}
.news-release a{text-decoration: none;}
.news-release a:hover {text-decoration: underline;}
table#outline{font-size: 10pt;width: 540px;}
#outline .left {width: 150px;text-align: center;background-color: #cfffd2;font-weight: bold;color: green;}
#outline .left2 {width: 200px;text-align: center;background-color: #cfffd2;font-weight: bold;color: green;}
#outline td {padding: 5px 5px 5px 5px;line-height: 2em;background-color: #eefafa;}
#address {padding: 15px 15px 15px 15px;font-size: 10pt;text-align: center;line-height: 3em;}
#map {text-align: center;padding: 20px 20px 50px 20px;}
#linkplanet-kokoro {padding: 20px 20px 20px 20px;text-align: center;}
#stoe {text-align: center;padding-bottom: 20px;}
#rinen {padding: 10px 10px 0 10px;list-style-position: inside;}
#rinen dt {font-size: 11pt;color: blue;padding: 6px 0 0 0;text-decoration: underline;}
#rinen dd {padding: 0 15px 5px 15px;}
#rinen ol {padding-left: 30px;list-style-position: inside;}
.button-line {list-style: none;float: left;}
.button-line li {padding-left: 20px;}
#with-border {border-bottom: 1px dotted green;padding-bottom: 15px;}
.button-line a:hover {position: relative;top: 1px;left: 1px;}
.network h4{font-size: 15pt;text-align: left;}
.network {border-bottom: 1px dotted green;}
/*製品情報*/
.sub-menu {clear: both;padding-top: 30px;}
.sub-menu li{list-style: none;text-align: center;padding-bottom: 20px;}
#link-blue a:link,#link-blue a:visited {color: blue;}
.riyo-sub-title {text-align: center;font-size: 12pt;font-weight: bold;}
.img-center {clear: both;text-align: center;padding-bottom: 15px;}
.img-center a:link, .img-center a:visited {color: blue;}
.genba-img{text-align: center;background-color: #fffbcc;border: 2px solid yellow;padding-top: 20px;margin-bottom: 20px;}
.genba-img li{list-style: none;}
.genba-img h4{font-size: 12pt;font-weight: bold;color: #007e00;}
.setumei {text-align: center;font-size: 11pt;padding-bottom: 10px;}
#keyword-tag {width: 178px;border: 1px solid green;background-color: white;margin-left: 10px;}
#keyword-tag a{padding-left: 5px;padding-right: 5px;}
#keyword-tag-title {width: 180px;font-size: 9pt;text-align: center;background-color: green;margin-left: 10px;}
#keyword-tag-title a:link,#keyword-tag-title a:visited {color: white;text-decoration: none;display: block;}
.key {text-align: left;padding: 10px 40px 10px 40px;}
.tag-title {margin-left: 30px;margin-right: 30px;text-align: center;line-height: 2.5em;background-color: #fffbcc;color: green;margin-bottom: 20px;border: 1px solid #ff7200;}
#seven-points {padding: 0 20px 0 20px;line-height: 2em;}
#seven-points li{list-style: none;padding-bottom: 15px;}
#seven-points h4{color: green;font-size: 16pt;}
#koka {padding: 10px 15px 10px 15px;}
#koka p{text-indent: 3em;}
.outline2 {width: 540px;font-size: 10pt;padding-bottom: 15px;border-bottom: 1px dotted green;}
.outline2 .left2 {width: 120px;text-align: center;background-color: #cfffd2;font-weight: bold;color: green;text-indent: 0em;}
.outline2 td {padding: 5px 5px 5px 5px;line-height: 2em;background-color: #eefafa;text-indent: 2em;}
.img-center2 {text-align: center;padding-top: 15px;font-size: 18pt;color: green;}
.outline2 li{list-style: none;}
.sonota .img-center {font-size: 12pt;color: black;padding-top: 15px;text-decoration: underline;}
.sonota .img-center2 {font-size: 12pt;color: black;}
.sonota .outline2 {width: 540px;font-size: 10pt;padding-bottom: 15px;}
.sonota2 {border-top: 1px dotted green;text-align: center;padding-bottom: 10px;}
.sonota2 .img-center {font-size: 12pt;color: black;padding-top: 10px;text-decoration: underline;}

#catalog-dl {clear: both;text-align: center;border-top: 1px dotted green;padding-top: 15px;padding-bottom: 10px;}
#catalog-dl a:link, #catalog-dl a:visited {color: blue;}
#catalog-dl a:hover {position: relative;top: 1px;left: 1px;}
.role {padding: 20px 0 10px 0;line-height: 2em;}
.role h2 {text-align: center;font-size: 15pt;padding-bottom: 10px;}
#danger {padding: 15px 0 15px 0;}
#danger h4{font-size: 13pt;color: green;}
#danger ul{padding: 5px 0 5px 0;list-style-image: url(image/atention.gif);list-style-position: inside;line-height: 2.5em;}
#atention {padding: 5px 10px 5px 10px;border: 1px dotted green;line-height: 2.25em;}
#oteire{padding: 15px 0 15px 0;line-height: 2.25em;}
#oteire h4 {font-size: 13pt;color: green;}
.nagare {padding-bottom: 15px;}
.nagare h4{font-size: 13pt;color: green;padding-top: 10px;}
.nagare ul{padding: 10px 10px 10px 10px;border: 1px dotted green;list-style-position: inside;}
.nagare-title {font-size: 13pt;background-color: yellow;padding-bottom: 10px;text-align: center;}
.sub-menu a:link, .sub-menu a:visited {color: #058003;text-decoration: none;}
.sub-menu a:hover {position: relative;left: 1px;top: 1px;}
.img-s-left {float: left; width: 200px; padding: 15px 15px 15px 45px;}
.outline3 {width: 540px;font-size: 10pt;padding-bottom: 15px;}
.outline3 .left2 {width: 200px;text-align: center;background-color: #cfffd2;font-weight: bold;color: green;}
.outline3 td {padding: 5px 5px 5px 5px;line-height: 2em;background-color: #eefafa;text-indent: 2em;}
#fence-color {text-align: center;border-bottom: 1px dotted green;padding-bottom: 15px;}
#ps-link li{list-style: none;width: 249px; float: left;padding: 5px 15px 5px 0;}
#ps-link a:hover {position: relative;left: 1px;top: 1px;}
.products {font-size: 15pt;padding: 5px 0 15px 0;text-align: center;color: green;font-weight: bold;}
.moji-center {text-align: center;padding: 15px 0 15px 0;border-top: 1px dotted green;clear: both;font-size: 12pt;font-weight: bold;}
.moji-center2 {text-align: center;font-size: 12pt;color: green;}
.moji-left{clear: both;text-decoration: underline;font-size: 10pt;color: red;padding: 0 35px 10px 35px;}
#hikaku {font-size: 12pt; padding: 15px 30px 25px 30px;color: maroon;font-weight: bold;}
.record-text {text-align: left;line-height: 2em;padding: 5px 30px 5px 30px;}
#spec-list li{list-style: none; text-align: center;}
#spec-list a:link, #spec-list a:visited {color: blue;}
#spec-list {padding: 20px 0 20px 0;border-bottom: 1px solid #eefafa;}
/*　フォーム　*/
#contents-area-form {float: right;width: 800px;background-color: white;line-height: 1.75em;}
.pagetitle-form h1{text-align: center;padding: 0 0 20px 0;text-decoration: underline;font-size: 15pt;}
#form-table{width: 680px;padding-left: 70px;}
#form-table .left2 {width: 250px;text-align: center;background-color: #cfffd2;font-weight: bold;color: green;text-indent: 0em;}
#form-table td {text-align: left; padding: 5px 0 5px 0;line-height: 2em;background-color: #eefafa;text-indent: 2em;}
.form-page{font-size: 10pt;text-align: center;}
#kakunin {color: red;font-size: 11pt;line-height: 2em;font-weight: bold;padding-left: 30px;}
.chapter-f {clear: both;padding-top: 10px;}
.chapter-f p{padding: 0 0 20px 30px;}
.telfax {font-weight:bold;font-size: 15pt;color: green;padding: 0 0 10px 0;text-align: center;}
.sub-menu-f li{width: 250px;list-style: none;text-align: center;float: left;padding-left: 12px;padding-bottom: 10px;}
.sub-menu-f a:link, .sub-menu-f a:visited {color: blue;text-decoration: none;}
.sub-menu-f a:hover {position: relative;left: 1px;top: 1px;}
#kakunin a:link, #kakunin a:visited {color: blue;text-decoration: none;}
#kakunin a:hover {text-decoration: underline;}
.kazu {width: 50px;}
#get-reader {padding: 5px 20px 0 20px;border: 1px dotted green;clear: both;}
#get-reader a{float: left;padding-right: 10px;}
#sitajimenu {margin-top: 5px;margin-bottom: 5px;}
#submit-button {padding: 15px 0 5px 0;text-align: center;}
.position {padding-left: 30px;}
.position a:link, .position a:visited {color: blue;text-decoration: none;}
.position a:hover {text-decoration: underline;}

/*　コラム　*/
#column {line-height: 2.5em;}
.recycle-img {list-style: none;text-align: center;}
.challenge {font-size: 14pt;text-align: center;color: red;padding: 10px 0 0 0;}
#challenge-list {list-style-type:decimal;list-style-position: inside;padding-bottom: 15px;}
#challenge-list li {padding-bottom: 10px;}
#challenge-list li li {padding: 0 0 0 0;}
#sign{text-align: right;padding-right: 25px;}
/*　検索結果　*/
#search-title {padding: 0 30px 20px 30px;color: red;}
/* FAQ */
.question {padding-top: 10px;padding-bottom: 5px;}
.answer {padding-bottom: 5px;border-bottom: 1px dotted green;}

/*期間限定*/
/*リ・ポイント*/
#repoint {padding-bottom: 20px;}
#repoint h4 {color: green;font-size: 14pt;padding: 10px 0 0 0;}
#repoint li {font-size: 12pt;list-style: none;padding: 15px 15px 0 15px;}
#repoint .example {padding: 5px 15px 5px 15px;background-color: #d9d9d9;}
#repoint .repoint-list-ch {font-size: 10pt;line-height: 1.75em;padding: 5px 15px 0 15px;}
#repoint .attention {border: 2px solid red;padding: 0 15px 0 15px;}

/*page-navi*/
.wp-pagenavi .pages {font-size: 10pt;border: 1px solid green;}
.wp-pagenavi .current {padding: 0 3px 0 3px;}
.wp-pagenavi .page {padding: 0 3px 0 3px;}
.wp-pagenavi .previouspostslink {padding: 0 3px 0 3px;}
.wp-pagenavi .nextpostslink {padding: 0 3px 0 3px;}
.wp-pagenavi a:link,.wp-pagenavi a:visited {color: blue;}