@charset "utf-8";

/* 基本設定 */
* {
	margin: 0px;
	padding: 0px;
}

body{
	font-family:"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	background:#FFF url(../images/background_back.png) center top repeat-x;
	padding:10px 0px 30px 0px;
	color:#eee;
}

a{
	color:#7d7aff;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#c0dfff;
	text-shadow:0px 0px 10px rgba(0,108,255,0.7),0px 0px 8px rgba(0,108,255,0.8),0px 0px 6px rgba(0,108,255,0.9),0px 0px 4px rgba(0,108,255,1);
}

a img{
	border:none;
	vertical-align:text-bottom;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */

/* 大まかなボックスの指定 */
#wrapper{
	width:732px;
	margin:0px auto;
}

#header{
	background:url(../images/header_back.png) left top no-repeat;
	height:154px;
	position:relative;
}

#body{
	background:url(../images/body_back.png) left top repeat-y;
	margin:0px auto;
}

#body.wide{
	width:904px;
	margin-left:-86px;
	background-image:none;
}

#contents{
	width:728px;
	margin:0px auto;
	background-color:#000;
	min-height:520px;
	padding:8px 0px;
}

#body.wide #contents{
	width:900px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
}

#footer{
	height:127px;
	background:url(../images/footer_back.png) left top no-repeat;
	position:relative;
}

/* 個別ボックスの指定[header] */

#header #logo{
	width:728px;
	height:88px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background:url(../images/title_back.jpg) left top no-repeat;
	position:absolute;
	top:37px;
	left:2px;
}
#header #logo a{
	display:block;
	width:728px;
	height:88px;
}

#header #logo h1{
	display:none;
}


#header #user_menu{
	position:absolute;
	height:17px;
	top:10px;
	left:22px;
	width:200px;
}

#header #user_menu li{
	list-style-type:none;
	float:left;
	margin-right:20px;
}

#header #user_menu li a{
	display:block;
	height:17px;
	background:url(../images/user_menu_back.png) left top no-repeat;
}

#header #user_menu li a p{
	display:none;
}

#header #user_menu li.login a{
	width:90px;
}

#header #user_menu li.login a:hover{
	background-position:0px -17px;
}

#header #user_menu li.register a{
	width:64px;
	background-position:-110px 0px;
}

#header #user_menu li.register a:hover{
	background-position:-110px -17px;
}

#header #search_box{
	position:absolute;
	top:10px;
	right:160px;
}

#header #search_box input[type=text]{
	border:1px solid #b2b2b2;
	padding:1px;
	width:200px;
}

#header #language_menu{
	position:absolute;
	top:10px;
	right:14px;
}

#header #language_menu li{
	float:left;
	height:19px;
	list-style-type:none;
	margin-left:3px;
}

#header #language_menu li a{
	background-position:left top;
	background-repeat:no-repeat;
	height:19px;
	display:block;
}

#header #language_menu li a:hover{
	margin:-1px;
	border:1px solid #586bff;
	box-shadow:0px 0px 7px rgba(88,107,255,0.8);
}

#header #language_menu li a p{
	display:none;
}

#header #language_menu li.uk a{
	width:28px;
	background-image:url(../images/english.gif);
}

#header #language_menu li.slovakia a{
	width:27px;
	background-image:url(../images/slovakia.gif)
}

#header #language_menu li.japan a{
	width:28px;
	background-image:url(../images/japan.gif);
}

#header #language_menu li.germany a{
	width:28px;
	background-image:url(../images/germany.gif);
}

#header #header_menu{
	position:absolute;
	left:2px;
	top:127px;
}

#header #header_menu li{
	list-style-type:none;
	float:left;
	color:#eee;
	font-weight:bold;
}

#header #header_menu li a{
	background:url(../images/menu_back.jpg) left top no-repeat;
	height:27px;
	width:104px;
	display:block;
	color:#eee;
	font-weight:bold;
	line-height:27px;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	text-shadow:0px 0px 5px rgba(0,0,0,0.8);
}

#header #header_menu li a span.main{
	display:inline;
}

#header #header_menu li a span.sub{
	display:none;
}

#header #header_menu li a:hover{
	background-position:0px -54px;
}

