@charset "utf-8";

*{
	margin:0;
	padding:0;
	list-style-type:none;
	}

body{
	background:#333 url(../img/body-bg.jpg) center top repeat-y;
	font:15px "メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Vardana,Helvetica,ms-sanserif;
	color:#fff;
	}

p{
	padding:0 0 0.6em 0;
	line-height:1.2em;
	font:14px "メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Vardana,Helvetica,ms-sanserif;
	}

#wrap{
	border:solid 1px #333;
	background-image:url(../img/wrap-bg.jpg);
	margin:0 auto;
	width:930px;
	}


/* ■■■■■■ ヘッダー コントロール ■■■■■ */
/* ■ header */
#header{
	width:930px;
	height:120px;
	position:fixed;
	z-index:5;
	clear:both;
	}

#header-margin{
	width:930px;
	height:120px;
	}

/* ■ header-upper */
#header-upper{
	background:url(../img/header-upper.png);
	width:930px;
	height:70px;
	background-color:#333;
	}
#header-upper h1{
	font-size:13px;
	width:600px;
	color:#fff;
	padding:10px;
	float:right;
	text-align:right;
	}
#header-upper h1 a{ 
	color:#fff;
	text-decoration:none;
	}
#header-upper .logo{
	width:250px;
	height:70px;
	float:left;
	}
#header-upper .logo a img{
	border:0;
	}
#header-upper .site-info{
	float:right;
	}
#header-upper .site-info ul{
	padding:0px 0px 0px 0px;
	font-size:13px;
	color:#fff;
	}
#header-upper .site-info ul li{
	float:left;
	width:80px;
	margin-right:0px;
	display:inline;
	}
#header-upper .site-info ul li a{
	display:inline;
	padding:0px 5px 0px 5px;
	color:#fff;
	text-decoration:none;
	}
#header-upper .site-info ul li a:hover{
	text-decoration:underline;
	}
#header-upper .site-info ul li a.active{
	background:whitesmoke;
	color:#000;
	}

/* ■ header-menu */
#header-menu{
	width:930px;
	height:50px;
	}
#header-menu ul.navi {
	background:url("../img/header-navi_bg.png");
	}
#header-menu ul.navi li{
	float:left;
	width:130px;
	height:48px;
	background:url("../img/btn.png");
	position:relative;
	}
#header-menu ul.navi li{
	display:inline;
	zoom:1;
	}
#header-menu ul.navi li{
	display:inline;
	zoom:1;
	}
#header-menu ul.navi li a{
	display:block;
	width:100%;
	height:100%;
	line-height:48px;
	text-indent:9px;
	font-weight:bold;
	font-size:13px;
	color:#CFDFB5;
	text-decoration:none;
	position:relative;
	}
#header-menu ul.navi li a:hover{
	background:url("../img/btn_over.png");
	}
#header-menu ul.navi{
	zoom:1;
	}
#header-menu ul.navi:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	}

/* ■■■■■■ フッター コントロール ■■■■■ */
/* ■ bottom-menu */
#bottom-menu{
	width:930px;
	height:25px;
	clear:both;
	}
#bottom-menu ul.navi {
	background:url("../img/bottom-navi_bg.png");
	}
#bottom-menu ul.navi li{
	float:left;
	width:130px;
	height:24px;
	background:url("../img/btnbtm.png");
	position:relative;
	}
#bottom-menu ul.navi li{
	display:inline;
	zoom:1;
	}
#bottom-menu ul.navi li{
	display:inline;
	zoom:1;
	}
#bottom-menu ul.navi li a{
	display:block;
	width:100%;
	height:100%;
	line-height:24px;
	text-indent:9px;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	position:relative;
	}
#bottom-menu ul.navi li a:hover{
	background:url("../img/btnbtm_over.png");
	}
#bottom-menu ul.navi{
	zoom:1;
	}
#bottom-menu ul.navi:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
	}

/* ■ footer */
#footer{
	padding-top:85px;
	height:75px;
	background: url(../img/footer-bg.png) center bottom no-repeat;
	clear:both;
	}
