@charset "UTF-8";

/*================================================================
segway page
================================================================*/

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

index -

 00,common
 01,about
 02,power
 03,model
 04,faq
 05,event(blog)

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

/*
00,common
----------------------------------------------------------------*/
html { background-color: #000;}

body.segway {
	background-color: #000;
}
#container {
	border: #000 solid;
	border-width: 0 1px;
	background: url(../../service/segway/img/bg_container_segway.gif) repeat-y center;
}
#container #mainimg {
	border: #000 solid;
	border-width: 1px 0;
}
#contents {
	margin: 0 0 15px;
	border-right: #000 solid 1px;
}
#contents ul#segway-nav {
	height: 32px;
	padding-bottom: 30px;
	background: url(../img/bnr_menu_segway.gif) repeat-x top;
}
#contents ul#segway-nav li {
	display: inline;
	float: left;
}
#contents ul#segway-nav li a {
	display: block;
	margin-top: 8px;
	padding: 0px 25px 20px;
}
#contents ul#segway-nav li a:hover {
	background: url(../img/bnr_menu_segway_arrow.gif) no-repeat bottom center;
}
/*--------------------------------------------------------------*/
#contents #contents-body {
	clear: both;
	margin: 0 20px;
}
#contents #contents-body h2 {
	height: 25px;
	margin-bottom: 20px;
	padding: 7px 0 0 15px;
	background: url(../img/bg_subtitle_segway.gif) no-repeat;
}
#contents #contents-body h2 img {
	vertical-align: top;
}
/*--------------------------------------------------------------*/
#contents #contents-body .section p {
}
/*--------------------------------------------------------------*/

#contents #contents-footer #related-link {
	background: url(../img/bg_relatedmenu_bottom_seg.gif) no-repeat bottom;
}
#contents #contents-footer #related-link p {
	background: url(../img/bg_relatedmenu_top_seg.gif) no-repeat top;
}
#contents #contents-footer #related-link ul li {
	background: url(../img/icon_relatedmenu_seg.gif) no-repeat left center;
}

/*--------------------------------------------------------------*/
#side {
}
#side #official h3 {
	margin-bottom: 0;
	padding: 5px 40px;
	background: url(../img/icon_star_seg.png) no-repeat left center;
}
#side #official .segway-info p {
	margin-top: 10px;
	color: #FFF;
}

/*--------------------------------------------------------------*/
#side #event-archive {
	border-top: #6c6c6c solid 1px;
	border-bottom: #6c6c6c solid 1px;
}
#side #event-archive h3 {
	margin-bottom: 5px;
	padding: 15px 0;
	font-size: 1.2em;
}
#side #event-archive h3 span {
	display: block;
	width: 36px;
	margin: -15px 0 0 auto;
}
#side #event-archive ul {
	padding-bottom: 10px;
}
#side #event-archive ul li {
	margin: 0 0 5px;
	padding: 2px 0 2px 15px;
	line-height: 1.25;
	background: url(../img/side_icon_news_list_seg.gif) no-repeat left top;
	zoom: 1;
}
#side #event-archive ul li a {
	color: #FFF;
}
#side #event-archive ul li span {
	color: #999;
	display: block;
}

/*
01,about
----------------------------------------------------------------*/
#contents #contents-body #about-intro h3 {
	padding-top: 10px;
	background: none;
	border: none;
}
/*
02,power
----------------------------------------------------------------*/
#contents #contents-body #power-contents {
	margin-bottom: 30px;
}
#contents #contents-body #power-contents ul {
	height: 39px;
	overflow: hidden;
}
#contents #contents-body #power-contents ul li {
	float: left;
	width: 129px;
	height: 39px;
	margin-right: 1px;
	text-align: center;
}
#contents #contents-body #power-contents ul li a {
	display: block;
	width: 129px;
	height: 29px;
	padding-top: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background: url(../../service/segway/img/tab_off.gif);
}
#contents #contents-body #power-contents ul li a.selected {
	background: url(../../service/segway/img/tab_on.gif);
}

#contents #contents-body #power-contents div {
	width: 479px;
	padding: 30px 20px 20px;
	background-color: #222;
	color: #FFF;
	background: url(../../service/segway/img/bg_power_tab_middle.gif) center bottom;
	overflow: hidden;
}
#contents #contents-body #power-contents div.tab-section {
	width: auto;
	padding: 0;
	background: none;
}
#contents #contents-body #power-contents div.tab-section h3 {
	padding: 0;
	border-width: 0 0 1px;
	background: none;
}
#contents #contents-body #power-contents div.tab-section h4 {
	font-size: 1.2em;
	font-weight: normal;
	width: 300px;
	padding: 0 0 5px;
	margin-bottom: 10px;
	border-bottom: #333 solid 1px;
	overflow: hidden;
}
#contents #contents-body #power-contents div.tab-section p {
	margin-bottom: 1em;
}

