/*
Theme Name: IisysSeo 
Theme URI: http://www.ii-sys.jp/
Description: IISYS is a web-page design service.
Version: IisysSeo 1.0
Author: IISYS
Author URI: http://www.ii-sys.jp/
*/

/*-------------------------------html, text, links--------------------*/

html,body{
margin:0;
padding:0;
text-align:left;
}

a:link{
text-decoration:underline;
color:#3286b2;
}

a:visited{
text-decoration:underline;
color:#3286b2;
}

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

a:active{
text-decoration:underline;
color:#3286b2;
}

#banner h1{
font:bold 22px Verdana;
margin:0;
padding:0;
color:#6699CC;
line-height: 100%;
}

#banner h2{
font:bold 12px Verdana;
margin:0;
margin-top: 3px;
padding:0;
color:#666666;
}

.title{
margin-top:20px;
margin-left: 20px;
width:573px;
height:69px;
float:left;
}

* html .title{
width:573px;
}

#logo{
width:219px;
height:80px;
float:left;
margin:0;
padding:0;
background:url(images/logo.jpg) no-repeat;
}

.fontchanger{
font:14px Verdana;
color: #ffffff;
width:155px;
height:20px;
margin-top: 58px;
float:right;
border: 1px solid #6699cc;
background:#6699cc;
text-align:center;
}
.fontchanger p {
padding:0;
margin:0;
}
.fontchanger a {
color:#ffffff;
}
.fontchanger a:hover {
color:#FF6699;
}

h1{
font:18px Verdana;
margin-bottom:1px;
color:#adcd30;
}

.post h2 {
margin-top:0;
}
.post h2 a{
font-size: 100%;
color:#000000;
text-decoration:none;
}

.post h2 a:visited{
color:#000000;
text-decoration:none;
}

.post h2 a:hover{
color:#FF6699;
text-decoration:none;
}

.post h2 a:active{
color:#adcd30;
text-decoration:none;
}

* html h1{
margin-top:0;
}

h2{
font:bold 120% Verdana;
color:#3286b2;
margin-left:8px;
margin-bottom:2px;
margin-top:10px;
}

h3.sidebar {
font:bold 16px Verdana;
color:#3286b2;
margin-left:8px;
margin-bottom:2px;
margin-top:10px;
border: 0px;
width: 220px;
}

* html h2{
margin-left:11px;
}

h3{
font:bold 16px Verdana;
color:#adcd30;
width:710px;
border-bottom:1px dashed #666666;
padding-bottom:2px;
margin-top:10px;
}

* html h3{
margin-left:6px;
}

h4{
font:bold 14px Verdana;
color:#000000;
width:713px;
border-bottom:1px dashed #666666;
padding-bottom:2px;
}

h5{
font:bold 14px Verdana;
color:#000000;
width:713px;
border-bottom:1px dashed #666666;
padding-bottom:2px;
}

h6{
font:bold 14px Verdana;
color:#adcd30;
margin-top:10px;
}

* html h6{
margin-left:6px;
}

#footer p{
margin-top:9px;
margin-left:12px;
font:10px Verdana;
color:#ffffff;
}

#footer a{
text-decoration:underline;
color:#ffffff;
}

#footer a:visited{
text-decoration:underline;
color:#ffffff;
}

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

#footer a:active{
text-decoration:underline;
color:#ffffff;
}

.post {
font:90% Verdana;
color:#333333;
line-height:150%;
}

p.posted{
margin-top:1px;
font:70% Verdana;
color:#333333;
padding-left:16px;
background:url(images/arrow.gif) left no-repeat;
margin-bottom:10px;
width:96%;
border-bottom:1px dashed #cccccc;
padding-bottom:1px;
}

p.cat{
float:left;
margin-left:10px;
margin-top:3px;
font:70% Verdana;
}

* html .cat{
margin-left:5px;
}

p.comm{
float:right;
margin-right:10px;
margin-top:3px;
font:70% Verdana;
}

* html .comm{
margin-right:5px;
}

blockquote{
margin:8px;
background:#eee;
font:100% Verdana;
padding:0.5em;
color:#000;
line-height:150%;
border: 1px dotted #6699cc;
}

.textfield{
border:1px solid #e5e5e3;
padding:4px;
width:145px;
margin-left:12px;
font:bold 10px Verdana;
color:#333333;
margin-top:10px;
}

.submit{
background:url(images/formbg.gif) repeat-x;
padding:4px;
border:none;
width:50px;
font:bold 10px Verdana;
color:#3286b2;
margin-top:10px;
margin-left:0;
}

.textfield2{
border:1px solid #e5e5e3;
padding:4px;
font:11px Verdana;
color:#333333;
margin-bottom:4px;
}

.submit2{
background:url(images/formbg.gif) repeat-x;
padding:4px;
border:none;
width:120px;
font:bold 10px Verdana;
color:#3286b2;
}

label{
font:10px Verdana;
}

cite{
font:100% Verdana;
}

.comments p{
font:100% Verdana;
color:#333333;
line-height:150%;
}

/*-------------------------------- Divs -------------------------*/

#container{
text-align:left;
margin:10px auto 10px auto;
padding:0;
width:973px;
height:100%;
}

#background{
background:url(images/bodybg.gif) repeat-y;
height:100%;
float:left;
margin:0;
padding:0;
width:973px;
}

#menu{
background:#6699cc;
width:973px;
height:1.5em;
float:left;
border-bottom:1px solid #bbbbbb;
}

#banner{
float:left;
margin:0;
padding:0;
background:#ffffff;
width:973px;
height:80px;
}

#bodywrapper{
width:973px;
height:100%;
float:left;
margin:0;
padding:0;
}

#content{
width:732px;
min-height:300px;
border-left:1px solid #6699CC;
margin:0;
padding:0;
background:#f6f8ff;
float:left;
}

