@charset "utf-8";
/* import */
	@import url("page.css");
	
/*
Theme Name: ramrock
Description: ramrock
*/

/**********************************************************
* default
* hack
* layout
**********************************************************/


/**********************************************************
* default
**********************************************************/
body,p,dl,dd,table,img,ul,li,form,h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	}
body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	line-height:1.7em;
	background:url(img/bg.gif) repeat-y top;
	background-position:center;
	height:100%;
	}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
	}
img{
	vertical-align:bottom;
	border:none;
	}
ul{
	list-style:none;
	}
address{
	clear:both;
	font-style:normal;
	color:#FFFFFF;
	padding-top:15px;
	}
a{
	overflow:hidden;
	color:#000000;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	color:#3664ba;
	}
td{
	vertical-align:top;
	}
#cont_l{
	width:820px;
	margin:0px auto;
	padding:0px;
	}

#container {
	width: 100%;
    position: relative;
    height: 100%;
    min-height: 100%;
}


	
#clear_both {
	clear:both;
	}
	
/* TABLEタグ */
table{
	border-top:solid 1px #dfdfdf;
	border-left:solid 1px #dfdfdf;
	margin:0 auto 10px;
}
th,td{
	border-right:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
	padding:3px 5px;
}
th{
	background:#f8f8f8;
}
table.nostyle{
	border:none;
}
table.nostyle th,
table.nostyle td{
	border:none;
	background:none;
	vertical-align:top;
}
/**********************************************************
* hack
**********************************************************/

#menu,
#header,
#header_sub,
#contents,
.page,
.page_post dd,
#main_content,
#main_banner{
	min-height:1px;
	height:1%;
	}
#menu:after,
#header:after,
#header_sub:after,
#contents:after,
.page:after,
.page_post dd:after,
#main_content:after,
#main_banner:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}
#visual,#contents,#footer{
	clear:both;
	}
	
body > #container {
	height: auto;
	}

/**********************************************************
* layout
**********************************************************/
#ram-news {
	margin-left:5px;}

#ram-news a{
	width:810px;
	height:70px;
	display:block;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	background:url(img/news_bt.jpg) no-repeat;
	}
	
#ram-news a:hover{
	background:url(img/news_bt_o.jpg) no-repeat;}

/*header*/
#header{
	width:810px;
	margin:0px;
	padding:0px;
	line-height:normal;
	}

#header h1{
	width:260px;
	margin:0px;
	float:left;
	}
#header h1 img{
	border:none;
	}
	
#member {
	width:100px;
	height:35px;
	margin:0px;
	padding:10px 0px;
	}
	
#member img {
	width:100px;
	height:15px;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	}

#header_sub{
	width:550px;
	height:50px;
	margin:0px;
	padding:0px;
	float:left;
	text-align:right;
	}

/*メニュー*/

#menu_sub {
	margin:0px;
	padding:35px 0px 0px 0px;
	float:right;
	}
	
#menu_sub li {
	float:right;
	height:15px;
	margin:0px 0px 0px 5px;
	padding:0px 5px 0px 20px;
	background:url(img/cut.gif) no-repeat left;
	}
	

	
#menu_bg {
	width:820px;
	margin:0px;
	padding:0px;
	background:url(img/menu_bg.gif) repeat-x;
	}
	
#menu {
	width:800px;
	height:40px;
	background:url(img/menu_bg.gif) repeat-x;
	padding:0px 10px;
	}

#menu li{
	float:left;
	height:40px;
	}
#menu li a{
	display:block;
	font-size:0px;
	text-indent:-9999px;
	background-repeat:no-repeat;
	height:40px;
	}

#menu-top a{
	width:65px;
	background:url(img/menu_01.gif);
	}

#menu-top a:hover{
	background:url(img/menu_01_o.gif);
	}
	

.page-item-4 a{
	width:125px;
	background:url(img/menu_02.gif);
	}

.page-item-4 a:hover{
	background:url(img/menu_02_o.gif);
	}
	
.page-item-26 a{
	width:90px;
	background:url(img/menu_03.gif);
	}

.page-item-26 a:hover{
	background:url(img/menu_03_o.gif);
	}

.page-item-50 a{
	width:145px;
	background:url(img/menu_04.gif);
	}

.page-item-50 a:hover{
	background:url(img/menu_04_o.gif);
	}

.page-item-68 a{
	width:70px;
	background:url(img/menu_05.gif);
	}

.page-item-68 a:hover{
	background:url(img/menu_05_o.gif);
	}

.page-item-79 a{
	width:90px;
	background:url(img/menu_06.gif);
	}

.page-item-79 a:hover{
	background:url(img/menu_06_o.gif);
	}

.cat-item-7 a{
	width:100px;
	background:url(img/menu_07.gif);
	}

.cat-item-7 a:hover{
	background:url(img/menu_07_o.gif);
	}
	
.cat-item-9 a{
	width:115px;
	background:url(img/menu_08.gif);
	}

.cat-item-9 a:hover{
	background:url(img/menu_08_o.gif);
	}




/*------------------------------メニュー ここまで--------------------------------*/

/*メインビジュアル*/

