body,td,th {
	font-size: 12px;
	;
	line-height:140%
}
a:link {
	color: #300;
	text-decoration: none;
}
a:visited {
	color: #F30;
	text-decoration: none;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url();
}
a {
	font-size: 12px;
	line-height:140%
}

.xlarge_toppage {
	font-size:13pt;
	line-height:150%;
	font-weight: bold;
	color: #330000;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.xxlarge { font-size:17pt;line-height:140% }

.xlarge {
	font-size:13pt;
	line-height:140%;
}

.xlarge_moog01 {
	font-size:14pt;
	line-height:180%;
	font-weight: bold;
	color: #141414;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.xlarge_moog02 {
	font-size:14pt;
	line-height:180%;
	font-weight: bold;
	color: #4C3D37;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.xlarge_moog_red{
	font-size:14pt;
	line-height:180%;
	font-weight: bold;
	color: #F00;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.large_anaroma01 {
	font-size:12pt;
	line-height:150%;
	color: #141414;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.xlarge_blueberry {
	font-size:13pt;
	line-height:150%;
	font-weight: bold;
	color: #660000;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


.xlarge_alginic {
	font-size:14pt;
	line-height:180%;
	font-weight: bold;
	color: #008FC2;
}

.xlarge_alginic2 {
	font-size:13pt;
	line-height:110%;
	color: #C83C95;
}

.xlarge_alginic_link {
	font-size:12pt;
	line-height:110%;
	font-weight: bold;
	color: #008FC2;
}

.xlarge_egunolijin {
	font-size:13pt;
	line-height:180%;
	font-weight: bold;
	color: #0578BE;
}

.nomal_egg {
	font-size:10pt;
	line-height:140%;
	color: #CB1A52;
}

.green_egg {
	font-size:11pt;
	line-height:150%;
	color: #327222;
}



.small {
	font-size:9pt;
	line-height:140%;
	color: #602200;
}

.ssmall {
	font-size:9pt;
	line-height:130%;
	color: #702903;
}

.xssmall {
	font-size:x-small;
	line-height:130%;
	color: #300;
}

.white {
	font-size:12px;
	line-height:130%;
	color:#FFF;
}

.orange {
	font-size:12px;
	line-height:130%;
	font-weight: bold;
	color:#F33;
}

.rightorange {
	font-size:small;
	line-height:130%;
	color:#F60;
	font-weight: bold;
}


.orange_l {
	font-size:13pt;
	line-height:130%;
	color:#FF3333;
	font-weight: bold;
}


a:hover {
	text-decoration: none;
	color: #F66;
}
a:active {
	text-decoration: none;
	text-align: center;
}
h1 {
	font-size: xx-small;
	color: #300;
	width: 245px;
}
h2 {
	font-size: 10px;
	color: #300;
}
h3 {
	font-size: 10px;
	color: #300;
}
h4 {
	font-size: 10px;
	color: #300;
}




---------------------------------------------
/* 画像横並び */
.images ul {
    padding:0;
    margin:50;
    font-size:0;
    text-align: justify;
    text-justify: distribute-all-lines;
}

.images:after ul{
    content:url(css_justify.png);
    line-height:0;
    visibility:hidden;
}

.images ul li{
    display:inline;
    margin:0;
    padding:0;
}

div.images {
　　margen-left:10px;
}
-----------------------------------------

div.grid
{
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

div.grid div.section
{
  float:left;
  height: 230px;
  width: 145px;
  padding:10px 17px 0px 0;
  text-align: left;
}


div.grid div.section img
{
  margin: 0;
  padding: 0;
  vertical-align: bottom; 
  border: 1px solid #ffffff;
}
  

div.grid div.active img
{
  border: 1px solid #666666;
}

div.grid div.section div.title
{
  margin: 0; 
  padding: 0; 
  width: 150px;
  height: 4.5em;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

div.grid div.section div.title h2
{
  margin: 0 3px 0 3px;
  font-size: 9px;
  text-align:left;
  font-weight: normal;
  
}

div.grid div.section h2 a:link,
div.grid div.section h2 a:visited,
div.grid div.section h2 a:hover,
div.grid div.section h2 a:active
{ 
 color: #333333;
 text-decoration: none;
}

div.grid div.active h2 a:link,
div.grid div.active h2 a:visited,
div.grid div.active h2 a:hover,
div.grid div.active h2 a:active
{ 
 color: #ffffff;
 text-decoration: none;
}
/* 画像下の隙間を埋める  */
/* active = マウスがhoverした時のクラス  */
/* タイトルを囲うボックス。IEボックスバグ対応 marginとpaddingは指定しない。はみ出る文字はoverflowで隠す */ 
-----------------------------------------