@charset "utf-8";
/* CSS Document */
/* tag_start */
body{
	margin:20px 0px 0px 0px;
	padding:0;
	font-size:80%;
	font-family:Futura, FuturaT, Arial, Helvetica, sans-serif;
	line-height:130%;
	background:url(../images/bg_splash2.gif) #00CCFF;
}
h1,h2,h3,ul,li{
	margin:0;
	padding:0;
}
h1,h2{text-indent:-9999px; font-size:0;}
p{
	margin:10px 0;
	padding:0;
}
a:link{outline:none;}
a:visited{outline:none;}
a:hover{color:#f90;outline:none;}
a:active{outline:none;}

ul{list-style:none;}

address{
	margin:5px 5px 2px 5px;
	font-style:normal;
	font-size: 0.9em;
	color:#666666;
	float:left;
}
/* tag_end */

/* container_start */

#container{
	margin:0;
	padding:0;
	width:100%;
	background:url(../images/bg_splash.gif) repeat-x;

}
#container_bg_top,#container_bg_story,#container_bg_spec,#container_bg_cara,#container_bg_minamo,#container_bg_nanami,#container_bg_rin,#container_event,#container_event_rin,#container_event_minamo,#container_event_nanami,#container_bg_download{
	margin:0 auto;
	padding:0;
	width:803px;
}

#container_bg_top{background:url(../images/bg_main.jpg) no-repeat;}
#container_bg_story{background:url(../images/bg_story.jpg) no-repeat;}
#container_bg_spec{background:url(../images/bg_spec.jpg) no-repeat;}
#container_bg_cara{background:url(../images/bg_cara.jpg) no-repeat;}
#container_bg_minamo{background:url(../images/bg_minamo.jpg) no-repeat;}
#container_bg_nanami{background:url(../images/bg_nanami.jpg) no-repeat;}
#container_bg_rin{background:url(../images/bg_rin.jpg) no-repeat;}
#container_event{background:url(../images/bg_event.jpg) no-repeat;}
#container_event_rin{background:url(../images/bg_event_rin.jpg) no-repeat;}
#container_event_minamo{background:url(../images/bg_event_minamo.jpg) no-repeat;}
#container_event_nanami{background:url(../images/bg_event_nanami.jpg) no-repeat;}
#container_bg_download{background:url(../images/bg_download.jpg) no-repeat;}

/* container_end */

/* main_start */

#main{
	margin:0 auto;
	padding:0;
	width:803px;
	height:620px;
}
/* main_end */
/* main_left_start */
#main_left{
	margin:0;
	padding:0;
	width:200px;
	float:left;
}
#main_left2{
	margin:0;
	padding:0;
	width:500px;
	float:left;
}
#main_left3{
	margin:0;
	padding:0;
	width:570px;
	float:left;
}

#sub_menu{
	margin:0 49px;
	padding:0;
	width:100px;
	height:600px;
	border-left:solid 1px #09f;
	border-right:solid 1px #09f;
}

/* main_left_end */
/* main_right_start */

#main_right{
	margin:0;
	padding:0;
	width:495px;
	height:600px;
	float:right;
}
#main_right2{
	margin:0;
	padding:0;
	width:195px;
	float:right;
}
#main_right3{
	margin:0;
	padding:0;
	width:230px;
	float:right;
}
#main_right4{
	margin:0;
	padding:0;
	width:300px;
	float:right;
}

#pan_kuzu,#pankuzu_top{
	margin:-10px 0 0 100px;
	padding:0;
	width:300px;
	color:#111;
	font-size:0.7em;
	font-weight:500;
	text-align:right;
	position:absolute;
	top:13px;
	left:50%;
}
#voi{
	margin:0;
	padding:0;
	width:32px;
	height:306px;
	position:relative;
	top:194px;
	left:-158px;
}
#cv{
	margin:0;
	padding:0;
	width:173px;
	height:59px;
	position:relative;;
	top:50px;
	left:220px;
}
#cv2{
	margin:0;
	padding:0;
	width:173px;
	height:59px;
	position:relative;;
	top:20px;
	left:220px;
}

/* main_right_end */



/* main_bottom_start */

#main_bottom{
	margin:0 0 0 -400px;
	padding:0;
	width:803px;
	height:42px;
	clear:both;
	position:absolute;
	top:580px;
	left:50%;
}

#main_bottom li{float:left;}

#gr_menu a{
	display:block;
	text-indent:-9999px;
}