#cont-body {
	width:820px;
	margin:0px auto;
	padding:0px;
	}
	
.main-img {
	width:820px;
	margin:0px auto 20px;
	padding:0px;
	}
	
.main_t embed {
	margin:0px 0px 0px 5px;
	line-height:0px;
	}
	
.main_t img {
	margin:0px 0px 10px 5px;
	line-height:0px;
	}
	
.main_img_01 {
	width:295px;
	height:200px;
	margin:0px;
	margin-left:5px;
	padding:0px;
	padding-top:20px;
	float:left;
	background:url(img/main_img_01.gif) no-repeat bottom;
	line-height:0px;
	}

.main_img_01 img{
	margin:0px;
	margin-left:20px;
	line-height:0px;
	}


#main_img_02 {
	width:480px;
	height:150px;
	display:block;
	margin:0px;
	margin-left:5px;
	padding:0px;
	float:left;
	}
	
.main_txt {
	width:480px;
	height:auto;
	margin:0px;
	padding:15px 5px;
	float:left;
	}

	
.main_txt a {
	color:#333333;
	text-decoration:none;
	}
	
.main_txt a:hover {
	color:#3664ba;
	}
	
.main_txt p{
	margin:0px;
	padding:0px;
	}
	
.main_txt_2 {
	width:800px;
	margin:0px;
	padding:0px 10px 0px;
	float:left;
	}
	
.main_txt_2 a {
	color:#333333;
	text-decoration:none;
	}
	
.main_txt_2 a:hover {
	color:#3664ba;
	}
	
.main_txt_2 p{
	margin:0px;
	padding:0px;
	}
	
.bold_t {
	margin:0px 0px 10px 0px;
	padding:0px auto 0px auto;
	font-weight:bold;
	border-bottom:solid 1px #FF9900;
	color:#000000;
	}

.kotira a{
	width:150px;
	margin:0px;
	padding:0px;
	font-size:1.2em;
	float:right;
	font-weight:bold;
	}
	
#sample_bt {
	text-align:center;
	margin:0px;
	padding:0px;
	}


	
/*トップコンテンツ*/

#main_content {
	width:810px;
	margin:0px auto;
	padding:0px;
	float:left;
	}

#l-column {
	width:580px;
	margin:0px;
	padding:0px;
	float:left;
	}	

#l-column h2 {
	background:url(img/bar_01.gif) no-repeat top;
	width:565px;
	height:25px;
	margin:0px;
	}

.title-l {
	margin-left:15px;
	}

	
#main_banner {
	margin:0px 5px 15px 0px;
	padding:0px;
	}
	
#topics {
	margin-left:10px;
	padding-top:20px;
	clear:both;
	}

.banner_02 {
	width:270px;
	height:170px;
	margin:0px;
	margin-left:5px;
	margin-right:25px;
	padding:0px;
	float:left;
	background:url(img/doberman_b.gif) no-repeat ;
	}
	
.banner_02 p{
	padding:100px 20px 0px 20px;
	line-height:1.2em;
	}
	
.banner_03 p{
	padding:85px 20px 0px 20px;
	line-height:1.2em;
	}
	
.banner_03 {
	width:270px;
	height:170px;
	margin:0px;
	padding:0px;
	float:right;
	background:url(img/recorder_b.gif) no-repeat ;
	}
	
#news {
	margin:0px;
	padding:10px;
	}

#news li {
	margin-bottom:5px;
	}

/*サイドバー*/
#sidebar{
	width:200px;
	margin-left:25px;
	float:left;
	}
	
#s_banner {
	width:200px;
	margin:0px;
	padding:0px;
	}
	
#s_banner li{
	margin-bottom:20px;
	}
	
#results a {
	display:block;
	background:url(img/results_b.gif) no-repeat;
	}
	
#partner a {
	display:block;
	background:url(img/partner_b.gif) no-repeat;
	}

#media a {
	display:block;
	background:url(img/media_b.gif) no-repeat;
	}

#blog a {
	display:block;
	background:url(img/blog_b.gif) no-repeat;
	}
	
#s_banner li a {
	width:115px;
	height:35px;
	margin:0px;
	padding:15px 0px 0px 85px;
	font-weight:bold;
	}
	
/*----バナー-------------*/


	

#s_banner li{
	margin:0px 0px 10px 0px;
	padding:0px;
	}
	
	
/*footer*/

#footer {
        width: 820px;
		margin:0px auto;
        background:url(img/footer_bg.gif) repeat-x bottom;
        bottom: 0px;
		vertical-align:bottom;
        height: 45px;
}

/**********************************************************
* all-page
**********************************************************/

/*content*/
#gotop{
	clear:both;
	text-align:right;
	margin-bottom:20px;
	}

/*kiji-text*/
.kiji{
	margin-bottom:15px;
	border:solid 1px #c8c8c8;
	padding:10px 15px;
	}
.kiji h2{
	padding-bottom:3px;
	border-bottom:dashed 1px #c8c8c8;
	}
.kiji-list li{
	width:225px;
	float:left;
	}
.date,.postdata{
	text-align:right;
	font-size:0.9em;
	}
.navigation{
	text-align:center;
	}
/*single*/