@charset "utf-8";

* {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	background-color: #eef8fb;
	text-align: center;
}

#pagebody {
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	background-color: #FFFFFF;
	text-align: left;
	position: relative;
}

a img {border: none;}

.hidden {display: none;}

.floatL {float: left;}

.floatR {float: right;}

.clearL {clear: left;}

.clearR {clear: right;}

.clearB {clear: both;}

.alignC {text-align: center;}

.alignL {text-align: left;}

.alignR {text-align: right;}

.imgL {
	margin: 0 20px 20px 0;
	float: left;
}

.imgR {
	margin: 0 0 20px 20px;
	float: right;
}

/* フォント */

.bold {
	font-weight: bold;
}

.redC00 {
	color: #CC0000;
}

.gray666 {
	color: #666666;
}

.small {
	font-size: 65% !important;
}

/* マージン・パディング */

.margintop0 {margin-top: 0 !important;}
.margintop5 {margin-top: 5px !important;}
.margintop10 {margin-top: 10px !important;}
.margintop15 {margin-top: 15px !important;}
.margintop20 {margin-top: 20px !important;}
.margintop30 {margin-top: 30px !important;}
.marginbtm0 {margin-bottom: 0 !important;}
.marginbtm5 {margin-bottom: 5px !important;}
.marginbtm10 {margin-bottom: 10px !important;}
.marginbtm15 {margin-bottom: 15px !important;}
.marginbtm20 {margin-bottom: 20px !important;}
.marginbtm30 {margin-bottom: 30px !important;}

#hd-txt {
	margin: 0;
	padding: 2px 0 2px 10px;
	color: #FFFFFF;
	background-color: #77d1f5;
	font-size: 75%;
}

#hd {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 65px;
	border-bottom: 8px solid #008ec7;
	position: relative;
}

#sitetitle {
	position: absolute;
	top: 16px;
	left: 10px;
}

#nv2 {
	position: absolute;
	top: 40px;
	left: 610px;
}

#nv2 img {
	margin-left: 5px;
}

#nv3 {
	position: absolute;
	top: 30px;
	left: 550px;
	width: 200px;
	text-align: right;
	font-size: 10px;
}

#nv3 img {
	margin-left: 10px;
	margin-right: 5px;
	vertical-align: middle;
}

#nv3 a {
	color: #333333;
	text-decoration: none;
}

#hnv {
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../img/nv_bg.gif) repeat-x;
	width: 760px;
	height: 42px;
}

* html #hnv, *+html #hnv {
	margin-top: -1px;
}

#hnv li {
	margin: 0;
	padding: 0;
	float: left;
	height: 42px;
	text-align: center;
}

#hnv li#hnv01 { width: 76px; }
#hnv li#hnv02 { width: 95px; }
#hnv li#hnv03 { width: 95px; }
#hnv li#hnv04 { width: 110px; }
#hnv li#hnv05 { width: 95px; }
#hnv li#hnv06 { width: 95px; }
#hnv li#hnv07 { width: 95px; }
#hnv li#hnv08 { width: 95px; }

#hnv li#hnv01ru { width: 95px; }
#hnv li#hnv02ru { width: 95px; }
#hnv li#hnv03ru { width: 95px; }
#hnv li#hnv04ru { width: 95px; }
#hnv li#hnv05ru { width: 95px; }
#hnv li#hnv06ru { width: 95px; }
#hnv li#hnv07ru { width: 95px; }
#hnv li#hnv08ru { width: 95px; }



#hnv li a {
	margin: 0;
	padding: 14px 10px 0 10px;
	display: block;
	height: 28px;
	font-size: 12px;
}

#hnv li a:link, #hnv li a:visited { background: url(../img/nv_bg.gif) repeat-x; color: #FFFFFF; }
#hnv li a:focus, #hnv li a:hover { background: url(../img/nv_bg_o.gif) repeat-x; color: #FFCC33; }

#content {
	margin: 0;
	padding: 20px 10px 20px 20px;
	width: 730px;
	background: url(../img/bg_content.gif) repeat-y;
}

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

