@charset "UTF-8";
/* CSS Document */








* {
	margin: 0px;
	padding: 0px;
}
a:link {
	color:#CC006A;
	text-decoration: none;
}
a:visited {
	color: #CC006A;
}
a:hover {
	color: #CC0000;
}
a:active {
}
.clearboth {
	clear: both;
}
.none {
	display: none;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.nopc {
	display:none;
}
.nodot {
 	list-style:none;
	margin:1em 0em 1em -1.5em;
}


.attention {
	color: red;	
}



body {
	font-family: Meiryo, "メイリオ";
	background-color: #333;
}
#wrapper {
	width: 100%;
	min-width: 1040px;
	background-color:rgba(0,0,0,0.60);
}



/* HEADER */
#header {
	width: 100%;
	min-width: 1000px;
	display: block;
	background-color:rgba(0,0,0,0.60);
}
#header .inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	height: 50px;
	position: relative;	
}
#header .catch {
	display:none;
}

#header a {
	color: #666666;
}
#header a:hover {
	color: #650034;
}
#header #logo {
	font-size: 1px;
	position: absolute;
	left: 8px;
	top: 6px;
	text-indent: -9999px;
	height: 37px;
	width: 116px;
	background-image: url(../common_img/logo.png);
	background-repeat: no-repeat;
}
#header #logo a {
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 100%;
	width: 100%;
}
#header #logo a:hover {
}


/* LANG */

#header .inner .lang {
	font-size: 10px;
	list-style-type: none;
	display: block;
	position: absolute;
	top: 0px;
	right: 10px;
	width: 990px;
}
#header .inner .lang li {
	display: block;
	list-style-type: none;
	float: right;
	/*float: left;*/
	margin-left: 3px;
}
#header .inner .lang li a {
	/*background-color: #650034;*/
	background-color:rgba(204,0,106,0.60);
	color:#FFF;
	text-align: center;
	display: block;
	padding:2px 20px 2px 20px;
	height: 14px;
	line-height:10px;
	
}





/* FOOTER */
#footer {
	width: 100%;
	/*
	background-color:#131313;*/
	background-color:rgba(0,0,0,0.60);
	min-width: 1000px;
	display:block;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
#footer .inner {
	width: 1000px;
	margin:0px auto 0px auto;
	display:block;
	color:#FFF;
	text-align:center;
}
#footer .inner .name {
	font-size:26px;
	line-height:1.3em;
	margin-bottom: 12px;
}
#footer .inner .text {
	font-size:13px;
	line-height:1.3em;
	margin-bottom: 16px;
}
#footer .inner .text a {
	color:#FFF;
}
#footer .inner .text a:hover {
	color:#CC0000;
	text-decoration:none;
}

/* COPYRIGHT */
#footer .inner .copyright {
	color:#666666;
	font-size:13px;
	clear:both;
	text-align:center;
}



/* FOOTER LINK */

#footer .link ul {
	display: block;
	list-style-type: none;
	margin-bottom: 12px;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	height: 13px;
}
#footer .link ul li {
	display: inline;
	list-style-type: none;
	font-size: 13px;
	padding-right: 12px;
	padding-left: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #909090;
	line-height: 13px;
	height: 13px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px;
}
#footer .link ul li.first {
	border-left-style: none;
}
#footer .link ul li a {
	color: #909090;
	line-height: 12px;
}

#footer .link ul a:hover {
	color: #7E0343;
}









/* CON */
#con {
	width: 100%;
	min-width: 1000px;
	display:block;
}
#con .inner {
	width: 1000px;
	min-height:450px;
	margin:0px auto 0px auto;
	padding:25px 0px 25px 0px;
	display:block;
}




















/* COLUMN WHOLE */

.column-whole {
	margin-top: 0px;
	margin-right: 80px;
	margin-bottom: 25px;
	margin-left: 80px;


	display:block;
	/*
	width:840px;
	*/
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}





