@charset "utf-8";

/*** マリアナ CSS Document ***************************************

	ver.2009/1/13

	common.css

----------------------------------------------------------------***/

/**  common.css Menu *********************************************

	1.Base HTML
	2.Base Font
	3.Base Link
	4.float clear
	5.Layout
	6.Header
	7.footer
	8.parts
	9.付箋ナビゲーション

*******************************************************************


/*-----------------------------------------------------------------

	1.Base HTML

-------------------------------------------------------------------*/

*{
	margin: 0;
	padding: 0;
}

body{
	text-align: center;
	background-color: #DAE6F2;
}

ul,ol{
	list-style-type: none;
}

a,
fieldset,
img { border: 0; }

/*----------- img element*/

img { vertical-align: middle; }

img {
	margin-bottom: 0;
	font-size: 0;
	line-height: 0;
}



/*-----------------------------------------------------------------

	2.Base Font

-------------------------------------------------------------------*/

body{
	color: #000000;
	font-size: 10px;
}

address{
	font-style: normal;
}

/*\*/
* html body {
	font-size: xx-small;
}

*:first-child + html body {
	font-size: x-small;
}
/**/

h1{ line-height: 0;}

h2,
h3,
h4,
h5,
h6 { line-height: 1.5; }

p,
li,
dt,
dd,
th,
td,
pre,
caption {
	line-height: 1.5;
	font-size: 120%;
}

/* \*/
* html p,
* html li,
* html dt,
* html dd,
* html th,
* html td,
* html pre,
* html caption {
	line-height: 1.5;
	font-size: 120%;
}

/**/

p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea { font-size: 100%; }

p input,
p select,
p textarea,
li p,
li li,
li dt,
li dd,
li input,
li select,
li textarea,
dd p,
dd li,
dd dt,
dd dd,
dd input,
dd select,
dd textarea,
th p,
th li,
th dt,
th dd,
th input,
th select,
th textarea,
td p,
td li,
td dt,
td dd,
td input,
td select,
td textarea { font-size: 100%; }


/*-----------------------------------------------------------------

	3.Base Link

-------------------------------------------------------------------*/

a {
	text-decoration: underline;
}
a:link {
	color: 
}
a:visited {
	color: ;
}
a:hover {
	color: ;
	text-decoration: none;
}
a:active {
	color: ;
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}


/*-----------------------------------------------------------------

	4.float clear

-------------------------------------------------------------------*/

br.clr /* テスト用 */ {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/

hr.hr-cler{
	clear: both;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}


/*-----------------------------------------------------------------

	5.Layout

-------------------------------------------------------------------*/

div#wall{
	width: 980px;
	margin: 0px auto;
	text-align: center;
	background: url(../images/bg_wall.gif) repeat-y;
}


div#wrap{
	width: 890px;
	margin: 0px auto;
	text-align: left;
}


/*-----------------------------------------------------------------

	6.Header

-------------------------------------------------------------------*/

div#header{
	width: 960px;
	min-height:143px;
	padding-top: 133px;
	margin: 0px auto;
	background: url(../images/header_img.jpg) no-repeat;
	text-align: left;
}

/* For IE6 \*/

* html div#header{
	height:276px;
}


/**/

div#header h1{
	width: 656px;
	height: 37px;
	margin-left: 291px;
	line-height: 0;
	font-size: 0;
}

div#header h1 a{
	display: block;
	width: 656px;
	height: 37px;
	text-align: -9999px;
	overflow: hidden;
}

div#header p.head-lead{
	padding: 33px 0px 0px 296px;
}


/*-----------------------------------------------------------------

	7.Footer

-------------------------------------------------------------------*/

div#footer{
	clear:both;
	width: 900px;
	margin: 0px auto;
	text-align: center;
}

div#footer address{
	line-height: 0;
	font-size: 0;
}


/*-----------------------------------------------------------------

	8.parts

-------------------------------------------------------------------*/

/*-----------------------------------------------------見出し*/

div#wrap h2,
div#wrap h3,
div#wrap h4{
	line-height: 0;
	font-size: 0;
}

/*--------------------------------------------------column*/

div.locater{
	clear: both;
}



/*clearfix**/

div#wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#wrap { display:inline-block; }
/*\*/
* html div#wrap { height:1%; }
div#wrap { display:block; }
/**/

div.locater:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.locater { display:inline-block; }
/*\*/
* html div.locater { height:1%; }
div.locater { display:block; }
/**/