@charset "euc-jp";

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

[1] レイアウトに関する指定
[2] ヘッダー内に関する指定
[3] コンテンツク内に関する指定
[4] サイドバー内に関する指定
[5] フッター内に関する指定
[6] page-up


/* 一括で全ての要素の余白をゼロに指定 */
* {
  margin: 0;
  padding: 0;
}

/* 全体的なリンク */

a { color: #4ecc4e;
    text-decoration: none; 
}

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

img{border: 0;}

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

.clear { clear:both; }

.ajust_t5 { margin-top:5px; }
.ajust_t30 { margin-top:30px; }
.ajust_b20 { margin-bottom:20px; }
.ajust_l22 { margin-left:22px; }
.ajust_left { float:left; }
.ajust_right { float:right; }

/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
  font-size: 15px;
  text-align: center;
  font-family:"ＭＳ Ｐゴシック", Osaka,sans-serif;
  padding: 0;
  margin: 0;
  color:#e7e7e9;
  background:#181212 url(../common_img/bg.gif) repeat-x center top;
}

/*-- 全体を囲んでいます --*/
#wrapper {
  text-align: left;
  width: 950px;
  margin: 0px auto 30px;
}
/*-- ヘッダー部分 --*/
#header {
  width: 100%;
  height: 526px;
  margin-bottom: 29px;
  position: relative;
  background: url(../common_img/header_bg.jpg) no-repeat center top;
}

/*-- コンテンツ部分 --*/
#contents {
  width: 700px;
  float: right;
  padding: 0 0px 0 0px;
}

/*-- サイドバー部分 --*/
#sidebar {
  width: 220px;
  float: left;
}

/*-- フッター部分 --*/
#footer {
  padding: 19px 0 0;
  background:#000 url(../common_img/bg_fotter.gif) repeat-x 0 0;
  min-width: 950px;
  height:200px;
  text-align: left;
}

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

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */

/* キーワード */
h1 {
  font-size: 10px;
  font-weight: normal;
  position: absolute;
  top: 2px;
  right: 3px;
  color:#7e6d6b;
}

/* 企業名｜ショップ名｜タイトル */
.logo {
  width:180px;
  height:226px;
  position: absolute;
  top: 0px;
  left: 30px;
}

/* お問い合わせbtn */
.cont {
  width:153px;
  height:26px;
  position: absolute;
  top: 21px;
  left: 650px;
}

/* ヘッダーTEL番号 */
.tel {
  width:146px;
  height:26px;
  position: absolute;
  top: 21px;
  left:504px;
}
/* グローバルmenu */
.ul-glo {
  list-style-type: none;
  width: 950px;
  height: 61px;
  position: absolute;
  top: 465px;
  left: 0;
}

.ul-glo li { display: inline; }

/* サイトマップ等へのリスト */
.ul-info {
  list-style-type: none;
  position: absolute;
  width: 163px;
  height: 26px;
  top:21px;
  left: 341px;
}

.ul-info li {
  display: inline;
}

/* 文字サイズ */
.ul-moji {
  list-style-type: none;
  position: absolute;
  width: 75px;
  height: 20px;
  top:24px;
  right: 8px;
}

.ul-moji li {
  float:left;
  padding:0px 3px 0px 2px;
}

/* メインビジュアル */
.main_v {
  width:730px;
  height:405px;
  position: absolute;
  top: 60px;
  left: 220px;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* パン屑リスト */
.topicpath { margin-bottom: 1em; }

/* 見出し */
h2 {
  width:700px;
  margin-bottom: 19px;
}

h3 {
  width:405px;
  margin-bottom: 5px;
}

/* 文字 */
#contents p {
  line-height: 1.5;
  padding:0px 5px 10px 5px ;
}

#contents .box_left {
  width:280px;
  float:left;
  padding:0px 0px 0px 0px ;
  margin:30px 0px 0px;
}

#contents .box_right {
  width:405px;
  float:right;
  padding:0px 0px 0px 0px ;
  margin:30px 0px 0px;
}