#contents #contents-body #power-contents div.tab-section table {
	width: 440px;
	border: #333 solid;
	border-width: 0 1px 1px 0;
}
#contents #contents-body #power-contents div.tab-section table th,
#contents #contents-body #power-contents div.tab-section table td {
	border: #333 solid;
	border-width: 1px 0 0 1px;
}
#contents #contents-body #power-contents div.tab-section table th {
	width: 125px;
	background-color: #111;
}
#contents #contents-body #power-contents div.tab-section table td span {
	font-size: 0.875em;
}

/*
03,model
----------------------------------------------------------------*/
#contents #contents-body #model-contents {
	width: 520px;
	overflow: hidden;
	background: url(../../service/segway/img/bg_model_contents.gif) no-repeat 0 50px;
}
#contents #contents-body #model-contents h2 {
	margin-bottom: 40px;
}
#contents #contents-body #model-contents #model-side {
	display: inline;
	width: 120px;
	margin-left: 10px;
	padding-right: 10px;
	border-right: #DDD solid 1px;
	float: left;
}
#contents #contents-body #model-contents #model-side dl {
	width: 120px;
}
#contents #contents-body #model-contents #model-side dl dt {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
	background: url(../img/dot_01.gif) repeat-x top;
}
#contents #contents-body #model-contents #model-side dl dd {
	margin: 2px 5px;
}
#contents #contents-body #model-contents #model-side dl dd a {
	padding-left: 10px;
	color: #666;
	line-height: 1.25;
	background: url(../img/icon_arrow_simple.gif) no-repeat left center;
}
#contents #contents-body #model-contents h3 {
	margin: 0;
	padding: 0;
	text-align: center;
	border: none;
	background: none;
}
#contents #contents-body #model-contents #model-main {
	width: 379px;
	padding-top: 20px;
	float: right;
}

#contents #contents-body #model-contents #model-main .model-section {
	margin-bottom: 40px;
}
#contents #contents-body #model-contents #model-main .model-block {
	width: 350px;
	margin: 0 auto;
	padding: 15px 0 5px;
	border-bottom: #CCC solid 1px;
	overflow: hidden;
}
#contents #contents-body #model-contents #model-main .model-block p.thumb {
	margin: 0;
	padding: 0;
	width: 70px;
	float: right;
}
#contents #contents-body #model-contents #model-main .model-block h4 {
	font-size: 1.0em;
}
#contents #contents-body #model-contents #model-main .model-block h4 span {
	margin-left: 10px;
	color: #C66;
	font-weight: lighter;
}
#contents #contents-body #model-contents #model-main .model-block h4 img {
	vertical-align: middle;
	margin-right: 5px;
}
#contents #contents-body #model-contents #model-main .model-block ul {
	float: left;
	width: 280px;
	padding: 10px 0 0;
	overflow: hidden;
}
#contents #contents-body #model-contents #model-main .model-block ul li {
	float: left;
	width: 100px;
	padding-left: 15px;
	background: url(../../service/segway/img/icon_parts_list.gif) no-repeat 0 50%;
}
#contents #contents-body #model-contents #model-main p.caution {
	margin: 0 0 30px;
	margin-top: -20px;
	padding: 0;
	text-align: right;
	font-size: 1.0em;
	color: #666;
}

/*
04,faq
----------------------------------------------------------------*/
#contents #faq-contents .faq-section dl {
	margin: 0 20px;
	font-size: 1.2em;
}
#contents #faq-contents .faq-section dl dt {
	margin-bottom: 5px;
	padding: 5px 0 5px 35px;
	color: #06B;
	font-weight: bold;
	background: url(../../service/segway/img/icon_q.gif) no-repeat 0 50%;
}
#contents #faq-contents .faq-section dl dd {
	margin-bottom: 15px;
	padding: 5px 0 15px 35px;
	background: url(../../service/segway/img/icon_a.gif) no-repeat 0 0.5em;
	border-bottom: #CCC solid 1px;
}