#footer .copyright{
	text-align:center;
	background:#fff;
	color:#000;
	width:500px;
	margin:0 auto;
	padding:10px 10px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	}


/* ■■■■■■ メイン コントロール   ■■■■■ */
/* ■ main-img-box */
#main-img-box{
	border:10px #660000 solid;
	width:910px;
	height:380px;
	margin:0 auto;
	background:url(../img/header-img1.jpg)no-repeat center center;
	clear:both;
	}

/* ■ main（ベース） */
#main{
	margin:0px auto 15px;
	padding:15px;
	width:900px;
	overflow:hidden;
	clear:both;
	}
#main a{
	color:#ffcc00;
	text-decoration:none;
	}
#main a:hover{
	color:#cc0000;
	}
#main h1{
	display:block;
	position:relative;
	float:left;
	margin:0 20px 20px 0;
	padding:8px;
	width:285px;
	height:30px;
	box-shadow:4px 4px 4px #bbb;
	text-shadow:1px 1px 1px #bbb;
	border-radius:7px;
	font-size:24px;
	background:#222222;
	}

#main .subtitle{
	display:block;
	position:relative;
	float:left;
	margin:0 20px 20px 0;
	padding:8px;
	width:540px;
	height:30px;
	font-size:24px;
	}

/* ■ 分割無し用－－－－－－－－－－－－－－－■ */
/* ■ main-full（分割無し用） */
#main-full{
	float:left;
	overflow:hidden;
	width:900px;
	}

/*    content */
#main-full .content{
	background:#660000;
	margin:0 0 20px 5px;
	padding:5px 0 25px 0; 
	overflow:hidden;
	width:890px;
	border-radius:7px;
	box-shadow:2px 2px 2px #000;
	}
#main-full .content h2{
	display:block;
	position:relative; left:20px;
	float:left;
	background:url(../img/main2-h2.png) no-repeat ;
	margin:20px auto 20px;
	padding-left:25px;
	width:830px;
	line-height:30px;
	box-shadow:2px 2px 2px #000;
	text-shadow:2px 2px 2px #000;
	font-size:12.5px;
	}

#main-full .content h3{
	display:block;
	position:relative; left:20px;
	float:left;
	background:url(../img/main2-h3.png) no-repeat ;
	margin:20px auto 20px;
	padding-left:25px;
	width:175px;
	line-height:30px;
	box-shadow:2px 2px 2px #000;
	text-shadow:2px 2px 2px #000;
	font-size:12.5px;
	}

#main-full .content h4{
	display:block;
	position:relative;
	float:left;
	margin:0px auto 20px;
	padding:8px;
	width:285px;
	height:30px;
	box-shadow:4px 4px 4px #bbb;
	text-shadow:1px 1px 1px #bbb;
	background:url(../img/main2-h4.png) no-repeat ;
	font-size:24px;
	}

#main-full .content .textbox{
	margin:0 auto;
	width:850px;
	line-height:1.15em;
	overflow:hidden;
	}

#main-full .content .textbox p{
	}

#main-full .content .textbox img{
	display:block;
	float:left;
	background:#fff;
	margin:0 15px 10px 0;
	padding:6px;
	border:1px solid #333;
	box-shadow:3px 3px 3px #000;
	}

#main-full .content .textbox img.right{
	float:right;
	}
#main-full .content .textbox img.center{
	clear:both;
	float:none;
	margin:10px auto 5px;
	}

#main-full .content .textbox2{
	margin:0 auto;
	width:850px;
	line-height:1.15em;
	overflow:hidden;
	}

#main-full .content .textbox3-1{
	margin:0 auto;
	float:left;
	width:555px;
	line-height:1.15em;
	overflow:hidden;
	}
#main-full .content .textbox3-2{
	margin:0 auto;
	width:255px;
	line-height:1.15em;
	overflow:hidden;
	}


/* ■ ２分割用－－－－－－－－－－－－－－－－■ */
/* ■ main-half（２分割左側用） */
#main-half{
	float:left;
	overflow:hidden;
	width:605px;
	}

/*    content */
#main-half .content{
	background:#660000;
	margin:0 0 20px 5px;
	padding:5px 0 25px 0; 
	overflow:hidden;
	width:590px;
	border-radius:7px;
	box-shadow:2px 2px 2px #000;
	}
