@charset "utf-8";

/*
instantGarden, hara
www.ninefive95.com/ig/
*/

html,body,div,span,ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
p,a,img{
	margin:0;
	padding:0;
	border:0; 
	line-height:1.6em;
	letter-spacing : 0.04em;
	font-size:small;
	font-weight:normal;
	font-style:normal;
}

body {
color: #111;
text-align: center;
padding: 0 5px 0;
border-top: #111 solid 0px;
font: small 'helvetica','arial',"ヒラギノ角ゴ","ＭＳＰゴシック",sans-serif;
}

#index {
background:#fff url(../img/top.jpg) center top no-repeat;
}

#top{
color:#d2d2c6;
margin: 1100px 10px 40px;
padding: 0px 1.5%;
}

#top li{
list-style:none;
}

#top a{
color:#ccccbf;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.4em;
line-height: 2.8em;
padding: 0px;
}

#top a:hover {
color: #f0f0f0;
background:#8FCCCC;
padding: 5px 2px 5px 10px;
}

.index {
margin: 50px 0 0;
padding:0;
}

.common {
margin: 0 0 240px;
padding:0;
}

.bg1 {
background:#fcfcfc url(../img/common_bg.jpg) center top no-repeat;
}

.bg2 {
background:#fcfcfc url(../img/common_bg_2.jpg) center top no-repeat;
}

.bg3 {
background:#fcfcfc url(../img/common_bg_3.jpg) center top no-repeat;
}

/*a*/

a, a:visited {
color: #111;
text-decoration:none;
}

a:hover {
color: #aaa;
background:#111;
}

/* common */

h1 {
text-align:left;
padding: 0;
font-size: 1px;
color:#fff;
}

h2 {
font-size: 50px;
font-weight: bold;
letter-spacing: -0.02em;
margin: -2px 0 -10px;
}

.h2_sub{
color:#111;
font-size:x-small;
letter-spacing : 0.2em;
padding:0;
margin: -15px 0 30px;
}

h3 {
font-size: medium;
font-weight: bold;
line-height:1.2em;
letter-spacing: -0.02em;
margin: -5px 0 20px;
padding: 0;
}

p {
margin: 10px 0;
line-height: 1.6em;
}

ul {
margin:0 0 10px
}

li {
list-style:inside;
line-height: 1.8em;
}
/* layout */

#contents {
width: 900px;
margin: 0 auto;
padding: 0;
text-align: left;
}

#top h1{
display:block;
margin-top:-5000px;
}

#logo {
width:150px;
height:100px;
background:#111;
margin: 0 0 0 20px;
padding: 0;
}

#logo h1 {
padding:5px 0 0;
}


/* menu */

#menu {
padding: 5px 20px 0;
width:300px;
}

#menu li {
display: inherit;
padding: 0;
}

#menu ul {
padding: 0;
}

#menu a:link, #menu a:visited {
font-size:small;
font-weight:bold;
text-decoration: none;
padding: 1px 5px;
margin: 0;
letter-spacing: 0.4em;
line-height: 2.5em;
}

#menu a:hover {
background: #444;
color: #ccc;
}

#menu a.current {
background: #111;
color: #ccc;
}


/* viewer */

#flashcontent {
margin:0;
padding:0;
background:#fff;
width: 870px;
height: 850px;
}

/* footer */

#footer {
clear:both;
margin: 30px 20px;
font-size:small;
}

/* column */
.column-free {
float: left;
margin: 0 10px 40px;
padding: 0px 5% 10px 1.5%;
display: inline;
overflow: hidden;
}
.column-4 {
float: left;
width: 19%;
margin: 0 10px 40px;
padding: 0px 1.5%;
display: inline;
overflow : visible;
}
.column-3 {
float: left;
width: 25%;
margin: 0 10px 40px;
padding: 0 4.6% 0 1.5%;
display: inline;
overflow : visible;
}
.column-2 {
float: left;
width: 44.5%;
margin: 0 10px 40px;
padding: 0px 1.5%;
display: inline;
overflow : visible;
}
.column-1 {
padding: 0 1.5%;
margin: 0 10px 20px;
}

/*line*/

.line {
border-top: 1px solid #222;
margin:0;
padding: 15px 0 5px;
}

.line-left {
border-left: 6px solid #ddd;
margin: 10px 0;
padding: 2px 0 0 8px;
}

.line-bottom {
border-bottom: 1px solid #222;
margin:0 0 15px;
padding: 20px 0 10px;
}

/*tag*/

.large{
font-size: large;
font-weight: bold;
}
.small {
font-size: x-small;
}
.red {
color:#A43907;
}
.new {
color:#A43907;
font-size: x-large;
font-weight: bold;
}
.bold {
font-size: medium;
font-weight: bold;
letter-spacing: -0.02em;
margin: -5px 0 10px;
padding: 0;
}
.noborder {
border: #330000 solid 0px;
}
.border {
border: #330000 solid 1px;
}
.padt20{
padding-top:20px;
}
.padt30{
padding-top:30px;
}
.padt50{
padding-top:50px;
}
.padb30{
padding-bottom:30px;
}
.padr20{
padding-right:20px;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.floatRight{
float:right;
display: inline;
overflow : visible;
}
.floatLeft{
float:left;
display: inline;
overflow : visible;
}
.clear{
clear:both;
}