@import "layout.css";
@import "menu.css";

.wrapper{
position:relative;
margin:0 auto -120px;
text-align:left;
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", verdana, arial;
background:url(../img/base.gif) top center repeat-y;
}

#header{
margin:0px auto;
padding:0;
height:72px;
background-color:#003300;
}

#hdr_area{
margin:0 auto;
padding:0;
width:740px;
height:72px;
background:url(../img/header.gif) bottom right no-repeat;
}

#hdr_area img{
position:relative;
top:-54px;
left:21px;
}

#body{
margin:0px auto;
padding:0;
width:720px;
text-align:left;
}

#contents{
margin-left:200px;
padding:20px 0px 20px 0;
width:500px;
}

#about{
height:400px;
padding:20px;
background:url(../img/cup_base.jpg) bottom right no-repeat;
}

#about p{
color:#ffffff;
}

/*フッター*/
.ftr_area{
margin:0px auto;
padding:0;
height:120px;
clear:both;
}

.footer{
margin:0 auto;
padding:0;
height:120px;
position:relative;
background:#003300 url(../img/footer.gif) repeat-x;
}

#ftr_menu{
margin:0 auto;
padding:0;
width:720px;
}

.fmenu{
padding:20px 0 0 0;
color:#ccff66;
font-size:12px;
}

.fmenu a:link,.fmenu a:visited{
color:#ccff66;
text-decoration:none;
}

.fmenu a:hover{
color:#ffcc00;
text-decoration:none;
}

.copy{
padding:50px 0 10px 0;
color:#ccff66;
font-size:10px;
text-align:right;
}


/*段組用*/
#column{
width:500px;
float:left;
}

.column_left{
width:250px;
float:left;
text-align:center;
}

.column_right{
margin-left:250px;
text-align:center;
}

.column3_left{
margin-bottom:20px;
width:167px;
float:left;
}

.column3_right{
margin-bottom:20px;
width:166px;
float:left;
}

.column3_center{
margin-bottom:20px;
width:167px;
float:left;
}

.details{
margin:0 auto;
width:166px;
font-size:10px;
line-height:14px;
color:#666666;
text-align:center;
}

.details_left{
margin:0 auto;
text-align:left;
}

.details img{
margin-bottom:10px;
}

/*ブログ用*/
p.date{
float:right;
padding-top:10px;
font-size:10px;
color:#666666;
text-align:right;
}


/*カテゴリ境界線*/
.line{
margin:20px 0px;
padding:0;
width:500px;
height:1px;
background:url(../img/line_dot.gif) repeat-x;
}

.blog_next{
margin:20px 0px;
padding:0;
width:500px;
height:18px;
background:url(../img/line_dot.gif) repeat-x;
text-align:right;
}

.page_top{
clear:both;
margin:5px 0px 20px 0px;
padding:0;
width:500px;
height:15px;
background:url(../img/line_dot.gif) bottom left repeat-x;
font-size:10px;
color:#666666;
text-align:right;
}

/*moriss club*/

#login_sks,#login_oyk{
width:250px;
margin:20px auto;
}

#top_sks{
width:250px;
height:5px;
background:url(../img/club/sks_top.gif) bottom left no-repeat;
}

#main_sks{
padding:10px;
background:url(../img/club/sks_bgd.gif) bottom left repeat-x;
text-align:center;
}

#form_sks,#form_oyk{
width:150px;
margin:10px auto;
}

#form_sks p{
font-size:12px;
line-height:25px;
color:#ffffff;
text-align:right;
}

#btm_sks{
width:250px;
height:5px;
background:url(../img/club/sks_btm.gif) top left no-repeat;
}

#top_oyk{
width:250px;
height:5px;
background:url(../img/club/oyk_top.gif) bottom left no-repeat;
}

#main_oyk{
padding:10px;
background:url(../img/club/oyk_bgd.gif) bottom left repeat-x;
text-align:center;
}

#form_oyk p{
font-size:12px;
line-height:25px;
color:#447308;
text-align:right;
}

#btm_oyk{
width:250px;
height:5px;
background:url(../img/club/oyk_btm.gif) top left no-repeat;
}

/*
***** board-input ******/

table#board-input{
	width:450px;
	margin:0 20px 20px 20px;
	padding:0;
	border:1px solid #888888;
	border-collapse:collapse;
	}

table#board-input tr th{
	width:100px;
	margin:0;
	padding-left:10px;
	border:1px solid #888888;
	background-color:#CCCCCC;
	font-size:12px;
	font-weight:normal;
	}

table#board-input tr td{
	width:350px;
	margin:0;
	padding:5px;
	border:1px solid #888888;
	font-size:12px;
	}

/*
***** board-list ******/

table.board-list{
	width:400px;
	margin:0 45px 20px 45px;
	padding:0;
	border:1px solid #888888;
	border-collapse:collapse;
	}

table.board-list tr th{
	width:60px;
	margin:0;
	padding-left:10px;
	border:1px solid #888888;
	background-color:#996699;
	font-size:12px;
	font-weight:normal;
	}

table.board-list tr td{
	margin:0;
	padding:5px;
	border:1px solid #888888;
	background-color:#CC99AA;
	font-size:12px;
	line-height:130%;
	}


/*以下はメニュー下のリンク用*/
#link{
text-align:center;
}

#link img{
margin:3px 0px;
}

/*以下はリンクページ用*/
.link{
text-align:left;
}