#main-half .content h2{
	display:block;
	background:url(../img/main-h2.png);
	margin:20px;
	padding-left:25px;
	width:510px;
	line-height:30px;
	box-shadow:2px 2px 2px #000;
	text-shadow:2px 2px 2px #000;
	font-size:12.5px;
	}
#main-half .content h3{
	display:block;
	position:relative; left:20px;
	float:left;
	background:url(../img/main2-h3.png) no-repeat ;
	margin:20px auto 20px;
	padding-left:25px;
	width:175px;
	line-height:30px;
	box-shadow:2px 2px 2px #000;
	text-shadow:2px 2px 2px #000;
	font-size:12.5px;
	}
#main-half .content .textbox{
	margin:0 auto;
	width:545px;
	line-height:1.15em;
	overflow:hidden;
	}
#main-half .content .textbox p{
	}

#main-half .content .textbox img{
	display:block;
	float:left;
	background:#fff;
	margin:0 15px 10px 0;
	padding:6px;
	border:1px solid #333;
	box-shadow:3px 3px 3px #000;
	}
#main-half .content .textbox img.right{
	margin:0 0 10px 15px;
	float:right;
	}
#main-half .content .textbox img.center{
	clear:both;
	float:none;
	margin:10px auto 5px;
	}
#main-half .content .textbox3-1{
	margin:0 auto;
	float:left;
	width:335px;
	line-height:1.15em;
	overflow:hidden;
	}
#main-half .content .textbox3-2{
	margin:0 auto;
	width:210px;
	line-height:1.15em;
	overflow:hidden;
	}


/* ■ main-side（2分割右側用） */
#main-side{
	width:280px;
	overflow:hidden;
	float:left;
	}

/*    content */
#main-side .content{
	margin:0 5px 20px 0;
	padding:10px;
	background:#262626;
	width:255px;
	overflow:hidden;
	float:right;
	border-radius:7px;
	box-shadow:2px 2px 2px #000;
	}
#main-side .content img{
	border:none;
	}
#main-side .content h2{
	display:block;
	margin:10px auto 15px;
	width:218px;
	padding:0 0 0 20px;
	background: url(../img/side-h2.png) center bottom no-repeat;
	box-shadow:2px 2px 2px #000;
	text-shadow:2px 2px 2px #000;
	line-height:30px;
	font-size:12px;
	}
#main-side .content h3{
	padding-top:10px;
	padding-bottom:3px;
	text-align:center;
	font-size:12px;
	}
#main-side .banners{
	width:200px;
	margin:0 auto;
	}
#main-side .banners a{
	display:block;
	width:200px;
	margin:0 auto;
	padding:0;
	text-indent:-9999;
	}
#main-side .profile{
	width:242px;
	overflow:hidden;
	margin:0 auto;
	}
#main-side .profile-comment{
	display:block;
	width:220px;
	background:#fff;
	font-size:10.5px;
	color:#262626;
	padding:3px 10px 2px 7px;
	margin:0 auto 20px;
	text-align:center;
	border-radius:7px;
	}
#main-side .profile-comment a{
	font-weight:bold;
	background:#cc0000;
	}
#main-side .profile-comment a:hover{
	text-decoration:none;
	background:#ffcc00;
	}


/* ■■■■■■ 各種パーツ類          ■■■■■ */
/* ■ rss */
.rss{
	border-top:1px solid #FF9900;
	border-right:1px solid #FF9900;
	border-bottom:1px solid #FF9933;
	border-left:1px solid #FF9933;
	padding:1px 3px 0 3px;
	margin-left:3px;
	background:#FFCC00;
	color:#FF0000;
	font-size:11.5px;
	text-shadow:1px 1px 1px #000;
	box-shadow:2px 2px 2px #000;
	}

/* ■ youtube */
#youtube{
	position:relative;
	padding:0 0 0 3px;
	width:240px;
	}
#youtube.center{
	clear:both;
	margin:10px auto 5px;
	}
#youtube.left{
	float:left;
	margin:10px;
	}
