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

html, body {
    height: 100%;
}

body > #container #column1a {
　height: auto;
}

h1 {
background: #28B8F4;/*背景色*/
padding: 5px;/*文字まわり（上下左右）の余白*/
color: #FFF;
font-size: 20px;
margin-bottom: 10px;
margin-top: 10px;
}

h4 {
color: #0072be;
font-size: 17px;
margin-bottom: 10px;
margin-top: 10px;
}

hr{border: 1px solid #0072be;}

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

#wrapper {
  width: 100%;
  height: 100%;
}
header {
  border-bottom: 2px solid #9fb7d4;
}
#toplogo {
  width: 200px;
  height: 40px;
  margin: 10px auto;
}
#toplogo img {
  width: 100%;
  height: auto;
}
/*----------------------------------------------------------------------*/
#container {
  overflow: hidden;
  margin: 10px auto 20px auto;
  background: #fff;
  width: 100%;
  max-width: 980px;
  height: 100%;
  min-height: 1120px;
}

#container_a {
  overflow: hidden;
  margin: 10px auto 20px auto;
  background: #fff;
  width: 100%;
  max-width: 980px;
  height: 100%;
  min-height: 2200px;
}

#container_b {
  overflow: hidden;
  margin: 10px auto 20px auto;
  background: #fff;
  width: 100%;
  max-width: 980px;
  height: 100%;
  min-height: 1400px;
}

#container_c {
  overflow: hidden;
  margin: 10px auto 20px auto;
  background: #fff;
  width: 100%;
  max-width: 980px;
  height: 100%;
  min-height: 4600px;
}

#container_d {
  overflow: hidden;
  margin: 10px auto 20px auto;
  background: #fff;
  width: 100%;
  max-width: 980px;
  height: 100%;
  min-height: 500px;
}

#container_e {
  overflow: hidden;
  margin: 10px auto 20px auto;
  background: #fff;
  width: 100%;
  max-width: 980px;
  height: 100%;
  min-height: 3000px;
}
#container #column1 {/*カラム1*/
  background: #FFF;
  padding: 10px 0 0px 0;
  float: right;
  width: 100%;
  height: 100%;
  max-width: 745px;
}

#container_a  #column1 {/*カラム1*/
  background: #FFF;
  padding: 10px 0 0px 0;
  float: right;
  width: 100%;
  height: 100%;
  max-width: 745px;
}


#container_b  #column1 {/*カラム1*/
  background: #FFF;
  padding: 10px 0 0px 0;
  float: right;
  width: 100%;
  height: 100%;
  max-width: 745px;
}

#container_c  #column1 {/*カラム1*/
  background: #FFF;
  padding: 10px 0 0px 0;
  float: right;
  width: 100%;
  height: 100%;
  max-width: 745px;
}

#container_d  #column1 {/*カラム1*/
  background: #FFF;
  padding: 10px 0 0px 0;
  float: right;
  width: 100%;
  height: 100%;
  max-width: 745px;
}

#container_e  #column1 {/*カラム1*/
  background: #FFF;
  padding: 10px 0 0px 0;
  float: right;
  width: 100%;
  height: 100%;
  max-width: 745px;
}

#container #container_a #container_b #container_c #container_d #container_e #column2 {/*カラム2*/
  background: #FFF;
  padding: 10px;
  float: left;
  width: 100%;
  height: 80%;
  max-width: 200px;
  position: absolute;
}
  #container p,
  #container #column1 p,
  #container #column2 p,
  #container_a #column1 p,
  #container_a #column2 p,
  #container_b #column1 p,
  #container_b #column2 p,
  #container_c #column1 p,
  #container_c #column2 p,
  #container_d #column1 p,
  #container_d #column2 p,
  #container_e #column1 p,
  #container_e #column2 p  {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  #container p .txt-pc {
    display: none;
  }

/**attent**/
.attent{
	display:block;
	clear:both;
	padding:10px;
	margin-top:5px;
	background-color:#FFFFFF;
}
ol{
	list-style-position:inside;
	text-indent:-15px;
	padding-left:25px;

}

.attent_title{
	display:block;
	height:65px;
}
.attent_title img{
	display:block;
	float:left;
}
.attent_title h4{
	display:block;
	font-size:19px;
	font-weight:bold;
	color:#F00;
	height:18px;
	line-height:18px;
}
.attent_title h4.l1{
	padding-top:10px;
}


.attent_title p{
	line-height:24px;
	font-weight:bold;
}

/*----------------------------------------------------------------------*/
footer {
  border-top: 2px solid #9fb7d4;
}
#copyright {
  padding: 10px 0;
  text-align: center;
  font-size: 14px;
}


PC向けレイアウト

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