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

* {
	margin:0px;
	padding:0px;
}
html, body{
    height: 100%;
}

body {
	background-color:#000000;
	background-image:url(images/right_back.jpg);
	background-repeat:no-repeat;
	background-position:805px 0px;
}

a{
	color:#ff781a;
	text-decoration:underline;
}

a:hover{
	color:#fa1703;
}

#wrapper{
	position: relative;
	min-height: 100%;
	_height: 100%;	/* for IE6 */
	width:820px;
	background-image:url(images/container_back.gif);
	background-position:left top;
	background-repeat:repeat-y;
	float:left;
}

#left-contents{
	width:280px;
	height:100%;
	float:left;
	color:#FFFFFF;
	font-size:14px;
}

#left-contents #left-top{
	width:280px;
	height:25px;
	border-bottom:5px solid #000000;
}

#left-contents #left-top #language{
	margin-right:5px;
}

#left-contents #left-top #language ul{
	float:right;
}

#left-contents #left-top #language ul li{
	float:left;
	list-style-type:none;
}

#left-contents #left-top #language ul li img{
	margin:2px;
}

#left-contents #logo{
	height:205px;
	width:280px;
	border-bottom:5px solid #000000;
	background-image:url(images/logo.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#left-contents #logo a{
	height:205px;
	width:280px;
	display:block;
}

#left-contents #logo h1{
	display:none;
}

#left-contents #main-menu{
	height:310px;
	width:280px;
	background-image:url(images/left_back.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#BFBFBF;
}

#left-contents #main-menu ul{
	margin-left:70px;
}

#left-contents #main-menu ul li{
	list-style-type:none;
	float:left;
	border-left:5px solid #000;
	border-bottom:5px solid #000;
}

#left-contents #main-menu ul li a{
	display:block;
	width:100px;
	height:73px;
	color:#333;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
	line-height:73px;
	text-align:center;
	position:relative;
	text-decoration:none;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:14px;
}

#left-contents #main-menu ul li a span{
	right:5px;
	top:25px;
	font-size:10px;
	position:absolute;
	opacity:0.6;
}

#left-contents #main-menu ul li a:hover{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fe8f3e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fe8f3e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fe8f3e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fe8f3e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fe8f3e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fe8f3e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fe8f3e',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0px 0px 10px rgba(255,255,255,1);
}

#left-contents #main-menu ul li.black a{
	color:#fff;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}

#left-contents #main-menu ul li.black a:hover{
	background: #ff842e; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff842e 0%, #441a01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff842e), color-stop(100%,#441a01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff842e 0%,#441a01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff842e 0%,#441a01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff842e 0%,#441a01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff842e 0%,#441a01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff842e', endColorstr='#441a01',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0px 0px 10px rgba(255,255,255,1);
}


#left-contents #left-banner{
	float:right;
	width:205px;
	border-left:5px solid #000000;
	border-bottom:5px solid #000000;
}

#left-contents #left-banner ul li{
	list-style-type:none;
}

#left-contents #left-banner ul li span{
	display:none;
}

#left-contents #left-banner ul li a{
	display:block;
	width:205px;
	background-position:left top;
	background-repeat:no-repeat;
}

#right-contents{
	width:515px;
	height:100%;
	margin-left:5px;
	float:left;
	color:#FFFFFF;
	font-size:12px;
}

#header-caption{
	width:515px;
	height:25px;
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:5px solid #000000;
}

#header-caption p{
	display:none;
}

#main-image{
	height:205px;
	width:515px;
	background-color:#000000;
	background-repeat:no-repeat;
	background-position:left top;
	border-bottom:5px solid #000000;
}

#main-image p{
	display:none;
}

#main-image a{
	display:block;
	height:205px;
	width:515px;
}

#copyright{
    position: absolute;
    bottom: 10px;;
	left:800px;
	width:15px;
	height:250px;
	margin-left:5px;
	float:left;
	background-image:url(images/copyright.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#copyright p{
	display:none;
}

