@charset "UTF-8";
@charset "utf-8";

  div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#222;
font-style:normal;
font:small/150% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif}
*html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/150% "メイリオ", Meiryo, verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}
*+html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/150% "メイリオ", Meiryo, verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}
;;body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
font:small/150% "メイリオ", Meiryo, verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}
p, dt, dd, li, th, td, a, span {
text-align:left;
font-size:105%
}
p a, li a {
font-size:105%!important
}
table {
border-collapse:collapse;
border-spacing:0
}
textarea, input {
margin:0;
padding:0
}
caption, th {
text-align:left
}
td, th {
vertical-align: top
}
fieldset, img, abbr {
border:none
}
li {
list-style-type:none
}
hr {
display:none
}
strong {
font-weight:bold;
}
.pkg {
display:inline-block;
margin-bottom:-3px;
}
.pkg:after {
content: "";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
a, a:link {
color: #666;
}
a:visited {
color: #666;
}
a:hover {
color: #000;
text-decoration:none
}
body{
margin:0;
padding:0;
}
#index #over{
padding:0 0 50px 0;
}
#bread{
text-align:right;
font-size:80%;
margin-bottom:20px;
}
#contents{
width:900px;
margin:0 auto;
background:#fff;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5);
}
#header{
background:#000;
padding:50px;
margin-bottom:30px;
}
#header p.desc{
color:#fff;
}
#header p.siteTitle{
font-size:200%;
font-weight:bold;
color:#fff;
}
#header p.siteTitle a{
color:#fff;
text-decoration:none;
}
#main{
width:800px;
margin:0 50px;
padding:0 0 50px 0;
} #index #main{
width:860px;
margin:0 20px;
padding:20px 0;
}
#index #main #sideCol{
width:210px;
float:left;
margin-right:20px;
}
#index #main #sideCol h2{
padding:10px;
text-align:center;
font-weight:bold;
font-size:16px;
color:#fff;
}
#index #main #sideCol ul {
list-style: none;
overflow: hidden;
width: 208px;
padding: 0;
border:1px solid #ccc;
}
#index #main #sideCol ul li {
list-style: none;
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid #ccc;
}
#index #main #sideCol ul li:last-child {
border-bottom: 0px;
}
#index #main #sideCol ul li a {
display: block;
position: relative;
z-index: 10;
height: 40px;
margin: 0;
padding: 0px 10px 0px 30px;
background: -moz-linear-gradient(
top,
#fffff 0%,
#fffff 50%,
#f7f7f7 51%,
#f1f1f1);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffffff),
color-stop(0.50, #ffffff),
color-stop(0.51, #f7f7f7),
to(#f1f1f1));
color: #333;
font-size: 14px;
line-height: 40px;
text-decoration: none;
}
#index #main #sideCol ul li a:hover {
background: -moz-linear-gradient(
top,
#f1f1f1 0%,
#f7f7f7 50%,
#fff 51%,
#fff);
background: -webkit-gradient(
linear, left top, left bottom,
from(#f1f1f1),
color-stop(0.50, #f7f7f7),
color-stop(0.51, #fff),
to(#fff));
}
#index #main #sideCol ul li a:before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 10px;
width: 8px;
height: 8px;
margin-top: -4px;
}
#index #main #sideCol ul li a:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 5px;
width: 8px;
height: 8px;
margin-top: -4px;
background:#fff;
}
#index #main #sideCol ul li a:hover:after {
background: #fff;
}
#index #main #mainCol{
width:630px;
float:right;
}
#index #main #mainCol .post{
width:188px;
float:left;
border:1px solid #ddd;
margin:0 10px 10px 0;
padding:5px;
background: -moz-linear-gradient(
top,
#fffff 0%,
#f7f7f7 81%,
#f1f1f1);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffffff),
color-stop(0.81, #f7f7f7),
to(#f1f1f1));
}
#index #main #mainCol .cl{
clear:left;
}
#index #main #mainCol .post a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
} #main .menu{
clear:both;
text-align:center;
padding:30px 0;
}
#main .menu li{
display:inline;
}
#main h1.title{
font-size: 14px;
padding:10px;
margin-bottom:30px;
}
#eyeCatch{
text-align:center;
margin-bottom:30px;
}
#eyeCatch a:hover img{
margin-top:-2px;
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}
#btnCont p{
margin:0 auto 30px auto;
font-size: 24px;
}
#btnCont p a{
display:block;
text-decoration:none;
text-align:center;
padding:15px 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(255,255,255,0.7);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
#btnCont p a:hover {
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(000,000,000,0.7);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(000,000,000,0.7);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 2px rgba(000,000,000,0.7);
text-shadow:
0px -1px 0px rgba(000,000,000,0.4),
0px 1px 0px rgba(255,255,255,0.3);
}
#main .tableCont table{
width:798px;
border:1px solid #ccc;
}
#main .tableCont table th,
#main .tableCont table td{
padding:10px;
border:1px solid #ccc;
}
#main .tableCont table th{
text-align:left;
background: -moz-linear-gradient(
top,
#ffffff 0%,
#f1f1f1);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffffff),
to(#f1f1f1));
}
#main .tableCont table th.th01,
#main .tableCont table th.th02{
width:20%;
}
#footer{
padding:50px 0;
text-align:center;
}
  #over{
background: #;
}
#btnCont p{
width:;
font-size: ;
}
#btnCont p a{
color: #;
background: -moz-linear-gradient(
top,
#323232 0%,
#323232 50%,
# 51%,
#);
background: -webkit-gradient(
linear, left top, left bottom,
from(#323232),
color-stop(0.50, #323232),
color-stop(0.51, #),
to(#));
background: linear-gradient(
#323232 0%,
#323232 50%,
# 51%,
#);
border: 1px solid #;
}
#btnCont p a:hover {
background: -moz-linear-gradient(
top,
# 0%,
# 50%,
#323232 51%,
#323232);
background: -webkit-gradient(
linear, left top, left bottom,
from(#),
color-stop(0.50, #),
color-stop(0.51, #323232),
to(#323232));
background: linear-gradient(
# 0%,
# 50%,
#323232 51%,
#323232);
}
.home #over{
background: -moz-linear-gradient(
top,#FFE6EE,
#ffffff 500px
);
background: -webkit-gradient(
linear, 
0 0,
0 500,
from(#FFE6EE),
to(#ffffff));
background: linear-gradient(
#FFE6EE,
#ffffff 500px
);
}
.home #header{
background: #FF256B;
}
.home #header .siteTitle a{
color: #FFFFFF;
}
.home #header .desc{
color: #FFFFFF;
}
.home #main #sideCol h2{
background: #FF256B;
}
.home #main #sideCol ul li a:before {
background: #FF256B;
}
.category #over{
background: #EEEEEE;
}
.category #header{
background: #333333;
}
.category #main #sideCol h2{
background: #333333;
}
.category #main #sideCol ul li a:before {
background: #333333;
}