@charset "UTF-8";
/* ------------------- common ------------------- */



/* ---------- 基本設定---------- */
/* ※font-sizeは個々に設定 */

body {
	text-align: left;
	background-color:#000;
}





body,div {
	margin: auto;
	font-family: 'HGS創英角ゴシックUB', HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3';
}


/* ---------- アンカー---------- */

#top {
	display:none;
	border: 0;
}


/* ---------- アウトライン---------- */


#wrap {
	width: 980px;
	margin: 0 auto 10px auto;
}

/* ---------- ヘッダー---------- */

#header {
	width: 980px;
	height: 88px;
	margin: 0;
	padding: 0;
	z-index:10;
}
#logo {
	width: 220px;
	height: 88px;
	margin: 0;
	padding: 0;
	float:left; 
}


/* sitemap textsize */

#h-right {
	width: 510px;
	margin: 10px 0 0 0;
	float:right;
	text-align:right;
	font-size:70%;
	line-height:1;
}


#translation {
	height:10px;
	margin: 0 0 8px 0;
}

#translation img {
	margin: 0 0 0 10px;
}


#contactlink {
	height:12px;
	margin: 0 0 8px 0;
}


/* ---------- content---------- */


#content-t {
	width:980px;
	float:left;
	margin:30px 0 0 0;
	padding:0;
	background-color:#000;
	background-image:url(../images/bg-mainimg2013.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}



/* ---------- right-t ---------- */
#right-t {
	width: 500px;
	margin:  0 0 0 0;
	padding: 0 0 0 0; 
	font-size:100%;
	float:right;
}




/* ---------- content-p ---------- */

#content-p {
	width:980px;
	float:left;
	margin:0;
	padding:0;
	background-color:#000;
}


#main {
	width:720px;
	float:right;
}


/* ---------- left ---------- */
#left {
	width: 248px;
	margin:  1px;
	padding: 0;
	float:left;
	background-color:#999; 
}







#top-banner {
	width: 443px;
	margin:  20px 0 0 20px;
	padding: 0;
	text-align:center;
	float:left;
}









/* newsbox */

#newsbox {
	margin:  20px 0 0 30px;
	padding: 0;
	height:200px;
}


#newsbox ul {
	margin:  0;
	padding: 0;
	list-style:none;
	overflow:hidden;
}



#newsbox li {
	width: 122px;
	margin:  0;
	padding: 0 0 0 0;
	float:left;
}

#newsbox li img {
	width: 110px !important;
	height: 110px !important;
	margin:  0;
	padding: 0;
}

.newsbox-thumb a {
	display:block;
	width: 110px !important;
	height: 110px !important;
	border:1px solid #000 !important;
}


.newsbox-thumb a:hover {
	border:1px solid #3ff !important;
}


.news-t-entry {
	font-size:60%;
	line-height:1.2;
	height: 50px !important;
	margin:  0;
	padding: 10px 5px 0 0;
}
.news-t-entry a {
	text-decoration: none !important;
	color:#39f !important;
}
.news-t-entry a:hover {
	text-decoration: underline !important;
	color:#3ff !important;
}


/* --- 横スクロール処理 --- */

#slider{ 
	width: 488px !important;
	margin: 0;
}




/* Easy Slider */
/*next prev*/

	
/*span#prevBtn{
	float:right;
	display:block;
	position:relative; 
	top:10px; 
	left:55px;
	background-image:url(../images/btn-prev.jpg);
	width:15px;
	height:109px;
	text-indent:-9999px;
}
span#prevBtn a{
	display:block;
	width:15px;
	height:109px;
}
#prevBtn a:hover{
	display:block;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity:0.8;
}*/




span#nextBtn{
	display:block;
	height:12px!important;
}		

span#nextBtn a{
	display:block;
	font-size:10px;
	line-height:1;
	width:224px;
	height:12px;
	color:#fff;
	background-color:#222;
	text-decoration:none;
	padding:1px 5px 0px 5px;
}
span#nextBtn a:hover{
	display:block;
	font-size:10px;
	line-height:1;
	color:#fff;
	background-color:#999;
	text-decoration:none;
	padding:1px 5px 0px 5px;
}




