@charset "utf-8";
/* style reset */

html,body,div,h1,h2,h3,h4,h5,h6,
p,ul,ol,li,dl,dt,dd,address,hr,
pre,blockquote,del,form,table,caption,tr,th,td {
  padding: 0;
  margin: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 1em;
}
ul p,ol p, dl p, table p,
ul ul,ol ul,dl ul,table ul,
ul ol,ol ol,dl ol,table ol,
ul dl,ol dl,dl dl,table dl,
ul table,ol table,dl table,{
  font-size: 1em;
  margin: 0;
}

textarea { font-size: 100%; }

img, object {
  border: 0;
  vertical-align: bottom;
}
sub {
  line-height: 1;
  vertical-align: text-bottom;
}
ol,ul,li{
list-style:none;}

/* bace
------------------------------*/

body{
background:url(../img/back08.jpg);/*今月の色*/
background-repeat:repeat-x;
background-position:top;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}

#wrapp{
background-color:#fff;
width:665px;
margin:0 auto;
border:solid 1px #ffe61f;/*今月の色*/ }

#header{
width:665px;
height:180px;
margin:0 auto;
background:url(../img/logo.jpg);
background-repeat:no-repeat;
position:relative;}

#header h1{
display:none;}

#header h3{
width:135px;
height:30px;
position:absolute;
right:15px;
top:20px;}

#contents{
width:605px;
margin:0 auto;
padding-top:30px;
overflow:hidden;
color:#333;
font-size:0.9em;
line-height:1.4em;}

#footer{
position:relative;
clear:both;
padding:30px 0;}

#credit{
background:url(../img/kawaraban_logo_mini.gif);
background-position:0 15px;
background-repeat:no-repeat;
padding-left:50px;
font-size:10px;
line-height:1.3em;
border-top: 1px solid #666;
padding-top:15px;
position:relative;
height:45px;}

#right_rink a{
	float:right;
	position:absolute;
	top:17px;
	right:5px;
	color:#b7272a;
}

address{
font-size:0.8em;
color:#333;
font-style:normal;
background-color:#ffe61f;/*今月の色*/
text-align:right;
padding:3px 10px 3px 0;
}

#top_rink{
position:absolute;
left:30px;
top:0;}

/*index
------------------------------*/

#saishingo{
width:357px;
float:left;
padding-bottom:30px;
position:relative;}

#brank{
padding-left:2.5em; 
text-indent:-2.5em;
}

#top_aki img{
padding-top:7px;}

#top_aki{
width:180px;
text-align:left;
position:absolute;
top:30px;
right:-20px;}

#degital_att{
font-size:12px;
padding-top:10px;}

#text{
line-height:1.4em;
width:220px;
float:right;
text-align:left;}

#next{
border:solid 1px #ffe61f;/*今月の色*/;
padding:7px;
margin-top:10px;
margin-bottom:15px;}

#download{
border-top:solid 1px #666;
clear:both;
padding-top:30px;}

#download p{
padding-bottom:5px;}

#down_left{
float:left;
width:295px;
text-align:center;}

#down_right{
float:right;
width:295px;
text-align:center;}

#down_screen{
clear:both;
padding-top:10px;
padding-bottom:15px;}

#rink{
border-top:solid 1px #666;
padding:20px 0;
margin:10px 0 50px;}

#rink li{
float:left;
padding-left:38px;}

/*backnumber
------------------------------*/

#backnumber{
font-size:12px;
padding-bottom:7px;
position:relative;
}

#attention{
color:#666;
font-size:12px;
line-height:1.2em;
padding-bottom:5px;
}

#backnumber ul{
overflow:hidden;
height:60px;
border-bottom:solid 1px #a9a194;}

#backnumber li {
float:left;
padding-top:10px;
padding-right:5px;
}

#backnumber li a{
color:#333;
text-decoration:none;
}

#backnumber li a:hover{
color:#CC3333;
text-decoration:underline;
}

.bn_con{
width:605px;
clear:both;
padding-bottom:15px;
margin-top:15px;
border-bottom: 1px solid #666;
font-size:12px;
overflow:hidden;}

#bn_con2{
width:605px;
clear:both;
padding-bottom:15px;
margin-top:15px;
font-size:12px;
overflow:hidden;}

#bn_con2 h5{
float:left;
padding:10px;}

#bn_con2 p{
padding:5px 0;}

.bn_con h5{
float:left;
padding:10px;}

.bn_con p{
padding:5px 0;}

.bn_box1{
width:287px;
border:1px solid #999;
padding:5px;
float:left;
background-color:#faf9f4;
background:url(../img/bn_box_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;}

.bn_box2{
width:287px;
border:1px solid #999;
padding:5px;
float:right;
background-color:#faf9f4;
background:url(../img/bn_box_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;}

#backnumber2{
width:605px;
padding-top:5px;
margin-top:10px;
border-top:solid 1px #666;}

#list_left{
float:left;
padding-left:10px;}

#list_left a{
color:#333;
padding-left: 17px;
background: url(../img/bn_img/listmark2.gif) no-repeat 0px ;
}

#list_left a:hover{
color:#a02424;
padding-left: 17px;
background: url(../img/bn_img/listmark2_o.gif) no-repeat 0px ;}

#list_right{
float:right;
padding-right:10px;}

#list_right a{
color:#333;
padding-right: 17px;
background: url(../img/bn_img/listmark.gif) no-repeat right 0px ;}

#list_right a:hover{
color:#a02424;
padding-right: 17px;
background: url(../img/bn_img/listmark_o.gif) no-repeat right 0px ;}


/*papercraft/wallpaper
------------------------------*/

.pc_con{
width:605px;
clear:both;
padding-bottom:15px;
margin-top:15px;
border-bottom: 1px solid #666;
font-size:0.9em;
line-height:1.2em;
overflow:hidden;
}

.new{
padding-bottom:4px;}

#pc_con2{
width:605px;
clear:both;
padding-bottom:15px;
margin-top:15px;
font-size:0.9em;
line-height:1.2em;
overflow:hidden;
}

.down_btn{
padding-top:10px;
}

.pc_box1{
width:185px;
text-align:center;
padding-right:25px;
float:left;
}

.pc_box2{
width:185px;
text-align:center;
padding-right:25px;
float:left;}

.pc_box3{
width:185px;
text-align:center;
float:right;}

#reader{
padding:20px 0;
font-size:0.8em;
line-height:1.2em;
width:500px;
margin:0 auto;
text-align:center;}

.pc_con ul li{
float:left;}

#pc_con2 ul li{
float:left;}


/*help
------------------------------*/

#contents2{
width:605px;
margin:0 auto;
padding-top:30px;
overflow:hidden;
color:#333;
line-height:1.4em;}

#contents2 h3{
padding:20px 0;}

#contents2 h4{
padding-bottom:10px;}

#contents2 ul{
padding-bottom:10px;}

#contents2 li{
padding:5px 0;}

#contents2 p{
width:550px;
margin:0 auto;
padding:20px 0;}

.help_att{
margin-left: 1em;  
text-indent: -1em; 
}