@charset "utf-8";

body {
  text-align: center;
  background-color:#161616;
  font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック",verdana,sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}


p {
  line-height: 140%;
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: left;
}
.centered {
  text-align: center;
}

a {
  color:#000000;
  word-wrap: break-word;
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover, a:focus {
  color:#000000;
  text-decoration: none;
  outline: 0;
}
a:before, a:after {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}



/*------------------------------------- */
/* ヘッダ */
/*------------------------------------- */

.header01 {
  height:30px;
  background:url(../img/bg_header01.gif);
  width:100%;
  text-align:right;
}


/*h1 topテキスト*/
h1.header_top {
  padding-top:8px;
  margin-top: 0px;
  font-size: 12px;
  color: #fff;
  margin-right:10px;
}

/* 2015.12.19 suzuki add*/
@media screen and (max-width: 650px) {
  h1.header_top {
    padding-top:3px;
    margin-top: 0px;
    font-size: 8px;
    color: #fff;
	text-align:center;
}
}


.header02 {
  height:86px;
  background:url(../img/bg_header02.png);
}

.header02_naka {
  max-width:950px;
  margin-left: auto;
  margin-right:auto;
  text-align:left;
}

.header02 a:hover img {
  opacity:0.8;
  filter: alpha(opacity=0.5);
  -ms-filter: "alpha( opacity=0.5 )";
}

.header-logo {
  margin-top:8px;
  z-index: 1;
  position: absolute;
}

@media screen and (max-width: 550px) {
  .header-logo {
    top: 30px;
    left:10px;
    width:60px;
}
}


.header-menu {
  position: absolute;
  top: 60px;
  left:36%;
}  

@media screen and (max-width: 880px)and(min-width: 550px) {
  .header-menu {
    position: absolute;
    top: 60px;
    left:36%;
    width:60%;
  }
}

@media screen and (max-width: 550px) {
  .header-menu {
    position: absolute;
    top: 40px;
  	left:10%;
    width:80%;
  }
}

.header-menu a {
  margin-right:30px;
}

.header-menu a:hover {
  border-bottom:dotted 1px #111111;
}

.dropdown li {
	float:left;
	list-style:none;
}




/*------------------------------------- */
/*フッター*/
/*------------------------------------- */


#c {
  background: #111111;
  padding-top: 20px;
  text-align:left;
  bottom:0px;
  color: #FFFFFF;
  max-width:950px;
  margin-left:auto;
  margin-right:auto;
}

#c a {
  color: #FFFFFF;
}
#c p {
  color: #FFFFFF;
  margin-bottom:10px;
}
@media screen and (max-width: 500px) {
#c p {
  margin-left:20px;
}
}



/*------------------------------------- */
/*フッターメニュー*/
/*------------------------------------- */

#f {
  max-width:100%;
  height:140px;
  background: url(../img/bg_footer.png) repeat-x;
}

/*2015.12.22 max-width:950px;を削除 suzuki*/
#f_naka {
  margin-right:auto;
  margin-left:auto;
  max-width:950px;
}

  
/*2015.12.22 max-width:950px;を削除 suzuki*/
@media screen and (max-width: 500px) {
#f_naka {
  margin-right:auto;
  margin-left:auto;
}
}


#f a:hover img {
  opacity:0.8;
  filter: alpha(opacity=0.5);
  -ms-filter: "alpha( opacity=0.5 )";
}

#f a:hover {
	text-decoration:underline;
}


.unav{
  list-style:none;
  display: inline-block;
  position:relative;
  top: 60px;  
}

.unav li{
  float:left;
  list-style-image:url(../img/icon-list.png) ;
  margin-left:30px;
}
	
.unav li a{
  color:#FFFFFF;
}


/*フッターロゴ*/
.footer-logo {
  float:left;
}

.footer-logo img {
  position:relative;
  top: 60px;
  left:10px;
}
@media screen and (max-width: 500px) {
.footer-logo img {
  position:relative;
  top: 60px;
  left:50px;
}
}

/*2015.12.22 suzuki add*/
@media screen and (max-width: 650px) {
.footer-logo {
  position:relative;
  top: -30px;
  left: -30px;
}
}


/*------------------------------------- */
/*ページトップボタン */
/*------------------------------------- */
		
#pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  opacity: 0.5;
}


/*------------------------------------- */
/* コンテンツ */
/*------------------------------------- */

.container{
  width:100% !important;
  margin-left:auto;
  margin-right:auto;
  background:url(../img/bg.gif)
  
}

/*------------------------------------- */
/* メインコンテンツ */
/*------------------------------------- */

/*メインの背景*/
#g{
  text-align:left;
  padding-bottom:50px;
  max-width:950px;
  margin-right:auto;
  margin-left:auto;
}

@media screen and (max-width: 800px) {
#g{
  text-align:left;
  padding-bottom:50px;
  max-width:90%;
  margin-right:auto;
  margin-left:auto;
}
}

/* Links */

#g a:hover img{
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
  background: #fff;
}

#g a:hover{
	text-decoration:underline;
}


