@charset "UTF-8";
/* Reset */
* {
margin:0px
padding:0px;
}

html {
height:100%;
}

img {
border: 0;
}

h1 {
margin:0;
padding:0;
font-size:14px;
line-height:14px;
}

p {
line-height:1.5em;
margin-bottom:5px;
}

.clear {clear:both;}

#spc {
margin:40px 0;
}

/* Base */
body {
margin:0;
padding:0;
height:100%;
color: #333333;
font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
text-align: left;
}


/* Link */
a:link, a:visited, a:hover, a:active {text-decoration: underline; color: #333;}

a.linkblack:link {text-decoration: none; color: #333;}
a.linkblack:visited {text-decoration: none; color: #333;}
a.linkblack:hover {text-decoration: underline; color: #333;}
a.linkblack:active {text-decoration: none; color: #333;}

a.linkblue {color:#333; text-decoration: none; padding:1px 2px;}
a.linkblue:link {color:#333; text-decoration: none;}
a.linkblue:visited {color:#333; text-decoration: none;}
a.linkblue:hover {color:#FFFFFF; text-decoration: none; background:#02c3fa;}
a.linkblue:active {color:#333; text-decoration: none;}

a.tuduki:link {color:#02c3fa; text-decoration: none;}
a.tuduki:visited {color:#02c3fa; text-decoration: none;}
a.tuduki:hover {color:#FFFFFF; text-decoration: none; background:#02c3fa; padding:1px 2px;}
a.tuduki:active {color:#02c3fa; text-decoration: none;}


/* wrapper */
#wrapper {
width:970px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 0 -120px 0;
text-align: left;
}

.push {
height: 120px;
}

/* container */
#container {
width:960px;
text-align: left;
}


/* header */
#header {
width:960px;
height:105px;
}

#header .logo {
width:176px;
margin:0;
padding:30px 0 0 0;
vertical-align:bottom;
text-align:right;
float:left;
}

#header .toppage {
width:66px;
float:right;
}

.topicpath {
font-size:10px;
margin:10px 0 0 50px;
}

.blue {
padding:0 3px;
color: #02c3fa;
}

/* layout-three-column */
#layout-three-column {
width:960px;
}

/* leftside */
#sideNavi {
width:260px;
margin:0 0 0 -5px;
float:left;
}

/* main */
#main {
width:450px;
margin:0px 40px 0px 20px;
float:left;
}

p.date {
font-size:9px;
color:#666666;
margin:0px;
}

h2.title {
margin:5px 0px 20px 0px;
font-size:14px;
font-weight:bold;
}

.entrybody {
font-size:12px;
margin:0 0 30px 0;
}

.status {
margin:10px 0px 0px 0px;
font-size:12px;
text-align:right;
}

.content-nav {
font-size:12px;
}

/* rightside */
#rightside {
width:190px;
float:right;
}

.category, .entries, .archives, .rss {
font-size:10px;
margin:0 0 40px 0;
}

.category ul, .entries ul, .archives ul {
margin:0;
padding:0;
list-style-type:none;
}

.category ul.arrow li, .entries ul.arrow li, .archives ul.arrow li {
margin:0 0 10px 0;
padding:0 0 0px 10px;
background:url(img/template/arrow.gif) no-repeat;
font-size:10px;
line-height:12px;
}

/* footer */
#footer {
width:960px;
height:120px;
margin:0px;
text-align:left;
font-size:10px;
line-height:100%;
}

#foot {
width:960px;
text-align:left;
margin:0 auto 0 0;
}

#foot p.pagenav {
padding:0 0 0 6px;
font:10px #111111;
background:url(img/template/arrow2.gif) no-repeat left center;
text-align:right;
float:right;
}

#footerNavi {
width:372px;
margin:10px 0 0 0;
text-align:right;
float:right;
}