@charset "utf-8";
/*-----------------------------------------------
 __default style clear
-----------------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background:white url(../images/stripe.png) repeat;
	color:#333;
	font: 74.5%/1.5em 'Hiragino Kaku Gothic Pro', 'メイリオ', Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	_text-align:center;
}
html {
	overflow-y:scroll;
}
p {
	margin:0px 0px 5px;
	padding: 5px 15px;
	display: block;
}
.s_bg {
	background: url(../images/s_bg.png) repeat;
}
li {
	list-style:none;
	line-height:1.3;
}
img, fieldset {
	border:0;
}
h2 {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #CCC;
}
/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/
a {
}
a:link {
}
a:visited {
}
a:hover {
}
a:active {
}
/*-----------------------------------------------
 __container
-----------------------------------------------*/
#container {
	width:920px;
	min-width:500px;
	background: url(../images/bg_middle.png) repeat-y;
	margin-right: auto;
	margin-left: auto;
	_text-align: center;
}
/*-----------------------------------------------
 __header
-----------------------------------------------*/
#header {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	background: url(../images/header.png) no-repeat;
	border-bottom: 1px solid #CCC;
	text-align: justify;
}
#header h1 {
	display: none;
	float: left;
	height: 0px;
	width: 0px;
}
#header p#siteDescription {
	display: none;
	float: left;
	height: 0px;
	width: 0px;
}
#header img {
	float: left;
}
.flog {
	clear: right;
	float: right;
	margin: 10px;
}
/*-----------------------------------------------
 __footer
-----------------------------------------------*/
#footer {
	clear:both;
	width:880px;
	min-width:500px;
	padding:1em;
	margin-right: auto;
	margin-left: auto;
}
#footer ul {
	margin:0 auto 5px;
	text-align:center;
}
#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid #333;
}
#footer ul li.utilityHome {
	border-left:0;
	list-style: none;
}
#footer p#copyright {
	text-align:center;
	margin-bottom:0;
}
/* __main
------------------------------------------*/
#main {
	float:right;
	width:590px;
	_width:550px;
	padding:10px;
	color:black;
	line-height: 2em;
	margin-right: 10px;
	_margin-right: 0px;
	z-index: 3;
	text-align: justify;
}
.list {
	margin: 0px 0px 0px 15px;
	padding: 10px;
	width: 520px;
	display: block;
}
.list li {
	margin: 3px;
	padding: 3px;
	list-style: circle;
	line-height: 20px;
}
.outline {
	margin: 0px;
	padding: 10px;
	width: 520px;
	display: block;
	background: #FAFAFA;
	clear: both;
	float: none;
}
.outline dt {
	float: left;
	width: 150px;
	margin: 2px 0px 2px 60px;
	padding: 5px;
	display: inline;
	clear: left;
	border-top: 1px dotted #ccc;
}
.outline dd {
	margin: 2px 0px;
	padding: 5px;
	display: inline;
	width: 270px;
	clear: none;
	border-top: 1px dotted #CCC;
	float: left;
}
.list .attention {
	list-style: url(../images/attention.png) none outside;
	font-weight: bold;
	line-height: 20px;
}
#main h3 {
	margin: 0px;
	padding: 0px 0px 0px 25px;
	border-bottom: 1px dotted #CCC;
	background: url(../images/info.png) no-repeat;
	display: block;
	clear: both;
}
#main .box {
	_width:560px;
	width: 550px;
	background: #FAFAFA;
	border: 1px dotted #EEE;
	margin: 10px auto;
	_margin: 10px;
	line-height: 2.2em;
	padding: 10px 0px;
}
#main .box p strong {
	line-height: 150%;
	display: block;
	margin-bottom: 10px;
	background: url(../images/box_strong.png) no-repeat left top;
	padding-left: 20px;
	margin-left: 20px;
	font-weight: bolder;
}
#main .map {
	text-align: right;
}
#main a {
	color:blue;
}
#main .box h3 a{
	clear: both;
	display: block;
	color: #333;
}
/* _maini_mentor
------------------------------------------*/
#main .mentor {
	margin: 5px 5px 5px 50px;
	padding: 10px;
	display: block;
	clear: both;
}
#main .mentor .team li strong {
	margin: 5px;
	padding: 10px 5px 5px;
	display: block;
	border-bottom: 1px dotted #CCC;
}
#main .mentor .team li span {
	margin: 5px 5px 5px 30px;
	padding: 5px;
	display: block;
}
#main .mentor h3 {
	clear: both;
	display: block;
	color: #333;
}
#main .mentor .team li {
	height: 105px;
	border-bottom: 1px dotted #999;
	margin-left: 15px;
}
#main .mentor .team {
	display: block;
	clear: both;
	margin-bottom: 15px;
}
#main .mentor .team li img {
	display: block;
	float: left;
	margin-right: 10px;
	padding-bottom: 5px;
}
/* _maini_gift
------------------------------------------*/
#main .box .gift {
	display: block;
	clear: both;
	float: none;
	height: 30px;
	margin: 0px 0px 20px;
	padding: 0px;
}
#main .box .can {
	display: block;
	clear: both;
	float: none;
	margin-bottom: 20px;
}
#main .box .can li {
	display: block;
	margin: 5px;
	padding: 5px 5px 5px 30px;
	list-style: none;
	background: url(../images/gift/can_li.png) no-repeat 5px center;
}

