@charset "utf-8";

/* @group Layout */

body {
	background: #fff;
  font-family: Georgia, 'MS PMincho', HeiseiMincho, 'Hiragino Mincho Pro W3', serif;
  font-size: 120%;
  }

/* @group Layout */

div#container {
	}

div.container {
	width: 900px;
	margin: 0 auto;
	}

div#ghTagLine div.container,
div#gfTagLine div.container {
	width: 100%;
	background: url(../img/ghLead_bg.png) repeat-x;
	}

div#ghTagLine div.container p,
div#gfTagLine div.container p {
  text-align: center;
  margin: 0;
  }

div#ghMain.container {
	width: 920px;
	margin: 0 auto;
	}

div#ghMain div#ghLogo {
	margin: 0 0 0 10px;
	float: left;
	width: 420px;
	}

div#ghMain div#ghLogo p {
	margin: 0;
	}

div#ghMain div#ghLang {
	margin: 0 10px 0 0;
	float: right;
	width: 192px;
	}

div#ghMain div#ghBanner {
	float: right;
	width: 468px;
	}

div#ghMain div#ghNav {
	width: 527px;
	height: 45px;
	padding: 0 0 0 10px;
	float: left;
	background: url(../img/ghNav_bg.png) no-repeat left bottom;
	}

div#ghMain div#ghSearch {
	float: right;
	width: 373px;
	height: 45px;
	padding: 0 0 0 10px;
	background: url(../img/ghNav_bg.png) no-repeat right bottom;
	}

div#ghMain div#ghSearch form {
	margin-top: 2px;
	}

div#ghMain div#ghSearch form input.text {
	margin-left: 45px;
	border: 1px solid #ccc;
	padding: 4px;
	display: block;
	float: left;
	width: 270px;
	background-position: 4px 6px !important;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}

div#ghMain div#ghSearch form input.submit {
  border: none;
  background: none;
  padding: 3px;
  width: 24px;
/*
	margin-top: 2px;
	border: 1px solid #ccc;
	padding: 4px 10px;
	margin-right: 10px;
	width: 60px;
	display: block;
	float: right;
	line-height: 1.0;
*/
	}

div#sideBar {
	width: 200px;
	}

div.under div#sideBar {
  float: right;
  margin-top: 40px;
	}

div.under div#content {
  margin-top: 40px;
  margin-left: 18px;
  width: 662px;
  float: left;
	}

div#sideBar div#sbTwit {
	margin-bottom: 20px;
  display: none;
	}

div.under div#sideBar div#sbTwit {
  display: block;
	}

div#sideBar div#sbPoster {
	margin-bottom: 20px;
	}

div#sideBar div#sbPoster img {
	display: block;
	border: 1px solid #ff0;
	-moz-box-shadow: 0px 0px 3px #ff0;
	-webkit-box-shadow: 0px 0px 3px #cc0;
	}


div#sideBar div#sbWeather {
  margin: 0 auto 20px auto;
	border: 1px solid #ccc;
	padding: 10px 20px 10px 26px;
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	}

div#sideBar div#sbWeather iframe {
  width: 142px;
  height: 170px;
  overflow: hidden;
	}



div#sideBar div#sbBanner {
	padding: 24px;
	border: 1px solid #ccc;
	font-size: 90%;
	line-height: 1.2;
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	}

div#sideBar div#sbBanner dl {
	margin: 0 0 10px 0; 
	border-bottom: 1px solid #f3f3f3;
	}

div#sideBar div#sbBanner dl dt {
	text-align: center;
	}

div#sideBar div#sbBanner dd {
	margin-top: 3px;
	}

div#sideBar div#sbBanner dd input {
	font-size: 90%;
	padding: 5px;
	width: 139px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid #ccc;
	background: #f3f3f3;
	}

div#sideBar div#sbBanner p {
	color: #999;
	line-height: 1.2;
	margin-bottom: 0;
	}

div#sideBar div#sbBanner {
	}

div#globalFooter {
	clear: both;
	padding-top: 20px;
	}

div#gfSupport {
	background: #0098FE url(../img/bg.png) left top no-repeat;
	padding: 10px 0 20px 0;
	}

div#gfSupportLogo {
	width: 150px;
	float: left;
	margin-left: 10px;
	}

div#gfSupportText {
	width: 240px;
	float: left;
	}

div#gfSupportText p {
	margin: 0 0 .5em 0;
	font-size: 90%;
	color: #fff;
	}

div#gfSupportChart {
	margin-left: 420px;
	}

div#gfSupportChart table,
div#gfSupportChart table * {
	border: none;
	background: none;
	color: #fff;
	text-align: center;
	}

div#gfSupportChart table td {
	padding: 0 0 1em 0;
	}

div#gfCredit {
	font-size: 90%;
	background: #004CB2 url(../img/bg.png) left top no-repeat;
	padding: 10px 0;
	}

div#gfCredit p {
  line-height: 1.6 !important;
  }