#contents{
	padding:30px;
	color:#434343;
	line-height:150%;
	font-size:12px;
	padding-bottom:30px;
}


#contents .title{
	height:60px;
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:20px;
	position:relative;
}

#contents .title h2{
	color:#000;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:36px;
	font-weight:normal;
	z-index:2;
	position:relative;
	text-shadow:0px 0px 3px #fff;
	padding-top:7px;
	padding-left:15px;
}

#contents .title:before{
	content:"";
	display:block;
	width:60px;
	text-align:center;
	height:60px;
	background-color:#666;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	
}

#contents .title h2:first-letter{
	display:inline-block;
	color:#fff;
	font-size:42px;
	text-align:center;
	line-height:42px;
	text-shadow:none;
}

#contents #breadcrumb{
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:3px;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	color:#999999;
	font-size:12px;
	margin-bottom:20px;
}
#contents #topics{
	background-color:#dcdcdc;
	padding:10px;
	margin-bottom:30px;
}

#contents #topics .title{
	height:30px;
}

#contents #topics .title:before{
	display:none;
}

#contents #topics .title h3{
	color:#999;
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:24px;
	font-weight:normal;
	margin:0px;
	border:none;
}

#contents #topics p{
	margin-left:20px;
	font-size:12px;
}



#contents dl#faq{
	margin:0px;
	padding:0px;
	margin-left:1em;
	margin-right:1em;
}

#contents #faq dt{
	margin:0px;
	padding-left:25px;
	background-image:url(images/q.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-bottom:0.5em;
}

#contents #faq dd{
	margin:0px;
	padding-left:25px;
	background-image:url(images/a.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-bottom:20px;
}

#contents ul{
	margin-left:2em;
}

#contents ol{
	margin-left:2em;
}

#contents li{
	padding-bottom:0.5em;
}

#contents dl{
	margin-left:1em;
}

#contents dl dt{
	font-weight:bold;
}

#contents dl dd{
	margin-left:1em;
	padding-bottom:0.5em;
}

#contents p{
	margin-left:1em;
	margin-right:1em;
	margin-top:1em;
	margin-bottom:1em;
}

#contents h3{
	margin-top:2em;
	margin-bottom:1em;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	padding-bottom:3px;
	border-bottom:1px dotted #CCCCCC;
}

#contents h3.copy{
	padding:0px;
	margin:0px;
	margin-top:1em;
	margin-bottom:1em;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding:10px;
	background-color:#666666;
	text-align:center;
	border:none;
}


#contents h4{
	margin-top:20px;
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
}

#contents h5{
	margin-top:1em;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}

#contents ul.ex{
	margin-left:1em;
	margin-top:1em;
	margin-bottom:1em;
	clear:both;
}

#contents ul.ex li{
	margin:0px;
	padding:0px;
	padding-left:20px;
	background-image:url(images/kome.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	color:#c85200;
	list-style-type:none;
}

#contents table{
	margin-left:1em;
	border:3px solid #FFFFFF;
	border-collapse:collapse;
}

#contents table th{
	border:3px solid #FFFFFF;
	padding:5px;
	background-color:#555555;
	color:#FFFFFF;
	font-weight:bold;
}

#contents table td{
	border:3px solid #FFFFFF;
	padding:5px;
}

#contents table tr{
	background-color:#EEEEEE;
}

#contents table tr.border{
	background-color:#CCCCCC;
}

#contents table .icon-list{
	text-align:center;
	white-space:nowrap;
}

#contents .bold{
	font-weight:bold;
}

#contents .strong{
	font-weight:bold;
}


#contents .right{
	text-align:right;
}

#contents .left{
	text-align:left;
}

#contents .center{
	text-align:center;
}

#contents .button-area{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

#contents .button-area input{
	border:1px solid #999;
	padding:3px;
	font-size:14px;
	margin:5px;
}

