@charset "utf-8";

.stripe_blue{margin:-22px 0px 0px 0px;padding:5px;background: url(../common/images/bg_stripe_blue.gif);}
.stripe_peach{margin:-22px 0px 0px 0px;padding:5px;background: url(../common/images/bg_stripe_peach.gif);}
.stripe_green{margin:-22px 0px 0px 0px;padding:5px;background: url(../common/images/bg_stripe_green.gif);}
.stripe_yellow{margin:-22px 0px 0px 0px;padding:5px;background: url(../common/images/bg_stripe_yellow.gif);}
.stripe_orange{margin:-22px 0px 0px 0px;padding:5px;background: url(../common/images/bg_stripe_orange.gif);}
.stripe_lime{margin:-22px 0px 0px 0px;padding:5px;background: url(../common/images/bg_stripe_lime.gif);}
.stripe_fuji{margin:-22px 0px 0px 0px;padding:5px;background: url(../common/images/bg_stripe_fuji.gif);}

.stripe_brown{margin:-22px 0px 20px 0px;padding:5px;background: url(../common/images/bg_stripe_brown.gif);}
.stripe_fb{margin:-22px 0px 0px 0px;padding:5px;background: url(../common/images/bg_stripe_fb.gif);}/*Facebookカラー*/

.introduction{
	margin: 0px;
	padding: 15px 15px 10px 15px;
	width:580px;
	background: #F5F5F5;
	z-index:2;
	position:relative;
	overflow:hidden;
	}

.trigger {
	margin: -53px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 53px;
	line-height: 53px;
	width:610px;
	top:53px;
	position:relative;
	background: url(../common/images/btn_more_blue.png) center top;/*【基本A】*/
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

    -webkit-border-bottom-right-radius:5px;  
    -webkit-border-bottom-left-radius:5px;

    -moz-border-radius-bottomright:5px;  
    -moz-border-radius-bottomleft:5px;
	}

/*【基本A：各色指定】*/
.stripe_blue .trigger {background: url(../common/images/btn_more_blue.png) center top;}
.stripe_peach .trigger {background: url(../common/images/btn_more_peach.png) center top;}
.stripe_green .trigger {background: url(../common/images/btn_more_green.png) center top;}
.stripe_yellow .trigger {background: url(../common/images/btn_more_yellow.png) center top;}
.stripe_orange .trigger {background: url(../common/images/btn_more_orange.png) center top;}
.stripe_lime .trigger {background: url(../common/images/btn_more_lime.png) center top;}
.stripe_fuji .trigger {background: url(../common/images/btn_more_fuji.png) center top;}
.stripe_fb .trigger {background: url(../common/images/btn_more_fb.png) center top;}

.trigger a {
	display: block;
	cursor:pointer;
	}

.trigger a:hover {}

.active {
	height: 53px;
	line-height: 53px;
	width:610px;
	background: url(../common/images/btn_more_blue.png) center bottom;/*【基本B】*/
	display: block;
	}

/*【基本B：各色指定】*/
.stripe_blue .active {background: url(../common/images/btn_more_blue.png) center bottom;}
.stripe_peach .active {background: url(../common/images/btn_more_peach.png) center bottom;}
.stripe_green .active {background: url(../common/images/btn_more_green.png) center bottom;}
.stripe_yellow .active {background: url(../common/images/btn_more_yellow.png) center bottom;}
.stripe_orange .active {background: url(../common/images/btn_more_orange.png) center bottom;}
.stripe_lime .active {background: url(../common/images/btn_more_lime.png) center bottom;}
.stripe_fuji .active {background: url(../common/images/btn_more_fuji.png) center bottom;}
.stripe_fb .active {background: url(../common/images/btn_more_fb.png) center bottom;}

.toggle_container {
	margin: 0px 0px 0px 0px;
	padding: 50px 15px 15px 15px;
	width:580px;
	background: #F5F5F5;
	overflow: hidden;
	clear: both;
	}

.toggle_container dl.gaiyou,
.gaiyou dt,
.gaiyou dd{margin:0px;padding:0px;}
.toggle_container dl.gaiyou{
	margin:0px 0px 15px 0px;
	border-top:2px dotted #FFF;
	}
.toggle_container dl.gaiyou dt{
	margin:0px 0px 2px 0px;
	padding:3px 1em;
	/*width:5.5em;*/
	width:7.5em;
	height:20px;
	color:#FFF;
	font-size:93%;
	line-height:20px;
	display:block;

	border-radius: 15px;		/* CSS3草案 */
	-webkit-border-radius: 15px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 15px;	/* Firefox用 */
	}

.stripe_blue .toggle_container dl.gaiyou dt{background:#4EBAFF;}
.stripe_peach .toggle_container dl.gaiyou dt{background:#FC575E;}
.stripe_green .toggle_container dl.gaiyou dt{background:#66CC9A;}
.stripe_yellow .toggle_container dl.gaiyou dt{background:#FBCA54;}
.stripe_orange .toggle_container dl.gaiyou dt{background:#FF8A3C;}
.stripe_lime .toggle_container dl.gaiyou dt{background:#AAD450;}
.stripe_fuji .toggle_container dl.gaiyou dt{background:#657DAF;}
.stripe_fb .toggle_container dl.gaiyou dt{background:#3B5998;}

.toggle_container dl.gaiyou dt span{font-size:71%;}
.toggle_container dl.gaiyou dd{
	margin:-26px 0px 0px 0px;
	padding:0.2em 0.5em 0.2em 9.5em;
	border-bottom:2px dotted #FFF;
	}


span.exhibit{
	margin:0px 0px 20px 0px;
	padding:0.3em 0px 0.5em 0px;
	line-height:1.2em;
	text-align:center;
	font-size:12px;
	color:#FFF;
	
	display:block;

	border-radius:100px;		/* CSS3草案 */
	-webkit-border-radius:100px;	/* Safari,Google Chrome用 */
	-moz-border-radius:100px;	/* Firefox用 */
	}

.stripe_blue span.exhibit{background:#1888ff;}
.stripe_peach span.exhibit{background:#f91e23;}
.stripe_green span.exhibit{background:#29a35d;}
.stripe_yellow span.exhibit{background:#f7a01c;}
.stripe_orange span.exhibit{background:#ff4b0e;}
.stripe_lime span.exhibit{background:#71b019;}
.stripe_fuji span.exhibit{background:#283d78;}
.stripe_fb span.exhibit{background:#283d78;}