div#gfCredit * {
	color: #99B7E0;
	}

div#gfCredit dt {
	color: #99B7E0;
	}

div#gfCopyright {
	font-size: 90%;
	color: #999;
	}

/* @end */

/* @group Content */

/* @group Home */

div#mainBanner {
  margin: 20px 0 60px 0;
  }

/* @group twitter & twitpic */

div#twit div.container {
	width: 1176px !important;
	width: 890px !important;
	margin: 40px auto 0 auto;
	/*overflow: hidden;
	position: relative;
	left: -138px;*/
	}

div#twitPic {
  clear: both;
  margin-top: 10px;
  }

div#twitPic ul li {
  width: 146px;
  margin: 1px 1px 0 0;
  height: 146px;
  overflow: hidden;
  }

div#twitPic ul li img {
  }

div#twitIcon ul li {
  width: 48px;
  height: 48px;
  margin: 1px 1px 0 0;
  overflow: hidden;
  }

div#twitPic ul li a,
div#twitIcon ul li a,
div#twitPic ul li span,
div#twitIcon ul li span {
	background: #fff;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	font-size: 1px;
	line-height: 0;
	text-decoration: none;
	overflow: hidden;
/*   height: 100%; */
/* border: 1px solid #fff; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;


	text-indent:-9999px;
	display:block;
	height:0 !important;
	overflow:hidden;

/*
	-moz-box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
*/
	
  }

div#twitPic ul li a,
div#twitPic ul li span {
  }

div#twitIcon ul li a,
div#twitIcon ul li span {
  }



div.content-twit {
  float: right;
  }

div.content-twit a {
  display: block;
  margin-top: -10px;
  }

div.content-head {
  }

div.content-head h2 {
  margin-bottom: 0 !important;
  }

div.content-head h2 img {
  margin-bottom: 5px !important;
  }

div.content-head p {
/*
  width: 40%;
  float: right;
*/
  font-size: 90%;
  line-height: 1.4 !important;
  color: #999;
/*   text-align: right; */
  margin: 0 0 5px 0;
  }

div.content {
  }


div#twitPic ul li {
}

div#twitPic ul li a,
div#twitPic ul li span {
  padding-top: 146px;
}

div#twitIcon ul li a,
div#twitIcon ul li span {
  padding-top: 48px;
}

div#youtube div.content {
  height: 353px;
  border: 2px solid #141472;
  }

div#twitter2 div.content {
  height: 353px;
  height: 799px;
  overflow: auto;
  border: 2px solid #141472;
  }

div#blogsearch,
div#news,
div#side {
	margin-top: 40px;
	}

div#twitter2 li {
  *clear:left;
  *height: 1%;
  border-bottom: 1px dotted #ccc;
  *border:none;
  *padding:5px 0;
  width: 100%;
  min-height: 48px;
  *height:60px;
  *overflow:hidden;
}

div#twitter2 div.img {
  width: 50px;
  float: left;
  padding: 8px 0 8px 8px;
}

div#twitter2 div.img img {
  width: 48px;
  height: 48px;
}
div#twitter2 div.txt {
  margin-left: 65px;
  padding: 10px 8px 8px 0;
}

div#twitter2 div.txt span,
div#twitter2 div.txt a {
  float: none;
  display: inline;
}

div#twitter2 div.txt span {
  font-size: 90%;
  color: #666;
  margin-left: .5em;
}

div#twitter2 div.txt p {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.5;
}

div#blogsearch {
  }


div#manual {
  padding: 2px 10px;
  border: 1px solid #ccc;
  background: #f3f3f3;
  color: #666;
  }


div#uchimizumap {
  padding-top: 10px;
  }

div#uchimizumap p {
  margin-top: .25em;
  }

div#uchimizumap p small{
  color: #999;
  font-size: 86% !important;
  }



/*
div#uchimizumap iframe {
  width: 100%;
  border: none;
  height: 300px;
  *display: none;
  }
*/

div#uchimizumap a.ie {
/*
  display: none;
  *display: block;
*/
  }

/*
div#uchimizumap {
  position: relative;
  }

div#uchimizumap a.link {
  display: block;
  width: 100%;
  height: 300px;
  position: absolute;
  top:0px;

  *display: none;
  }
*/

div#blogsearch ul.newsList li {
  margin-bottom: 1em;
  }

div#blogsearch ul.newsList span.title {
  }

div#blogsearch ul.newsList span.title img {
  float: left;
  width: 16px;
  display: block;
  margin-top: 3px;
  }

div#blogsearch ul.newsList span.title a {
  margin-left: 20px;
  *float:left;
  *margin-left: 3px;
  display: block;
  font-size: 120%;
  margin-bottom: .25em;
  }

div#blogsearch ul.newsList p {
  line-height: 1.6;
  margin-left: 20px;
  *clear:both;
  }

div#blogsearch p#bsBy{
  font-size: 90%;
  text-align: right;
  color: #666;
  }