/*
05,event (blog)
----------------------------------------------------------------*/
#seg-event #contents-body h3.blog-title {
	margin-bottom: 30px;
	padding: 0 10px;
	font-size: 1.2em;
	color: #666;
	background: url(../img/dot_01.gif) repeat-x bottom;
	border: #DDD solid;
	border-width: 0 0 0 5px;
}
#seg-event #contents-body .post {
	margin-bottom: 40px;
}
#seg-event #contents-body .post h3 {
	margin-bottom: 25px;
	padding-bottom: 5px;
	font-size: 1.4em;
	color: #222;
	background: url(../../service/segway/img/icon_event_postttl.gif) no-repeat left center;
	border-bottom: #CCC solid 1px;
}
#seg-event #contents-body .post .stage {
	margin: 0 20px 20px;
	font-size: 1.2em;
	overflow: hidden;
}
#seg-event #contents #contents-body .post .stage p {
	margin-bottom: 0;
	font-size: 1.0em;
}
#seg-event #contents #contents-body .post .stage ul {
	padding-left: 2em;
	list-style: disc outside;
	clear: both;
}
#seg-event #contents #contents-body .post .stage ol {
	padding-left: 2em;
	clear: both;
}
#seg-event #contents-body .post ul.post-info {
	margin: 0 20px;
	padding: 5px;
	border-top: #CCC solid 1px;
	text-align: right;
}
#seg-event #contents-body .post ul.post-info li {
	margin-left: 10px;
	display: inline;
}

#seg-event #contents-body .blog-nav {
	margin-bottom: 30px;
	padding: 10px;
	background: #F5F5F5;
	border: #DDD solid 1px;
	overflow: hidden;
}
#seg-event #contents-body .blog-nav ul {
	text-align: center;
}
#seg-event #contents-body .blog-nav ul li {
	display: inline;
}
#seg-event #contents-body .blog-nav ul li a {
	display: inline-block;
	padding: 3px;
	color: #06C;
	font-weight: bold;
}

#seg-event #contents-body ul#blog-archive {
	margin: 0 0 30px;
	border-top: #DDD solid 1px;
}
#seg-event #contents-body ul#blog-archive li {
	border: #DDD solid;
	border-width: 0 0 1px;
}
#seg-event #contents-body ul#blog-archive li a {
	display: block;
	padding: 10px 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
	background: url(../img/btn_pagenav_w_bgw.gif) no-repeat 97% 50%;
}
#seg-event #contents-body ul#blog-archive li a:hover {
	color: #333;
	background: url(../img/btn_pagenav_b_bgg.gif) no-repeat 97% 50%;
	background-color: #F3F3F3;
	text-decoration: none;
}
#seg-event #contents-body ul#blog-archive li a span {
	width: 380px;
	display: block;
	font-size: 0.875em;
	font-weight: normal;
}

#seg-event #contents-body .blog-move {
	margin: 15px 0;
	padding-top: 15px;
	background: url(../img/dot_01.gif) repeat-x top;
}
#seg-event #contents-body .blog-move ul {
	width: 520px;
	overflow: hidden;
}
#seg-event #contents-body .blog-move ul li {
	width: 250px;
}
#seg-event #contents-body .blog-move ul li.prev {
	float: right;
	text-align: right;
}
#seg-event #contents-body .blog-move ul li.next {
	float: left;
}
#seg-event #contents-body .blog-move ul li a {
	display: block;
	padding-top: 20px;
	color: #333;
}
#seg-event #contents-body .blog-move ul li.prev a {	background: url(../img/btn_pagenav_back.gif) no-repeat right top;}
#seg-event #contents-body .blog-move ul li.next a {	background: url(../img/btn_pagenav_next.gif) no-repeat left top;}
#seg-event #contents-body .blog-move ul li.prev a:hover { background: url(../img/btn_pagenav_back_on.gif) no-repeat right top;}
#seg-event #contents-body .blog-move ul li.next a:hover { background: url(../img/btn_pagenav_next_on.gif) no-repeat left top;}

#seg-event #contents-body .blog-move ul li a span {
	display: block;
	color: #999;
}

#seg-event #contents-body #archive-nav {
	margin: 30px 0;
	overflow: hidden;
}
#seg-event #contents-body #archive-nav dl {
	display: inline;
	width: 240px;
	margin: 0 10px;
	float: left;
}
#seg-event #contents-body #archive-nav dl dt {
	margin-bottom: 10px;
	border-bottom: #CCC solid 1px;
}
#seg-event #contents-body #archive-nav dl dd {
	margin-bottom: 5px;
	padding-left: 15px;
	background: url(../../service/segway/img/icon_event_archive_list.gif) no-repeat left center;
}