#contents .error{
	font-weight:bold;
	color:#f81b03;
}

#contents input.text{
	border:1px solid #999;
	padding:3px;
	width:300px;
}

#contents textarea{
	border:1px solid #999;
	padding:3px;
	width:400px;
	height:200px;
}

#contents .map{
	margin-left:1em;
}

#contents .map iframe{
	border:5px solid #DDDDDD;
}

#contents .link{
	margin:0px;
	padding:0px;
	margin-left:1em;
}

#contents .link li{
	clear:both;
	list-style-type:none;
	background-position:left top;
	background-repeat:repeat-y;
	border-bottom:5px solid #FFFFFF;
	background-color:#BEBEBE;
	padding:10px;
}

#contents .link li .banner-image{
	float:left;
	width:100px;
	padding-top:10px;
	text-align:center;
}

#contents .link li .text{
	width:320px;
	font-weight:normal;
	font-size:12px;
	line-height:130%;
}

#contents .link li .title{
	font-weight:bold;
	color:#333333;
	margin:0px;
	padding:5px;
	height:auto;
	width:auto;
	margin-bottom:10px;
	background-color:#fff;
}

#contents .link li .title:before{
	display:none;
}


#contents .link li .title a{
	color:#333333;
	display:block;
	text-decoration:none;
}

#contents .link li .title a:hover{
	color:#fa1703;
	text-decoration:underline;
}

#contents .clear{
	clear:both;
}

#contents .access{
	margin:0px;
	padding:0px;
}

#contents .access li{
	list-style-type:none;
	padding:3px;
	background-color:#666666;
	color:#FFFFFF;
	text-align:center;
	width:200px;
}

#contents .access li.trafic{
	background-color:#FFFFFF;
	color:#434343;
	background-image:url(images/arrow.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

#contents .access li.bb{
	background-color:#ff781a;
	color:#FFFFFF;
	font-weight:bold;
}

#contents .warning{
	padding:10px;
	background-color:#f29a76
}

#contents .column{
	border: 1px solid #DDDDDD;
	padding:10px;
}

#contents #board{
}

#contents #board .menu{
	padding-top:3px;
	padding-bottom:3px;
	border-top:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	color:#999999;
	font-size:12px;
	margin-bottom:20px;
	float:left;
	width:100%;
}

#contents #board .menu ul li{
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
	margin-right:20px;
}

#contents #board .menu ul li a{
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
	color:#fff;
	padding:5px 10px;
	text-decoration:none;
	display:block;
	text-align:center;
	font-weight:bold;
	text-shadow:-1px -1px 1px rgba(0,0,0,0.5),1px 1px 1px rgba(255,255,255,0.7);
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	border:1px solid #777;
}

#contents #board .menu ul li a:hover{
	background: #ff842e; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff842e 0%, #441a01 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff842e), color-stop(100%,#441a01)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff842e 0%,#441a01 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff842e 0%,#441a01 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff842e 0%,#441a01 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff842e 0%,#441a01 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff842e', endColorstr='#441a01',GradientType=0 ); /* IE6-9 */
	box-shadow:inset 0px 0px 10px rgba(255,255,255,1), 0px 0px 2px rgba(0,0,0,0.5);;
}


#contents #board .menu ul li a:hover{
}


#contents #board .page-navigation{
	clear:both;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	width:300px;
	margin-left:auto;
	margin-right:auto;
}

#contents #board .page-navigation .backward{
	width:100px;
	display:block;
	float:left;
	text-align:center;
}

#contents #board .page-navigation .pagenum{
	width:100px;
	display:block;
	float:left;
	text-align:center;
}

#contents #board .page-navigation .forward{
	width:100px;
	display:block;
	float:left;
	text-align:center;
}

#contents #board .message-navigation{
	clear:both;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:5px;
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

#contents #board li .number{
	color:#777;
	display:inline;
	padding-right:10px;
}

#contents #board li .title{
	display:inline;
	
}