/*------------------------------------- */
/* 見出し */
/*------------------------------------- */

.title01 {
  border-color:#111111;
  padding:10px 0px;
  font-size:22px;
  font-weight:bold;
  width:100%;
  border-width:0 0 3px 0px;
  border-style:solid;
  color:#111111;
  margin-top:-10px;
  margin-bottom:-10px;
}

.title02 {
  border-color:#111111;
  padding:5px 5px;
  font-weight:bold;
  width:100%;
  height:30px;
  border-width:0 0 0 5px;
  border-style:solid;
}

.title03 {
  border-color:#333;
  padding:0px 0px 50px 0px;
  margin:130px 0px 50px 0px;
  font-weight:bold;
  color:#333;
  width:100%;
  height:30px;
  border-width:0 0 2px 0px;
  border-style:solid;
  text-align:center;
  font-size:30px;
}


.back01 {
  background:#FFFFFF;
  max-width:950px;
}

.back01_naka {
  padding:20px;
  margin: 0 auto;
  background:#FFFFFF;
  max-width:950px;
  border-color:#CCCCCC #111111 #111111 #CCCCCC;
  border-width:1px;
  border-style:solid;
}


/*------------------------------------- */
/* NEWS */
/*------------------------------------- */

.tbl-common01 {  
    width: 100%;
    margin: 0 auto;
    border-bottom: none;
}

.tbl-common01 dt {  
    font-weight: bold;
}

/* スマホ
-------------------------------------------------- */
@media only screen and (max-width:570px) {
    .tbl-common01 {
        background-color: #FFFFFF;
    }
    
    .tbl-common01 dt,
    .tbl-common01 dd {
        padding: 8px 20px;
    }
    
    .tbl-common01 dt {
        float: none;
        background-color: #AAAAAA; /* 背景色を指定 */
        border-top:1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
    }
    
    .tbl-common01 dd {
        border-top: 1px solid #666666;
        border-bottom: 1px solid #666666;
    }
}


/* PC
-------------------------------------------------- */
@media only screen and (min-width: 571px) {
    .tbl-common01 {
        background: #FFFFFF repeat-y -150px 0; /* dlで背景画像をyリピートし、dtの背景色のように見せる。positionはdtの幅に応じて調整 */
    }
    
    .tbl-common01 dt,
    .tbl-common01 dd {
        padding: 10px;
    }
    
    .tbl-common01 dt {
        clear: both;
        float: left;
        width: 160px; /* 幅を指定 */
        border-top: 1px solid #FFFFFF;
    }
    
    .tbl-common01 dd {
        padding-left: 180px; /* dtの分、左にpaddingを取る */
        border-top: 1px solid #FFFFFF;
        border-bottom: 1px dotted #666666;
        border-left: 1px solid #FFFFFF;
    }
}


/*------------------------------------- */
/* ボタン */
/*------------------------------------- */

.button01 {
padding:20px 0px 20px 0px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background-color:#FF6B6B;
color:#FFF;
font-size:24px;
text-align:center;
}

.button01 a {
color:#FFF;
text-decoration:none !important;
}

.button01 a:hover {
color:#FFF;
	opacity:0.5;
	cursor:pointer;
text-decoration:none !important;
}


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

/* 2015.12.18 margin-left,margin-rightを追記　suzuki: */
.table {
	background-color:#FFFFFF;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	width:80%;	
  margin-left: auto;
  margin-right: auto;
}


.table th {
	background-color:#EEEEEE;
	border-right:solid 1px #cccccc;
}

input.re-width{ width: 80%; }

@media screen and (max-width:480px){
input.re-width{ width: 190px; }
}

textarea.re-width{ width: 80%; }

@media screen and (max-width:480px){
textarea.re-width{ width: 190px; }
}

/*------------------------------------- */
/* google map */
/* 2015.12.24 suzuki add */
/*------------------------------------- */
.ggmap {
  position: relative;
  padding-bottom: 55%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.breadcrumb{ 
  margin-left:150px !important;
}
@media screen and (max-width:480px){
.breadcrumb{ 
  margin-left:0px !important;
  margin-bottom:-10px;
}
}


/*------------------------------------- */
/* ライティングぺージ
/*------------------------------------- */


p.writing01 {
    margin-left:30px;
	margin-top:30px;
	font-weight:bold;
}

p.writing01:before {
    content: " ";
    background:url(../img/icon-list3.png) no-repeat;
    float: left;
    position: relative;
    bottom: -5px; 
    display: block;
    height: 14px;
    width: 14px;
	padding-left:25px;
}

p.writing02 {
    margin-left:30px;
	margin-top:30px;
	font-weight:bold;
}

p.writing02:before {
    content: " ";
    background:url(../img/icon-arrow02.png) no-repeat;
    float: left;
    position: relative;
    bottom: -5px; 
    display: block;
    height: 14px;
    width: 14px;
	padding-left:25px;
}


.writing-bg01 {
padding:20px 0px 20px 0px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
background-color:#333;
color:#FFF;
font-size:24px;
text-align:center;
width:100%;
line-height:160%;
}