.product-buttons {
	display: block;
	width: 900px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
}
.product-buttons ul {
	list-style:none;
}
.product-buttons ul:after { 
	clear:both; 
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}
.product-buttons ul li {
	list-style:none;
	width:225px;
	height:135px;
	display:block;
	float:left;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #333;
}
.product-buttons ul li a {
	width:100%;
	height:100%;
	display:block;
	color: #333333;
}
.product-buttons ul li a:hover {
	color: #7E0343;
}
.product-buttons ul li img {
	border:none;
}
.product-buttons ul li img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}





/* MAIN */
#main {
}


/* サブタイトル　*/
#main .subtitle {
	font-size: 18px;
	line-height: 1.2em;
	color: #FFF;
	display: block;
	margin-bottom: 15px;
	clear: both;
	font-weight: normal;
}
#main .text {
	color:#EEE;
	font-size: 14px;
	line-height: 1.4em;
	margin:0px 0px 14px 0px;
}
#main .text strong,
#main .list-general strong {
	color:#000;
}


/* COLUMN WHOLE */

.column-whole ul,
.column-left ul,
.column-right ul,
.column-whole ol,
.column-left ol,
.column-right ol  {
	font-size: 13px;
	line-height: 1.3em;
	color: #666666;
	margin-bottom: 25px;
	margin-left: 2em;
	margin-right: 0px;
}

.column-whole ul.default,
.column-left ul.default,
.column-right ul.default,
.column-whole ol.default,
.column-left ol.default,
.column-right ol.default  {
	margin:20px 0px 25px 2em;
}


.column-whole li,
.column-left li,
.column-right li  {
	margin-bottom: 6px;
}




/* カテゴリタイトル　*/
.category-title {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7E0343;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 18px 0px;
}
.category-title h2 {
	background-color: #7E0343;
	font-weight: normal;
	color: #FFF;
	font-size: 11px;
	padding-top: 4px;
	padding-right: 25px;
	padding-bottom: 4px;
	padding-left: 25px;
	display: inline;
	margin-right: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.category-title span {
	font-size: 11px;
	color:#AAA;
	margin: 0px;
	padding: 0px;
	
}





/* DESCRIPTION　*/
#description {
	background-color: #111111;
}
#description .inner {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #FFFFFF;
	font-size: 13px;
	position: relative;
	height: 98px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#description .inner .name {
	height: 22px;
	width: 128px;
	display: block;
	font-size: 22px;
	position: absolute;
	left: 274px;
	top: 40px;
	color: #FFFFFF;
	font-weight:normal;
	line-height: 22px;
}
#description .inner .address {
	position: absolute;
	left: 428px;
	top: 34px;
	font-weight: normal;
	line-height: 1.35em;
	width: 475px;
}
#description .inner .address a {
	color: #FFFFFF;
	text-decoration: none;
}
#description .inner .address a:hover {
	color: #CC0000;
	text-decoration: underline;
}

















/*
チャート用 ここから-----------------------------------------*/


.chart-area-left {
	font-size: 13px;
	color: #666666;
	display: block;
	margin-bottom: 1em;
	float: left;
	margin-right: 1em;
}
.chart-area-right {
	font-size: 13px;
	color: #666666;
	display: block;
	margin-bottom: 1em;
	float: right;
	margin-left: 1em;
}
.chart-area .comment,
.chart-area-left .comment,
.chart-area-right .comment {
	display: block;
	font-size: 11px;
	white-space: normal;
	line-height: 1.3em;
	margin: 6px 0px;
	color:#969696;
}
.chart-area {
	font-size: 13px;
	color: #666666;
	display: block;
	margin-bottom: 15px;
	width: 100%;
	clear: both;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}