* html #content{
height:300px;
}

#sidebar{
margin:0;
padding:0;
background:#eeeeee;
width:238px;
min-height:300px;
border-left:1px solid #6699CC;
float:left;
}

* html #sidebar{
height:300px;
}

#footer{
width:973px;
background:#6699cc;
float:left;
margin-top:20px;
margin-bottom:0;
margin-left:0;
margin-right:0;
padding:0;
height:34px;
}

#postwrapper{
width:720px;
margin-left:5px;
height:100%;
margin-top:10px;
margin-bottom:20px;
padding:0;
float:left;
}

* html #postwrapper{
margin-left:0;
}

.post{
width:710px;
min-height:10px;
padding:8px 5px;
float:left;
margin-top:0;
margin-bottom:1em;
margin-left:0;
border:1px solid #99aaff;
background: #fff;
}

* html .post{
margin-left:5px;
}

.category{
width:708px;
border:1px solid #bbbbbb;
background:#eeeeee;
height:1.2em;
float:left;
margin:0;
margin-top: 1em;
padding:0;
}

.postnav{
width:720px;
height:20px;
float:left;
margin-top:15px;
padding:0;
font:11px Verdana;
}

.left{
float:left;
}

* html .left{
margin-left:5px;
}

.right{
float:right;
}

.comments{
width:720px;
height:100%;
float:left;
margin:0;
font:75% Verdana;
color:#333333;
padding:0;
}

.commform{
width:710px;
height:100%;
float:left;
margin:0;
padding:8px 5px;
border: 1px dotted #bbb;
background: #fff;
}

.commform p{
font:11px Verdana;
color:#333333;
}

* html .comments{ /*Because IE6 can't handle height:100%;*/
height:10px;
margin-left:4px;
}

* html .commform{ /*Because IE6 can't handle height:100%;*/
height:10px;
margin-left:4px;
}

/*-------------------------------- lists/menus -------------------------*/

#menu ul{
width:971px;
height:100%;
float:left;
list-style:none;
margin:0;
padding:0;
}

* html #menu ul{
margin-bottom:-1px;
}

#menu li{
display:inline;
}

#menu li a{
color:#ffffff;
font:80% Verdana;
float:left;
padding:0.4em 11px;
text-decoration:none;
}

#menu li a:hover{
background:#BBDAF9;
color: #FF6699;
}

#sidebar ul{
float:left;
list-style-type: none;
padding: 0;
width: 220px;
margin-top:2px;
margin-left:9px;
}

* html #sidebar ul{
margin-left:3px;
}

#sidebar ul li{
margin:0;
float:left;
}

#sidebar ul li a{
font: 80% Verdana;
color: #000000;
display: block;
padding: 2px 0;
padding-left: 6px;
text-decoration: none;
background:#E8EEF7;
border-bottom:1px solid #bbbbbb;
border-right:1px solid #bbbbbb;
margin-bottom: 1px;
}

#sidebar ul ul{
margin-bottom:0;
}

#sidebar ul ul li{
list-style: none;
display:block;
width: 200px;
color:#FFFFFF;
margin:0;
}

#sidebar ul ul ul{
margin-bottom:0;
margin-top:0;
}

#sidebar ul ul ul li{
width:197px;
color:#FFFFFF;
border:none;
margin-left:-6px;
}

* html #sidebar ul ul ul li{
width:197px;
padding-left:3px;
}

#sidebar ul li a:hover{
color: #FF6699;
background-color:#ffffff;
}

.post ol{
font:11px Verdana;
color:#333333;
}

.post ul{
font:11px Verdana;
color:#333333;
}

#translation_bar {
border: solid 1px #bbbbbb;
margin: 0 auto;
width: 200px;
}
#translation_bar a {
padding: 2px;
border:1px solid #eeeeee;
}
#translation_bar a:hover {
border:1px solid #6699cc;
}
#translation_bar img {
border:0;
}

.adsense200x200 {
width:200px;
margin: 5px auto;
}
.adsense336x280 {
width:336px;
margin: 5px auto;
}
.adsense728x90base {
width:733px;
height: 94px;
margin: 0;
background:#ffffff;
}
.adsense728x90 {
width:728px;
margin: 2px auto;
}

table {
border:1px solid #eeeeee;
padding:2px;
font:90% Verdana;
}
th {
background:#eeeeee;
padding:4px;
font:normal 90% Verdana;

}
td {
border:1px solid #eeeeee;
padding:4px;
}

code.filename {
padding: 0.3em 40px;
color: #00ff33;
font-size:1em;
background:#222 url(images/page_white_edit.png) 5px no-repeat;
margin: 0;
border-bottom: 1px dotted #00cc33;
line-height: 1.8em;
}

.tag-cloud {
margin: 0 5px;
}
.tag-cloud a {
text-decoration: none;
}
.tag-cloud a:hover {
text-decoration:underline;
color:#FF6699;
}
a.tag-link-22 {
color: #1200FF;
}
a.tag-link-21 {
color: #0F00EA;
}
a.tag-link-20 {
color: #0B00D2;
}
a.tag-link-19 {
color: #0400AA;
}
a.tag-link-18 {
color: #0300A6;
}
a.tag-link-17 {
color: #00007D;
}
a.tag-link-16 {
color: #000064;
}
a.tag-link-15 {
color: #000000;
}
a.tag-link-14 {
color: #141509;
}
a.tag-link-13 {
color: #2C2D1C;
}
a.tag-link-12 {
color: #484936;
}
a.tag-link-11 {
color: #727464;
}
a.tag-link-10 {
color: #929386;
}
a.tag-link-9 {
color: #ADAEA5;
}
a.tag-link-8 {
color: #DADAD9;
}