#header #header_menu li a:hover span.main{
	display:none;
}

#header #header_menu li a:hover span.sub{
	display:inline;
}

#header #header_menu ul li:first-child a p{
	background:url(../images/home_back.png) 20px 6px no-repeat;
	padding-left:15px;
}

#header #header_menu li.active a{
	background-position:0px -27px;
}

/* 個別ボックスの指定[footer] */

#footer #footer_menu{
	position:absolute;
	right:2px;
	top:0px;
	border-bottom:1px solid #666;
	width:728px;
}

#footer #footer_menu ul{
	float:right;
}

#footer #footer_menu li{
	list-style-type:none;
	float:left;
	width:100px;
	height:18px;
	border-left:1px solid #666;
}

#footer #footer_menu li a{
	width:100px;
	height:18px;
	display:block;
	line-height:18px;
	text-align:center;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

#footer #footer_menu li a:hover{
	background-color:#666;
	color:#fff;
	text-shadow:none;
}

#footer #footer_info{
	position:absolute;
	right:30px;
	top:35px;
	text-align:right;
	color:#555;
}

#footer #footer_info a{
	text-decoration:none;
}

#footer #sns_link{
	position:absolute;
	left:20px;
	top:60px;
}

#footer #sns_link li{
	list-style-type:none;
	float:left;
	margin-right:10px;
}

#footer #sns_link li a{
	display:block;
	height:19px;
	background-position:left top;
	background-repeat:no-repeat;
}

#footer #sns_link li a:hover{
	opacity:0.7;
}

#footer #sns_link li a p{
	display:none;
}

#footer #sns_link li.youtube a{
	background-image:url(../images/youtube.png);
	width:45px;
}

#footer #sns_link li.facebook a{
	background-image:url(../images/facebook.png);
	width:19px;
}

#footer #copyright{
	position:absolute;
	bottom:7px;
	right:25px;
	font-size:10px;
	color:#777;
}

/* 個別ボックスの指定[contents] */

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

#contents .banner li{
	list-style-type:none;
	margin-bottom:4px;
}
#contents .banner a{
	margin:0px;
	padding:0px;
}

#contents .banner a img{
	vertical-align:text-bottom;
}

#contents .banner a img:hover{
	margin:-1px;
	border:1px solid #586bff;
	box-shadow:0px 0px 10px rgba(88,107,255,1.0);
}

#contents #main_image{
	width:720px;
	height:300px;
	margin:8px 4px;
}

#contents #bottom_menu{
	float:left;
	margin-left:1px;
}

#contents #bottom_menu li{
	list-style-type:none;
	float:left;
	margin-left:0px;
}

#contents #bottom_menu li a{
	display:block;
	padding:0px;
	margin-left:3px;
	border-radius:5px;
	width:238px;
	height:144px;
	position:relative;
}
#contents #bottom_menu li a img{
	max-width:238px;
	border-radius:5px;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}

#contents #bottom_menu li a:hover:after{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	display:block;
	z-index:10;
	box-shadow:inset 0px 0px 30px rgba(255,255,100,0.6),inset 0px 0px 15px rgba(255,255,50,0.8),inset 0px 0px 10px  rgba(255,255,255,0.8), inset 0px 0px 5px #fff;
	width:238px;
	height:144px;
	border-radius:5px;
}



#contents #left_menu{
	margin-left:10px;
	float:left;
	border-left:1px solid #666;
	border-right:1px solid #666;
	padding:5px 5px 15px 5px;
	width:110px;
}

#contents #left_menu ul li{
	list-style-type:none;
	font-weight:bold;
}

#contents #left_menu ul li a{
	background:none;
	min-height:19px;
	width:110px;
	display:block;
	color:#fff;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
	font-size:13px;
	text-shadow:0px 0px 7px rgba(0,0,0,1);
	padding-top:6px;
	line-height:13px;
}

#contents #left_menu ul li ul li a{
	text-align:left;
	color:#50B0DD;
	text-decoration:none;
	font-size:11px;
	padding-left:10px;
	font-weight:normal;
	width:auto;
}

#contents #left_menu ul li ul li a:hover{
	}

