@charset "shift_jis";
/**************** CONTENTS *****************

	01: universal reset
	02: common setting
	03: etc
	04: NSF Shared
	05: Dr.GanGan
	06: museum
	07: photo
	08: family
	09: animal
	10: make_cource
	11: e-course
	12: make-stone
	13: individual
	14: crystal
	15: member
*******************************************/

/*============================================================
	01: universal reset
============================================================*/

*{margin:0;padding:0;font-style:normal;}
p,div{margin:0;padding:0;}
table,td,th{border:none;text-align:left;vertical-align:top;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,a img{border:none;}


/*============================================================
	02: common setting
============================================================*/

body{
	font-family: "verdana","arial","helvetica","MS P Gothic","Hiragino Kaku Gothic Pro","Osaka";
	margin:0;
	padding:0;
	background-color: #333333;
}
em,strong{font-weight:bold;}
input{
	font-size: 12px;
	width: 100%;
}

/* a
----------------------------------------------------*/

a:link,
a:visited{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
a:active{
	text-decoration:none;
}

/*============================================================
	03: etc
============================================================*/
#footlist a{
	display:block;
	font-size:10px;
	padding-right:15px;
	padding-left:1px;
	padding-top:8px;		
}
#footlist a:link,a:visited{
	text-decoration:none;
	color: #999999;
}
#footlist a:hover{
	text-decoration:underline;
	color: #FFFFFF;	
}
#footlist a:active{
	text-decoration:none;
	color: #999999;
}

