@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}


body {
margin:0;
padding:0;
font-family:"ＭＳＰゴシック","ＭＳ ゴシック",sans-serif;
font-size:12px;
font-weight:normal;
line-height:1.4;
margin:0;
padding:0;
background:#000000;
text-align: center;
}

p,ul,ol,li,dl,dt,dd,address,strong,em,
h1,h2,h3,h4,h5,h6, 
table,caption,th,td,a{
font-size:12px;
font-weight:normal;
font-style:normal;
line-height:1.4;
margin:0;
padding:0;
}

img {
margin: 0;
padding: 0;
border:none;
}

a{outline-style:none; text-decoration:none}
a:link {color:#000000;}
a:visited {color:#000000;}
a:hover , a:active {color:#000000; text-decoration:underline;}

.clear{
clear:both;
}

.space10{padding-top:10px;}
.space20{padding-top:20px;}
.space30{padding-top:30px;}
.space40{padding-top:40px;}
.space50{padding-top:50px;}

#banner{
height:155px;
width:100%;
background:url(http://www.o-taka.co.jp/img/banner_bg.gif);
text-align:left;
}

#banner .top{
height:97px;
width:100%;
}

#banner .top h1 a{
display:block;
height:97px;
width:370px;
background:url(http://www.o-taka.co.jp/img/banner_logo.gif) no-repeat;
text-indent:-9999px;
float:left;
}

#banner .top ul{
float:right;
margin:10px 30px 0 0;
}

#banner .top li{
display:inline;
list-style:none;
font-size:14px;
font-weight:bold;
}

#banner .top li:after{content:"|"}

#banner .top li a{
font-size:14px;
font-weight:bold;
}

#banner .top li a:link {color:#000000;}
#banner .top li a:hover , a:active {color:#FFFFFF;}

#banner .bottom{
height:57px;
width:100%;
}

#gnavi{
margin-right:30px;
}

#gnavi li{
display:inline;
}

#gnavi a{
display:block;
width:151px;
height:57px;
float:right;
text-indent:-9999px;
}

#navi1 a{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -1px 0}
#navi2 a{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -152px 0;}
#navi3 a{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -303px 0;}
#navi4 a{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -454px 0;}
#navi5 a{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -605px 0;}

#navi1 a:hover , #navi1 a:focus , #navi1 a:active{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -1px -57px;}
#navi2 a:hover , #navi2 a:focus , #navi2 a:active{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -152px -57px;}
#navi3 a:hover , #navi3 a:focus , #navi3 a:active{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -303px -57px;}
#navi4 a:hover , #navi4 a:focus , #navi4 a:active{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -454px -57px;}
#navi5 a:hover , #navi5 a:focus , #navi5 a:active{background:url(http://www.o-taka.co.jp/img/gnavi_bg.gif) -605px -57px;}

#wrap{
width:100%;
background:#FFFFFF url(http://www.o-taka.co.jp/img/page_bg.gif) repeat-x;
}

#container{
width:910px;
margin:0 auto;
padding-top:7px;
background:url(http://www.o-taka.co.jp/img/container_bg.gif) no-repeat;
text-align:left;
}

#pan{
width:100%;
height:35px;
background:url(http://www.o-taka.co.jp/img/pan_bg.gif);
color:#FFFFFF;
}

#pan ul{
padding:10px 0 0 10px;
}

#pan li{
display:inline;
margin-right:10px;
}

#pan li:after{content:"　>>"}
#pan .end:after{content:""}

#pan li a{color:#FFFFFF;}
#pan li a:visited{text-decoration:none;}
#pan li a:hover{text-decoration:underline;}
#pan li a:focus{text-decoration:underline;}
#pan li a:active{text-decoration:underline;}


#page{
width:900px;
margin:0 auto;
background:url(http://www.o-taka.co.jp/img/main_bg.gif) repeat-y;
}

#side{
width:220px;
float:left;
margin-right:50px;
padding-top:30px;
}

#side .menu dt{
height:23px;
width:210px;
background:url(http://www.o-taka.co.jp/img/sidetitle_bg.gif) no-repeat;
padding:7px 0 0 10px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

#side .menu .archive{
height:23px;
width:210px;
background:url(http://www.o-taka.co.jp/img/sidetitle_a_bg.gif) no-repeat;
padding:7px 0 0 10px;
font-weight:bold;
font-size:14px;
text-indent:35px;
color:#FFFFFF;
}

#side .menu dd a{
display:block;
height:22px;
width:210px;
padding:8px 0 0 20px;
border-bottom:#666666 dotted 1px;
}

