@charset "utf-8";
/* CSS Document */

/* clearfix --- start --- */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* clearfix_b --- end --- */


/* -----------------------------------------
base
----------------------------------------- */
* {
	padding:0;
	border:0;
	margin:0;
}

dt, dd, li, h1, h2, h3, h4, h5, h6, pre, code, form, legend, input, button, textarea, p, blockquote, th, td {
    font-family: helvetica,"Hiragino Kaku Gothic ProN","メイリオ","ＭＳ Ｐゴシック",sans-serif;
    font-size: 13px;
    line-height: 162%;
	letter-spacing: 0.05em;
}
html {
    overflow-y:scroll;
    }

html,body{
　height: 100% ;
}
* html body {
        background: url(null) fixed #F7F5F3;
}
/* IE6用固定 */
* html #header {
        position:absolute;
        top: expression(eval(document.documentElement.scrollTop));
}

body {
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	_height: 1%;
}
#wrapper {
	height: 100% ;
	min-height: 100%;
	text-align: justify;
}

body > #wrapper {
　height: auto;
}


h1 {
    font-size: 9px;
	padding: 15px 0 0 85px;
	font-weight: normal;
}

h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
a {
	outline:none;
	text-decoration: none;
	color: #000000;
}
a:hover {
	color: #DBE000;
}

img {
    border: 0 none;
    vertical-align: bottom;
}
li {
    list-style: none outside none;
}
/* -----------------------------------------
all
----------------------------------------- */
#wrapper {
	width: 900px;
	margin: 0 auto;
	background-color: #FFFFFF;
	}
#header,
#top {
	padding: 0 38px;
	width: 824px;
	}
#content,
#footer {
	margin: 0 auto;
	width: 742px;
	}
#top {
min-height:300px;
height:auto !important;
height:300px;
	padding-top: 100px;
}

	

#about,
#question,
#information {
min-height:300px;
height:auto !important;
height:300px;
	padding-top: 120px;
	margin-top: -60px;
}



/* -----------------------------------------
header
----------------------------------------- */
#header {
	position: fixed;
	top: 0px;
	z-index: 100;
	background-color: #FFFFFF;
	height: 100px;
	}
#h-logo {
	width: 68px;
	float: left;
}
.head_nav {
	width: 756px;
	float: right;
	text-align: right;
	margin-top: -25px;
}


.head_nav ul {
  margin:0;
  padding:0;
  list-style:none;
}
.head_nav li {
  display: inline-block;
  *display: inline;  
  *zoom: 1;
}
/* -----------------------------------------
top
----------------------------------------- */
/*
.top_box {
	padding-top: 50px;
	}
*/
/* -----------------------------------------
about
----------------------------------------- */
#about h2 {
	clear: both;
	padding-bottom: 15px;
	text-align: center;
	}
#about h3 {
	clear: both;
	padding: 0px 0 30px;
	}

.about-box {
	padding-bottom: 40px;
	position: relative;
	width: 742px;
}
.producer-box {
	background-image: url(../images/producer-img.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
.voice {
	width: 400px;
	padding: 20px 25px;
	background-image: url(../images/hidekihara-voice.gif);
	background-repeat: no-repeat;
}

.profile {
	width: 400px;
	padding: 25px;
}

.hh-mango img {
	float: left;
}
.mango-img {
	margin-right: 47px;
}
.mango-img2 {
	margin-bottom: 15px;
}
/*
.mango-tabekata {
	background-image: url(../images/mesiagarikata.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 161px;
	padding-bottom: 0;
}
*/

.mango-tabekata dl {
	margin-left: 140px;
	position: absolute;
	top: 0;
}
.mango-tabekata dt {
	width: 1.5em;
	float: left;
	clear: both;
}
.mango-tabekata dd {
	margin-left: 1.5em;
}

.kodawari-img {
	float: left;
	margin-right: 20px;
}
#kodawari-tuti,
#kodawari-mizu {
	padding-bottom: 20px;
}

/* -----------------------------------------
question
----------------------------------------- */
#question h2 {
	clear: both;
	padding-bottom: 15px;
	text-align: center;
	}
#question h3 {
	clear: both;
	padding: 50px 0 25px;
	}
/* -----------------------------------------
information
----------------------------------------- */
#information h2 {
	clear: both;
	padding-bottom: 15px;
	text-align: center;
	}
#information {
	background-image: url(../images/map.gif);
	background-repeat: no-repeat;
	background-position: right 100px;
}
.f-logo {
	float: left;
	width: 80px;
	padding-top: 30px;
}
.info_box {
	margin-left: 100px;
	padding-top: 30px;
}
.ad {
	line-height: 38px;
}
.ad img {
	margin-left: 1em;
}

/* -----------------------------------------
policy
----------------------------------------- */

#policy {
min-height:300px;
height:auto !important;
height:300px;
	padding-top: 150px;
	margin-bottom: 20px;
}


#policy h2 {
	font-weight: bold;
	margin-bottom: 20px;
	}

#policy h3 {
	border-bottom: solid 2px #DAE000;
	padding-top: 30px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 95%;
	}

/* -----------------------------------------
footer
----------------------------------------- */
#footer {
	}
#footer .copyright {
    font-size: 9px;
	clear: both;
	margin: 0 0 0 100px;
	padding: 1.7em 0;
	}
/* =========================================
modify
========================================= */
.m-b30 {
	margin-bottom: 30px;
	}
	
/* =========================================
font
========================================= */
.font_w {
	font-weight: bold;
	}
.font_s9 {
	font-size: 9px;
}