@charset "utf-8";

/************************************************

	2014.02.17 IMS yobou tsushin

************************************************/

/*-----------------------
Base Css
-----------------------*/

body {
	background-color: #fff;
	margin:0;
	padding:0;
	font-size: 14px;
}
body, div, pre, p, blockquote, form, fieldset, input, textarea, select, option, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, table, th, td, embed, object, {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	line-height: 26px;
}
img {
	margin:0;
	padding:0;
	border:none;
	vertical-align: top;
	vertical-align: bottom;
}
a, a:visited, a:active {
	margin:0;
	padding:0;
	border:none;
	text-decoration:none;
	color:#333;
}
a:hover {
	color:#94746b;
	text-decoration:none;
}

/*-----------------------
Wrapper Css
-----------------------*/

#main,
#header,
#fotter {
    width: 100%;
}
#main .main_contents,
#fotter .fotter_contents {
    width: 1000px;
    margin: 0 auto;
}

/*header*/

#header {
    margin: 0 auto;
}
#header .log_box {
    width:1000px;
    margin: 6px auto 0;
}
#header .log_box h1 {
    background: url(../img/logo.gif) no-repeat left top;
    font-size: 0;
    height: 40px;
}
#header .header_contents .top_img_box {
    width: 100%;
    margin: 10px auto;
    text-align: center;
    background: #cbeafd;
}
#header .header_contents .top_img_box img {
    width: 1100px;
}
/*main*/
#main .main_contents {
    margin: 30px auto 0;
}
#main .main_contents h3 {
    width: 100%;
    background-color: #f4ab7c;
    color: #fff;
    padding: .5em .75em;
    border-radius: 6px;
    font-size: 20px;
    font-weight: 100;
    padding: 7px 25px;
}
#main .main_contents h4 {
  position: relative;
  padding: 0 2.3em .6em;
    color: #FF7047;
    font-size: 15px;
}
#main .main_contents h4::before,
#main .main_contents h4::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}
#main .main_contents h4::before {
  z-index: 2;
  width: 15%;
  background-color: #FF7047;
}
#main .main_contents h4::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #FF7047 2px, #FF7047 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #FF7047 2px, #FF7047 4px);
}
#main .main_contents .yumeplan_box h2 {
    background: url(../img/ph_dream_02.png) no-repeat left top;
    background-position: 50% 50%;
    width: 100%;
    height: 27px;
    font-size: 0;
}
#main .main_contents .yumeplan_box h2 p{
    z-index: -999;
}

#main .main_contents .yumeplan_box .pic_box,
#main .main_contents .yumeplan_box .text_box {
    text-align: center;
}
#main .main_contents .yumeplan_box .text_box {
    margin: 30px auto;
    color:#565656;
}
#main .main_contents .yumeplan_box .pic_box {
    background-color: #fef4e5;
    border-radius: 10px;
    width: 800px;
    margin: 0 auto;
}
#main .main_contents .iframe_box {
    text-align: center;
    margin: 30px auto 0;
}
#main .main_contents .northeast_box {
    margin: 0 auto;
    width: 1000px;
    text-align:center;
	padding:0 30px 20px 30px;
    display: flex;
    flex-wrap: wrap;
}
#main .main_contents .northeast_box .northeast_parts {
    margin-top: 10px;
    margin-left: 10px;
    width: 178px;
	border: 1px solid #999;
    background-color: #fff;
    font-size: 12px;
}
#main .main_contents .northeast_box .northeast_parts:first-child {
    margin-left: 0;
}
#main .main_contents .northeast_box .northeast_parts:nth-child(6) {
    margin-left: 0;
}
/*fotter*/

#fotter {
    width: 100%;
    margin: 10px auto 0;
    background-color: #eae3d0; 
}
#fotter .footer_contents {
    text-align: center;
}