div#blogsearch p#bsBy img {
  vertical-align: text-top;
  }

div#blogNews {

  width: 680px;

/*
  width: 325px;
  margin-left: 20px;
  height: 200px;
*/
  }

div#news {
/*
  width: 325px;
  margin-left: 20px;
  height: 200px;
*/
  }

div#side {
  margin-top: 40px;
	width: 200px;
	margin-left: 20px;
	}

/* @end */

div#content {
	margin: 20px 0;
	}

div#content h2 {
	margin-bottom: 10px;
	}

div#content h2 img {
	margin-top: 20px;
	margin-bottom: 10px;
	}


/*about*/
div#history ul {
  list-style: none;
  margin-left: 0.5em;
  }

div#history img {
	float: right;
	display: block;
	clear: right;
	margin: 0 0 5px 5px;
	}

div#history h2 img,
div#history h3 img {
	float: none;
	display: inline;
	margin: 0;
	}

div#history h3 {
  color: #141472;
  font-weight: normal;
  font-size: 120%;
  }

div#history div.image {
  width: 50%;
  text-align: center;
  float: left;
  margin: 6px 0;
  }

div#history div.image img {
	float: none;
	display: inline;
	margin: 0;
  }

div#notes div.subsection {
	margin-bottom: 5px;
	}

div#notes div.unit {
	border: 1px solid #E53B1D;
	padding: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	line-height: 1.2 !important;
	color: #633;
	}

div#notes div.c1 div.unit {
  margin-right: 7px;
	}

/*manner*/
div#rules div.unit {
	border: 1px solid #141472;
	padding: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	line-height: 1.2 !important;
	color: #336;
	height: 22em;
  overflow: hidden;
	}

div#stop {
	border: 1px solid #E53B1D;
	padding: 8px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	line-height: 1.2 !important;
	color: #336;
  }

div#stop h2,
div#stop h2 img {
  margin: 3px  0 0 0;
  }

div#stop p {
	color: #633;
  }

/*faq*/
div.qa {
	
	}

div.qa img {
	margin-right: 5px;
	}

div.qa h3 {
	color: #141472;
	font-weight: normal;
	background: url(../img//icon_faq_q.png) no-repeat 0 4px ;
	padding-left: 25px;
	line-height: 1.6 !important;
	}

div.qa h4 {
	margin-top: 20px;
	color: #141472;
	font-weight: normal;
	background: url(../img//icon_faq_a.png) no-repeat 0 4px;
	padding-left: 25px;
	line-height: 1.4 !important;
	}

/*<img src="<?php bloginfo('template_url'); ?>/img/icon_faq_a.png" alt="" />*/

div.qa {
	border: 1px solid #141472;
	padding: 10px 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}

div.qa div.answer {
	margin: 0  20px;
	}

div.qa div.answer div.question {
	margin: 20px 0;
	border: 1px dotted #ccc;
	color: #666;
	padding: 5px 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	}

div.qa div.answer div.question dl {
	margin: 0;
	font-size: 90%;
	}

div.qa div.answer div.question dt {
	width: 5.5em;
	padding-top: 3px;
	}

div.qa div.answer div.question dd {
	padding-left: 5.5em;
	line-height: 1.4 !important;
	}

div.qa div.answer h4 {
	
	}

div.qa ul.caption {
  margin-left: 1em;
  }

/* @end */

/* @group GlobalFooter */

/* @end */

/* @end */

/* @group Add */

em {
	font-style: italic !important;
	}

ol {
	list-style-type: decimal !important;
	}

ul.horizontal {
	margin: 0;
	}

ul.links {
	margin-left: 0;
	}

ul.inline,
ol.inline {
	margin-left: 0;
	}

ul.inline li,
ol.inline li {
	padding-right:5px;
	background: none;
	}

ul.links,
ul.links li ul {
	list-style-type: none;
	}

ul.links ul {
	margin-left:14px !important;
	}

ul.links li {
/* 	background:transparent url(../img/linkArrow.gif) no-repeat left center; */
	margin:0 0 .125em 0 !important;
	line-height: 1.4;
/* 	border-bottom: 1px solid #ccc; */
	display: block;
	}

ul.links li a {
	/*padding:1px 0 1px 14px;*/
	border:none;
	}

ul.links li a:before {
	}

table td {
	padding: .5em;
	}

table td.title {
	width: 180px;
	}

/* @end */
	
	
	
	

/* @group Rotation */

/*
div#twit ul li {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	}
 
div#twit ul li:nth-child(even) {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	}
 
div#twit ul li:nth-child(6n) {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	}

div#twit ul li p.by {
	-webkit-transform: rotate(-1deg);
	-moz-transform: rotate(-1deg);
	}
 
div#twit ul li:nth-child p.by {
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
	}

div#twit ul li:nth-child(even) p.by {
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	}
 
div#twit ul li:nth-child(6n) {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	}
*/


/* @end */