@charset "utf-8";
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table.table,caption,tbody,tfoot,thead,tr,th,td{
  border:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  outline:0;
  padding:0;
  vertical-align:baseline
;
}
:focus{
  outline:0
;
}
ol,ul{
  list-style:none
;
}
table.table{
  border-collapse:separate;
  border-spacing:0
;
}
caption,th,td{
  font-weight:400;
  text-align:left
;
}
a.br_word{
  word-wrap:break-word;
}
blockquote:before,blockquote:after,q:before,q:after{
  content:""
;
}
blockquote,q{
  quotes:"" ""
;
}
a img{
  border:0
;
}
figure{
  margin:0
;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
  display:block
;
}
/* -------------------------------------------------------------- */
body{
  color:#333;
  font-size:16px;
  font-family:verdana,"メイリオ","Meiryo","Hiragino Maru Gothic ProN","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  background:#fff;
  -webkit-text-size-adjust:none
;
}
.clearfix{
  zoom:1;
  /*for IE 5.5-7*/
	min-height:1%
;
}
.clearfix:after{
  /*for modern browser*/
	content:"";
  display:block;
  height:0;
  clear:both;
  visibility:hidden
;
}
* html .clearfix{
  display:inline-table;
  /*\*/
	display:block
/**/
;
}
header{
  border-bottom : 3px solid red;
}
h1{
  margin-left:10px;
}
h2 img{
  margin-left:auto;
  margin-right:auto;
  display:block;
}
h3{
  background-color : red;
  padding:8px 10px;
  color : #ffffff;
}
.part11{
  background:#EEEEEE;
  padding:10px;
}
footer.part12{
  background:#4C4C4C;
  color:#FFF;
}
@media only screen and (min-width: 481px) {
  #header .inner{
  width:800px;
  margin:10px auto;
}
#wrapper{
  width:800px;
  margin:0 auto;
}
h2{
  font-size : 38px;
  font-weight:bold;
  color : red;
}
h2 img{
  margin-left:auto;
  margin-right:auto;
}
.main_area01{
  position:relative;
  height:540px;
  width:800px;
  overflow:hidden
;
}
.part04{
  text-align:left;
  position:relative;
  top:60px;
  left:0;
  width:320px;
  margin-left:10px;
}
.part05{
  position:relative;
  width:433px;
  left:360px;
  top:-100px;
  margin-right:10px;
}
.part06{
  position:relative;
  bottom:360px;
}
p.catch{
  width:320px;
  background-color:#EEEEEE;
  color:#333;
  text-align:center;
  font-weight:bold;
  padding:3px 0;
  margin-left:10px;
}
.part07{
  position:relative;
  bottom:350px;
  width:320px;
  margin-left:10px;
}
dl.list{
  margin:0 auto;
  width:240px;
}
dl.list dt{
  float:left;
  width:5em;
}
dl.list dd{
  margin-left:0;
  padding-left:5em;
}
.part08{
  position:relative;
  bottom:320px;
  width:320px;
  margin-left:10px;
}
.part08 div{
  float:left;
  width:160px;
}
.part09{
  position:relative;
  bottom:300px;
  width:320px;
  margin-left:10px;
}
.main_area02{
  position:relative;
  height:540px;
  width:800px;
  overflow:hidden;
}
h3{
  position:relative;
  top:10px;
  font-size:24px;
}
.part10{
  margin:40px 10px 30px;
  box-sizing:border-box;
}
.part10_1{
  margin-top:20px;
  box-sizing:border-box;
}
.p10_block{
  float:left;
  width:50%;
  box-sizing:border-box;
}
.p10_block_1{
  float:left;
  width:20%;
  box-sizing:border-box;
}
.p10_block_2{
  float:left;
  width:80%;
  box-sizing:border-box;
  padding-right:20px;
}
.part11{
  display:table;
  width:100%;
}
.part11_block_1{
  display:table-cell;
  font-size:22px;
  padding-left:10px;
  vertical-align:middle;
  width:50%;
}
.part11_block{
  display:table-cell;
  vertical-align:middle;
  padding:20px 0;
  width:25%;
}
footer.part12{
  width:100%;
  font-size:14px;
}
.part12_block{
  display:table;
  width:800px;
  margin:0 auto;
  padding-top:20px;
}
.part12_block div{
  display:table-cell;
  text-align:center;
}
.part12_block ul{
  display:table-cell;
  margin:0 auto;
}
.part12_block ul li{
  display:inline-block;
  paddig:15px;
  border-right:solid 1px #FFFFFF;
}
.part12_block ul li:last-child{
  border:none;
}
.part12_block ul li a{
  color:#FFF;
  text-decoration:none;
  padding:0 8px;
}
address{
  color:#FFF;
  text-align:center;
  padding:20px;
}
}
@media only screen and (max-width: 480px) {
  h2{
  font-size:30px;
  font-weight:bold;
  color:#AD0000;
  text-align:center;
  margin-top:10px;
}
h3{
  font-size:18px;
}
.part05{
  box-sizing:border-box;
  padding:10px 20px;
}
.part05 img{
  width:100%;
}
p.catch{
  /*width:90%;
  */
	background-color:#EEEEEE;
  color:#333;
  text-align:center;
  font-weight:bold;
  padding:3px 0;
  margin:0 10px;
}
dl.list{
  margin:0 auto;
  width:250px;
  box-sizing:border-box;
  padding:10px;
}
dl.list dt{
  float:left;
  width:80px;
}
dl.list dd{
  margin-left:85px;
  /*padding-left:1em;
  */
   width:170px;
}
.part08{
  width:95%;
  margin:0 auto;
  box-sizing:border-box;
}
.part08 div{
  float:left;
  width:50%;
  text-align:center;
  box-sizing:border-box;
}
.part08 div img{
  width:100%;
}
.part09{
  padding:20px 10px 15px;
}
.part09 img{
  width:100%;
}
h3{
  margin:0 10px;
}
.p10{
  width:100%;
  box-sizing:border-box;
}
.p10_block_1 img{
  width:80%;
  box-sizing:border-box;
}
.p10_block{
  width:100%;
  box-sizing:border-box;
  margin-top:15px;
}
.p10_block_1{
  float:left;
  width:30%;
  box-sizing:border-box;
  padding:10px;
}
.p10_block_2{
  float:left;
  width:70%;
  box-sizing:border-box;
  padding-right:10px;
  font-size:14px;
}
.part11{
  margin:20px 10px 10px;
}
.part11_block_1{
  display:block;
  font-size:16px;
  padding-left:10px;
  vertical-align:middle;
  text-align:center;
}
.part11_block{
  display:inline-block;
  vertical-align:middle;
  padding:10px 0;
  width:49%;
}
.part11_block img{
  width:100%;
}
footer.part12{
  font-size:12px;
  text-align:center;
}
.part12_block div{
  padding:10px 0
;
}
.part12_block ul{
  margin:0 auto;
  padding:0 20px;
}
.part12_block ul li{
  display:inline-block;
  padding-bottom:10px;
}
.part12_block ul li:last-child{
  border:none;
}
.part12_block ul li a{
  color:#FFF;
  text-decoration:none;
  padding-left:8px;
  padding-right:8px;
  border-right:solid 1px #FFFFFF;
}
address{
  padding:10px 0 20px;
}
}