#contents #board li .title:before{
	content:"";
	display:inline;
	width:auto;
	height:auto;
	background-color:transparent;
}

#contents #board li .title:first-letter{
	display:inline;
	color:inherit;
	font-size:inherit;
	text-align:center;
	line-height:normal;
}

#contents #board li .date{
	float:left;
	color:#777;
	font-size:10px;
}

#contents #board li .data{
	float:right;
	text-align:right;
	margin-right:20px;
}


#contents #board li .data .username{
	text-align:right;
	display:inline-block;
}

#contents #board li .data .spec{
	width:100px;
	text-align:right;
	display:inline-block;
}



#contents #board .message-navigation .backward{
	width:100px;
	display:block;
	float:left;
	text-align:center;
}

#contents #board .message-navigation .forward{
	width:100px;
	display:block;
	float:left;
	text-align:center;
}

#contents #board .board-view{
	clear:both;
	background-color:#dcdcdc;
	margin-bottom:30px;
}

#contents #board .board-view .title{
	background-color:#000000;
	color:#FFFFFF;
	padding:10px;
	height:25px;
}

#contents #board .board-view .title:before{
	content:"";
	display:inline;
	width:auto;
	height:auto;
	background-color:transparent;
}

#contents #board .board-view .title:first-letter{
	display:inline;
	color:inherit;
	font-size:inherit;
	text-align:center;
	line-height:normal;
}



#contents #board .board-view .title .comment-no{
	font-size:16px;
}

#contents #board .board-view .title .res-button{
	float:right;
}

#contents #board .board-view .comment {
	clear:both;
	padding:10px;
	padding-top:0px;
	line-height:150%;
}

#contents #board .board-view .info {
	clear:both;
	background-color:#555555;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
}

#contents #board .board-view .info .auther{
	color:#FFFFFF;
}

#contents #board .board-view .info .date{
	color:#FFFFFF;
	font-size:10px;
}

#contents #board .board-form{
	clear:both;
	background-color:#dcdcdc;
	margin-bottom:30px;
	padding:10px;
}
#contents #board .board-form dl{
	margin:0px;
	padding:0px;
}

#contents #board .board-form input{
	padding:3px;
	border:1px solid #333333;
	width:200px;
}

#contents #board .board-form textarea{
	padding:3px;
	border:1px solid #333333;
}

#contents #board .list-date{
	color:#666666;
}

.mobile{
	display:none;
}

.map-photo{
	position:relative;
	top:-362px;
}
.map-photo li{
	list-style-type:none;
}

.map-photo li img{
	border:1px solid rgba(255,255,255,0.8);
}
.map-photo li.map-photo01{
	position:absolute;
	top:40px;
	left:75px;
}

.map-photo li.map-photo02{
	position:absolute;
	top:70px;
	left:109px;
}

.map-photo li.map-photo03{
	position:absolute;
	top:75px;
	left:290px;
}

.map-photo li.map-photo04{
	position:absolute;
	top:90px;
	right:60px;
}

.map-photo li.map-photo05{
	position:absolute;
	top:160px;
	right:70px;
}

.photo-right{
	float:right;
	margin-left:10px;
}

.published1 .publish{
	display:inline;
	color:#003399;
	font-weight:bold;
}

.published1 .unpublish{
	display:none;
}

.published0 .publish{
	display:none;
}

.published0 .unpublish{
	display:inline;
	color:#999999;
	font-weight:bold;
}

.languagejp .jp{
	display:inline;
	font-weight:bold;
}

.languagejp .mobile{
	display:none;
}

.languagejp .en{
	display:none;
}

.languagemobile .mobile{
	display:inline;
	font-weight:bold;
}

.languagemobile .jp{
	display:none;
}

.languagemobile .en{
	display:none;
}

.languageen .en{
	display:inline;
	font-weight:bold;
}

.languageen .mobile{
	display:none;
}

.languageen .jp{
	display:none;
}

.for_sp{
	display:none;
}