@charset "utf-8";

body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td { 
	margin: 0;
	padding: 0;
}


.gme {
	background: #400000 url(img/bk_jukudo.jpg) center top no-repeat;
	-moz-background-size:contain;
 	background-size:contain; 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #FFFFFF;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;	line-height: 1.4em;
}
a {
	color:#FF0000;
}
a:hover {
	color:#FFF;
	text-decoration: none;
}


.dvd_title_18w {
	font-size: 18px;
	color: #FFFFFF;
}


.company {
	background-color: #4B0000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #000000;
	line-height: 1.4em;
}

.company14 {
	font-size: 14px;
	line-height: 1.6em;
}
.company16 {
	font-size: 16px;
	line-height: 1.8em;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 18px;
	color: #FFFFFF;
	margin:0px
}

#top_title {
margin: 0;
padding: 5px 15px;
background: url(img/title.gif) repeat-x;
	line-height: 1.5em;
	color:#c9ae61;
	font-size:13px;
	font-weight:bold;
}

#label_title {
margin: 0 5px;
padding: 5px 15px;
background: url(img/title.gif) repeat-x;
	line-height: 1.5em;
	color:#c9ae61;
	font-size:13px;
	font-weight:bold;
}

#label_title {
	margin: 0 10px;
	padding: 5px 15px 3px;
	background: #000; url(img/title.gif) repeat-x
	color:#c9ae61;
	font-size:13px;
	font-weight:bold;
}
#leftnav {
	margin:0;
	padding:0;
	width: 180px;
	font-size: 12px;
	text-align:left;
	background:#400;
	border:1px solid #c9ae61;
}

#leftnav ul {
	background: url(img/bg_smenu.jpg) repeat-x;
	height: 30px;
	margin: 0 auto;
	line-height: 1.5em;
	color:#000;
	text-align:center;
	font-size:13px;
	font-weight:bold;
}


#leftnav p {
	margin: 5px 10px;
	padding: 3px 0 3px 20px;
	color: #FFF;
}
#leftnav a {
	display:block;
	text-decoration: none;
	color:#FFF;
}
#leftnav a:hover {
	color:#FF0000;
}
#leftnav img{
	margin:0 auto;
}

.lefttabel table{
	width: 160px;
	margin: 0 auto 15px;
	border: 0;
}
.lefttabel th{
	width: 20px;
	vertical-align: bottom;
}
.lefttabel td{
	width: 140px;
	vertical-align: bottom;
}



#tab_menu {
	position: relative;
	width: 520px; /*ここで横幅を変えれます*/
	height: 150px; /*ここで縦幅を変えれます*/
	border: 1px solid #c9ae61;
}
#tab_head {
	position: absolute;
	text-align:center;
	font-size:12px;
	color:#c9ae61;
	width: 50%;
	height: 20px;
	padding: 7px 0 5px;
}
.tab_head1 {
	left: 0;
	background: #600;
}
.tab_head2 {
	left: 50%;
	background: #800;
}

#tab_main {
	overflow: hidden;
	position: absolute;
	top: 30px;	
	width: 100%;
	transition: .3s;	
}
.tab_main1 {
	height: 120px;
	background: #600;	
}
.tab_main2 {
	height: 0;
	background: #800;
}

#tab2:hover .tab_main2 {
	height: 120px;
}


/* --- ボックス --- */
div.section {
width: 690px;
font-size: 12px;
}

/* --- 見出し --- */
div.section ul {
margin: 0;
padding: 5px 15px;
background: url(img/title.gif) repeat-x;
	line-height: 1.5em;
	color:#c9ae61;
	font-size:13px;
	font-weight:bold;
}

/* --- 本文領域 --- */
div.section div.textArea {
background: #400;
height: 110px;
overflow-y: auto;
overflow-x: hidden;
}

/* --- 本文領域内の段落 --- */
div.section div.textArea p {
margin: 10px 15px;
}




/* ヘッダー 
-------------------------------- */
#header {
	width:960px;
	margin: 0 auto;
	padding: 0;
}

.logo {
	float: left;
	width: 99px;
	height: 62px;
	margin: 10px 0 0 15px;
	padding: 0;
}

#header-right{
	float:right;
	text-align:right;
	padding: 15px;
	display: block;
}

#cse-search-box{
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
}

#searchform2 {
	position: relative;
	text-align: right;
}
#keywords2 {
	width: 260px;
	height: 16px;
	background: #999;
	border: none;
	padding: 4px;
	color: #ccc;
	right: 0;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size: 12px;
}
#searchBtn2 {
	position: absolute;
	top: 0;
	_top: 1px;
	right: 0;
}
*:first-child + html #searchBtn2 {
	top: 1px;
}


/*メニュー
-------------------------------------------------------------*/
#cate-drop, #tag-drop{
width: 100px;
float:left;
font-size:13px;
text-align: center;
margin-right: 12px;
padding: 0;
}

 #tag-drop:hover {
background-position: -35px -1000px;
}

#cate-drop{
  background-position: 25px -1000px;
}

#cate-drop:hover{
  background-position: 25px -1000px;
}

#cate-drop2 ,#tag-drop2 {
position:fixed;
color:#fff;
font-size:13px;
text-align:left;
padding: 10px 0 0;
background: url(../img_2014/bg_drop.png) left top repeat-x;
left:-120%;
top:109px;
z-index:99999;
-moz-transition:.3s;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;
}

#cate-drop2 {
 width:100%;
 height: 300px;
}

#cate-drop2 .inner{
	width: 975px;
	margin: 0px auto;
}

#cate-drop2 .inner a{color: #aaa;}
#cate-drop2 .inner a:hover{color: #FFF;}
#cate-drop:hover #cate-drop2 ,#cate-drop2:hover{left:0;}




/* #menu
-------------------------------- */
#menu {
	width: 122px;
	font-size:14px;
	text-align:center;
	margin: 3px 7px 5px;
}

#menu a{
	display:block;
	padding: 10px 2px 2px;
	color: #aaa;
	border-bottom: 1px #aaa solid;
}

#menu a:hover{
	text-decoration:none;
	color: #FFF;
	border-bottom: 1px #FFF solid;
}

#menu a.current {
	color: #c9ae61;
	border-bottom: 1px #c9ae61 solid;
} 


.list {
	width: 100%
	padding: 0;
	overflow: hidden;
}

.list ul {
	list-style: none outside none;
	float: left;
	margin: 0;
	padding: 0;
}
.list ul li {
	float: left;
}




#open01,
#open02 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}
 
.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000;
    opacity: 0.5;
    z-index: 5;
}
 
.modal_window {
    top: 50%;
    left: 50%;
    margin: -150px 0 0 -200px;
    width: 400px;
    height: 300px;
    text-align: center;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
    -webkit-transform: scale(0);
}
 
.modal_window h2 {
    margin-bottom: 20px;
    width: 400px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    text-indent: 15px;
    background: #000;
}
 
.modal_window p {
    padding: 0 15px 15px 15px;
    font-size: 12px;
    line-height: 160%;
    text-align: left;
}
 
 
/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity: 0;display: block;}
    100% {opacity: 1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display: block;
}
 
@-webkit-keyframes modalScale {
    0% {opacity: 0;display: block; -webkit-transform:scale(0);}
    100% {opacity: 1; -webkit-transform:scale(1);}
}
 
div#modal div:target .modal_window {
    -webkit-animation-name: modalScale;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform:scale(1);
    opacity: 1;
    display: block;
}