#ft {
	margin: 0;
	padding: 0;
	width: 760px;
	height: 110px;
	border-top: 8px solid #008ec7;
	background: #FFFFFF url(../img/ft_bg.gif) repeat-x;
}

#ftname {
	margin: 12px 0 0 10px;
	width: 300px;
	font-size: 75%;
	color: #333333;
	float: left;
}

#ftcopyright {
	margin: 12px 10px 0 0;
	width: 420px;
	font-size: 75%;
	color: #333333;
	float: right;
	text-align: right;
}

h1 {
	margin: 0;
	padding: 25px 0 0 20px;
	width: 740px;
	height: 42px;
	background: url(../img/h1.gif) no-repeat;
	font-size: 100%;
	color: #333333;
}

h2 {
	margin: 0 0 20px 0;
	padding: 8px 0 8px 10px;
	border-bottom: 1px solid #008ec7;
	border-left: 5px solid #008ec7;
	font-size: 75%;
	color: #333333;
	clear: both;
}

h3 {
	margin: 0 0 15px 0;
	padding: 0 0 0 14px;
	font-size: 75%;
	line-height: 150%;
	color: #333333;
	background: url(../img/mk_h3.gif) no-repeat left center ;
	vertical-align: middle;
	clear: both;
}

h4 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 75%;
	line-height: 150%;
	color: #666666;
}

#main {
	width: 520px;
	float: left;
}

#main p {
	margin: 0 0 15px 15px;
	padding: 0;
	font-size: 75%;
	line-height: 150%;
	color: #333333;
}

#main ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style-type: none;
}

#main li {
	margin: 0 0 0 15px;
	padding: 0 0 0 16px;
	font-size: 75%;
	line-height: 150%;
	color: #333333;
	background: url(../img/mk_li.gif) no-repeat 0 5px;
}

#sub {
	width: 180px;
	float: right;
}

#sub p {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 75%;
	line-height: 150%;
	color: #333333;
}

.mainL {
	margin: 0;
	padding: 0;
	width: 250px;
	float: left;
}

.mainR {
	margin: 0;
	padding: 0;
	width: 250px;
	float: right;
}
.mainC {
	margin: 0;
	padding: 0;
	width: 500px;
	float: center;
}

a:link, a:visited { color: #008ec7; text-decoration: none; }
a:focus, a:hover { color: #008ec7; text-decoration: underline; }


ul#snv {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#snv li {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 13px;
	width: 180px;
	height: 25px;
}

ul#snv li a {
	margin: 0;
	padding: 3px 0 0 5px;
	display: block;
	width: 175px;
	height: 17px;
}

ul#snv li a:link, ul#snv li a:visited { background: url(../img/nv/snv.gif) no-repeat; color:#666666; }
ul#snv li a:focus, ul#snv li a:hover { background: url(../img/nv/snvo.gif) no-repeat; color: #008ec7; }

.bnr-biz {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #008ec7;
	background-color:#FFFFFF;
}

.tbl01 {
	margin: 0 0 20px 0;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-collapse: collapse;
	font-size: 75%;
	line-height: 150%;
	color: #333333;
}

.tbl01 th, .tbl01 td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px 10px 5px 10px;
}

.tbl01 th {
	background-color: #F0F0F0;
}

.tbl02 {
	margin: 0 0 20px 0;
	font-size: 75%;
	color: #333333;
}

.tbl03 {
	margin: 0 0 20px 0;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-collapse: collapse;
	font-size: 75%;
	line-height: 150%;
	color: #333333;
	width: 100%;
}

.tbl03 th, .tbl03 td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px 10px 5px 10px;
	text-align: center;
}

.tbl03 th {
	background-color: #F0F0F0;
}

#photo img {
	margin-right: 20px;
	margin-bottom: 20px;
}

#news dt {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 75%;
	font-weight: bold;
	line-height: 150%;
	color: #333333;
	width: 70px;
	clear: both;
	float: left;
	border-bottom: 1px dotted #333333;
}

