@charset "euc-jp";

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

[1] �쥤�����Ȥ˴ؤ������
[2] �إå�����˴ؤ������
[3] ����ƥ�ĥ���˴ؤ������
[4] �����ɥС���˴ؤ������
[5] �եå�����˴ؤ������
[6] page-up


/* �������Ƥ����Ǥ�;��򥼥��˻��� */
* {
  margin: 0;
  padding: 0;
}

/* ����Ū�ʥ�� */

a { color: #9b8137;
    text-decoration: underline;
}

a:hover { color: #d35548;
    text-decoration: none;
}

img{border: 0;}

html{
 overflow-y:scroll;
 overflow-x:none;}

.clear { clear:both; }

.ajust_t10 { margin-top:10px; }
.ajust_t30 { margin-top:30px; }
.ajust_b20 { margin-bottom:20px; }
.ajust_l20 { margin-left:20px; }
.ajust_r20 { margin-right:20px; }
.ajust_r10 { margin-right:10px; }
.ajust_left { float:left; }
.ajust_right { float:right; }

/* -------------------------------------------------------------
   [1] �쥤�����Ȥ˴ؤ������ */
body {
  font-size: 12px;
  text-align: center;
  font-family:"�ͣ� �Х����å�", Osaka,sans-serif;
  padding: 0;
  margin: 0;
  color:#858585;
  background:#ffffff url(../common_img/bg.gif) repeat-x 0 0;
}

body a:hover img.swa{
 -ms-filter: "alpha( opacity=70 )";
 filter: alpha( opacity=70 );
 opacity: 0.7;
}

/*-- ���Τ�Ϥ�Ǥ��ޤ� --*/
#wrapper {
  text-align: left;
  width: 960px;
  margin: 0px auto 25px;
  padding:0px 0px;
}
/*-- �إå�����ʬ --*/
#header {
  width: 960px;
  height: 195px;
  margin-bottom: 0px;
  position: relative;
}

/*-- ����ƥ����ʬ --*/
#contents {
  width: 710px;
  float: right;
  padding: 0 0px 0px 0px;
}

/*-- �����ɥС���ʬ --*/
#sidebar {
  width: 215px;
  float: left;
  padding: 0 0px 0 0px;
}

/*-- �եå�����ʬ --*/
#footer {
  padding: 0 0px 0;
  min-width: 960px;
  height:231px;
  background: url(../common_img/bg_fotter.gif) repeat-x 0 0;
  text-align: left;
}

* html #footer {
  width:expression(document.body.clientWidth < 960? "960px" : "auto");
}

/* -------------------------------------------------------------
   [2] �إå����֥��å���˴ؤ������ */

/* ���� */

/* ������� */
h1 {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  top: 1px;
  right: 0px;
  color:#c4c1bc;
}

/* ���̾�å���å�̾�å����ȥ� */
.logo {
  width:250px;
  height:78px;
  position: absolute;
  top: 10px;
  left: 0px;
}

.h_tel {
  position: absolute;
  top: 18px;
  right: 65px;
}


/* ��������menu */
.ul-glo {
  list-style-type: none;
  width: 960px;
  height: 60px;
  position: absolute;
  top: 111px;
  left: 0px;
}

.ul-glo li { display: inline; }

/* �����ȥޥå����ؤΥꥹ�� */
.ul-info01 {
  list-style-type: none;
  position: absolute;
  width: 233px;
  height: 24px;
  top:82px;
  right: 455px;
}

.ul-info01 li {
  display: inline;
}

.ul-info02 {
  list-style-type: none;
  position: absolute;
  height: 37px;
  top:75px;
  right: 0px;
}

.ul-info02 li {
  display: inline;
}


/* -------------------------------------------------------------
   [3] ����ƥ�ĥ֥��å���˴ؤ������ */

/* ���� */
h2 {
  width:710px;
  height:280px;
  margin:0px 0px 16px;
}

h3 {
  width:710px;
  height:34px;
  margin-bottom: 10px;
}

h4 {
  width:500px;
  height:25px;
  margin-top: 10px;
}

/* ʸ�� */
#contents p {
  line-height: 1.5;
  margin-bottom: 10px;
}

#contents ul.recomend {
  width:170px;
  list-style-type: none;
  margin-bottom: 20px;
}

#contents ul.recomend li.ga{
  padding:0px 1px 0px 1px;
  margin:0px 0 10px;
  width:168px;
}

#contents ul.recomend li.se{
  margin-top:    0.333em;
  margin-bottom: 0.333em;
  font-size:12px;
  line-height: 1.5;
  color: #999999;
}

#contents ul.recomend li.se a {
 text-decoration:underline;
 color:#999999;
 padding:0;
}


#contents ul.recomend li.se a:hover{
 text-decoration:none;
 color:#d7a71f;
}

/*
#contents ul.recomend li.btn{
  padding:10px 0px 0px 0px;
}
*/

