/*  
Theme Name: hanas
Theme URI: http://www.hanas.info/
Description: test
Version: 1.0
Author: Hana
*/

/*----------------------------------------------------
 default
---------------------------------------------------- */

* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

body {
font-size:small;
color:#333333;
line-height:1.4;
}

img {
border:none;
vertical-align: bottom;
}


/* paragraph
---------------------------------------------------- */
p {
margin-top:0.3em;
margin-bottom:1em;
}

/* link
---------------------------------------------------- */
/* for Firefox */
a{
outline : 0 ;
}

/* text link */
a:link {
text-decoration:none;
color :#993300;
}

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

a:active {
text-decoration:none;
color :#003366;
}

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

/* heading
---------------------------------------------------- */
h2 {
font-weight:bold;
}

h2.pagetitle {
margin:0 0 20px 0;
padding:5px 8px;
color:#ffffff;
background:#666666;
}

h2.worktitle {
margin:5px 0;
border-bottom:solid 1px;
}


/*----------------------------------------------------
 base
---------------------------------------------------- */

body {
text-align:center;
background: url(images/bg.gif) center repeat-y;
}

#wrapper {
text-align:left;
margin-left:auto;
margin-right:auto;
background:#ffffff;
width:760px;
}


/*header*/
#header h1 {
background:#ffffff;
margin:0;
}

#header h1 img {
border:none;
margin:10px;
}

#header .right {
margin:25px 15px;
}

#gnavi {
clear:both;
}

#gnavi ul {
background:#ffffff;
margin:0;
padding:0;
list-style-type:none;
border-top:solid 1px #666666;
border-bottom:solid 1px #666666;
height:2em;
font-size:0.75em;
}

#gnavi li {
text-align:center;
border-right:solid 1px #666666;
float:left;
line-height:2em;
}

#gnavi li a {
display:block;
width:140px;
text-decoration:none;
color:#333333;
}

#gnavi li a:hover {
color:#ffffff;
background:#ff5050;
}


/*clearfix*/
.clearfix{
zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}

* html .clearfix{
/*＼*/height:1%;/*for WinIE*/
display:inline-table;/*for MacIE*/
}


.right {
float:right;
}

.left {
float:left;
}

.caution {
font-size:95%;
font-weight:bold;
color:#ff0000;
}


/*top*/
#top {
background:#ffffff;
position:relative;
top:0;
left:0;
}

#topimg {
margin:0;
}

/*pan*/
#bread {
margin:10px 0 0 0;
font-size:0.75em;
font-weight:bold;
}

/*pagebody*/
#pagebody {
width:740px;
margin:0 10px;
}

#content {
float:right;
width:540px;
margin-top:10px;
}

#side {
float:left;
width:180px;
margin-top:10px;
}

#side ul{
list-style:none;
}

#lnavi {
float:left;
width:170px;
}

#lnavi ul {
list-style:none;
}

#lnavi li a {
display:block;
margin:1px 0;
padding:5px 3px;
border:solid 1px;
}

#lnavi li.n a {
display:block;
margin:1px 0;
padding:5px 3px;
color:#ffffff;
border:solid 1px #993300;
background:#993300;
}

.workdate {
text-align:right;
}


/*news*/
#monthsidebar {
float:left;
width:170px;
}

#monthsidebar ul {
list-style:none;
}

h3#newsdate {
margin-bottom:15px;
font-weight:bold;
color:#ff0000;
}

#topnews {
position:absolute;
top:40px;
left:450px;
width:300px;
margin:0;
}

#topnews h2 {
margin:0;
padding:3px;
background:#999999;
color:#ffffff;
font-size:0.75em;
}

#topnews div {
border:solid 1px #999999;
overflow:auto;
height:120px;
}

#topnews ul {
font-size:0.75em;
margin:5px 10px;
padding:0;
}

#topnews li {
list-style-type:none;
margin:0;
padding:2px;
border-bottom:dotted 1px #999999;
}


/*footer*/
#footer {
margin-top:10px;
padding:5px 10px;
border-top:solid 1px #666666;
}

#footer address {
font-size:0.75em;
font-style:normal;
}