span#prevBtn{
	float:right;
	display:block;
	height:12px!important;
	text-align:right;
	margin:0 -5px 0 0;
}

span#prevBtn a{
	display:block;
	font-size:10px;
	line-height:1;
	width:224px;
	height:12px;
	color:#fff;
	background-color:#222;
	text-decoration:none;
	padding:1px 5px 0px 5px;
}
span#prevBtn a:hover{
	display:block;
	font-size:10px;
	line-height:1;
	color:#fff;
	background-color:#999;
	text-decoration:none;
	padding:1px 5px 0px 5px;
}








/* mapbox */

#mapbox {
	clear:both;
	width:460px;
	height:400px;
	text-align:left;
}

#mapbox img {
	margin:  0px 0 0 30px;
	padding: 0;
}





/* tweetbox */

#tweetbox {
	height:300px;
	margin:  15px 0 0 30px;
	padding: 0;
	overflow:auto;
}



#fbbox {
	width:460px;
	height:450px;
	margin:  15px 0 0 0;
	padding: 0 0 0 40px;
}










/* ---------- pagetop ---------- */
#pagetop {
	clear:both;
	width:980px;
	height:30px;
}

#pagetop a {
}




/* ------------ footer  ------------  */

#footer{
	clear:both;
	width: 980px;
	height:20px;
	font-size:60%;
	line-height:1;
	text-align:right;
	color:#666;
}













/* ------------------------------------------------------  */
/* --------------------  ページ装飾 ---------------------  */
/* ------------------------------------------------------  */


/* ---------- 画像とテキスト横中央揃え ---------- */

.ver-al-mid p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}
/*for IE6 */
* html .ver-al-mid p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .ver-al-mid p {
	display: inline;
	zoom: 1;
}



/* ---------- テキスト関連---------- */

/*  1文字目拡大 */
.f-letter:first-letter {
	font-size:2em;
	line-height:1.3em;
	padding: 0em 0em 0.1em 0.2em;
}


/* 1文字目字下げ */
.t-indent{
	text-indent: 1em; 
}

/* t-dot */
.t-dot{
	border-bottom:1px dotted #ccc;
}


/* アライン */
.t-ali-right{
	text-align:right;
}
.t-ali-left{
	text-align:left;
}
.t-ali-center{
	text-align:center;
}


/* 文字太さ */
.font-weight-nomal{
	font-weight:normal;
}
.font-weight-bold{
	font-weight:bold;
}




/* ------------ 追加機能 ------------  */


/* リンク画像hover */

a:hover .hov-alpha-a  {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:0;
}
a:hover .hov-alpha-b  {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity:0.6;
}
a:hover .hov-alpha-c  {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity:0.8;
}

/*Firefoxリンク点線消し*/
a:focus{
/*\*/
overflow: hidden;
/**/
}




img {
	margin:0px;
	border: none;
	vertical-align:bottom;
}

.img-word-l {
	float: left;
	padding: 0 0 0 0;
	margin:  0px 10px 10px 0px;
}

.img-word-r {
	float: right;
	padding: 0 0 0 0;
	margin:  0px 0px 10px 10px;
}


.c-both { 
	clear:both;
	overflow:hidden;
	width: 0px;
    height: 0px;
	margin: 0 0 0 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}



/* ------------ top-main-function  ------------  */

.dumbCrossFade {
	width: 980px;
	height: 256px;
	display:block;
	/* cursor:pointer; */
	border:none;
	position:relative;
}

.dumbCrossFade .dumbItem {
	display:none;
	position:absolute;
	top:0;
	left:0;
	border:none;
}

.dumbCrossFade .dumbItem img {
	border:none;
}

.dumbCrossFade * {
	border:none;
	text-decoration:none;
}

.heading {
	font-weight:bold;
	font-size:16px;
	margin-bottom:10px;
	margin-top:20px;
	display:block;
}

#sourceheading {
	cursor:pointer;
}

#source, #docs {
	font-size:12px;
	font-family:Courier;
	margin-bottom:20px;
	display:none;
}