.chart-area img {
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.chart-area .midashi,
.chart-area-left .midashi,
.chart-area-right .midashi {
	font-size: 15px;
	color: #000000;
	display: block;
	font-weight: normal;
	margin-bottom: 8px;
}
.chart-area .legend-text {
	font-size: 13px;
	color: #000000;
	display: block;
	margin-bottom: 8px;
	padding: 0px;
}
.chart-area p {
	font-size: 13px;
}
.chart-area  table td {
	font-size: 13px;
}


ul.list-general,
ol.list-general {
	color:#606060;
	font-size: 14px;
	line-height: 1.4em;
	margin:0px 0px 14px 25px;
	margin:0px 0px 25px 25px;
	/**/
}
.list-general ul,
.list-general ol {
	margin:0px 0px 14px 25px;
	margin:0px 0px 25px 25px;
	/**/
}



/*メニュー */

#menu  .records {
	/*display: none;*/
	clear:both;
}
#menu  .records  .title {
	color: #DD5B26;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	text-decoration: none;
	margin-bottom: 4px;
}
#menu  .records  ul {
	list-style-type: none;
	background-image: url(../common_img/articles-li_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#menu  .records  ul  li {
	background-image: url(../common_img/articles-li_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	list-style-type: none;
}
#menu  .records  ul  li  a {
	font-size: 13px;
	color: #707070;
	text-decoration: none;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.2em;
}
#menu  .records  ul  li  a:hover {
	background-color: #FFFFE0;
	background-image: url(../common_img/articles-li_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#menu .categories {
}
#menu .categories .title {
	font-size: 14px;
	color: #000000;
	padding: 6px 12px 2px 0px;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0.5em;
}
#menu .categories ul {
	list-style-type: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #E4E6E9;
}
#menu .categories ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#menu .categories ul li a {
	padding: 6px 20px 6px 12px;
	color: #333333;
	display: block;
	background-image: url(../common_img/icon_arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-decoration: none;
	font-size: 14px;
	line-height: 1.2em;
	font-weight:normal;
}
#menu .categories ul.thin li a {
	padding: 3px 20px 3px 12px;
}
#menu .categories ul li a:hover {
	background-color: #333333;	/*color:#FFFFFF;*/
	color: #FFFFFF;
}







/*--- CMS start ---------------------------------------------------*/
#main {
}
#main .body {
	display: block;
	margin-bottom: 45px;
	margin-left:45px;
	margin-right:45px;
}
#main ul.article-list li {
	list-style-type: none;
	display: block;
	margin-bottom: 18px;
	clear: both;
}
#main ul.article-list li .article-image {
	/*background-color:#E4E4E4;*/
	background-color:#FFFFFF;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	display: block;
	height: 135px;
	width: 180px;
	
	overflow: hidden;
	
	position: relative;
	/*background-image: url(../common_img/nophoto.png);*/
	background-repeat: no-repeat;
	background-position: right top;
}
#main ul.article-list li .article-image img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	min-width: 180px;
	max-width: 180px;
	left: -0px;
	top: -0px;
	position: absolute;
}
#main ul.article-list li .detail {
	font-size: 24px;
	font-weight: normal;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}
#main .article-date {
	font-size: 12px;
	font-weight: normal;
	color:#666666;
	/*
	display: block;*/
}

#main .article-category {
	font-size: 9px;
	line-height: 9px;
	color: #FFF;
	text-decoration: none;
	background-color: #666666;
	display: inline-block;
	padding: 2px 8px 2px 8px;
	margin: 0px 0px 0px 0px;
}
#main .article-title {
	font-size: 16px;
	font-weight: normal;
	display: block;
}
#main .article-text {
	font-size: 14px;
	line-height: 1.4em;
	color: #606060;
}
#main .permalink {
	font-size: 10px;
	line-height: 10px;
	color: #FFF;
	text-decoration: none;
	background-color: #7E0343;
	display: inline-block;
	padding: 5px 25px 5px 25px;
	margin: 5px 0px 0px 0px;
	float: right;
}
#main .permalink:hover {
	background-color: #CE0042;
}
.page-navi {
	width: 100%;
	display: block;
	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 12px;
}
.page-navi a {
}
.page-navi a:hover {
}
.page-navi .next {
	float: right;
	list-style-type: none;
	margin-right: 10px;
}
.page-navi .prev {
	float: left;
	list-style-type: none;
}


