@charset "Shift_JIS";
@import "cnt.css";

/*各タグのデフォルト設定*/

*{
	margin:0;
	padding:0;
	font-size:100%;
	text-decoration:none;
	font-style:normal;
	list-style-type:none;
}

body{
font-size:80%;
font-family:"ＭＳ Ｐゴシック",sans-serif;
background:#f9f9f9 left bottom repeat-x;
text-align:center;
color:#000000;
padding-bottom:0;
margin-bottom:0;
}

h1,h2,h3{
font-weight:normal;
}

table{
border-collapse:collapse;
width:100%;
text-align:left;
}

table th,
table td{
vertical-align:top;
text-align:left;
}

table th{
font-weight:normal;
}

img{
border:0;
}

a{
text-decoration:underline;;
}

a:link,
a:hover,
a:active,
a:visited{
color:#999999;
background-color:inherit;
}

input.radio,
input.checkbox{
margin:5px 0 0 5px;
vertical-align:middle;
}

select{
vertical-align:middle;
margin:0 3px;
}

label{
vertical-align:-3px;
}

ul li img{
vertical-align:bottom;
}


/*共通のclass指定*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {min-height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.righting{
text-align:right;
}

.centering{
text-align:center;
}

.leftbox{
float:left;
}

.rightbox{
float:right;
}

.fontsmall{
font-size:80%;
}

.fontbig{
font-size:120%;
}

.red{
color:#f00;
background-color:inherit;
}

a.ic_right{
padding-left:15px;
display:inline-block;
background:url(../img/common/ic_right.gif) 7px 5px no-repeat;
}

.bold{
font-weight:bold;
}

input.radio{
margin-right:3px;
}

* html input.radio{
margin-right:0px;
}

.block10{
margin:0 10px;
}

.block15{
margin:0 15px;
}

.block20{
margin:0 20px;
}

.block30{
margin:0 30px;
}

.margin10{
margin-bottom:10px;
}

.margin30{
margin-bottom:30px;
}

#wrapper{
position:relative;
}

#pagetop{
position:absolute;
right:0;
bottom:0;
height:16px;
}

#box{
width:915px;
text-align:left;
margin:0 auto;
}

*html #box{
width:920px;
}

.top #contents{
float:right;
width:700px;
}

.single #contents{
float:right;
width:661px;
}


#header{
width:915px;
position:relative;
height:118px;
}

*html #header{
width:915px;
}

#header h1{
position:absolute;
left:2px;
top:24px;
}

#header ul#subnavi{
position:absolute;
left:215px;
top:71px;
}

#header ul#subnavi li{
float:left;
}

/*
#header ul#subnavi li a:hover img{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
*/

#header p#bn_blog{
position:absolute;
left:480px;
top:56px;
margin-left: 225px;
}

/*
#header p#bn_blog a:hover img{
    opacity: 0.8;
    filter: alpha(opacity=80);
}
*/

#sidebar{
float:left;
width:204px;
margin-bottom:40px;
}


#sidebar ul#navi{
margin-bottom:8px;
}

#sidebar ul#navi dd{
vertical-align:bottom;
}

/*
#sidebar ul#navi a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
*/

#sidebar dl#user dt{
margin-bottom:5px;
}

#sidebar dl#user dd.name{
border-top:1px solid #5e5e5e;
border-bottom:1px solid #383838;
padding:5px 3px;
margin-top:2px;
text-align:right;
vertical-align:bottom;
line-height:1;
}

#footer{
text-align:right;
background-color:#D7D7DD;
}

#footer p{
padding:21px 0 50px;
width:915px;
margin:0 auto;
}


@media print{
* html body {
zoom: 80%;
}
* html #box {
width:801px;
}
}