@charset "utf-8";

/*====================================================
	body  
====================================================*/

*{	margin:0; padding:0;}

html {overflow-y: scroll;}

br {letter-spacing:0;}

body{font: 80% arial,sans-serif; line-height:1.7; letter-spacing:1px; background-image:url(img/bg.png)}	


/*====================================================
	Layout 基本レイアウト  
====================================================*/

#wrapper {text-align: left;margin: 0 auto;width: 960px; background-color:#FFFFFF}

div#header{text-align: left;background-image:url(img/head_bg.png); background-color:#ffffff}

div#content{width:506px; background-color:#FFFFFF; margin:20px 0px 30px 0px; text-align:left}

div#content_art{width:456px; background-color:#FFFFFF; margin:30px 0px 30px 0px; text-align:left}

div#content_sw{width:480px; background-color:#FFFFFF; margin:30px 0px 30px 0px; text-align:left}


div#Nav_L{text-align:center; margin-top:20px;} /* menu_L */

.imgNav_L{margin:5px 0px 0px 0px;} /* menu_L */

.imgNav_R{margin:6px 0px 0px 0px;} /* menu_R */

div#footer{background: #000; text-align:center; ;padding:2px 0px 3px 0px; font-size:11px; color:#CCCCCC;}

div#footer2{background: #003b42;color: #FFF; text-align:center; ;padding:2px 0px 3px 0px; font-size:11px; color:#ffffff;}

div#footer{clear:left;width:100%; height:18px}