/*--- MAIN CMS end ---------------------------------------------------*/
.video-space_large {
	margin-bottom: 20px;
	display: block;
}
.video-space_large .title,
.video-space_large .title a {
	font-size: 13px;
	line-height: 1.2em;
	color: #999;
	display: block;
	margin-top: 6px;
	margin-bottom: 6px;
}
.video-space_large .title a:hover{
	color:#CC006A;
}
.video-space_large .description{
	font-size: 12px;
	line-height: 1.4em;
	color: #666;
	display: block;
	margin-top: 6px;
	margin-bottom: 6px;
}	

.video-thumbnails {
	display: block;
}
.video-thumbnails ul {
	list-style-type: none;
}
.video-thumbnails ul li {
	display: block;
	width: 320px;
	overflow: hidden;
	margin-left: 20px;
	float: left;
	margin-bottom: 20px;
}
.video-thumbnails ul li .title {
	font-size: 13px;
	line-height: 1.2em;
	color: #999;
	display: block;
	margin-top: 6px;
	margin-bottom: 6px;
}
.video-thumbnails ul li .description {
	font-size: 12px;
	line-height: 1.4em;
	color: #666;
	display: block;
	margin-top: 6px;
	margin-bottom: 6px;
}
.video-thumbnails ul li.first {
	margin-left: 0px;
}
.video-thumbnails ul li a {
	display: block;
	height: 100%;
	width: 100%;
}
.video-thumbnails ul li a .title:hover {
	color:#CC006A;
}
.video-thumbnails ul li .pic {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* TABLE GENERAL*/

.tbl_general {
	font-size: 12px;
	border: 1px #A77813 solid;
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	
}	
.tbl_general input {
	min-height: 35px;
	
}	
.tbl_general textarea {
	
}	
.tbl_general .form_comment {
	font-size: 11px;
	color: #999999;
	
}	
.tbl_general th {
	padding: 6px;
	border: 1px #7E0343 solid;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	width: 220px;
	font-size: 12px;
	background-color: #666666;
	color: #FFF;
	
}	
.tbl_general td {
	padding: 6px;
	border: 1px #7E0343 solid;
	color: #FFF;
	
}	
.tbl_general .head {
	padding: 6px;
	border: 1px #7E0343 solid;
	background: #666666;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
	font-size: 12px;
	
}	
.comment_text {
	font-size: 12px;
	line-height: 12px;
	color: #CC0000;
	text-decoration: none;
	height: 12px;
	margin-bottom: 12px;
	display: block;
	
}	
.submit-area {
	font-size: 13px;
	color: #666666;
	display: block;
	margin-top: 1em;
	margin-bottom: 1em;
	text-align:center;
	
}	
.submit-button {
	background-color: #7E0343;
	display: block;
	color: #FFF;
	font-size: 18px;
	font-weight: normal;
	padding-top: 12px;
	padding-right: 25px;
	padding-bottom: 12px;
	padding-left: 25px;
	margin:8px auto 8px auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}	












/* PAGE NAVI */
.pagenavi {
	display: block; 
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
}

.pagenavi a {
	color: #FFF;
	background-color:#7E0343;
}
.pagenavi a:hover {
	background-color:#C00;
}
.pagenavi ul {
	display: block; 
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.pagenavi ul:after{
	content: ".";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}
.pagenavi ul li {
	display: block;
	width:auto;
	list-style-type: none;
	font-size: 18px;
	margin:0px; 
}
.pagenavi ul li a {
	display: block; 
	width:auto;
	margin:0px;
	padding:12px 45px;
	
}
.pagenavi ul li.prev {
	float: left;
}
.pagenavi ul li.next {
	float: right;
}