/*
Theme Name: motoiws
Theme URL: www.motoi.ws
Description: My first sample
Author: Motoi Ishibashi
*//*--------- default ------------*/
a:link{
  color: #7EAC01;
  text-decoration: none;
}

a:visited{
  color: #9EAE76;
  text-decoration: none;
}

a:hover{
  color: #F956A7;
  text-decoration: none;
}

body{
  margin: 0;
  padding: 0;
  background-image: url(images/backtile.png);
  background-repeat: repeat;
  background-attachment: fixed;
  font-family: Arial, Futura,  osaka, "ms pgothic", sans-serif;
}

p{
  font-size:12px;
  line-height:22px;
  margin:0px;
  padding:10px 15px 5px 25px;
}

p.space{
  margin: 0px 0px 10px 0px;
  padding: 0px;
  height:5px;
}

p.space_work{
  margin: 0px 0px 10px 0px;
  padding: 0px;
  height:20px;
}

p.works_desc{
  margin:0px 30px 10px 30px;
  padding:5px 15px 15px 15px; 
}

div.blog{
  margin:15px 30px 0px 0px;
}

div.topinfo{
  margin:0px 30px 0px 0px;
}

/*--画像の表示--*/
div.blog .wp-caption {
  border: 1px solid #ddd;
  text-align: center;
  background-color: #CFCFCF;
  padding-top: 4px;
  margin: 10px;
  /*-moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;*/
}

div.blog .aligncenter{
  margin-left:auto;
  margin-right:auto;
}

div.blog .wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

div.blog .wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  padding: 0 4px 5px;
  margin: 0;
  color:#000000;
}

div.search{
  margin:0px 70px 0px 0px;
}

div.side{
  width: 190px;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:auto;
  margin-right:auto;
  padding:0px;
  text-align:left;
}

div.side a{
  padding-left:5px;
}

div.next{
  margin:0px;
  padding:0px;
  font-size:11px;
  border:none;
  float:right;
  background-color:#696969;
}

div.next a{
  display:block;
  color:#ffffff;
  padding:5px;
}

div.next a:hover{
  background-color:#7EAC01;
}

div.prev{
  margin:0px;
  padding:0px;
  font-size:11px;
  border:none;
  float:left;
  background-color:#696969;
}

div.prev a{
  display:block;
  color:#ffffff;
  padding:5px;
}

div.prev a:hover{
  background-color:#7EAC01;
}

div.blognav{
  margin:0px 15px 0px 0px;
  padding:0px 15px 0px 25px;
}

h1{
  font-size: 16px;
  color: #ffffff;
  margin: 5px;
  padding: 5px 0px 2px 5px;
  background-color: #000000;
}

h1.workmenu{
  margin:0px;
}

/*h1と文字サイズ同じ,下線あり*/
h2{
  font-size: 16px;
  color: #000000;
  margin: 5px;
  padding:5px 0px 0px 5px;
  border-bottom:dotted 1px #696969;
  font-weight:bold;
}

h3{
  font-size: 14px;
  color: #000000;
  margin: 5px;
  padding:4px 0px 1px 5px;
  border:none;
  font-weight:bold;
}

/*h3と同じ、ただしdot線有り*/
h4{
  font-size: 14px;
  color: #000000;
  margin: 5px 5px 1px 5px;
  padding:4px 0px 1px 5px;
  border-bottom:dotted 1px #696969;
  font-weight:bold;
}

h4.workmenu{
  font-size: 14px;
  color: #000000;
  margin: 50px 5px 5px 5px;
  padding:4px 0px 1px 5px;
  border-bottom:dotted 1px #696969;
  font-weight:bold;
}

h5{
  font-size: 12px;
  color: #000000;
  margin: 5px 5px 1px 5px;
  padding:3px 0px 1px 5px;
  border:none;
  font-weight:bold;
}

/*h5と同じ,ただし、下線あり*/
h6{
  font-size: 12px;
  color: #000000;
  margin: 5px 5px 1px 5px;
  padding:1px 0px 1px 5px;
  border:none;
  font-weight:bold;
  border-bottom:dotted 1px #696969;
}

span.credit{
  font-weight:bold;
}

strong.red{
  color:#FF0000;
}

strong.black{
  color:#000000;
}

blockquote{
  border:1px solid #696969;
  background-color:#F8F8F8;
}

blockquote p{
  margin:10px 10px 10px 20px;
  padding:0px;
}

/*-------- twitter plugin -----*/
ul.tw{
  font-size:11px;
  padding:0px;
  margin:0px 8px 5px 10px;
  list-style-type: none;
}

li.tw{
  margin:10px 0px 0px 0px;
  padding:3px;
  background-color:#F0F0F0;
  border:none;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
/*-------- flv embed --------*/

#player1, #player2, #player3 {
  text-align: center;
}

