/*
Theme Name: PlanetaInc's WebSite
Theme URI: http://wordpress.org/
Description: 有限会社プラネッタのテーマ
Version: 1.0
Author: Tetsuya Nakayama
Tags: future,blue sky

このテーマは有限会社プラネッタのWEBサイト利用のためだけに
開発されたテーマです。他の法人・個人の方の使用はできません。

*/
html{height: 100%;}


body{
       font-family: arial, sans-serif;
       padding: 0px;
       margin: 0px;
       font-size: 12px;
       background: #FFFFFF url(images/pattern.png) repeat;
       color: #555;}


p {
       margin: 5px 0px 0px 0px;
       padding: 0px 0px 10px 0px;
       line-height: 1.9em;}


/* ////////見出し文設定//////// */
h1 {
       font-family: arial, tahoma, sans-serif;
       font-size: 135%;
       font-weight: 400;
       letter-spacing: .0em;
       line-height: 28px;
       padding: 8px 0px 8px 15px; 
       margin: 0px 0px 8px 0px;
       color: #555;
       border-left-width: 8px;
       border-left-style: solid;
       border-left-color: #FFCC00;
       border-bottom: 1px solid;
       border-bottom-color: #C0C0C0;
       background: url(images/h1pattern.png) repeat;}

h2 {
       font-family: arial, tahoma, sans-serif;
       font-size: 110%;
       font-weight: 400;
       letter-spacing: .0em;
       line-height: 25px;
       padding: 8px 0px 8px 10px; 
       margin: 0px 0px 10px 0px;
       border-left-width: 8px;
       border-left-style: solid;
       border-left-color: #B22222;
       border-bottom: 1px solid;
       border-bottom-color: #C0C0C0;
       background: url(images/h1pattern.png) repeat;}

h3 {
       font-family: arial, tahoma, sans-serif;
       font-size: 110%;
       color: #696969;
       letter-spacing: .1em;
       padding: 5px 0px 0px 0px; 
       margin: 0px 0px 12px 0px; }

h4 {
       background: transparent;
       color: #fff;
       margin: 0px 0px 5px 0px;
       font-weight: 100;
       font-size: 90%;}

h5 {
       font-family: arial, tahoma, sans-serif;
       font-size: 100%;
       text-align: center;
       color: #FFFFFF;
       letter-spacing: .4em;
       line-height: 25px;
       padding: 6px 0px 6px 0px; 
       margin: 0px 0px 0px 0px; 
       border-left-width: 8px;
       border-left-style: solid;
       border-left-color: #B22222;
       background: #FFF url(images/menu2.png) repeat;}


/* ////////リンク設定//////// */
a{outline: none;}

form{padding: 0; margin: 0;}

a:link {
       color: #0AB5E6;
       text-decoration: none}

a:visited { color: #0AB5E6; }

a:hover {
       color: #3399ff;
       text-decoration: underline;
       position:relative; top:0; left:0}

a:active { color: #3399ff;}

#content a, #footer a{border-bottom: 0px dotted;}

#content a:hover, #footer a:hover{border-bottom: 1px dotted;}

#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}


/* ////////画像配置image positioning - left, right and center */
img {
       border: none;
       margin: 0px 0px 0px 0px; 
       vertical-align:bottom;}

.photo{
       margin: 0px 0px 0px 0px; 
       padding: 0px 0px 5px 0px; }

.alignleft {
       float: left;
       padding: 6px 15px 0px 0px; 
       margin: 0px 0px 0px 0px; }

.alignright {
       float: right;
       padding: 6px 0px 0px 15px; 
       margin: 0px 0px 0px 0px; }

.aligncenter {
       float: center;
       text-align: center;
       margin: 0 auto;}

.alignleft, .alignright{
       border-left: 0px solid;
       border-color: #F8F9F1;}

/* ////////画像ポップアップ//////// */
.popup img.pop {
       display:block;
       top:-10000px;
       left:-10000px;
       position:absolute;}

.popup a:hover {
       position:relative;}

.popup a:hover img.pop {
       top:-235px;
       left:-5em;}


/* ////////罫線//////// */
hr{
       color: #E6E6E6;}


/* ////////引用文block quote//////// */
blockquote{
       padding: 10px 20px 0px 20px;
       margin: 20px 0px 20px 0px; 
       border-left: 8px solid;
       border-color: #E29C22;}


/* ////////unordered list//////// */
ul{
       padding: 0px;
       margin: 0px 0px 0px 0px;}

ul li{
       list-style-type: square;
       padding: 0px;
       margin: 0px 0px 0px 0px;}

/* ordered list */
ol{
       padding: 8px 0px 0px 24px;
       margin: 0px;}

ol li{
       padding: 0px 0px 11px 0px;
       margin: 0px;}


/* ////////マージン調整margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content{
       margin-left: auto; 
       margin-right: auto;}


/* ////////サイト全体main container//////// */
#main {
       width: 900px;
       margin: 15px auto;
       color: #555;
       background-color: #FFFFFF;
       background: #FFFFFF;
       border-bottom: 0px solid #000;}


/* ////////ヘッダーまわり//////// */
/* ヘッダー説明文スペース */
#headerspace {
       overflow: hidden;
       width: 900px;
       background: #000000 url(images/pattern.png) ;
       background-repeat: repeat;
       background-attachment: fixed;
       padding: 5px 0px 0px 0px;
       margin: 0px 0px 0px 0px; }

#headertop {
       overflow: hidden;
       width: 900px;
       background: #fff;
       margin: 0 auto;
       padding: 4px 0px 4px 0px;}

#headlogo {
       width: 480px;
       margin: 0px 0px 0px 0px;
       float: left;}

#headlogo a { }

#telmail{
       margin: 0px 5px 0px 0px;
       float: right;}

/* ////////ロゴまわり//////// */
#logo{
       width: 885px;
       height: 150px;
       padding: 0px 0px 0px 0px;
       margin: 5px 5px 0px 5px;
       background: #FFF;
       border: 0px solid;
       border-color: #E6E6E6;}

#logo h1{
       font-size: 170%;
       font-weight: 600;
       padding: 86px 12px 0px 22px;
       float: Left;  
       background: transparent;
       color: #FFFFFF;}

#logo h1 a {
       text-decoration: none;
       background: transparent;
       color: #FFFFFF;}


/* ////////グローバルメニューnavigation menu//////// */
#menubar{
       width: 888px;
       height: 35px;
       background: #7B846E url(images/menu.png) repeat;} 

ul#menu{margin: 0px;}

ul#menu li{
       float: left; 
       margin: 0px 0px 0px 0px; 
       padding: 0px;
       list-style: none;} 

ul#menu li a {
       font-family: verdana, sans-serif;
       display: block; 
       float: left; 
       width: 110px;
       height: 26px;
       background: transparent;
       padding: 9px 0px 0px 0px;
       text-decoration: none; 
       text-align: center;
       color: #FFFFFF;
       border-right: 1px solid;
       border-color: #B1AFA8;} 

ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover{
       background: #646B5C url(images/menu_sel.png) repeat;} 


/* ////////サーチ検索//////// */
#search{
       float: right; 
       padding: 22px 15px 0px 0px;}

input.searchfield{
       border: 1px solid; 
       padding:2px;
       background: #FFF; 
       border-color: #888;}

input.searchbutton{
       font-family: verdana, sans-serif;
       padding: 0px 0px 1px 0px;
       width: 64px;
       cursor: pointer;
       background: #333; 
       color: #FFF;
       border-color: #949C88; 
       border: 1px solid;}


/* ////////サイトメインコンテントmain content//////// */
#site_content{
       width: 900px;
       overflow: hidden;
       margin: 5px 0px 0px 0px;
       background: #FFFFFF url(images/back.png) repeat-y;} 


/* ////////サイドバー配置sidebar */
.sidebar{
       float: left;
       width: 190px;
       padding: 15px 15px 15px 20px;}


/* ////////サイドバーアイテムsidebar items / links */
.sidebaritem{
       text-align: center;
       width: 190px;
       float: left;
       margin: 0px 0px 10px 0px;
       background: #FFFFFF;
       color: #555;}

.sidebaritem ul{
       width: 190px; 
       padding: 0px 0px 0px 0px; 
       margin: 0px 0px 0px 0px;
       border-top: 0px solid;
       border-color: #DCDCDC;}

.sidebaritem li{
       list-style: none; 
       padding: 0px 0px 0px 0px; 
       border-bottom: 1px solid;
       border-color: #DCDCDC;}

.sidebaritem li a, .sidebaritem li a:hover{
       text-decoration: none; 
       padding: 10px 0px 10px 0px;
       display: block;
       background: transparent;
       color: #555;} 

.sidebaritem li a.current, .sidebaritem li a:hover, .sidebaritem li a.current:hover{
       background: #DCDCDC;} 

.sidebanner{
       float: left;
       width: 190px;
       padding: 0px 0px 10px 0px;}


/* ////////ページコンテントpage content//////// */
#content{
       text-align: left;
       width: 640px;
       float: left;
       padding: 5px 15px 15px 15px;}


/* ////////ニュースsNews//////// */
fieldset, .comment, .commentsbox{
       margin-bottom: 10px;
       background: transparent; 
       color: #444;}

fieldset{
       border: 1px solid; 
       padding: 10px 8px;   
       border-color: #D6D9C9;}

input{padding: 2px;}

textarea{
       width: 95%; 
       height: 200px;
       padding: 3px;}

.date{
       border-top: 1px solid; 
       margin: 15px 0px 5px 0px;
       font-weight: bold;
       border-color: #D6D9C9;}

.comment{
       background: #F0F1EB; 
       color: #444;}


/* ////////更新情報クラス//////// */
.whatsnew{
       padding: 0px 15px 0px 15px;
       margin: 0px 0px 0px 0px;
       background: #FFFFFF;
       color: #555;}

.wlist{
       border-bottom:1px solid #E0E0E0;
       list-style-type:none;
       padding: 5px 0px 5px 5px;}


/* ////////段落スペースクラス//////// */
.paragraph{
       padding: 0px 0px 0px 24px;
       margin: 0px 0px 0px 0px;}


/* ////////枠線クラス//////// */
.box{
       background:#FFF;
       border:1px solid #E6E6E6;
       margin:0px;
       padding:10px 0px 10px 20px;
       margin:0px 0px 10px 0px;
       font-size: 100%;
       line-height: 1.9em;}

.nocolor-box{
	background:#FFF;
	border:0px solid #C0C0C0;
	margin:0px;
	padding:0px 0px 10px 8px;
	line-height: 1.9em;
	}


/* ////////色付き枠線クラス//////// */
.color-waku{
       background:#FFF;
       border:1px solid #8B0000;
       margin:0px;
       padding:10px;
       margin:10px 0px 20px 0px;
       line-height: 1.5;}

/* ////////ブロック枠線クラス//////// */
.barea{
       padding: 5px 0px 5px 4px;
       margin: 0px 0px 0px 0px;
       background: #FFFFFF;
       color: #C0C0C0;
       border: 1px solid;}

.barea img{
       margin: 0px 0px 0px 0px;}


.barea-left{
       margin: 0px 5px 0px 0px;
       float:left;}

.barea-center{
       margin: 0px 5px 0px 0px;
       float:left;}

.barea-right{
       line-height: 1.9em;}


/* ////////3列表組み枠線クラス//////// */
.block-left{
       margin: 0px 5px 0px 9px;
       font-size: 100%;
       line-height: 1.9em;
       float:left;}

.block-center{
       margin: 0px 5px 0px 0px;
       font-size: 100%;
       line-height: 1.9em;
       float:left;}

.block-right{
       font-size: 100%;
       line-height: 1.9em;}


/* ////////ノート罫線クラス//////// */
.note {
       font-size:13px;
       background: url(images/ten.gif) repeat 0px -24px;
       margin: 0px;
       padding: 0px 1px 0px 0px;}

.note p{
       line-height: 24px;
       margin-top:5px;}


/* 表組みテーブルクラス */
/* 表組み全体 */
table { }

/* 表組の可変・固定、罫線種 */
/* 可変型・内枠線なし */
.table01 {
       table-layout: auto;
       border-collapse: collapse;}

/* 固定型・内枠線なし */
.table02 {
       table-layout: fixed;
       border-collapse: collapse;
       width: 640px;
       border: 2px solid;
       border-color: #C0C0C0;
       margin: 0px 0px 0px 0px;}

/* 可変型・内枠線あり */
.table03 {
       table-layout: fixed;
       border-collapse: separate;}

/* 表ヘッダー内タイトル */
th.title {
       height: 35px;
       text-align: center;
       font-size: 105%;
       color: #999999;
       background-color: #FFFFFF;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}

/* 表ヘッダー */
th {
       height: 30px;
       text-align: right;
       font-size: 100%;
       background-color: #FFFFFF;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}


/* 表ヘッダー40px固定 */
th.w40 {
       width: 40px;
       height: 30px;
       text-align: center;
       font-size: 90%;
       font-weight: bold;
       background-color: #FFFFFF;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}

/* 表ヘッダー内テキストセンター設定 */
th.mid {
       height: 30px;
       text-align: center;
       font-size: 70%;
       font-weight: 100;
       background-color: #FFFFFF;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}

/* 表内設定各種 */
/* 表内データ */
td { }

/* 表内40px固定・背景白 */
td.w40 {
       width: 40px;
       height: 30px;
       text-align: center;
       font-size: 80%;
       font-weight: 500;
       background-color: #FFFFFF;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}

/* 表内width40px固定・背景色グレイ */
td.w40g {
       width: 40px;
       height: 30px;
       text-align: center;
       font-size: 80%;
       font-weight: 500;
       background-color: #EFEFEF;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}

/* 表内データheight30px固定 */
td.h30 {
       height: 30px;
       text-align: right;
       font-size: 90%;
       font-weight: 100;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}

/* 表内データ・背景色グレイ・height30px固定 */
td.g {
       height: 30px;
       text-align: right;
       font-size: 90%;
       font-weight: 100;
       background-color: #EFEFEF;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}

/* 問い合わせフォーム用テーブル */
.table04 {
       table-layout: fixed;
       border-collapse: collapse;
       width: 640px;
       border: 0px solid;
       border-color: #000;
       margin: 0px 0px 0px 0px;}

th.title02 {
       height: 25px;
       text-align: left;
       font-size: 100%;
       font-weight: 100;
       padding: 10px 0px 0px 11px;
       color: #555;
       background-color: #FFFFFF;
       border-collapse: collapse;
       border: 0px solid;
       border-color: #C0C0C0;}

th.title03 {
       height: 45px;
       text-align: left;
       font-size: 100%;
       font-weight: 100;
       padding: 25px 0px 0px 11px;
       color: #555;
       background-color: #FFFFFF;
       border-collapse: collapse;
       border: 0px solid;
       border-color: #C0C0C0;}

td.order {
       height: 35px;
       text-align: left;
       font-size: 90%;
       font-weight: 100;
       background-color: #EFEFEF;
       border-collapse: collapse;
       border: 1px solid;
       border-color: #C0C0C0;}


/* ////////フッターfooter//////// */
#footer{
       width: 860px;
       height: 90px;
       padding: 9px 20px 4px 20px;
       background: #FFFFFF;
       text-align: center; 
       line-height: 39px;
       color: #555;
       border-top: 1px solid;
       border-color: #E6E6E6;}


/* ////////メタ//////// */
.nextprev { margin: 10px; text-align: center; }
.meta {font-size:11px;margin: 10px 0;}