#youtube.right{
	float:right;
	margin:10px;
	}
#youtube .title{
	float:right;
	text-align:center;
	width:120px;
	font-size:10px;
	background:#000;
	margin:5px 0 0 0;
	padding:2px 0 1px 0;
	border:1px solid #000;
	border-radius:7px 7px 0 0;
	}
#youtube .comment{
	display:block;
	width:220px;
	background:#fff;
	font-size:10.5px;
	color:#262626;
	padding:3px 10px 2px 7px;
	margin:0 auto 20px;
	text-align:center;
	border-radius:7px;
	}
#youtube .comment span{
	font-weight:bold;
	}
#youtube .comment a{
	font-weight:bold;
	color:#ffcc00;
	background:#cc0000;
	text-decoration:none;
	}
#youtube .comment a:hover{
	font-weight:bold;
	color:#cc0000;
	background:#ffcc00;
	text-decoration:none;
	}

/* ■ rss-single */
.rss-single{
	}
.rss-single p{
	font-weight:bold;
	padding:0;
	}
.rss-single ul{
	margin:0 0 0 10px;
	padding:0 0 0 5px;
	list-style:none;
	font-size:0.875em;
	}
.rss-single li span.date{
	color:#0BC7E0;
	}
.rss-single li span.cat{
	color:#FF0000;
	margin:0 3px; 
	}

/* ■ genre_menu */
#genre_menu{
	margin:10px auto 25px;
	width:560px;
	height:70px;
	}
#genre_menu #link1 a{background-image:url(../img/genre_btn1.png); margin-right:10px;}
#genre_menu #link2 a{background-image:url(../img/genre_btn2.png); margin-right:10px;}
#genre_menu #link3 a{background-image:url(../img/genre_btn3.png);}
#genre_menu ul{}
#genre_menu li{
	list-style:none;
	float:left;
	}
#genre_menu li a{
	display:block;
	width:180px;
	line-height:70px;
	text-indent:-9999px;
	overflow:hidden;
	}
#genre_menu li a:hover{background-position:0 -70px;}

/* ■ submenu */
.submenu {
	font-size:12px;
	margin:0 0 20px 30px;
	}

/* ■ list */
.list {
	font-size:12px;
	margin:0 0 0 20px;
	}

/* ■ tab-area */
#tab-area {
	float:left;
	position:relative; left:10px;
	}
#tab-area ul.tab li{
	float:left;
	text-indent:3px;
	text-align:center;
	vertical-align:bottom;
	font-weight:bold;
	font-size:14px;
	color:#FFFFFF;
	width:120px;
	height:30px;
	background:url("../img/tab_on.png");
	}
#tab-area ul.tab li a{
	display:block;
	width:100%;
	height:100%;
	color:#FFFFFF;
	text-decoration:none;
	background:url("../img/tab_off.png");
	position:relative;
	}
#tab-area ul.tab li a:hover{
	background:url("../img/tab_on.png");
	}

/* ■ goods */
#goods{
	float: left ;
	position:relative;
	margin:0 15px 10px 0 ;
	width:405px;
	height:210px;
	color:#FFFFFF;
	border:0px solid #fff;
	text-align:center;
	font-size:14px;
	}
#goods .photo{
	float: left ;
	width:150px;
	height:150px;
	}
#goods img{
	display:block;
	background:#ffffff;
	margin:0 auto 0;
	border:0px solid #333;
	padding:0px;
	box-shadow:3px 3px 3px #000;
	}
#goods .title{
	width:250px;
	margin:0 0 10px 0;
	text-align:left;
	float: left ;
	}
#goods .comment{
	width:250px;
	text-align:left;
	float: left ;
	}
#goods a{
	color:#ffcc00;
	}
#goods a:hover{
	color:#cc0000;
	}

/* ■ profile */
#profile{
	position:relative;
	margin:0 auto ;
	width:550px;
	}
#profile .name1 {
	font-size:14px;
	text-align:center;
	}
#profile .name2 {
	font-size:30px;
	text-align:center;
	font-weight:bold;
	line-height:25px;
	}
#profile .name3 {
	font-size:12px;
	text-align:center;
	line-height:3px;
	}