/* ----------------------------------------------------------------------
	ヘッダー
---------------------------------------------------------------------- */
#head{
  width: 100%;
  height:40px;
  text-align:center;
  background-color: #DEDEDE;
}

#head .box{
  width:534px;
  height:40px;
  margin:0 auto;
  
}

#head .box .logo{
  float:left;
  margin-top:8px;
}



/* ----------------------------------------------------------------------
	メイン部分
---------------------------------------------------------------------- */

#countainer{
  width: 100%;
  text-align:center;
  background:#FFF;

}

#wrap{
  width:534px;
  height:500px;
  margin:0 auto;
  padding-top:10px;
}

#wrap h2{
  text-align:left;
  font-size:13px;
  padding:5px 0px 5px 8px;
  border-left:5px #8A644A solid;
  margin-bottom:7px;
}

#wrap .box{
  float:left;
  text-align:left;
  width:534px;
}

#wrap .box p{
  font-size:10px;
  margin-bottom:5px;
}

#wrap .box .button{
  float:left;
  text-align:center;
  width:534px;
  margin-top:10px;
}


#wrap .box .ph{
  float:left;
  width:240px;

}

#wrap .box .ph .main{
  margin-bottom:10px;

}

#wrap .box .ph h2{
  text-align:left;
  font-size:13px;
  padding:5px 0px 5px 8px;
  border-left:5px #8A644A solid;
  margin-bottom:7px;
}

#wrap .box .ph .bnr{
  margin-bottom:5px;

}

#wrap .box .ph ul {
width:240px;
text-align:center;
margin:0;
padding: 0;
margin-bottom:3px;
}

#wrap .box .ph ul li {
   float:left;
    margin:0;
	padding: 0;
	list-style-type: none;
	margin-right:6px;

}

body:first-of-type #wrap .box .ph ul li    {   
   float:left;
    margin:0;
	padding: 0;
	list-style-type: none;
	margin-right:6px; 
	margin-bottom:6px;
}  

#wrap .box .ph ul li#end {
   float:left;
   width:76px;
   height:57px;
    margin:0;
	padding: 0;
	list-style-type: none;

}

#wrap .box .dtl{
  float:right;
  width:280px;

}

#wrap .box .dtl h1{
  text-align:left;
  font-size:13px;
  padding:7px 0px 7px 10px;
  border-left:5px #8A644A solid;
  margin-bottom:7px;
}

#wrap .box .dtl h2{
  text-align:left;
  font-size:13px;
  padding:5px 0px 5px 8px;
  border-left:5px #8A644A solid;
  margin-bottom:7px;
}

#wrap .box .dtl .sentence{
  color:#8A644A;
  font-size:11px;
  padding:5px 0px 5px 10px;
  background:#E6E6E6;
  margin-bottom:5px;
}


#wrap .box .dtl p{
  font-size:11.5px;
  margin-bottom:5px;
}



#wrap .logo{
  width:534px;
  height:110px;
}

#wrap .title{
  margin-bottom:10px;
}


/* ----------------------------------------------------------------------
	テーブル
---------------------------------------------------------------------- */
#wraper{
  width:534px;
  margin:0 auto;
  padding-top:10px;
  padding-bottom:15px;
}

#wraper h2{
  text-align:left;
  font-size:13px;
  padding:5px 0px 5px 8px;
  border-left:5px #8A644A solid;
  margin-bottom:7px;
}


/* ----------------------------------------------------------------------
	フッター
---------------------------------------------------------------------- */
#footer{
  width: 100%;
  height:45px;
  text-align:center;
  background-color: #FFFFFF;
}


#footer .box{
  width:534px;
  height:45px;
  margin:0 auto;
  
}

#footer .box .ctt{
  float:left;
  width:371px;
  height:45px;
  background: url(../images/foot_bg.gif) top left no-repeat    ;
}

#footer .box .ctt .button{
  float:left;
  margin:30px 0 0 14px;
}

#footer .box .ctt .copy{
  float:right;
  margin:30px 14px 0 0;
}


#footer .box .bnr{
  float:right;
  width:126px;
  height:45px;
}

/* ----------------------------------------------------------------------
	ナビ
---------------------------------------------------------------------- */
#nav{
  width: 100%;
  text-align:center;
  margin:10px 0px 10px 0px;
}


#nav .box{
  width:534px;
  margin:0 auto;
  color:#EAEAEA;
  line-height:1.8;
  font-size:10px;
  
}

/* ----------------------------------------------------------------------
	テーブル
---------------------------------------------------------------------- */

table#table-01 {
    width: 534px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}


table#table-01 th {
    width:150px;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background-color: #F5F5F5;
    text-align: left;
	vertical-align:top;
}

table#table-01 td .t2 {
    width:344px;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    vertical-align:top;
    text-align: left;
}

table#table-01 td .t3 {
    width:40px;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:top;
}

table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:top;
}



table.table-01 {
    width: 534px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}


table.table-01 th {
    width:150px;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background-color: #F5F5F5;
    text-align: left;
	vertical-align:top;
}

table.table-01 td .t2 {
    width:344px;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    vertical-align:top;
    text-align: left;
}


table.table-01 td .t3 {
    width:40px;
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:top;
}

table.table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
	vertical-align:top;
}

/* ----------------------------------------------------------------------
	フォーム
---------------------------------------------------------------------- */

#f1{
width:200px;
color:#000;
}

#f2{
width:350px;
height:150px;
color:#000;
}