/*
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{font-family: "ヒラギノ丸ゴ Pro W4","MS P ゴシック","Osaka",sans-serif;}

/* ヘッダーテンプレート */
#page {width: 820px;margin: 0 auto 0 auto;}
#p-area {width: 800px;margin: 0 auto 0 auto;}
#title-h1 h1{font-size: 9pt;color: green;padding-bottom: 5px;background-color: white;}
#header-img{background-color: white;padding-bottom: 5px;}
#menu{width: 800px;height: 35px;}
#menu-area {padding-left: 10px;}
#menu-area li{list-style: none;text-align: center;line-height: 2.5em;font-size: 11pt;float: left;color: green;}
#menu-area a:link, #menu-area a:visited {color: green;}
#menu-area a{text-decoration: none;}
#menu-area a:hover {color: #fffe23;}
.searchform {font-size: 10pt;float: right;margin-top: -27px;padding-right: 20px;}
#main-img {padding-top: 5px;background-color: white;}
#bg-home {background-color: white;}

#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-color: #6efd34;}

/*　フッター用テンプレート　*/
.banner-img {text-align: right;padding: 10px 25px 15px 0;}
.banner-img a:hover {position: relative;top: 1px;left: 1px;}
#footer a:link, #footer a:visited {color: green;}
#footer a{text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#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; color:white;}
#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 .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;}

/* コンテンツ部分 */
.top-banner a:hover {position: relative;top: 1px;}
#ps-intro {clear: both; width: 800px; color: #fba316;font-size: 10pt;padding: 10px 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;}
#ps-intro a:link,#ps-intro a:visited {color: blue;}
#image {width: 800px;height: 350px;background-color: black;text-align: center;color: white;}
#imgflash {width: 800px;height: 350px;}

#news-t {height: 30px;font-size: 10pt;background-color: #6efd34;text-align: center;line-height: 30px;}
#news {float: left;width: 300px;height: 177px;background-repeat: repeat-x;overflow: auto;}
#news li {list-style: none;border-bottom: 1px dotted green;padding: 5px 10px 5px 10px;font-size: 9pt;color: #058003;background-color: white;}
#banner-area-left {float: left;width: 163.5px;height: 177px;background-color: black;}
#banner-area-center {float: left;width: 163.5px;height: 177px; background-color: black;}
#banner-area-right {float: left;width: 173px;height: 177px; background-color: black;}
.banner {padding: 4.5px 5px 4.5px 10px;}
.banner a:hover {position: relative;top: 1px;left: 1px;}
.banner h4 {font-size: 7pt;}
#banner-area-right .banner {padding: 3px 5px 0 10px;}
#news a:link, #news a:visited {color: #058003;}
#news a{text-decoration: none;}
#news a:hover {text-decoration: underline;}
#news-t a:link, #news-t a:visited {color: green;}
#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 h2 {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 h2 {font-size: 15pt;text-align: left;color: white;text-indent: 1em;line-height: 7em;margin-left: 20px;}
.pagetitle2 p {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 h2 {font-size: 15pt;text-align: left;color: white;text-indent: 1em;line-height: 7em;margin-left: 20px;}
.pagetitle4 h2 {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 h2 {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 p {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 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;}
#campaign h2{text-align: center;padding-bottom: 10px;}
#campaign .img-center {text-align: center; padding: 15px;}
.oshirase2 {line-height: 1.5em;}
.oshirase2 .list-a {padding: 20px 0 20px 0;}
.oshirase2 .list-b {padding: 20px 0 20px 0;}
.oshirase2 .list-a li{list-style: circle;list-style-position: inside;text-indent: 8em;}
.oshirase2 .list-b li{list-style:decimal;list-style-position: inside;text-indent: 1em;}
.oshirase2 .sign {text-align: right;padding-top: 15px;}
.footer-home {padding-left: 75px;}
.footer-home li{list-style: none;float: left;}
#footer-home2 {padding-left: 155px;}
#footer-home2 li{list-style: none;float: left;padding-right: 15px;}
.footer-home3 {padding-left: 25px;}
.footer-home3 li{list-style: none;float: left;}

/*　サイトマップ　*/
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;}
/*会社情報*/
/*製品情報*/
.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;}
.genba-img h2{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: #037f00;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;}
.outline4 {width: 540px;font-size: 10pt;padding-bottom: 15px;}
.outline4 .left2 {width: 120px;text-align: center;background-color: #cfffd2;font-weight: bold;color: green;text-indent: 0em;}
.outline4 td {padding: 5px 5px 5px 5px;line-height: 2em;background-color: #eefafa;text-indent: 2em;}
.outline4 li{list-style: none;}
.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;}
.psx-ca {border-bottom: 1px dotted green;}
#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;}

/*　トップページ追加 */
.link-color a:link, .link-color a:visited{color: green;text-decoration: none;}
#inq-tel{clear: both; float: left;background-color: white;}
#inq-tel #left-menu{width: 296px; background-color: #00aff0;float: left;font-size: 10pt;color: white;text-align: center;}
#inq-tel #right-menu{width: 498px;float: right;font-size: 10pt;color: green;text-align: center;}
.skype {float: right;}
#news-area{width: 500px;background-color: white;float: left;padding-left: 4px;}
#news-area-title{height: 30px;font-size: 10pt;background-color: #6efd34;text-align: center;line-height: 30px;}
#news-area li {list-style: none;border-bottom: 1px dotted green;padding: 5px 10px 5px 10px;font-size: 9pt;color: green;background-color: white;}
#product-area{clear: both; width: 296px;background-color: white;float: left;}
#product-area-title{height: 30px;font-size: 10pt;background-color: #6efd34;text-align: center;line-height: 30px;}
#main-service {float: left;background-color: white;width: 800px;padding: 5px 0 5px 0;}
#main-service2 {float: left;background-color: white;width: 300px;padding: 5px 0 5px 0;}
.main-service-bt{padding-bottom: 5px;}
#h2-title{width: 800px;padding: 10px 0 10px 0;background-color: white;text-align: center;}
#question-a{font-size: 10pt;padding: 10px;border: 2px dotted green;}