#contents #left_menu li a span.main{
	display:inline;
}

#contents #left_menu li a span.sub{
	display:none;
}

#contents #left_menu li a:hover{
	background:url(../images/left_menu_hover_back.jpg) left top no-repeat;
	color:#fff;
}

#contents #left_menu li a:hover span.main{
	display:none;
}

#contents #left_menu li a:hover span.sub{
	display:inline;
}

#contents #left_menu li.current a{
	background:url(../images/left_menu_active_back.jpg) left top no-repeat;
	color:#fff;
}

#contents #left_menu li.current li a{
	background:none;
	color:#50B0DD;
}

#contents #left_menu li.current li a:hover{
	background:url(../images/left_menu_hover_back.jpg) left top no-repeat;
	color:#fff;
}

#contents #left_menu li li.current a{
	color:#fff;
}

#contents #right_contents{
	float:right;
	margin-right:30px;
	margin-top:25px;
	width:536px;
}

#body.wide #contents #right_contents{
	width:840px;
}

#contents #right_contents.full{
	width:668px;
}

#contents #right_contents #page_title{
	margin-bottom:30px;
}

#contents #right_contents #page_title h2{
	color:#e3f1ff;
	margin:0px;
	padding:0px;
	font-size:18px;
	text-shadow:0px 0px 10px rgba(0,108,255,0.7),0px 0px 8px rgba(0,108,255,0.8),0px 0px 6px rgba(0,108,255,0.9),0px 0px 4px rgba(0,108,255,1), 1px 1px 1px rgba(60,124,255,0.8);
}

#contents #right_contents #page_title h2 .sub{
	font-size:12px;
	font-weight:normal;
}

#contents #right_contents .news{
	margin:0px;
}

#contents #right_contents .news li{
	margin:0px;
	list-style-type:none;
	padding-bottom:50px;
	position:relative;
	clear:both;
}

#contents #right_contents .news li h5{
	color:#50B0DD;
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	width:400px;
}

#contents #right_contents .news li .date{
	position:absolute;
	right:0px;
	top:2px;
	color:#50B0DD;
	margin:0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
}

#contents #right_contents .right_image_box{
	float:right;
	margin:5px 0px 5px 10px;
	text-align:center;
	font-size:11px;
	color:#ccc;
}

#contents #right_contents .right_image_box img{
	margin-bottom:3px;
	max-width:220px;
}

#contents #right_contents .left_image_box{
	float:left;
	text-align:center;
	margin:5px 10px 5px 0px;
	font-size:11px;
	color:#ccc;
}

#contents #right_contents .left_image_box img{
	margin-bottom:3px;
	max-width:220px;
}

#contents #right_contents .center_image_box{
	text-align:center;
	margin:5px 0px 5px 0px;
	clear:both;
	font-size:11px;
	color:#ccc;
}

#contents #right_contents .center_image_box img{
	margin:0px auto;
	margin-bottom:3px;
	max-width:536px;
}

#contents .clear{
	clear:both;
}

#contents #right_contents h3{
	color:#e3f1ff;
	margin:0px;
	padding:0px;
	font-size:14px;
	text-shadow:0px 0px 8px rgba(0,108,255,0.8),0px 0px 6px rgba(0,108,255,0.9),0px 0px 4px rgba(0,108,255,1);
	margin-bottom:1em;
	margin-top:2em;
	clear:both;
}

#contents #right_contents h4{
	color:#e3f1ff;
	margin:0px;
	padding:0px;
	font-size:12px;
	text-shadow:0px 0px 6px rgba(0,108,255,0.8),0px 0px 4px rgba(0,108,255,0.9),0px 0px 2px rgba(0,108,255,1);
	margin-bottom:1em;
	margin-top:2em;
}

#contents #right_contents h5{
	color:#e3f1ff;
	margin:0px;
	padding:0px;
	font-size:12px;
	text-shadow:0px 0px 4px rgba(0,108,255,0.9),0px 0px 1px rgba(0,108,255,1);
	margin-bottom:0.5em;
	margin-top:1em;
}

#contents #right_contents p{
	margin:1em 0px;
	line-height:1.5;
}

#contents #right_contents img{
	max-width:536px;
}

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

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

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