/*-------- amazon ---------*/
div.amazon{
  margin-left:auto;
  margin-right:auto;
  width:180px;
  border:1px solid #696969;
  padding:5px;
}

div.amazon img{
  border:none;
  margin-left:32px;
  margin-bottom:3px;
}

div.amazon p.amazon-author a{
  font-size:12px;
}

p.amazon-author{
  margin:0px;
  padding:0px;
  text-align:center;
  font-size:11px;
  line-height:16px;
}

/*-------- page navi --------*/
.tablenav {
  font-size:11px;
  background:white;
  margin: 2em auto;
  line-height:2em;
  text-align:center;
}

a.page-numbers, .tablenav .current {
  padding: 2px 6px;
  border:solid 1px #696969;
  text-decoration:none;
}

a.page-numbers:hover{
  color:#FFFFFF;
  background:#7EAC01;
}

.tablenav .current {
  color: white;
  background: #696969;
  font-weight:bold;
}

.tablenav .next, .tablenav .prev {
  border:0 none;
  background:transparent;
  font-weight:bold;
}

.tablenav .next, .tablenav .prev {
  border:0 none;
  background:transparent;
  font-weight:bold;
}

a.next:hover, a.tablenav:hover, a.prev:hover {
  border:0 none;
  background:transparent;
  font-weight:bold;
  color:#F956A7;
}

/*一番外のコンテナ*/

#container{
  background-color: #FFFFFF;
  width: 800px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
/*-------- ヘッダー --------------*/

#header{
  margin: 0px 0px;
  background-image: url(images/titleback.jpg);
  background-repeat: repeat-x;
  padding: 10px;
}

#header h1{
  font-size: 19px;
  margin: 0px;
  padding: 0px;
  background-color: transparent;
}

#header h1 a{
  color: #ffffff;
  text-decoration: none;
  background-color: transparent;
}

#header p{
  font-size: 10px;
  color: #FFFFFF;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}
/* langの設定 */

#header ul.xlanguage{
  list-style-type: none;
  float: right;
  font-size: 11px;
  color: #ffffff;
  margin: 20px 10px 0px 0px;
  text-align: center;
}

#header li.language_item{
  float: left;
}

#header li.language_item a{
  display: block;
  float: left;
  color: #ffffff;
  background-color: #000000;
  text-decoration: none;
  border: solid 1px #ffffff;
  padding: 0px 5px 0px 6px;
  line-height: 1.5em;
  margin: 2px;
}

#header li.language_item a:hover{
  background-color: #7EAC01;
}

#header li.current_language_item{
  color: #FFFFFF;
  background-color: #7EAC01;
  border: solid 1px #ffffff;
  padding: 0px 5px 0px 6px;
  line-height: 1.5em;
  margin: 2px;
}
/*----- メイン ------------------*/

#main{
  margin: 0px;
  padding: 0px;
}
/*----- サイドバー ------------------*/

#sidebar{
  float: left;
  width: 201px;
  background-color: #FFFFFF;
  border-right:1px solid #696969;
}

#sidebar ul.sidebarmenu{
  font-size: 12px;
  letter-spacing: 2px;
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  text-align: left;
}

#sidebar li.current_page_item a{
  font-weight: bold;
}

#sidebar li.page_item a{
  display: block;
  color: #000000;
  background-image: url(images/menuback.jpg);
  background-position: 0 0;
  text-decoration: none;
  padding-left: 20px;
  border-bottom: solid 1px #696969;
  text-align: left;
  line-height: 2.7em;
}

#sidebar li.page_item a:hover{
  color: #FFFFFF;
  background-image: url(images/menuback.jpg);
  background-position: 0 100%;
  background-repeat: repeat-x;
}

#sidebar h2{
  text-align: right;
  border-bottom: solid 1px #696969;
  margin: 5px;
  padding: 5px;
  color: #000000;
  font-size: 12px;
  background-color: #ffffff;
}

#sidebar ul.archive{
  text-align: left;
  font-size: 11px;
  margin: 3px 0px 5px 13px;
  padding: 0px;
  list-style-type: none;
}

#sidebar img{
  border: none;
  padding: 3px 5px 3px 0px;
  vertical-align: middle;
}

#sidebar form{
  margin:20px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  height:22px;
}

#sidebar input#searchbox{
  margin:0px;
  padding:0px;
  width: 155px;
  border: 2px solid #696969;
  height: 18px;
  vertical-align:top;
}

/*------ コンテンツ ---------------*/

#contents{
  margin: 0px;
  padding: 20px 20px 5px 20px;
  width: 557px;
  float: right;
  background-color: #FFFFFF;
  border-left: solid 1px #696969;
  position:relative;
  left:-1px;
}

