/* BASIC */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */

body {
  color: #333;
}
a {
  color: #E14A5C;
  text-decoration: none;
}
a:hover {text-decoration: underline;}

th {vertical-align:middle;}

h1 {
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  margin: 3px 0 3px 0;
	color:#E85C5B;
	line-height:1.3;
}

.header {
  background-image: url(../image/basic/header.gif);
  background-repeat: no-repeat;
  height: 88px;
  width: 950px;
  position: relative;
}
.header a.top {
  position: absolute;
  width: 282px;
  height: 74px;
  left: 6px;
  top: 5px;
}

.header a.home {
	position: absolute;
	width: 55px;
	height: 43px;
	left: 451px;
	top: 41px;
}

.header a.sitemap {
  position: absolute;
  width: 79px;
  height: 33px;
  left: 557px;
  top: 47px;
}
.header a.inquiry {
  position: absolute;
  width: 66px;
  height: 32px;
  left: 685px;
  top: 48px;
}
.head_under {
  background-image: url(../image/basic/head_under.gif);
  background-repeat: repeat-x;
  height: 30px;
  width: 100%;
}

/** Navi Menu **/
#navi_menu li {
  float: left;
}
#globalNavi	{
  height: 41px;
  text-align: center;
}
#nav {
  width: 950px;
  position: relative;
  line-height:1;
	margin: 0 0 20px 0;
}
#nav li {
  float: left;
  position: relative;
}
#nav ul { display: none; position: absolute; top: 41px; left: 0; }
* html #nav ul { line-height: 0; }
#nav ul li { float: none; }

#nav ul { width: 152px; }
#nav ul ul { top: 0; left: 148px; }
#nav ul a {
  display: block;
  width: 142px;
	height: 17px;
  background:#F0AAB3;
  padding: 3px;
  color: #D6253C;
	opacity: 0.9;
	filter: alpha(opacity=70);
	zoom: 1;
  line-height: 20px;
  border: 1px solid #FFF;
  text-align: left;
	font-size: 12px;
}
#nav ul a:hover {
  background-color:#E04A5B;
  opacity: 0.9;
  color: #FFF;
	text-decoration: none;
}

/** コンテンツ **/
.main_image_area {margin-top: 10px;}

img.main_image {margin-bottom: 20px;}
img.title {
  margin-bottom: 20px;
}
img.sub_title {
  margin-bottom: 5px;
}
.main_bana img {
  margin-bottom: 20px;
}
.post_closeup h3,
.post_howto h3 {
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
  margin: 5px 0 10px 0;
}
.post_new .entry {
  background-image: url(../image/basic/line_470.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 10px;
  padding-top: 5px;
}
.post_new .entry p.date {
  color: #E56573;
  font-size: 12px;
  float: left;
  width: 80px;
  padding-top: 2px;
  margin-left: 5px;
}
.post_new .entry h4 {
  float: left;
  font-size: 12px;
  font-weight: normal;
  width: 370px;
  line-height: 1.2;
}

.post_new .entry h5 {
  float: left;
  font-size: 16px;
  font-weight: normal;
  width: 600px;
  line-height: 1.2;
}

.post_new .list_entry {
  background-image: url(../image/basic/line_870.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  padding-bottom: 10px;
  padding-top: 5px;
}

.post_new .list_entry p.date {
  color: #E56573;
  font-size: 12px;
  float: left;
  width: 80px;
  padding-top: 2px;
  margin-left: 5px;
}

.post_new .list {
  text-align: right;
  margin-top: 5px;
}

.post_info .zexy {
  background-image: url(../image/basic/info_bana.jpg);
  background-repeat: no-repeat;
  width: 350px;
  height: 70px;
  font-size: 12px;
  padding: 30px 0 0 120px;
}

.post_pickup .box {
  margin: 0 0 10px 0;
}
.post_pickup .box img {
  border: 1px solid #999;
  padding: 4px;
}
.post_pickup .box p {
  font-size: 12px;
  margin-top: 10px;
}
.post_pickup img.icon {
  height: 15px;
  border: 0;
  margin-bottom: -5px;
}
.post_pickup p.detail_btn {
  margin-top: 0px;
}
.footer {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.foot_upper {
  background-image: url(../image/basic/foot_upper.gif);
  background-repeat: repeat-x;
  height: 30px;
  width: 100%;
}
.foot_link {
  text-align: center;
  padding-top: 5px;
  padding-bottom: 15px;
}
.foot_link a {font-size: 10px;}

.grid_24.main_image_area h2 {
	width: 900px;
	font-weight: normal;
	line-height:1.2;
	margin: 0 0 3px 10px;
	font-size: 13px;
	text-align:center;
}

.top_comment {
	background-image: url(../image/basic/top_waku.gif);
  background-repeat: no-repeat;
  height: 200px;
  width: 920px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  line-height: 1.2;
}

