@charset "UTF-8";

/* =================================================================
			base
		
		= all font
			- base set
			- line-height
			- other color
			
		= font size
			- others
			- font12px 
			- font10px
			- change font 
			
		= base set
			- all margin:0;padding:0;
			- base
			- a style
		
================================================================= */

/* ---------------------------------------------------------------
 all font
------------------------------------------------------------------ */
/* font , line-height ,font-family */
#suntory_contents{
/*font-family: "verdana","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",sans-serif;*/
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:2;
color:#222;
}

/* --------- line-height */

.gameSet dd,
.linupList ul li,
#indexTopics dl,
.listWrapS dl,
.cProperty,
.cmSet,
.notes li,
#indexLeftCon .linupList li,
.links,
.spListWrap,
.dlLinkSet,
.sLinks li,
.menuWrap,
.spLinks{
line-height:1.3;
}
#breadCrumb ul{
line-height:1.1;
}
.sLinks{
line-height:1.5;
}
#spCm .leadWrap{
line-height:1.8;
}

/* --------- other color */
#changeFont{
color:#66ccff;
}
.outSide{
color:#3b3b3b
}

/* ---------------------------------------------------------------
	font size 
------------------------------------------------------------------ */

/* -- others 
---------------------------- */
.lead{
font-size:150%;
}


/* -- font12px 
---------------------------- */
body{
font-size:75%;
}
ul.outSide,
ul.sLinks,
ul.notes,
h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,p,table,th,td,tr,form,input,img,hr{
font-size:100%;
}


/* -- font10px 
---------------------------- */
.copyTxt,
.outSide,
.outSide li,
.sub,
.qrWrap,
#indexGame .inTxt p,
#indexCenterCon .links li,
#indexLeftCon .linupList li,
.linupList ul li,
.dlLinkSet dd,
.sLinks li,
.sLinks,
.notes li,
.notes,
#breadCrumb li,
#footNav li li,
#headerMenu ul,
#changeFont p,
.fsmall{
font-size:85%;
}


/* -- change font
---------------------------- */
body.fontSmall {
	font-size:75%;
}
body.fontLarge {
	font-size:100% ;
}	


/* ----------------------------------------------------------------
 base set
------------------------------------------------------------------ */

/* all margin:0;padding:0;
---------------------------- */
body,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,p,table,form,input,img{
margin:0;padding:0;
}

/* base
---------------------------- */
li{list-style:none;}
em,address{font-style:normal;}
img{vertical-align:top;border:0;}
em{color:#d20000;}
strong{color:#;}

td input{
margin-right:5px;
vertical-align:middle;
}

/* a style
---------------------------- */
a{text-decoration:none;}

/* a base set */
a:link,
a:visited,
a:link em,
a:visited  em{color:#0066cc;}
a:hover,
a:hover em{text-decoration:underline;color:#0099ff;}


/* header a set */
#headerMenu a,
#headerMenu a:link,
#headerMenu a:visited{text-decoration:none;color:#60d4ff;}
#headerMenu a:hover{text-decoration:underline;color:#60d4ff;}


/* icon a set */
#footer .fLeft li a:link,
#footer .fLeft li a:visited,
#footer li a:link,
#footer li a:visited,
.links a:link,
.links a:visited,
.linupList li a:link,
.linupList li a:visited,
.dlLinkSet dt a:link,
.dlLinkSet dt a:visited,
.sLinks a:link,
.sLinks a:visited,
a p.Links,
a:link p.Links,
a:visited p.Links {
color:#222;
}
#footer .fLeft li a:hover,
#footer li a:hover,
.links a:hover,
.linupList li a:hover,
.dlLinkSet dt a:hover,
.sLinks a:hover{
color:#0099ff;
text-decoration:underline;
}