#contents small{
  margin: 0px 5px 0px 0px;
  padding: 0px 0px 0px 10px;
  font-size: 11px;
  color: #000000;
  float: left;
  font-style:italic;
}
/*-------- works -------------------*/

#works{
  margin: 0px;
  padding: 20px 20px 5px 20px;
  width: 557px;
  float: right;
  background-color: #FFFFFF;
  border-left: solid 1px #696969;
  position:relative;
  left:-1px;
}

#works div.work_index{
  position: relative;
  margin: 20px 10px 20px 10px;
  padding: 0px;
  width: 537px;
  height: 90px;
  border:none;
  z-index:30;
}

#works div.work_index a{
  display:block;
  width:537px;
  height: 90px;
  border: solid 1px #696969;
  background-image:url(images/indexback.png);
  background-repeat:repeat-x;
  background-position: 0 0;
  z-index:30;
}

#works div.work_index a:hover{
  width: 537px;
  height: 90px;
  background-image:url(images/indexback.png);
  background-repeat:repeat-x;
  background-position: 0 100%;
  filter:Alpha(opacity=50);
  -moz-opacity:0.50;
  opacity:0.50;
}

#works div.work_index span.title{
  display:block;
  margin: 0px;
  padding: 2px 0px 2px 5px;
  width: 205px;
  height: 16px;
  border: none;
  float: left;
  background-color:#000000;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
}

#works div.work_index span.excerpt{
  display:block;
  width:306px;
  height:80px;
  float:right;
  color:#000000;
  font-size:11px;
  margin:0px;
  padding:5px 10px 5px 10px;
  line-height:16px;
  border-left:solid 1px #696969;
}

#works div.work_index span.date{
  display:block;
  margin:0px;
  padding:0px;
  position:absolute;
  right:2px;
  bottom:2px;
  font-size:10px;
  color:#000000;
}

#works div.work_index img{
  position:absolute;
  left:1px;
  top:21px;
  width: 210px;
  border: none;
  margin: 0px;
  padding: 0px;
  height: 70px;
}

#works ul{
  list-style: none;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#works li{
  background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  line-height: 1.8em;
  float: left;
  text-align: center;
  width: 138px;
  font-size: 0.75em;
  border-right: solid 1px #696969;
  border-bottom: solid 1px #696969;
}

#works li.cat-item-7{
  border-left: solid 1px #696969;
}

#works li a{
  display: block;
  text-decoration: none;
  color: #000000;
}

#works li.current-cat a{
  color: #000000;
  background-color: #E2F7AA;
}

#works li a:hover{
  color: #000000;
  background-color: #E2F7AA;
}

p.normal{
  padding:0px;
  margin:10px;
}

/*------ profile -------*/

#profile{
  margin: 0px;
  padding: 20px;
  width: 557px;
  float: right;
  background-color: #FFFFFF;
  border-left: solid 1px #696969;
  position:relative;
  left:-1px;
}

#profile img{
  float: left;
  margin: 0px 10px 10px 0px;
  padding: 0px;
  border: none;
}

#profile p{
  margin: 5px 5px 15px 10px;
  padding: 0px 0px 0px 0px;
  font-size: 0.70em;
  color: #000000;
  line-height: 1.7em;
}
/*------ フッター ------------------*/

#footer {
  clear: both;
  margin: 0px;
  padding: 0px;
  background-image: url(images/footerback.jpg);
  background-repeat: repeat-x;
  height: 35px;
}

#footer address{
  font-style: normal;
  color: #ffffff;
  font-size: 11px;
  text-align: center;
  padding: 10px 8px 8px 8px;
}

/*-- comments --*/

#respond{
  margin:0px;
  padding:0px;
}

.com{
  font-size:12px;
  padding:0px;
  margin:15px 20px 0px 20px;
}

.com p{
  margin:0px;
  padding:5px 0px 0px 10px;
}

.commeta{
  color:#888888;
  text-align:left;
  font-style:italic;
  font-size:11px;
  line-height:11px;
  padding:0px;
  margin:0px;
  border-bottom:dotted 1px #696969;
}

.comname{
  color:#888888;
  text-align:left;
  font-style:bold;
  font-size:12px;
  line-height:12px;
  padding:0px;
  margin:0px;
}

.commentform{
  margin:0px 20px 0px 20px;
  padding:0px 0px 0px 0px;
}

#commentform input, textarea{
   border: 1px solid #696969;
   background-color:#F4F4F4;
}

a.comments{
  margin:10px 0px 0px 25px;
  padding:2px 5px 2px 5px;
  float:left;
  font-size:12px;
  border:1px dotted #696969;
}

div.comform{
  margin:0px 20px 0px 20px;
  padding:10px 0px 0px 0px;
}