.menu_story a,.menu_story_o a,.menu_spec a,.menu_spec_o a,.menu_chara a,.menu_chara_o a,.menu_sample a,.menu_sample_o a,.menu_down a,.menu_down_o a,.menu_info a,.menu_info_o a{
	margin:0;
	padding:0;
	height:38px;
}

.menu_story a{
	width:119px;
	background:url(../images/menu.gif) no-repeat;
	background-position:0 0px;
}
.menu_story_o a{
	width:119px;
	background:url(../images/menu.gif) no-repeat;
	background-position:0 -38px;
}
.menu_spec a{
	width:109px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-119px 0px;
}
.menu_spec_o a{
	width:109px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-119px -38px;
}

.menu_chara a{
	width:174px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-228px -76px;
}
.menu_chara_o a{
	width:174px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-228px -114px;
}

.menu_sample a{
	width:137px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-402px -76px;
}
.menu_sample_o a{
	width:137px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-402px -114px;
}

.menu_down a{
	width:155px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-539px -76px;
}
.menu_down_o a{
	width:155px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-539px -114px;
}

.menu_info a{
	width:109px;
	background:url(../images/menu.gif) no-repeat;
	background-position:-694px -152px;
}

.menu_story a:hover{background-position:0 -38px;}
.menu_story_o a:hover{background-position:0 -38px;}
.menu_spec a:hover{background-position:-119px -38px;}
.menu_spec_o a:hover{background-position:-119 -38px;}
.menu_chara a:hover{background-position:-228px -38px;}
.menu_chara_o a:hover{background-position:-228px -38px;}
.menu_sample a:hover{background-position:-402px -38px;}
.menu_sample_o a:hover{background-position:-402px -114px;}
.menu_down a:hover{background-position:-539px -38px;}
.menu_down_o a:hover{background-position:-539px -114px;}
.menu_info a:hover{background-position:-694px -152px;}

/* main_bottom_end */

/* TOP PAGE */

#top_title{
	margin:0;
	padding:0;
	width:300px;
	height:340px;
}
/* NEWS AREA */
#news{
	margin:0px 0px 0px 20px;
	padding:27px 0px 0px 20px;
	width:300px;
	height:192px;
	background:url(../images/bg_news.png) no-repeat;
	background-position:0 6px;
}

#news_head{
	margin:0;
	padding:0;
	width:190px;
	height:20px;
	color:#ffffff;
	text-indent:-9999px;
	font-size:0;
	font-weight:bold;
	text-align:center;
}

.a_bg{background:url(../img/a_bg.gif);}

#news_cont{
	margin:0;
	padding:0px 10px 0px 0px;
	width:220px;
	height:140px;
	font-weight:600;
	font-size: 0.8em;
	display:block;
	overflow:auto;
}

#news dt{
	margin:0;
	padding:0;
}

#news dd{
	margin:0;
	padding:0 0 0.5em 1em;
}

/* TOP END */



/* STORY */

#story{
	margin:20px 0 0 20px;
	padding:0 10px;
	width:438px;
	height:525px;
	background:url(../images/story_txt_bg.png) no-repeat;
	overflow:auto;
}
#story P {
	margin:15px 5px 5px 5px;
	padding:0;
	width:380px;
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.3em;
	color: #000;
}

#story a{color:#111;}

#story a:hover{color:#f90;}

/* story_end */

/* spec_start */
#spec{
	margin:20px 0 0 20px;
	padding:0 10px;
	width:438px;
	height:525px;
	background:url(../images/story_txt_bg.png) no-repeat;
	overflow:auto;
}
#spec table {
	clear: both;
	background-color: #666666;
	text-align: left;
	border-spacing: 1px;
	margin-bottom:30px;
}
#spec table a, #spec table, #spec tbody, #spec tfoot, #spec tr, #spec th, #spec td {
	font-family: Arial, Helvetica ,'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r ����', sans-serif;
	line-height: 1.4em;
	font-size: 10px;
	color: #000000;
}
#spec tbody td{
	padding: 2px;
	width: 250px;
}
#spec table a{
	text-decoration: none;
	color: #000000;
}
#spec table a:hover, #spec table a:focus{
	text-decoration: underline;
	color: #000000;
}
#spec table th{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	width: 80px;
}
#spec table th a{
	color: #000000;
	text-align: left;
	padding:0px;
	display: block;
}
#spec table .odd th a,#spec table .odd td a,#spec table .odd td{
	color: #000000;
}
#spec table .odd th,#spec table .odd td{
	background-color: #ffffff;
}