.fadebox {
	width:980px;
	height:552px;
	display:block;
	cursor:pointer;
	border:none;
	position:relative;
}

.fadebox div {
	display:none;
	position:absolute;
	top:0;
	left:0;
	border:none;
}

.fadebox div img {
	border:none;
}

.fadebox div p{
	background:#fff;
	color:#000;
}

.fadebox *
{
border:none;
text-decoration:none;
}






/* ------------ 選択テキストサイズ ------------  */


h1 { margin: 0px 0px 10px 0px;}
h2 { margin: 0px 0px 10px 0px;}
h3 { margin: 0px 0px 10px 0px;}
h4 { margin: 0px 0px 10px 0px;}

.sma {
	font-size:  90%;
	line-height: 1.3;
}
.sma-s {
	font-size:  85%;
	line-height: 1.3;
}
.sma-ss {
	font-size:  80%;
	line-height: 1.3;
}

.mid {
	font-size:  140%;
	line-height: 160%;
}

.mid-m {
	font-size:  130%;
	line-height: 160%;
}
.mid-mm {
	font-size:  120%;
	line-height: 160%;
}

.nom {
	font-size:  110%;
	line-height: 180%;
}




/* ------------ 選択カラー ------------  */

.col-black { color: #000; }
.col-red { color: #ff0066; }
.col-red2 { color: #CC0066; }
.col-red-bold { color: #ff0066; font-weight:bold; }
.col-s-blue { color: #3366FF; }
.col-blue { color:#3366cc; }
.col-orange { color:#FF6600; }
.col-purple { color: #6633CC; }
.col-yellow { color: #ffcc66; }
.col-pink { color: #ff6699; }
.col-green { color: #669900; }
.col-brown { color: #D8BB4E; }
.col-l-grey { color: #999; }
.col-grey { color: #666; }


/* ------------ margin ------------  */

.m-10 { margin:10px !important; }
.m-20 { margin:20px !important; }

.mt-10 { margin-top:10px !important; }
.mt-20 { margin-top:20px !important; }

.ml-10 { margin-left:10px !important; }
.ml-20 { margin-left:20px !important; }

.mtb-10 { margin:10px 0 !important; }
.mtb-20 { margin:20px 0 !important; }
.mtb-30 { margin:30px 0 !important; }
.mtb-40 { margin:40px 0 !important; }

/* ------------ リンク設定 ------------  */

a:link        { color: #39f; text-decoration: underline; }
a:visited     { color: #39f; text-decoration: underline; }
a:hover       { color: #3ff; text-decoration: none; }
a:active      { color: #3ff; text-decoration: underline; }



a.a-bl:link     { color: #333; text-decoration: none; }
a.a-bl:visited  { color: #333; text-decoration: none;  }
a.a-bl:hover    { color: #ccc; text-decoration: none; }
a.a-bl:active   { color: #aaa; text-decoration: none; }

a.a-gr:link     { color: #666; text-decoration: none; }
a.a-gr:visited  { color: #666; text-decoration: none;  }
a.a-gr:hover    { color: #666; text-decoration: underline; }
a.a-gr:active   { color: #666; text-decoration: none; }

a.a-red:link     { color: #cc0066; text-decoration: none; }
a.a-red:visited  { color: #8d0046; text-decoration: none;  }
a.a-red:hover    { color: #cc0066; text-decoration: underline; }
a.a-red:active   { color: #cc0066; text-decoration: none; }













/* ------------ 背景スクロール ------------  */

/* 
    AUTHOR: Chris Coyier
            chriscoyier@gmail.com
            http://chriscoyier.net
*/

* { margin: 0; padding: 0; }


#background {
	background: url(../images/background.png) repeat 0 0;
	height:250px;
	margin-bottom:-250px;
	z-index:0;
}

#midground {
	background: url(../images/midground.png) repeat 0 0;
	height:250px;
	margin-bottom:-250px;
	z-index:2;
}

#foreground {
	background: url(../images/foreground.png) repeat 0 0;
	height:250px;
	margin-bottom:-250px;
	z-index:3;
}