#tips{
	position:absolute;
	padding: 4px;
	border:1px solid black;
	font-size: 10px;
	line-height:14px;
	z-index:100;
	color: #ffffff;
}
#date{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;	
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
#date1{
	font-weight: bold;
	font-size: 12px;
	color: #FFFF00;	
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
#date2{
	font-weight: bold;
	font-size: 10px;
	color: #FFFF00;	
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
#news{
	font-size: 10px;
	line-height: 15px;
	color: #CCCCCC;	
}
#news a:link,#news a:visited{
	text-decoration:underline;
	color: #FFFFFF;
}
#news a:hover{
	text-decoration:none;
	color: #FF0000;	
}
#news a:active{
	text-decoration:underline;
	color: #FFFFFF;
}
#starBg{
	background-image: url(../images/img_star_bg.jpg);
	background-repeat: no-repeat;
}
/*============================================================
	04: NSF Shared
============================================================*/
.space_top_bottom{
	height: 18pt;
}
.space{
	height: 25pt;
}
.space_danraku{
	height: 1em;
}
.iwa_line{
    width: 420px;
	margin-left: 18px;

	border-style: dotted;
	border-width: 4px;
	border-color: #ee9500;
}
.iwa_line2{
	margin-left: 8px;

	border-style: dotted;
	border-width: 4px;
	border-color: #ee9500;

	margin-right: 17px;
}
.iwa_line3{
    width: 350px;
	margin-left: 8px;

	border-style: dotted;
	border-width: 4px;
	border-color: #ee9500;
}
.iwa_line4{
    width: 310px;
	margin-left: 8px;

	border-style: dotted;
	border-width: 4px;
	border-color: #ee9500;
}
.iwa_line5{
    width: 490px;
	margin-left: 130px;

	border-style: dotted;
	border-width: 4px;
	border-color: #ee9500;
}
.string{
	color: #eeeeee;
	font-size: 14px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
.iwa_talk{
	color: #eeeeee;
	font-size: 14px;
	letter-spacing: 0.1em;

	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;

	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;

	text-align: left;
}
.number_title{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #eeeeee;

	text-indent: 30em;
	line-height: 60pt;
}
.nsf_tab a:link{
	color: #ff8855;
	text-decoration: none 
}
.nsf_tab a:visited{
	color: #ff8855;
	text-decoration: none 
}
.nsf_tab a:hover{
	background: #DEB887;
	color: #000099;
	text-decoration: none 
}
/*============================================================
	05: Dr.GanGan
============================================================*/
#starBgDrGanGan{
	background-image: url(../images/drgangan/img_star_drgangan.gif);
	background-repeat: no-repeat;
}
.top_title{
	font-size: 38px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #94abd5;

	line-height: 60pt;
	text-align: center;
}
.title{
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #ffffcc;

	line-height: 60pt;
	text-align: center;
	clear: both;
}
.layout_l{
	margin-right: 19px;
	float: left;
}
.layout_r{
	margin-right: 10px;
	float: right;
}
.catch{
	color: #eeeeee;
	font-size: 24px;

	padding-left: 4px;
	margin-right: 4px;

	display: inline;
	background-color: #000099;
}
.info_string{
	display: inline;
	font-size: 55%;
}
.top_btn{
	padding-right: 11px;
}
/*============================================================
	06: museum
============================================================*/
#starMuseum{
	background-image: url(../images/museum/img_star_museum.jpg);
	background-repeat: no-repeat;
}
.img_line{
	border-style: double;
	border-width: 3px;
	border-color: #99aaaa;
}
.info_name{
	display: inline;
	padding-left: 30px;
	padding-right: 3px;
	vertical-align: text-top;
	color: #99aaaa;
	font-size: 10px;
}
.info_name_data{
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: text-top;
	color: #c0c0c0;
	font-size: 10px;
	clear : both;
}
.info_name_data1{
	display: inline;
	padding-left: 10px;
	padding-right: 1px;
	vertical-align: text-top;
	color: #c0c0c0;
	font-size: 10px;
	clear : both;
}
.info_name_data2{
	display: inline;
	padding-left: 5px;
	padding-right: 1px;
	vertical-align: text-top;
	color: #c0c0c0;
	font-size: 10px;
	clear : both;
}
.info_name2{
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: text-top;
	color: #99aaaa;
	font-size: 10px;
}.info_name21{
	display: inline;
	padding-left: 15px;
	padding-right: 5px;
	vertical-align: text-top;
	color: #99aaaa;
	font-size: 10px;
}
.info_name3{
	display: inline;
	padding-left: 10px;
	padding-right: 3px;
	vertical-align: text-top;
	color: #99aaaa;
	font-size: 10px;
}
.info_name4{
	display: inline;
	padding-left: 35px;
	padding-right: 3px;
	vertical-align: text-top;
	color: #99aaaa;
	font-size: 10px;
}
.info_name5{
	display: inline;
	padding-left: 45px;
	padding-right: 3px;
	vertical-align: text-top;
	color: #99aaaa;
	font-size: 10px;
}
.info_name6{
	display: inline;
	padding-left: 55px;
	padding-right: 3px;
	vertical-align: text-top;
	color: #99aaaa;
	font-size: 10px;
}
.info_name7{
	display: inline;
	padding-left: 5px;
	padding-right: 3px;
	vertical-align: text-top;
	color: #99aaaa;
	font-size: 10px;
}
.info_name_rock{
	display: inline;
	color: #99aaaa;
	padding-right: 3px;
	vertical-align: middle;
	font-size: 10px;
}
.info_name_left{
	display: inline;
	color: #99aaaa;
	padding-right: 5px;
	vertical-align: text-top;
	font-size: 10px;
}
/*============================================================
	07: photo
============================================================*/
#starPhoto{
	background-image: url(../images/photo/img_star_photo.jpg);
	background-repeat: no-repeat;
}
.catch2{
	color: #222222;
	font-size: 24px;

	padding-left: 4px;
	margin-right: 4px;

	display: inline;
	background-color: #ffffcc;
}
.syasinka_string{
	display: inline;
	font-size: 70%;
}
.info_string2{
	color: #eeeeee;
	font-size: 10px;
	letter-spacing: 0.2em;

	padding-left: 14px;

	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
.info_string3{
	color: #eeeeee;
	font-size: 8px;

	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
/*============================================================
	08: family
============================================================*/
#starFamily{
	background-image: url(../images/family/img_star_family.jpg);
	background-repeat: no-repeat;
}
.info_string4{
	color: #2255aa;
	font-size: 130%;

	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
.info_string5{
	color: #aa5555;
	font-size: 130%;

	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
/*============================================================
	09: animal
============================================================*/
#starAnimal{
	background-image: url(../images/animal/img_star_animal.jpg);
	background-repeat: no-repeat;
}
.talk_name1{
	display: inline;
	color: #aa5555;
}
.talk_name2{
	display: inline;
	color: #2255aa;
}
.next_string{
	color: #eeeeee;
	font-size: 14px;
	letter-spacing: 0.2em;

    padding-top: 5px;
	text-indent: 11em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;

}
.next_page{
	font-size: 14px;
	padding-left: 550px;
}
/*============================================================
    10: make_cource
============================================================*/
.key_title{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #eeeeee;

	text-align: center;
	line-height: 60pt;
}
.info_string6{
	color: #ffffcc;
	font-size: 110%;

	text-indent: 2em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
.link_bottom1{
	font-size: 150%;

    position: absolute;
	left: 36%;
}

/*============================================================
    11: e-course
============================================================*/
#starECourse{
	background-image: url(../images/e_course/img_star_e_course.jpg);
	background-repeat: no-repeat;
}
.info_string7{
	padding-left: 30px;

	color: #ffffcc;
	font-size: 16px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
.info_string8{
	padding-left: 75px;

	color: #ffffcc;
	font-size: 15px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
/*============================================================
    12: make-stone
============================================================*/
#starMakeStone{
	background-image: url(../images/make_stone/img_star_make_stone.jpg);
	background-repeat: no-repeat;
}
.info_string9{
	padding-left: 75px;

	color: #cccccc;
	padding-left: 25px;
	font-size: 14px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
/*============================================================
    13: individual
============================================================*/
.string_r1{
	color: #eeeeee;
	font-size: 14px;
	letter-spacing: 0.2em;

	text-indent: 39em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
.string_r2{
	color: #eeeeee;
	font-size: 14px;
	letter-spacing: 0.2em;

	text-indent: 31em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}
.string_r3{
	color: #eeeeee;
	font-size: 16px;
	letter-spacing: 0.2em;

	text-indent: 30.5em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
}

/*============================================================
	15: crystal
============================================================*/
#starCrystal{
	background-image: url(../images/crystal/img_star_crystal.jpg);
	background-repeat: no-repeat;
}
.image_center{
	margin-left: 184px;
}
.image_center2{
	margin-left: 268px;
}
.image_center3{
	margin-left: 280px;
}
.image_center4{
	margin-left: 225px;
}
.image_center5{
	margin-left: 195px;
}
.image_center6{
	margin-left: 190px;
}
.title3{
	color: #eeeeee;
	font-size: 19px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
	margin-left: 275px;
}
.title4{
	color: #eeeeee;
	font-size: 18px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
	margin-left: 15px;
}
.image_string{
	color: #eeeeee;
	font-size: 16px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
	margin-left: 276px;
}
.image_string2{
	color: #eeeeee;
	font-size: 16px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
	margin-left: 150px;
}
.image_string3{
	color: #eeeeee;
	font-size: 16px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
	margin-left: 130px;
}
.image_string4{
	color: #eeeeee;
	font-size: 16px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
	margin-left: 190px;
}
.image_string5{
	color: #eeeeee;
	font-size: 15px;
	letter-spacing: 0.2em;

	text-indent: 1em;
	font-weight: normal;
	line-height: 1.8em;
	line-break: normal;
	margin-left: 10px;
}
/*============================================================
	15: member
============================================================*/
.top_title2{
	font-size: 38px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #ffffcc;

	line-height: 60pt;
	text-align: center;
}
.title2{
	font-size: 19px;
	font-weight: bold;
	color: #ffffcc;

	line-height: 60pt;
	text-align: left;
}
.link_bottom2{
	font-size: 150%;

    position: absolute;
	left: 36%;
}
.link_bottom3{
	font-size: 130%;

    position: absolute;
	left: 25%;
}
.link_bottom4{
	font-size: 130%;

    position: absolute;
	left: 44%;
}
.link_bottom5{
	font-size: 130%;

    position: absolute;
	left: 67%;
}
.link_bottom6{
	font-size: 130%;

    position: absolute;
	left: 28%;
}
.link_bottom7{
	font-size: 130%;

    position: absolute;
	left: 60%;
}
/*============================================================
	16: Links
============================================================*/
#LinksTop{
	background-image: url(../images/links/link_top.jpg);
	background-repeat: no-repeat;
}
.top_title2{
	font-size: 38px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #ffffcc;

	line-height: 60pt;
	text-align: center;
}
.title2{
	font-size: 19px;
	font-weight: bold;
	color: #ffffcc;

	line-height: 60pt;
	text-align: left;
}
.link_bottom2{
	font-size: 150%;

    position: absolute;
	left: 36%;
}
.link_bottom3{
	font-size: 130%;

    position: absolute;
	left: 25%;
}
.link_bottom4{
	font-size: 130%;

    position: absolute;
	left: 44%;
}
.link_bottom5{
	font-size: 130%;

    position: absolute;
	left: 67%;
}
.link_bottom6{
	font-size: 130%;

    position: absolute;
	left: 28%;
}
.link_bottom7{
	font-size: 130%;

    position: absolute;
	left: 60%;
}

/*============================================================
	17: News
============================================================*/
#NewsTop{
	background-image: url(../images/news/news_top.jpg);
	background-repeat: no-repeat;
}
.top_title2{
	font-size: 38px;
	font-weight: bold;
	letter-spacing: 0.2em;
	color: #ffffcc;

	line-height: 60pt;
	text-align: center;
}
.title2{
	font-size: 19px;
	font-weight: bold;
	color: #ffffcc;

	line-height: 60pt;
	text-align: left;
}
.link_bottom2{
	font-size: 150%;

    position: absolute;
	left: 36%;
}
.link_bottom3{
	font-size: 130%;

    position: absolute;
	left: 25%;
}
.link_bottom4{
	font-size: 130%;

    position: absolute;
	left: 44%;
}
.link_bottom5{
	font-size: 130%;

    position: absolute;
	left: 67%;
}
.link_bottom6{
	font-size: 130%;

    position: absolute;
	left: 28%;
}
.link_bottom7{
	font-size: 130%;

    position: absolute;
	left: 60%;
}