#spec tbody th{
	background-color: #CCFFFF;
	color: #000000;
	font-style: normal;
	padding: 2px;
}
#spec td{
	background-color: #CCFFFF;
	color: #000000;
}
#spec tbody tr.odd{
	background-color: #CCFFFF;
}
#spec tbody tr:hover td,#spec tbody tr:hover th, #spec tbody tr:hover a{
	color: #000000;
}
#spec thead th{
	height: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica ,'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r ����', sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 2px;
	background-color: #666666;
	text-transform: none;
	color: #ffffff;
}
#spec .dousa table {
	clear: both;
	background-color: #666666;
	text-align: left;
	border-spacing: 1px;
	margin-bottom:30px;
}
#spec .dousa table a, #spec .dousa table, #spec .dousa tbody, #spec .dousa tfoot, #spec .dousa tr, #spec .dousa th, #spec .dousa td {
	font-family: Arial, Helvetica ,'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r ����', sans-serif;
	line-height: 1.4em;
	font-size: 10px;
	color: #000000;
}
#spec .dousa tbody td{
	padding: 2px;
	width: 150px;
}
#spec .dousa table a{
	text-decoration: none;
	color: #000000;
}
#spec .dousa table a:hover, #spec .dousa table a:focus{
	text-decoration: underline;
	color: #000000;
}
#spec .dousa table th{
	font-style: normal;
	font-weight: normal;
	color: #000000;
	width: 60px;
}
#spec .dousa table th a{
	color: #000000;
	text-align: left;
	padding:0px;
	display: block;
}
#spec .dousa table .odd th a,#spec .dousa table .odd td a,#spec .dousa table .odd td{
	color: #000000;
}
#spec .dousa table .odd th,#spec .dousa table .odd td{
	background-color: #ffffff;
}

#spec .dousa tbody th{
	background-color: #CCFFFF;
	color: #000000;
	font-style: normal;
	padding: 2px;
}
#spec .dousa td{
	background-color: #CCFFFF;
	color: #000000;
}
#spec .dousa tbody tr.odd{
	background-color: #CCFFFF;
}
#spec .dousa tbody tr:hover td,#spec .dousa tbody tr:hover th, #spec .dousa tbody tr:hover a{
	color: #000000;
}
#spec .dousa thead th{
	height: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica ,'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r ����', sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 2px;
	background-color: #666666;
	text-transform: none;
	color: #ffffff;
}
/* spec_end */

/* CARA*/

#cara{
	margin:20px 0 0 20px;
	padding:0 10px;
	width:438px;
	height:525px;
	overflow:auto;
}
#cara P {
	margin:15px 5px 5px 5px;
	padding:0;
	width:380px;
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.3em;
	color: #000;
}

#cara a{color:#111;}

#cara a:hover{color:#f90;}
#caranav {
	width:350px;
	margin-top:0px;
	margin-bottom:15px;
}

#caranav ul li {
	width:415px;
	padding-left:5px;
	padding-top:15px;
}
#caranav ul a{
    display:block;
    width:415px;
    height:100px;
    text-indent:-9999px;
    overflow:hidden;
}
#caranav a.cara1{
    background-image:url(../images/cara_menu1.png);
}
#caranav a.cara1_on{
    background-image:url(../images/cara_menu1.png);
    background-position:0px 0px;
}
#caranav a.cara2 {
    background-image:url(../images/cara_menu2.png);
}
#caranav a.cara2_on {
    background-image:url(../images/cara_menu2png);
    background-position:0px 0px;
}
#caranav a.cara3{
    background-image:url(../images/cara_menu3.png);
}
#caranav a.cara3_on{
    background-image:url(../images/cara_menu3.png);
    background-position:0px 0px;
}
#caranav a{
    background-position:0px -100px;
}
#caranav a:hover{
    background-position:0px 0px;
}
/* cara_end */
/* minamo */

#cara_minamo{
	margin:20px 0 0 38px;
	padding:0 10px;
	width:438px;
	height:525px;
	background:url(../images/story_txt_bg.png) no-repeat;
	overflow:auto;
}
#cara_minamo P {
	margin:15px 5px 5px 5px;
	padding:0;
	width:380px;
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.3em;
	color: #000;
}

#cara_minamo a{color:#000000;}

#cara_minamo a:hover{color:#000000;}

/* minamo */
/* rin */

