﻿/* basic elements */

html {
    margin: 0;
    /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
}

body {
    margin: 0;
    /* setting border: 0 hoses ie5 win window inner well border */
    padding: 0;
}

form { margin: 0; padding: 0; 
text-align: left;
}



/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */


/* page layout */

body { text-align: left; font-family:"ＭＳ Ｐゴシック",sans-serif;} /* center on ie */

#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 905px;
    text-align: left;
}
#container-inner { position: static; width: auto; }

#banner { position: relative; }
#banner-under { position: relative; }


#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }

#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: right;
    min-height: 1px;
}

#beta { float: left; }
#beta2 { float: left; }
#beta3 { float: left; }

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}





/* content */

ul {
padding-top: 5px;
padding-left: 352px;
margin: 0px 0px 0px 0px;
font-size: 10px;
line-height: 100%;
list-style-type: none;
}


li {
margin: 0px 1px 0px 0px;
padding: 0px;
float: left;
}

.list {
padding-left: 16px;
margin: 0px 0px 0px 0px;
padding: 14px;
font-size: 11px;
list-style-type: disc;
float: none;
}


ul#header  {
padding-top: 10px;
padding-left: 585px;
margin: 0px 0px 0px 0px;
font-size: 10px;
line-height: 100%;
list-style-type: none;
}

li#header  {
margin: 0px 25px 0px 0px;
padding: 0px;
float: left;
}





td {
  font-size: 12px;
  color: #000000;
  text-align: left;
  }

td#right {
  font-size: 12px;
  color: #000000;
  text-align: right;
  }

td#center {
  font-size: 12px;
  color: #000000;
  text-align: center;
  }

td#iro {
  font-size: 12px;
  color: #000000;
  margin: 0px 0px 0px 0px;
  Line-height:18px; 
  background: #FAB3D8;
text-align: left;
padding: 7px;
  }

td#iro2 {
  font-size: 12px;
  color: #000000;
  margin: 0px 0px 0px 0px;
  Line-height:18px; 
  background: #FDE6F2;
text-align: left;
padding: 7px;
  }

/* modules */


.module {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.module-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.module2 {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.news {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.module-content {
    position: relative;
    overflow: hidden;
}

.module-content2 {
    position: relative;
    overflow: hidden;
}






/* basic page elements */


a { color: #000000; text-decoration: none; Line-height:15px; font-size:12px; margin: 0px 0px 0px 0px;}
a:hover { color: #3333ff; Line-height:15px; font-size:12px; text-decoration: none; margin: 0px 0px 0px 0px;}

a.blue { color: #3333aa; text-decoration: none; Line-height:15px; font-size:12px; margin: 0px 0px 0px 0px;}
a:hover.blue { color: #3333aa; Line-height:15px; font-size:12px; text-decoration: underline; margin: 0px 0px 0px 0px;}

.topic-center a { color: #3333ff; text-decoration: none; Line-height:1.8; font-size:12px;}
.topic-center a:hover { color: #0000ff; text-decoration: underline; Line-height:1.8; font-size:12px;}


/* page layout */

body {
    min-width: 900px;
	color: #000000; text-decoration: none; Line-height:20px; font-size:12px;
    background: #FDC1D9;
}


#container {
    width: 900px;
    margin-bottom: 0px;
    background: #fff;
}

#container-inner {
    border-width: 0 0px 10px 0px;
    border-style: solid;
    border-color: #fff;
}

#banner {
    width: 905px; /* necessary for ie win */
    padding: 5px 0px 0px 0px;
    height: 38px;
 background:url("../images/header.gif") no-repeat 0px 0px; 
}

#banner2 {
    width: 905px; /* necessary for ie win */
    padding: 5px 0px 0px 0px;
    height: 38px;
 background:url("../images/footer.gif") no-repeat 0px 0px; 
}

#banner-under {
    width: 900px; /* necessary for ie win */
	background: #B9DEE2;
    padding: 0px 0px 0px 0px;
    height: 24px;
    margin-bottom: 8px;
}




#alpha { margin: 0px 0px 0 0px; width: 250px; }
#beta { margin: 0px 0px 0 0px; width: 227px; height: 1100px; background:url("../images/b_haikei.gif") repeat 0px 0px; }
#beta2 { margin: 0px 0px 0 0px; width: 227px; height: 1350px; background:url("../images/b_haikei.gif") repeat 0px 0px; }
#beta3 { margin: 0px 0px 0 0px; width: 227px; height: 1870px; background:url("../images/b_haikei.gif") repeat 0px 0px; }
#gamma { margin: 0px 0px 0 0px; width: 390px; }
#delta { width: 635px; background: #fff; }

#beta-inner,
#gamma-inner,
#delta-inner {
    padding: 0px 0px 0 0px;
    border-width: 0px 0px 0px 0;
    border-style: solid;
    border-color: #fff;
}






/* modules */

.big {
    margin: 0 0 10px 0;
	color: #000000; text-decoration: none; Line-height:18px; font-size:13px;
}

.akamoji {
    margin: 0 0 0px 0;
	color: #ff0000; text-decoration: none; Line-height:18px; font-size:10px;
}

.komoji {
    margin: 0 0 0px 0;
	color: #000000; text-decoration: none; Line-height:18px; font-size:10px;
}

.gyoukan {
    margin: 3px 0 3px 0;
	color: #000000; text-decoration: none; Line-height:16px; font-size:12px;
}

.gyoukan2 {
    margin: 3px 0px 10px 0;
	color: #000000; text-decoration: none; Line-height:16px; font-size:12px;
}

.module {
    margin: 0 0 40px 0;
}

.module-banner {
  margin: 0px 0 30px 8px;
}

.module2 {
    margin: 28px 0 28px 0;
}

.bukken {
    margin: 7px 0 12px 0;
    text-align: left;
}

.news {
    margin: 0px 0 12px 0;
    text-align: left;
}

.topic1 {
    margin: 27px 0 12px 5px;
    text-align: left;
}

.topic-content {
	width: 380px; 
    margin: 20px 0 20px 5px;
    text-align: left;
    font-size: 12px;
    line-height: 1.8;
	color: #000000; 
}

.topic-content2 {
	width: 310px; 
    margin: 20px 0 20px 5px;
    text-align: left;
    font-size: 12px;
    line-height: 1.8;
	color: #000000; 
}

.topic-right {
	width: 380px; 
    margin: 20px 0 20px 0;
    text-align: right;
    font-size: 12px;
    line-height: 1.8;
	color: #000000; 
}

.topic-center {
	width: 380px; 
    margin: 20px 0 20px 0;
    text-align: center;
    font-size: 12px;
    line-height: 1.8;
	color: #000000; 
}