#side .menu .sub{
height:23px;
width:210px;
background:url(http://www.o-taka.co.jp/img/sidetitle_bg.gif) no-repeat;
padding:7px 0 0 10px;
font-weight:bold;
font-size:14px;
color:#FFFFFF;
}

#side .menu dd a:hover{background:url(http://www.o-taka.co.jp/img/sidetitle_bg_now.gif) no-repeat; text-decoration:none;}
#side .menu dd a:focus{background:url(http://www.o-taka.co.jp/img/sidetitle_bg_now.gif) no-repeat; text-decoration:none;}
#side .menu dd a:active{background:url(http://www.o-taka.co.jp/img/sidetitle_bg_now.gif) no-repeat; text-decoration:none;}

#side img{
margin:10px 0 0 10px;
}

#side .rss li{
display:inline;
padding:5px 0;
margin:10px 10px 10px 0;
width:79px;
border:1px solid #666666;
}

#main{
width:590px;
float:right;
margin-right:20px;
padding-top:30px;
}

#main a{color:#000000; outline-style:none; text-decoration:none}
#main a:link {color:#0000FF; text-decoration:underline;}
#main a:visited {color:#0000FF; text-decoration:underline;}
#main a:hover ,#main a:active {color:#00CCFF; text-decoration:underline;}

#main .blog h2{
background:url(http://www.o-taka.co.jp/img/h2_bg.gif) no-repeat center left;
font-size:24px;
font-weight:bold;
text-indent:30px;
margin-bottom:20px;
}

#main .blog h2 a{
color:#000000;
outline-style:none;
text-decoration:none;
font-size:24px;
font-weight:bold;
}

#main .blog h2 a:visited {color:#000000; text-decoration:none;}
#main .blog h2 a:hover ,#main .blog a:active {color:#000000; text-decoration:underline;}

#main h3{
background:url(http://www.o-taka.co.jp/img/h3_bg.gif) no-repeat center left;
font-size:14px;
text-indent:20px;
margin-bottom:20px;
padding:2px 0 8px 0;
}

#main h4{
background:url(http://www.o-taka.co.jp/img/h4_bg.gif) no-repeat center left;
font-size:14px;
text-indent:20px;
margin-bottom:20px;
padding:8px 0 2px 0;
}

#footer{
text-align:left;
color:#FFFFFF;
background:#000000 url(http://www.o-taka.co.jp/img/footer_bg.gif) repeat-x;
}

#footer .left{
float:left;
margin:50px 0 30px 10px;
}

#footer .right{
float:right;
margin:50px 10px 30px 0;
}

#footer .left dl{
float:left;
margin-right:15px;
padding-right:15px;
border-right:#FFFFFF solid 1px;
}

#footer .left dd{
text-indent:10px;
}

#footer .left dd a{color:#FFFFFF;}
#footer .left dd a:visited{color:#FFFFFF;}
#footer .left dd a:hover{color:#00CCFF; text-decoration:underline;}
#footer .left dd a:active{color:#00CCFF; text-decoration:underline;}

#footer .right address{
background:url(http://www.o-taka.co.jp/img/footer_logo.gif) no-repeat left top;
padding-left:80px;
}

#footer .right address a{
display:block;
width:119px;
height:15px;
background:url(http://www.o-taka.co.jp/img/footer_logo2.gif) no-repeat;
text-indent:-9999px;
margin-bottom:5px;
}

.blog .more{
margin:20px 0 10px 0;
text-align:right;
}

.blog .tag{
margin:10px 0;
text-align:right;
}

.blog .tag li{
display:inline;
list-style:none;
}

.blog .posted{
margin:30px 0 10px 0;
padding:10px 0;
border-top:1px solid #000000;
text-align:right;
}

.blog .blogmenu{
margin:10px 0 30px 0;
padding-bottom:10px;
border-bottom:1px solid #000000;
text-align:right;
}

.blog .border{
margin:10px 0 30px 0;
padding-bottom:10px;
border-bottom:1px solid #000000;
}

#main .trackback{
padding:5px;
border:1px solid #000000;
margin-bottom:20px;
}

#main .border10{
margin:10px 0;
padding-bottom:10px;
border-bottom:1px solid #000000;
}

#commentform div{
margin:5px 0;
}

#commentform label{
width:80px;
text-align:right;
float:left;
}

#checkbox label,#textarea label{
clear:both;
width:100%;
text-align:left;
}

#kiji_meta{
margin:10px 0;
padding:5px 0;
text-align:right;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

#archive_title{
font-size:14px;
font-weight:bold;
background:url(http://www.o-taka.co.jp/img/pan_bg.gif) right;
color:#FFFFFF;
padding:7px 0 0 10px;
margin-bottom:20px;
}