/*
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 15px 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: 10px 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 8px 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 7px 0px 0px; 
       margin: 0px 0px 0px 0px; }

.alignright {
       float: right;
       padding: 6px 0px 0px 7px; 
       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: 890px;
       height: 350px;
       padding: 5px 0px 0px 5px;
       margin: 0px 0px 0px 0px;
       background: #FFF;
       border-color: #FFF;}

#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;
       padding:10px 0px 10px 30px;
       margin:10px 0px 0px 0px;
       line-height: 2.0;}


/* ////////色付き枠線クラス//////// */
.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-right{	}

.barea-center{	}


/* ////////ノート罫線クラス//////// */
.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;}


/* ////////フッター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;}