#cara_rin{
	margin:20px 0 0 38px;
	padding:0 10px;
	width:438px;
	height:525px;
	background:url(../images/story_txt_bg.png) no-repeat;
	overflow:auto;
}
#cara_rin P {
	margin:15px 5px 5px 5px;
	padding:0;
	width:380px;
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.3em;
	color: #000;
}

#cara_rin a{color:#ffffff;}

#cara_rin a:hover{color:#000000;}

/* rin */
/* nanami */

#cara_nanami{
	margin:20px 0 0 38px;
	padding:0 10px;
	width:438px;
	height:525px;
	background:url(../images/story_txt_bg.png) no-repeat;
	overflow:auto;
}
#cara_nanami P {
	margin:15px 5px 5px 5px;
	padding:0;
	width:380px;
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.3em;
	color: #000;
}

#cara_nanami a{color:#ffffff;}

#cara_nanami a:hover{color:#000000;}

/* nanami */


/* EVENT*/

#event{
	margin:20px 0 0 20px;
	padding:0 10px;
	width:560px;
	height:600px;
}
.event_photo {
	margin:0;
	padding:0;
	width:546px;
	height:429px;
}
.event_photo {
	margin:0;
	padding:0;
	width:546px;
	height:429px;
}
#event P {
	margin:15px 5px 5px 5px;
	padding:0;
	width:380px;
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.3em;
	color: #000;
}

#event ul {
	clear: both;
    width:546px;
    height:83px;
    overflow:hidden;
}

#event ul li {
    float: left;
	width:97px;
	padding-left:10px;
	padding-top:15px;
}
#event_r {
	width:211px;
	margin:0px 3px 0px 5px;
	position:relative;
	top:372px;
	left:2px;
}

#event_r ul li {
	width:211px;
	padding-left:5px;
	padding-top:5px;
}
#event_r ul a{
    display:block;
    width:211px;
    height:48px;
    text-indent:-9999px;
    overflow:hidden;
}
#event_r a.cara1{
    background-image:url(../images/menu_event_nanami.png);
}
#event_r a.cara1_on{
    background-image:url(../images/menu_event_nanami.png);
    background-position:0px 0px;
}
#event_r a.cara2 {
    background-image:url(../images/menu_event_minamo.png);
}
#event_r a.cara2_on {
    background-image:url(../images/menu_event_minamo.png);
    background-position:0px 0px;
}
#event_r a.cara3{
    background-image:url(../images/menu_event_rin.png);
}
#event_r a.cara3_on{
    background-image:url(../images/menu_event_rin.png);
    background-position:0px 0px;
}
#event_r a{
    background-position:0px -48px;
}
#event_r a:hover{
    background-position:0px 0px;
}
#event2 {
	width:350px;
	margin-top:190px;
	margin-bottom:15px;
}

#event2 ul li {
	width:415px;
	padding-left:5px;
	padding-top:5px;
}
#event2 ul a{
    display:block;
    width:415px;
    height:100px;
    text-indent:-9999px;
    overflow:hidden;
}
#event2 a.cara1{
    background-image:url(../images/cara_menu1.png);
}
#event2 a.cara1_on{
    background-image:url(../images/cara_menu1.png);
    background-position:0px 0px;
}
#event2 a.cara2 {
    background-image:url(../images/cara_menu2.png);
}
#event2 a.cara2_on {
    background-image:url(../images/cara_menu2png);
    background-position:0px 0px;
}
#event2 a.cara3{
    background-image:url(../images/cara_menu3.png);
}
#event2 a.cara3_on{
    background-image:url(../images/cara_menu3.png);
    background-position:0px 0px;
}
#event2 a{
    background-position:0px -100px;
}
#event2 a:hover{
    background-position:0px 0px;
}

/*     */
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 660px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 68px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 429px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 546px;
	height: 429px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 546px;
	height: 429px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: none;
}
div.download {
	float: right;
}
div.navigation {
	clear: both;
	width: 546px;
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	width: 546px;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 30px 0px 20px 0px;
	line-height:1.4em;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
}
ul.thumbs li.selected a.thumb {
	background: #FFCC66;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
	margin-bottom: 5px;
}

/* EVENT_end */
/* DOWNLOAD */

#down{
	margin:20px 0 0 15px;
	padding:0 5px;
	width:438px;
	height:525px;
	overflow:auto;
}
#down P {
	margin:15px 5px 5px 5px;
	padding:0;
	width:380px;
	font-size: 1.0em;
	font-weight: 600;
	line-height: 1.3em;
	color: #000;
}

