@charset "utf-8";

/*レイアウト設定*/
#left {
min-width:160px;
clear:left;
float:left;
width:18%;
margin:0;
height:100%;
font-size:small;
background-color: #ffffff;
}

#main {
min-width:770px;
margin:0;
width:81%;
height:100%;
float:left;
font-size:small;
background-color: #ffffff;
padding-top: 5px;
}

#footer{
clear : both;
}

#content{
background-color: #ffffff;
border-left: 1px #666666 solid;
border-right: 2px #666666 solid;
border-bottom: 2px #cccccc solid;
-moz-box-shadow:3px 3px 3px #888;
-webkit-box-shadow:3px 3px 3px #888;
box-shadow:3px 3px 3px #888;
margin-bottom: 10px;
margin-left: 1px;
}
/*レイアウト設定*/

.menu_1 a{
display:block;
text-align: center;
width:140px;
}

.menu_1 a:link,.menu_1 a:visited{
color:#333333;
}

.menu_1 a:hover{
background-color: #f7f7f7;
}

.menu_1 td{
background-color: #f0f0f0;
}

#top{
font-size:small;
padding-bottom: 0;
position:relative;
left:1px;
}


#top_menu a{
display:block;
text-align: center;
font-size: small;
margin:auto 0;
border-top:2px #b0b0b0 solid;
border-right:2px #666666 solid;
border-bottom: 0;
border-left:1px #666666 solid;
width:110px;
height: 25px;
}

#top_menu a:link,#top_menu a:visited{
background-color: #f0f0f0;
color:#333333;
}

#top_menu a:hover{
background-color: #f7f7f7;
text-shadow: 1px 1px 2px #333333;
}

#top_menu{
padding-bottom: 0;
margin:auto 0;
}

#top_menu ul{
list-style-type: none;
margin:0;
padding: 0;
}

#top_menu li{
display:block;
float:left;
}

/*ページ全体設定*/
body{
position : relative;
width:98%;
min-height:100%;
margin: 0;
margin-bottom: 10px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,"メイリオ",'ＭＳ Ｐゴシック',sans-serif;
width: 950px;
margin:0 auto;
background-color:#cccccc;
}
/*ページ全体設定*/

category.div {
border-width: medium;
border-color: red;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none; 
}

/*class="button"の設定*/ 
input.button{
border: 1px #dddddd solid;
background-color:#cccccc;
padding:1px 12px;
}

input.button:hover{
border: 1px #ffffff solid;
background-color:#dddddd;
padding:1px 12px;
}

input.button:active{
border: 1px #ffffff solid;
background-color:#999999;
padding:1px 12px;
}
/*class="button"の設定*/ 

input:focus{ border: 1px #ccffff inset; }
input{ border: 1px #cccccc solid; }

select{ border: 1px #cccccc solid; }
select:active{ border: 1px #cccccc ridge; }

.inline{ display:inline; }

img{ border:0; }

a:link { color: #0000ff; }
a:visited { color: #0000ff; }
a:hover { color: #003399; }
a:active { color: #0000ff; } 

table{
border-collapse: collapse;
border: 1px #000000 solid;
margin:2px 4px;
}
table,tr,td{
border: 1px #000000 solid;
}

div.box,p.box{
background-color:#f7f7f7;
border:1px #cccccc solid;
padding: 0 5px;
}

img.border{
border:2px #33ccff inset;
}

/*フォント*/
span.red{
color: #ff0000;
}
/*フォント*/

blockquite{
color:green;
font-size:small;
}

h2{
border-left:5px #000000 solid;
padding-left: 5px;
background-color: #e0e0e0;
}
h3{
border-left:3px #000000 solid;
padding-left: 3px;
background-color: #f7f7f7;
}