#news dd {
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 75%;
	line-height: 150%;
	color: #333333;
	width: 450px;
	float: left;
	border-bottom: 1px dotted #333333;
}

#topnews {
	padding: 3px 0 5px 10px;
	background-color: #eef3f5;
	border: none;
	clear: both;
}

.box-01 {
	margin: 0;
	padding: 20px;
	border: 1px solid #666666;
}

.box-02 {
	margin: 0;
	padding: 20px 20px 10px 20px;
	background-color: #edf7ed;
}

.box-01 h2, .box-02 h2 {
	margin: 0 0 10px 0;
	padding: 1px 0 0 5px;
	border-bottom: none;
	border-left: 5px solid #333333;
	font-size: 75%;
	color: #333333;
}

#service-list {
	background: url(/service/img/bg01.jpg) no-repeat right 40px;
}

.flag-jp {
	background: url(../img/flag_jp.gif) no-repeat right center;
}

.flag-kz {
	background: url(../img/flag_kz.gif) no-repeat right center;
}

#google-trance {
	width: 160px;
	margin-left: 7px;
}

#textchange
{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
     	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000;
	
	text-decoration:none;
	font-weight:bold;
	margin-bottom:10px;
}

/* -------------------------------------------------------- */
/* -------------------------------------------------------- */
/* -------------------------------------------------------- */

/* blog */

.contenttitle h2 {
	margin-bottom: 5px;
}

.contentitem {
	text-align: right;
}

.contentitem div {
	display: inline;
	color: #666666;
	font-size: 65%;
}

.contentbody {
	margin: 10px 0 30px 0;
	padding: 0;
	font-size: 75%;
	line-height: 150%;
	color: #333333;
}

.contentbody h2 {
	margin: 20px 0 0 0;
	padding: 2px 0 2px 10px;
	font-size: 100%;
	border-bottom-style: none;
}

.contentbody h3 {
	margin: 15px 0 0 0;
	font-size: 100%;
}

.leftbox {
	clear: both;
	float: left;
	margin: 0 10px 10px 0;
}

.rightbox {
	clear: both;
	float: right;
	margin: 0 0 10px 10px;
}

/* Menu lists */

.sidebardl
{
	padding: 0 0 10px 0;
	margin: 0;
}
.sidebardl dt
{
	background: #E5E5E5 url(images/sidetitlebg.gif);
	color: #3A3523;
	font-size: 10px;
	font-weight: bold;
	font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 4px 10px;
}
.sidebardl dd
{
	background: #EEEEEE;
	padding: 2px;
	margin: 1px 0 0 0;
	font-size: 10px;
}
.sidebardl dd:hover
{
	background: #E7E7E7;
	padding: 2px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
	background: url(images/arrow.gif) left center no-repeat;
	padding: 0 0 0 10px;
}

/* Calendar */

#calendar {
	margin: 0 10px 10px 0;
	font-size: 12px;
}

#calendar table.calendar {background-color:#fff !important;border-collapse: collapse;font-family:sans-serif;border:1px solid #ddd; width:180px;}
#calendar table.calendar caption {color:#aaa;letter-spacing:2px;padding:4px;}
#calendar table.calendar th,table.calendar td {border:1px solid #ddd;padding:2px 4px;}
#calendar table.calendar th {text-align:center;}
#calendar table.calendar td {text-align:right;color:#999;letter-spacing:1px;}
#calendar tr.calendardateheaders {background-color:#ddd;color:#fff !important;}
#calendar td.blank {background-color:#f5f5f5 !important;}
#calendar td.saturday {background-color:#f7f9fd !important;}
#calendar td.sunday {background-color:#fff3ee !important;}
#calendar td.today {background-color:#ffffcc !important;}



/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
	padding: 0 10px;
	font-size: 10px;
	color: #333333;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 10px;
    background: #EEEEEE;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}
.formfield
{
	display:block;
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
.searchform .formfield
{
	width: 130px;
	font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
	font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
	font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
	font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
	font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
	font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
{
    width: 300px;
    margin-right: 105px;
	font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
	font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}