#contents .feature_01{
 width:500px;
 height:180px;
 float:left;
 background:url(../images/top_feature01.jpg) no-repeat 0px 0px;
 display:block;
 padding:0px 0px 0px 0px ;
 position: relative;
 margin-bottom:10px;
}

#contents .feature_01 p{
 padding:55px 127px 0px 28px ;
}


.bt01 {
  position: absolute;
  width: 154px;
  height: 42px;
  top:127px;
  left: 15px;
}

.bt02 {
  position: absolute;
  width: 154px;
  height: 42px;
  top:127px;
  left: 175px;
}

.bt03 {
  position: absolute;
  width: 154px;
  height: 42px;
  top:127px;
  left: 335px;
}


#contents ul.news_box{
  overflow-y: scroll;
  over-flow-x: no;
  padding:10px 20px 20px 0px ;
  height:280px;
  width:480px;
  float:left;
  list-style-type: none;
  margin-bottom:20px;
}


#contents ul.news_box li{
  margin:0px;
  padding:5px 0px 5px 0px ;
  display:block;
  line-height:1.6;
}

#contents ul.news_box li a{
 text-decoration:underline;
 color:#999999;
 padding:0px 0px 0px 10px ;
}

#contents ul.news_box li a:hover{
  text-decoration:none;
  color:#cda539;
}


#contents .right_box{
  width:191px;
  float:right;
  margin-bottom:20px;
}

/* -------------------------------------------------------------
   [4] �����ɥС��֥��å���˴ؤ������ */

/* �����ɥС������ȥ� */

.side-banner {
  margin-bottom: 15px;
  padding: 0px 0;
}

#sidebar ul{
 width:215px;
 list-style-type: none;
 padding:0px 0px 0px 0px;
 margin-bottom: 20px;
}


#sidebar ul li.mida{
 margin:0px 0px 2px 0px ;
}


#sidebar ul li.cat{
 width:215px;
 height:84px;
}


#sidebar .left_box{
 width:178px;
 background:url(../common_img/side_bg02.jpg) no-repeat 0 bottom;
 list-style-type: none;
 padding:0px 18px 40px 19px;
 margin-bottom: 10px;
}

#sidebar .left_box img{
 padding:0px 0px 5px 0px;
}

#sidebar .hen_box{
 width:215px;
 height:110px;
 background:url(../common_img/side_bg03.jpg) no-repeat 0 bottom;
}


#sidebar .hen_box p{
 padding:40px 17px 0px 17px ;
}
/* -------------------------------------------------------------
   [5] �եå����֥��å���˴ؤ������ */

#footer .f_con{
 width:960px;
 height:231px;
 background:url(../common_img/bg_f_con.jpg) no-repeat 0 bottom;
 margin:0px auto 0px;
 position: relative;
}

#footer p.jyu {
 position: absolute;
 top:70px;
 left:139px;
}
#footer .jyu02 {
 position: absolute;
 top:70px;
 left:380px;
}

#footer .ul-f {
  list-style-type: none;
  position: absolute;
  width: 268px;
  height: 37px;
  top:59px;
  right: 0px;
}

#footer .ul-f li {
  display: inline;
}


#footer p.nav_01 {
 position: absolute;
 top:115px;
 left:0px;
 font-size:10px;
 line-height:1.7;
}

#footer p.nav_01 a{
 text-decoration:underline;
 color:#999999;
 padding:0px 8px 0px 8px ;
}

#footer p.nav_01 a:hover{
 text-decoration:none;
 color:#d7a71f;
}

#footer p.nav_02 {
 position: absolute;
 top:172px;
 left:235px;
 font-size:10px;
 line-height:1.6;
}

#footer p.nav_02 a{
 text-decoration:underline;
 color:#999999;
 padding:0px 5px 0px 5px ;
}

#footer p.nav_02 a:hover{
 text-decoration:none;
 color:#d7a71f;
}


#footer p.all-in {
 font-size:12px;
 position: absolute;
 top:193px;
 right:0px;
 line-height:1.6;
 text-align:right;
}

#footer p.all-in a{
  text-decoration:underline;
  color:#bebebe;
}

#footer p.all-in a:hover{
  text-decoration:none;
  color:#ff4200;
}

/* -------------------------------------------------------------
   [6] top�� */

#page-up {
  text-align: right;
  padding:20px 20px 10px 0px;
  clear: both;
}

#page-up,
#page-up a,
#page-up a:hover {
  text-decoration: none;
  color: #575757;
}

#page-up a:hover img{
 -ms-filter: "alpha( opacity=70 )";
 filter: alpha( opacity=70 );
 opacity: 0.7;
}

.sns_icons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}
.sns_icons li {
  padding: 0 15px;
  list-style: none;
}
.sns_icons li img {
  width: 72px;
}
.sns_icons li a:hover {
  opacity: 0.7;
}