#down a{color:#111;}

#down a:hover{color:#f90;}
.download {
	width:430px;
	float:left;
}

.download table {
	clear: both;
	background-color: #ffffff;
	text-align: left;
	border-spacing: 5px;
	margin-bottom:30px;
}
.download table a, .download table, .download tbody, .download tfoot, .download tr, .download th, .download td {
	font-family: Arial, Helvetica ,'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r ����', sans-serif;
	line-height: 1.7em;
	font-size: 12px;
	color: #000000;
}
.download tbody td{
	padding: 3px;
	width: 60px;
	height: 20px;
	text-align: center;
	vartical-align: middle;
}
.download table a{
	text-decoration: none;
	color: #000000;
}
.download table a:hover, .download table a:focus{
	text-decoration: underline;
	color: #000000;
}
.download table th{
	font-style: normal;
	font-weight: normal;
	color: #000000;
}
.download table th a{
	color: #000000;
	text-align: left;
	padding:0px;
	display: block;
}

.download tbody th{
	background-color: #eaeaea;
	color: #000000;
	font-style: normal;
	padding: 5px;
}
.download td{
	background-color: #eaeaea;
	color: #000000;
}
.download tbody tr.odd{
	background-color: #eaeaea;
}
.download tbody tr:hover td,.download tbody tr:hover th, .download tbody tr:hover a{
	color: #000000;
}
.download tfoot{
	border-top-color: #666666;
	border-top-width: 1px;
	border-top-style: solid;
	height:30px;
}
.download tfoot th,.download tfoot td{
	text-align: right;
	font-size: 10px;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	padding: 3px 5px 5px 5px;
	background-color: #ffffff;
	text-transform: none;
	color: #000000;
}
.download thead th{
	height: 30px;
	text-decoration: none;
	font-family: Arial, Helvetica ,'�q���M�m�p�S Pro W3','Hiragino Kaku Gothic Pro','���C���I',Meiryo,'�l�r ����', sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	padding: 5px;
	background-color: #ffffff;
	text-transform: none;
	color: #000000;
	border-bottom-color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#down_r {
	width:300px;
	margin:0px 3px 0px 0px;
	position:relative;
	top:90px;
	left:2px;
}
.down_r_con {
	width:300px;
	margin:0;
	padding: 5px 0px 0px 0px;
	clear: both;
}

.down_r_photo{
	width:160px;
	height:120px;
	margin: 0;
	padding:0;
	float:left;
}
.down_r_text {
	width:134px;
	margin: 0;
	padding:0;
	float:right;
}
.down_r_text ul a{
   	width: 62px;
   	height: 13px;
	margin: 0;
	padding:0;
    display:block;
    text-indent:-9999px;
    overflow:hidden;
}

.down_r_text ul li {
   	width: 62px;
   	height: 13px;
	float: left;
	padding-left:2px;
	padding-bottom:4px;
}
.down_r_text a.size1{
    background-image:url(../images/btn_1600_1200.gif);
}
.down_r_text a.size2 {
    background-image:url(../images/btn_1400_1050.gif);
}
.down_r_text a.size3{
    background-image:url(../images/btn_1280_1024.gif);
}
.down_r_text a.size4{
    background-image:url(../images/btn_1024_768.gif);
}
.down_r_text a.size5{
    background-image:url(../images/btn_800_600.gif);
}
.down_r_text a{
    background-position:0px -13px;
}
.down_r_text a:hover{
    background-position:0px 0px;
}

/* DOWNLOAD_end */


/* foot_area */

#foot_area{
	margin:0;
	padding:0;
	width:100%;
	height:50px;
}

#foot{
	margin:0 auto;
	padding:0;
	width:800px;
	clear:both;
}
#foot P{
	margin:0 auto;
	padding:0;
	clear:both;
}

#foot img{margin:5px 0 0 0;}

/* foot_end */

/* font color */
.red{
	color:#FF3333;
	font-size: 1.2em;
}

.blue{
	color:#0099FF ;
	font-size: 1.2em;
}
.pink{
	color:#FF66FF;
	font-size: 1.2em;
}
.pink_b{
	color:#FF66FF;
	font-size: 1.4em;
	font-weight: 600;
}

.center{text-align:center;}

.clear{clear:both;}#logo {
	clear: right;
	float: right;
	height: auto;
	width: auto;
}
#HP_manu {
	float: left;
	height: auto;
	width: auto;
}