#contents .box02 {
  width:700px;
  height:235px;
  background: url(../images/top_box02_bg.jpg) no-repeat 0 0;
  padding:0px 0px 0px 0px ;
  margin:30px 0px 0px;
  position: relative;
}

#contents .box02 p{
  padding:85px 200px 0px 20px ;
}


#contents .box02 ul{
  list-style-type: none;
  padding:10px 0px 0px 20px ;
  position: absolute;
  bottom: 20px;
}

#contents .box02 ul li{
 float:left;
 margin-right:15px;
}


#contents .box02 ul li a{
 background: url(../common_img/icon_00.gif) no-repeat 0 0;
 color:#e8e6e6;
 padding:0px 0px 0px 10px;
 text-decoration:none;
}


#contents .box02 ul li a:hover{
 background: url(../common_img/icon_00_on.gif) no-repeat 0 0;
 color:#ff6c6c;
 text-decoration:none;
}




/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */

/* サイドバータイトル */
.side-title {
  margin: 0;
  padding: 0px 0;
}

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

.side-banner02 {
  margin:25px 0px 25px;
  padding: 0px 0;
}

#sidebar .news_box{
  width:200px;
  height:auto;
  line-height: 1.4;
  background:#000;
  padding:0px 10px 10px 10px ;
  margin-bottom: 0px;
}

#sidebar .news_box ul{
  overflow-y: scroll;
  over-flow-x: no;
  padding:10px 10px 0px 10px ;
  height:245px;
  background:#403735;
  font-size: 15px;
}

#sidebar .news_box ul li.date{
  font-weight:normal;
  list-style-type: none;
  padding:0px 0px 0px 0px ;
  color:#e8e6e6;
}


#sidebar .news_box ul li.naiyou{
  margin:0px 0px 5px 0px;
  padding:0px 0px 10px 0px ;
  list-style-type: none;
  border-bottom:dotted 1px #ccc;
}

#sidebar .news_box ul li.naiyou a{
  color:#e8e6e6;
  text-decoration:none;
}

#sidebar .news_box ul li.naiyou a:hover{
  text-decoration:none;
  color:#ff4200;
}

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */

#footer .f_con{
 width:950px;
 margin:0px auto 0px;
 padding:0px 0px 0px;
}

#footer .f_con p.navi{
 text-align:left;
 padding:35px 0px 0px;
}

#footer .f_con p.navi a{
 padding:0px 0px 0px 0px;
 color:#e8e6e6;
 text-decoration:none;
}

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

#footer .f_con .left_72{
 width:72px;
 height:82px;
 float:left;
 margin-bottom:0px;
 padding:0px 0px 0px 0px;
}

#footer .f_con .left_360{
 width:360px;
 height:82px;
 float:left;
 margin-bottom:0px;
 padding:0px 0px 0px 0px;
}

#footer .f_con p.add{
 padding:0px 0px 0px 10px;
 line-height: 1.6;
}

#footer .f_con p.add a{
 background: url(../common_img/icon_00.gif) no-repeat 0 0;
 color:#e8e6e6;
 padding:0px 0px 0px 10px;
 text-decoration:none;
}

#footer .f_con p.add a:hover{
 background: url(../common_img/icon_00_on.gif) no-repeat 0 0;
 color:#ff6c6c;
 text-decoration:none;
}

#footer .f_con .right_341{
 width:333px;
 height:82px;
 float:right;
 background: url(../common_img/fotter_contact_bg.jpg) no-repeat 0 0;
 margin-bottom:0px;
 padding:0px 0px 0px 8px;
}

#footer p.adobe { 
 font-size:10px;
 padding:10px 0px 0px 0px;
}

#footer p.adobe a{ 
 color:#7f6d69;
 text-decoration:none;
}
#footer p.adobe a:hover{ 
 color:#a92222;
 text-decoration:none;
}

#footer p.all-in { 
 font-size:10px;
 text-align: right;
 padding:20px 0px 0px 10px;
}

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

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


/* -------------------------------------------------------------
   [6] topへ */

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

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