#contents #right_contents ul,#contents #right_contents ol,#contents #right_contents dl{
	margin-left:2em;
}

#contents #right_contents ul li,#contents #right_contents ol li{
	margin-bottom:0.5em;
}

#contents #right_contents table	{
	margin:1em auto;
	border:none;
	border-collapse:collapse;
}

#contents #right_contents table	th{
	border:none;
	padding:5px;
	background-color:#333;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}

#contents #right_contents table	td{
	border:none;
	padding:5px;
	vertical-align:top;
}


#contents #right_contents table.border{
	border:1px solid #999;
}

#contents #right_contents table.border	th{
	border:1px solid #999;
}

#contents #right_contents table.border	td{
	border:1px solid #999;
}

#contents #right_contents .column_box{
	border:1px solid #999;
	padding:10px;
	clear:both;
	float:left;
	width:514px;
	margin:1em 0px;
}

#contents #right_contents .column_box p{
	float:left;
	margin:0px 5px;
	width:247px;
}

#contents #right_contents .column_box:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  

#contents #right_contents .box{
	border:1px solid #999;
	padding:10px;
	clear:both;
	margin:1em auto;
}

#contents #right_contents .gallery{
	margin:0px;
	padding:0px;
	float:left;
	width:100%;
}

#contents #right_contents .gallery:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  

#contents #right_contents .gallery li{
	float:left;
	margin:10px;
	list-style-type:none;
	border:8px solid #222;
}

#contents #right_contents .gallery li img{
	max-width:140px;
}

#contents #right_contents  dl.form{
}

#contents #right_contents  dl.form dt{
	width:130px;
	text-align:right;
	float:left;
	padding:10px 5px;
	clear:both;
}
#contents #right_contents  dl.form dd{
	width:300px;
	text-align:left;
	float:left;
	padding-top:10px;
}
#contents #right_contents  .button-area{
	padding:2em 4em;
	text-align:center;
	clear:both;
}

#contents #right_contents  .button-area input[type=submit]{
	border:1px solid #444;
	background-color:#444;
	color:#fff;
	padding:10px 20px;
	font-size:12px;
	font-weight:bold;
	line-height:1.5;
	font-family: Verdana,Tahoma,Arial, sans-serif;
}

#contents #right_contents   .button-area input[type=submit]:hover{
	background-color:#000;
	color:#fff;
	border:1px solid #006cff;
	box-shadow:0px 0px 8px rgba(0,108,255,0.8),0px 0px 6px rgba(0,108,255,0.9);
}

#contents #right_contents  .button-area input[type=reset]{
	border:1px solid #444;
	background-color:#111;
	color:#ccc;
	padding:10px;
	font-size:12px;
	font-weight:normal;
	line-height:1.5;
	font-family: Verdana,Tahoma,Arial, sans-serif;
}

#contents #right_contents  .button-area input[type=reset]:hover{
	background-color:#000;
	color:#fff;
	border:1px solid #006cff;
	box-shadow:0px 0px 8px rgba(0,108,255,0.8),0px 0px 6px rgba(0,108,255,0.9);
}

#contents #right_contents input[type=text],#contents #right_contents  input[type=password]{
	padding:5px;
	border:1px solid #555;
	background:rgba(255,255,255,0.6);
}

#contents #right_contents input[type=text]:focus,#contents #right_contents input[type=password]:focus{
	background-color:#fff;
}

#contents #right_contents textarea{
	padding:5px;
	border:1px solid #555;
	background:rgba(255,255,255,0.6);
}

#contents #right_contents textarea:focus{
	background-color:#fff;
}

#contents #right_contents .button{
	display:block;
	border:1px solid #444;
	background-color:#333;
	color:#ccc;
	padding:10px 20px;
	font-size:16px;
	font-weight:bold;
	font-family: Verdana,Tahoma,Arial, sans-serif;
	text-decoration:none;
	margin:1em;
	text-align:center;
}

#contents #right_contents .button:hover{
	background-color:#000;
	color:#fff;
	border:1px solid #006cff;
	box-shadow:0px 0px 8px rgba(0,108,255,0.8),0px 0px 6px rgba(0,108,255,0.9);
	
}