#main .box .gift li {
	margin: 3px;
	padding: 3px 3px 3px 35px;
	line-height: 30px;
	height: 30px;
	background: url(../images/gift/gift_li.png) no-repeat 5px center;
	float: left;
	display: block;
}
/* _maini_videocast
------------------------------------------*/
#main .box object {
	padding: 10px;
	margin: 20px 10px 10px 20px;
	display: block;
}
#main .box .video li a {
	margin: 5px;
	padding: 5px 5px 5px 30px;
	display: block;
	background: url(../images/video/video_li.png) no-repeat left center;
}
/* _main_hr
------------------------------------------*/
#main hr {
	display: block;
	height: 0px;
	border-top: 1px dotted #CCC;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* __sub
------------------------------------------*/
#sub {
	float:left;
	width:260px;
    _width;230px;
	min-width:170px;
	padding:10px 0px 10px 10px;
	text-align: justify;
	margin: 0px 0px 1em 10px;
}
#sub h3 {
	font-size:100%;
	display: block;
	width: 250px;
	padding: 0px;
}
#sub ul {
	margin:0 0 20px;
	padding:0 5px 0 15px;
}
#sub ul li a {
	margin: 0px;
	height: 70px;
	width: 245px;
	_width:255px;
	background: url(../images/sub/banner_base.png) no-repeat left center;
	font-size: 11px;
	line-height: 17px;
	display: block;
	color: #333;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#sub ul li a:hover {
	height: 70px;
	width: 245px;
	_width:255px;
	background: url(../images/sub/banner_base_hover.png) no-repeat left center;
}
#sub ul li a:visited {
	height: 70px;
	width: 245px;
	_width:255px;
	background: url(../images/sub/banner_base_visited.png) no-repeat left center;
}
#sub ul li img {
	float: left;
	margin-right: 5px;
	background: url(../images/white.gif);
}
#sub ul li strong {
	display: block;
	padding-bottom: 3px;
	border-bottom: 1px dashed #CCC;
	margin-bottom: 5px;
	font-size: 13px;
	padding-top: 8px;
	margin-left: 55px;
	width: 180px;
	cursor: pointer;
}
#sub ul li span {
	_margin-left: 50px;
	display: block;
	_width: 190px;
	cursor: pointer;
}
/* __head
------------------------------------------*/
#head {
	height: 10px;
	width: 920px;
	text-align: center;
	margin: 20px auto 0px;
	
	padding: 0px;
	background: url(../images/bg_top.png) no-repeat center top;
	_margin: 30px auto -3px;
}
#head #top img {
	display: none;
	float: left;
}
#head a {
	margin-right: 0px;
}
/* __under
------------------------------------------*/
#under {
	height: 10px;
	text-align: center;
	margin: 0px auto 20px;
	width: 920px;
	padding: 0px;
	background: url(../images/bg_under.png) no-repeat center bottom;
}
#under img {
	display: none;
}
/* __search
------------------------------------------*/
#search {
	position: relative;
	top: 0px;
	padding: 5px 5px 5px 15px;
	float: right;
	background: url(../images/s_bg.png) repeat;
}
input.gsc-search-button {
	height: 20px;
	width: 50px;
}
.gsc-tabHeader.gsc-tabhInactive {
}
/* _main_news
------------------------------------------*/
#news_window {
	background: url(../images/news/news_window.png) no-repeat;
	padding: 20px;
	margin-left:-10px;
	width: 550px;
	_width: 590px;
	height: 140px;
	_height: 170px;
	display: block;
}
#news li {
	padding: 10px;
	clear: both;
	background: #FFF;
	display: block;
	width: 530px;
	height: 110px;
	border: 1px solid #CCC;
}
#news li .news-text {
	display: block;
	padding: 10px;
	margin: 5px 5px 5px 100px;
}
#news li .news-title {
	margin-top: 10px;
	display: block;
}
#news li img {
	float: left;
	display: block;
	padding: 5px;
	height: 100px;
	width: 80px;
}
#news2 li {
	padding: 10px;
	clear: both;
	background: #FFF;
	display: block;
	width: 530px;
	height: 110px;
	border: 1px solid #CCC;
	margin: 5px 0px 5px 15px;
}
#news2 li .news-text {
	display: block;
	padding: 10px;
	margin: 5px 5px 5px 100px;
}
#news2 li .news-title {
	margin-top: 10px;
	display: block;
}
#news2 li img {
	float: left;
	display: block;
	padding: 5px;
	height: 100px;
	width: 80px;
}
/* _main_photo
------------------------------------------*/
.photo_l {
	float: left;
	margin: 3px 10px;
	padding: 3px;
	display: block;
}
.photo_r {
	float: right;
	margin: 3px 10px;
	padding: 3px;
	display: block;
}
/* __gallery
------------------------------------------*/
#slideshow {
	margin:0 auto;
	width:560px;
	height:400px;
	background:transparent url(../images/slide/bg_slideshow.png) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:490px;
	height:400px;
	overflow:auto; /* allow scrollbar */
	position:relative;
	_padding-left:30px;
	_margin-right:-20px;
	_margin-left:10px;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:490px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:400px;
}
.control {
	display:block;
	width:30px;
	height:380px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/slide/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/slide/control_right.png) no-repeat 0 0;
}
#pageContainer {
	margin:0 auto;
	width:490px;
}
.slide h2, .slide p {
	margin:0px 5px;
	color: #000;
	line-height: 170%;
	padding: 5px -5px 5px 20px;
}
.slide h2 {
	font:bold 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	letter-spacing:-1px;
	padding: 10px 5px 0px;
	border-bottom: 1px dotted #333;
	margin: 0px 0px 0px 5px;
}
.slide img {
/*	float:right;*/
/**	margin:0px 10px 0px 20px;**/
	padding:auto;
}