.mp3box{margin:0px 0px 10px 0px; padding:4px 0px 4px 0px;text-align:left; line-height:1.4; font-size:90%; width:450px; font-weight:bold; color:#FFFFFF; background-color:#000000} /*modeling works main image */

/*====================================================
	Fonts 文字スタイル　テキスト 
====================================================*/

.Ti {font-size:130%; letter-spacing:1px; line-height:1.6; color:#111111; margin:-10px 0px 10px 0px; font-weight:bold}

.Tsi {font-size:110%; letter-spacing:1px; line-height:1.6; color:#111111; margin:-10px 0px 10px 0px; font-weight:bold}

.TsRed {font-size:110%; letter-spacing:1px; line-height:1.6; color:#CC0000; margin:-10px 0px 10px 0px; font-weight:bold}

.NewHead {font-size:110%; letter-spacing:1px; line-height:1.6; color:#111111; margin:0px 0px 6px 0px; font-weight:bold}

.data {font-size:90%;line-height:1.6;letter-spacing:1px; margin:0px 0px 15px 0px;}

.data2 {font-size:90%;line-height:1.6;letter-spacing:1px; margin:0px 0px 15px 0px;}

.dataS {font-size:86%;line-height:1.6;letter-spacing:1px; margin:0px 0px 15px 0px;}

.d_Ti {font-size:90%; letter-spacing:1px; line-height:1.6; color:#111111; margin:0px 0px 3px 0px; font-weight:bold}

.code{font-size:80%;line-height:1.5;letter-spacing:1px; font-weight:bold;  margin:0px 0px 10px 0px;}

.codeRed{font-size:80%;line-height:1.5;letter-spacing:0px; font-weight:bold; color:#CC0000}

h2{
	font-size:110%; letter-spacing:1px; display:inline; line-height:1.6; color:#000000;
}

/*====================================================
	IMAGE 
====================================================*/

.img_center{margin:0px 0px 35px 0px; text-align:center; font-size:90%; padding-right:5px} /*modeling works main image */

.img_sw{margin:0px 0px 35px 0px; text-align:left font-size:90%;} /*sound works main image */

.img_hm{margin:0px 0px 35px 0px; text-align:left font-size:90%;} /*sound works main image */

.img_hmS{margin:30px 0px 10px 0px; text-align:left font-size:90%;} /*sound works main image */

.img_main{margin:5px 0px 0px 5px;}

.img_baka{text-align:center;}

.imgL{margin:5px 18px 8px 0px;float:left; font-size:11px; text-align:center}

.imgR{margin:0px 0px 10px 10px; float:right; font-size:11px; text-align:center}

.imgInner{border: 1px solid #C0C0C0; margin:0px 0px 3px 0px;}

.imgLink{margin:0px 4px 0px 0px; vertical-align:baseline}

.imgA{margin:10px 0px 15px 0px; }

/*====================================================
	ライン　破線　区切り線
====================================================*/

.lineSolid {border-top-style: solid; border-color: #000000; border-width: 1px;margin:20px 0px 30px 0px;}


.lineSolid2 {border-top-style: solid; border-color: #444444; border-width: 2px;margin:30px 0px 30px 0px;}

.dotline1 {border-top-style: dotted;border-color: #000000;border-width: 1px; clear:both;}

.dotline2 {border-top-style: dashed;border-color: #666666;border-width: 1px; margin:20px 0px 15px 0px; clear:both;}

.dotlineNews {border-top-style: dashed;border-color: #666666;border-width: 1px; margin:10px 0px 15px 0px; clear:both;}

.lineSolid3 {border-bottom: 3px solid black; clear:both; margin-top:10px;}

.Arch_line{ border-bottom: 3px solid; border-color: #999999; clear:both; margin:30px 0px 30px 0px;}

 

/*====================================================
	LINK
====================================================*/

a:link{color:#0F31F0 ; text-decoration:underline; letter-spacing:0px;}
a:visited{color: #0F31F0; text-decoration:underline; letter-spacing:0px;}
a:active {color: #0F31F0;}
a:hover {color:#0F31F0; text-decoration:none;}

/*--------------------------
	Mail Link
--------------------------*/
.mail-link{font-weight:bold; letter-spacing:0px; font-size:90%; font-family:Geneva, Arial, Helvetica, sans-serif;margin:0px 0px 13px 0px;
}
.mail-link A:link { text-decoration: none; color:#fff; background: #8883A9 }
.mail-link A:visited { text-decoration: none ;color:#fff; background: #8883A9; } 
.mail-link A:hover { text-decoration: none ; color:#fff; background: #ccc;  }
.mail-link A:active { text-decoration: none ;color:#fff; background: #ccc;  }

.mail-linkmod{letter-spacing:0px; font-size:90%; font-family:Geneva, Arial, Helvetica, sans-serif;margin:0px 0px 13px 0px;
}
.mail-linkmod A:link { text-decoration: none; color:#000 }
.mail-linkmod A:visited { text-decoration: none ;color:#000; } 
.mail-linkmod A:hover { text-decoration: none ; color:#fff; background: #ccc;  }
.mail-linkmod A:active { text-decoration: none ;color:#fff; background: #ccc;  }

/*--------------------------
	LINK PAGE #E4E4E4
--------------------------*/
.Link{margin:0px 0px 3px 0px; text-align:left; font-size:100%; font-weight:bold}

.LinkCap{padding:0px 0px 0px 15px;margin:0px 0px 0px 0px; text-align:left; font-size:90%; line-height:1.5}

.lineLink {border-top-style: solid; border-color: #F5F5F5; border-width: 1px;margin:13px 0px 15px 12px;}

.Link a:link{color:#0033FF ; text-decoration:none; letter-spacing:0px; font-weight:normal}
.Link a:visited{color: #0033FF; text-decoration:none; letter-spacing:0px;font-weight:normal}
.Link a:active {color: #0033FF; letter-spacing:0px;font-weight:normal}
.Link a:hover {color:#0033FF; text-decoration:underline; letter-spacing:0px;font-weight:normal}



li {list-style:none;}
.clear {clear:both}


@media screen and (max-width:1000px){

#wrapper {text-align: left;margin: 0 auto;width: 98%;}

}

@media screen and (max-width:767px){

.clearTEXT{clear:both}

}

@media screen and (min-width:1370px){

#wrapper {text-align: left;margin: 0 auto;width: 960px;}

}

/*====================================================
	preloaded  
====================================================*/
	
	
	
#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(img/nav_sou01_on.png);
       background-image: url(img/nav_sou02_on.png);
       background-image: url(img/nav_sou03_on.png);
       background-image: url(img/nav_sou04_on.png);
       background-image: url(img/nav_sou05_on.png);
       background-image: url(img/nav_sou06_on.png);
       background-image: url(img/nav_sou07_on.png);
       background-image: url(img/nav_mod01_on.png);
       background-image: url(img/nav_mod02_on.png);
       background-image: url(img/nav_mod03_on.png);
       background-image: url(img/nav_mod04_on.png);
       background-image: url(img/nav_mod05_on.png);
       background-image: url(img/ad_1987.png);
       background-image: url(img/ad_1988.png);
       background-image: url(img/ad_1989.png);
       background-image: url(img/ad_1990.png);
       background-image: url(img/ad_1991.png);
       background-image: url(img/ad_1992.png);
       background-image: url(img/ad_1993.png);
       background-image: url(img/ad_1994.png);
       background-image: url(img/ad_1995.png);
       background-image: url(img/ad_1996.png);
       background-image: url(img/ad_1997.png);
       background-image: url(img/ad_1998.png);
       background-image: url(img/ad_1999.png);
       background-image: url(img/ad_2000.png);
       background-image: url(img/ad_2001.png);
       background-image: url(img/ad_2002.png);
       background-image: url(img/ad_2003.png);
       background-image: url(img/ad_2004.png);
       background-image: url(img/ad_2005.png);
       background-image: url(img/ad_2006.png);
       background-image: url(img/ad_2007.png);
       background-image: url(img/ad_2008.png);
       background-image: url(img/ad_2009.png);
       background-image: url(img/ad_2010.png);
       background-image: url(img/ad_2011.png);
       background-image: url(img/ad_1987_off.png);
       background-image: url(img/ad_1988_off.png);
       background-image: url(img/ad_1989_off.png);
       background-image: url(img/ad_1990_off.png);
       background-image: url(img/ad_1991_off.png);
       background-image: url(img/ad_1992_off.png);
       background-image: url(img/ad_1993_off.png);
       background-image: url(img/ad_1994_off.png);
       background-image: url(img/ad_1995_off.png);
       background-image: url(img/ad_1996_off.png);
       background-image: url(img/ad_1997_off.png);
       background-image: url(img/ad_1998_off.png);
       background-image: url(img/ad_1999_off.png);
       background-image: url(img/ad_2000_off.png);
       background-image: url(img/ad_2001_off.png);
       background-image: url(img/ad_2002_off.png);
       background-image: url(img/ad_2003_off.png);
       background-image: url(img/ad_2004_off.png);
       background-image: url(img/ad_2005_off.png);
       background-image: url(img/ad_2006_off.png);
       background-image: url(img/ad_2007_off.png);
       background-image: url(img/ad_2008_off.png);
       background-image: url(img/ad_2009_off.png);
       background-image: url(img/ad_2010_off.png);
       background-image: url(img/ad_2011_off.png);
       background-image: url(img/ad_1987_on.png);
       background-image: url(img/ad_1988_on.png);
       background-image: url(img/ad_1989_on.png);
       background-image: url(img/ad_1990_on.png);
       background-image: url(img/ad_1991_on.png);
       background-image: url(img/ad_1992_on.png);
       background-image: url(img/ad_1993_on.png);
       background-image: url(img/ad_1994_on.png);
       background-image: url(img/ad_1995_on.png);
       background-image: url(img/ad_1996_on.png);
       background-image: url(img/ad_1997_on.png);
       background-image: url(img/ad_1998_on.png);
       background-image: url(img/ad_1999_on.png);
       background-image: url(img/ad_2000_on.png);
       background-image: url(img/ad_2001_on.png);
       background-image: url(img/ad_2002_on.png);
       background-image: url(img/ad_2003_on.png);
       background-image: url(img/ad_2004_on.png);
       background-image: url(img/ad_2005_on.png);
       background-image: url(img/ad_2006_on.png);
       background-image: url(img/ad_2007_on.png);
       background-image: url(img/ad_2008_on.png);
       background-image: url(img/ad_2009_on.png);
       background-image: url(img/ad_2010_on.png);
       background-image: url(img/ad_2011_on.png);}