@charset "Shift_JIS";

/*------------------------------------------------------------------------------
	イープラモドットコム
	URL: http://shop.hobbyist-inc.com/
	Date: 2007-04-20
	Copyright (C) 2000-2008 HOBBYIST INC.All rights reserved. 
------------------------------------------------------------------------------*/

/****** 基本設定 ******/

* {
	font-size: 12px;
	font-style:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

body {
	background:#FFFFFF;
	background:url("../img/back.gif") #fff;
	font-size: small;
	line-height:1.2;
	color:#000000;
	text-align: center;
	margin:0 auto;
	padding:0;
	SCROLLBAR-FACE-COLOR:#FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; 
	SCROLLBAR-SHADOW-COLOR: #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR: #CCCCCC;
    SCROLLBAR-ARROW-COLOR: #CCCCCC;
	SCROLLBAR-TRACK-COLOR: #FFFFFF; 
    SCROLLBAR-DARKSHADOW-COLOR:#CCCCCC;
}

h1,h2,h3,h4,h5,h6{font-size:100%;}

div {
	margin:0;
	padding:0;
	}
	
img {
	border:0;
	}
	
p {
	font-size: 12px;
	line-height: 135%;
	}
	
ul,
ul li{list-style-type:none;
	margin:0;
	padding:0;
}

.bn {
	padding-bottom:6px;
}


/****** リンク設定 ******/

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #3399CC;
	text-decoration: underline;
}

/****** 全体レイアウト ******/

#layout {
	background-color: #ffffff;
    width: 860px;
	margin:0 auto;
	padding: 0px;
	text-align:center;
}

#w_layout{
	background-color: #ffffff;
    width: 955px;
	margin:0px auto;
	padding:0px;
	text-align:center;
}

/****** タイトル設定 ******/

/* ロゴ設定
------------------------------------------------------------ */
#title
	{
    width: 800px;
	height: 63px;
	background-image: url(../img/top_img/head_back.gif);
	background-repeat: no-repeat;
	}
	
#title h1 { float:left; }

#title h1 a {
  　float:left;  
	display: block;
	width: 257px;
	height: 63px;
	border-width: 0px;
	background-image: url("../img/top_img/logo.gif");
}

.#title h3 {
  float:right;  
  margin:  0px;
  padding: 30px 0px 0px 0px;
}


/* テキスト消去 */
.ot { position:absolute; left: -999px; width:990px; }


.serch {
	padding-top: 14px;
	padding-bottom: 8px;
}
	
/****** ヘッダ ******/
	
/* ヘッダ
---------------------------------------------------- */
.m_lin{
margin:0px auto;
padding:0px;
width:920px;
height:25px;
}

/*
.m_lin img {
visibility: hidden;
}

.m_lin a,
.m_lin a:link,
.m_lin a:visited {
background-position: 0px 0px;
float:left;
}

.m_lin a:focus,
.m_lin a:hover,
.m_lin a:active {
background-position: 0px 25px;
float:left;
}

*/

.m-lin ul li{
    float: left;
    height: 25px;
    text-indent: -9999px;
	}
	
.m-lin ul li a {
    text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
    display: block;
    height: 25px;
}

.mt1{
background-image:url(../img/top_img/mt01.jpg);
width:115px;
float: left;
height: 25px;
text-indent: -9999px;
}

.mt2{
background-image: url(../img/top_img/mt02.jpg);
width:115px;
float: left;
height: 25px;
text-indent: -9999px;
}
.mt3{
background-image: url(../img/top_img/mt03.jpg);
width:115px;
float: left;
height: 25px;
text-indent: -9999px;

}
.mt4{
background-image: url(../img/top_img/mt04.jpg);
width:115px;
float: left;
height: 25px;
text-indent: -9999px;

}
.mt5{
background-image: url(../img/top_img/mt05.jpg);
width:115px;
float: left;
height: 25px;
text-indent: -9999px;

}
.mt6{
background-image: url(../img/top_img/mt06.jpg);
width:115px;
float: left;
height: 25px;
text-indent: -9999px;

}
.mt7{
background-image: url(../img/top_img/mt07.jpg);
width:115px;
float: left;
height: 25px;
text-indent: -9999px;

}
.mt8{
background-image: url(../img/top_img/mt08.jpg);
width:115px;
float: left;
height: 25px;
text-indent: -9999px;

}

.mt1 a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
    display: block;
    height: 25px;
	}

.mt2 a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
height: 25px;
}

.mt3 a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
height: 25px;
}

.mt4 a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
height: 25px;
}

.mt5 a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
height: 25px;
}

.mt6 a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
height: 25px;
}

.mt7 a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
height: 25px;
}

.mt8 a{
text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
display: block;
height: 25px;
}
/* */
.mt1 a:hover     {
  background: url(../img/top_img/mt01b.jpg) no-repeat;
  width:115px;
}
.mt2 a:hover     {
  background: url(../img/top_img/mt02b.jpg) no-repeat;
  width:115px;
}
.mt3 a:hover    {
  background: url(../img/top_img/mt03b.jpg) no-repeat;
  width:115px;
}
.mt4 a:hover   {
  background: url(../img/top_img/mt04b.jpg) no-repeat;
  width:115px;
}
.mt5 a:hover     {
  background: url(../img/top_img/mt05b.jpg) no-repeat;
  width:115px;
}
.mt6 a:hover     {
  background: url(../img/top_img/mt06b.jpg) no-repeat;
  width:115px;
}
.mt7 a:hover     {
  background: url(../img/top_img/mt07b.jpg) no-repeat;
  width:115px;
}
.mt8 a:hover     {
  background: url(../img/top_img/mt08b.jpg) no-repeat;
  width:115px;
}

/*
a.mt1{
    background-image:url(../img/top_img/mt01.jpg);
    height:25px;
}
a:hover.mt1{
    background-position:0px -25px;
    width:105px;
}
a.mt2{
    background-image:url(../img/top_img/mt02.jpg);
    width:96px;
    height:25px;
}
a:hover.mt2{
    background-position:0px -25px;
    width:96px;
}
a.mt3{
    background-image:url(../img/top_img/mt03.jpg);
    width:188px;
    height:25px;
}
a:hover.mt3{
    background-position:0px -25px;
    width:188px;
}

a.mt4{
    background-image:url(../img/top_img/mt04.jpg);
    width:152px;
    height:25px;
}
a:hover.mt4{
    background-position:0px -25px;
    width:152px;
}

a.mt5{
    background-image:url(../img/top_img/mt05.jpg);
    width:128px;
    height:25px;
}
a:hover.mt5{
    background-position:0px -25px;
    width:128px;
}

a.mt6{
    background-image:url(../img/top_img/mt06.jpg);
    width:131px;
    height:25px;
}
a:hover.mt6{
    background-position:0px -25px;
    width:131px;
}

a.mt7{
    background-image:url(../img/top_img/mt07.jpg);
    width:131px;
    height:25px;
}
a:hover.mt7{
    background-position:0px -25px;
    width:131px;
}
a.mt8{
    background-image:url(../img/top_img/mt08.jpg);
    width:131px;
    height:25px;
}
a:hover.mt8{
    background-position:0px -25px;
    width:131px;
}
*/

#header {
    width: 800px;
	height: 25px;
	margin:0 auto;
	padding:0;
	}

#header ul li{
    float: left;
    height: 25px;
    text-indent: -9999px;
	}
	
#header ul li a {
    text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
    display: block;
    height: 25px;
}

#header ul li#top     {
  width: 105px;
  background: url(../img/top_img/head01a.jpg) no-repeat;
}
#header ul li#company     {
  width: 96px;
  background: url(../img/top_img/head02a.jpg) no-repeat;
}
#header ul li#kitei     {
  width: 188px;
  background: url(../img/top_img/head03a.jpg) no-repeat;
}
#header ul li#payment     {
  width: 152px;
  background: url(../img/top_img/head04a.jpg) no-repeat;
}
#header ul li#login     {
  width: 128px;
  background: url(../img/top_img/head05a.jpg) no-repeat;
}
#header ul li#cart     {
  width: 131px;
  background: url(../img/top_img/head06a.jpg) no-repeat;
}

/* __header-on
---------------------------------------------------- */
#header ul li#top a:hover     {
  width: 105px;
  background: url(../img/top_img/head01b.jpg) no-repeat;
}
#header ul li#company a:hover     {
  width: 96px;
  background: url(../img/top_img/head02b.jpg) no-repeat;
}
#header ul li#kitei a:hover    {
  width: 188px;
  background: url(../img/top_img/head03b.jpg) no-repeat;
}
#header ul li#payment a:hover     {
  width: 152px;
  background: url(../img/top_img/head04b.jpg) no-repeat;
}
#header ul li#login a:hover     {
  width: 128px;
  background: url(../img/top_img/head05b.jpg) no-repeat;
}
#header ul li#cart a:hover     {
  width: 131px;
  background: url(../img/top_img/head06b.jpg) no-repeat;
}


a.home{
    background-image:url(../img/top_img/head01.jpg);
    width:105px;
    height:25px;
}
a:hover.home{
    background-position:0px -25px;
    width:105px;
}
a.about{
    background-image:url(../img/top_img/head02.jpg);
    width:96px;
    height:25px;
}
a:hover.about{
    background-position:0px -25px;
    width:96px;
}
a.rules{
    background-image:url(../img/top_img/head03.jpg);
    width:188px;
    height:25px;
}
a:hover.rules{
    background-position:0px -25px;
    width:188px;
}

a.carriage{
    background-image:url(../img/top_img/head04.jpg);
    width:152px;
    height:25px;
}
a:hover.carriage{
    background-position:0px -25px;
    width:152px;
}

a.login{
    background-image:url(../img/top_img/head05.jpg);
    width:128px;
    height:25px;
}
a:hover.login{
    background-position:0px -25px;
    width:128px;
}

a.cart{
    background-image:url(../img/top_img/head06.jpg);
    width:131px;
    height:25px;
}
a:hover.cart{
    background-position:0px -25px;
    width:131px;
}

/* 左メニュー
---------------------------------------------------- */
#menu_div{
  width: 185px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  background-color: #F9F9F9;
  border: 1px solid #999999;
}

#l-menu{
  float: left;
  width: 185px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#l-menu ul {
	margin: 0px;
	padding: 0px;
　  list-style: none;
}

#l-menu li {
    width: 185px;
	padding: 2px 8px 4px 18px;
	margin: 0px;
	font-size: 12px;
	line-height: 135%;
	color: #000000;
	text-align: left;
	background-image: url(../img/top_img/menu_mark.gif);
	background-repeat: no-repeat;
	background-position: 7px 3px;
	vertical-align: top;
}

#l-menu li a {
  display: block;
  margin: 0px;
  padding:0px;
}

#l-menu li#reserve      {
  background-color:#F5F5F5;
  background: url(../img/top_img/menu_reserve.gif) no-repeat;
  text-indent: -9999px;
  display: block;
  width: 185px;
  height: 32px;
  margin: 0px;
  padding: 0px;
}

#l-menu li#reserve1      {
    width: 185px;
	padding: 2px 8px 4px 18px;
	margin: 0px;
	font-size: 12px;
	line-height: 135%;
	color: #000000;
	text-align: left;
	background-image: url(../img/top_img/menu_mark_red.gif);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	vertical-align: top;
}

#l-menu li#gumpura1     {
  background: url(../img/top_img/menu_gumpura1.gif) no-repeat;
  text-indent: -9999px;
  width: 185px;
  height: 34px;
  margin: 0px;
  padding: 0px;
}

#l-menu li#gumpura2     {
  background: url(../img/top_img/menu_gumpura2.gif) no-repeat;
  text-indent: -9999px;
  width: 185px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}

#l-menu li#gumpura3     {
  background: url(../img/top_img/menu_gumpura3.gif) no-repeat;
  text-indent: -9999px;
  width: 185px;
  height: 20px;
  margin: 0px;
  padding: 0px;
}

#l-menu li#figure      {
  background: url(../img/top_img/menu_figure.gif) no-repeat;
  text-indent: -9999px;
  width: 185px;
  height: 33px;
  margin: 0px;
  padding: 0px;
}

#l-menu li#model      {
  background: url(../img/top_img/menu_model.gif) no-repeat;
  display: block;
  text-indent: -9999px;
  width: 185px;
  height: 33px;
  margin: 0px;
  padding: 0px;
}

#l-menu li#tool      {
  background: url(../img/top_img/menu_tool.gif) no-repeat;
  text-indent: -9999px;
  width: 185px;
  height: 33px;
  margin: 0px;
  padding: 0px;
}

#l-menu li#menu_bottom   {
    width: 185px;
	padding: 2px 8px 4px 18px;
	margin: 0px;
	font-size: 12px;
	line-height: 135%;
	color: #000000;
	text-align: left;
	background-image: url(../img/top_img/menu_mark2.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	vertical-align: top;
}

.lnavibn{
margin:0px;
padding:0px;
}

.lnavibn li{
margin:0px;
padding:0px 0px 3px 0px;
}

.lnavibnu{
margin:0px;
padding:3px 0px 0px 0px;
}

.lnavibnu li{
margin:0px;
padding:0px 0px 3px 0px;
}

/* 右メニュー
---------------------------------------------------- */

#right_menu{
	float: right;
	width: 150px;
	background-color: #FFFFFF;
}

#right_menu ul {
	margin: 0px;
	padding: 0px;
　  list-style: none;
}

#right_menu li {
	margin: 0px;
	padding: 0px;
	width: 150px;
    height: 95px;
    text-indent: -9999px;
}

#right_menu li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 150px;
  height: 95px;
}

#right_menu li#magazine      {
  background: url(../img/top_img/magazine.jpg) no-repeat;
}

#right_menu li#user      {
  background: url(../img/top_img/user.jpg) no-repeat;
}

#right_menu li#operation      {
  background: url(../img/top_img/operation.jpg) no-repeat;
}

#right_menu2{
	float: right;
	width: 150px;
	background-color: #FFFFFF;
}

#right_menu2 ul {
	margin: 0px;
	padding: 0px;
　  list-style: none;
}

#right_menu2 li {
	margin: 0px;
	padding: 0px;
	width: 150px;
    height: 80px;
    text-indent: -9999px;
}

#right_menu2 li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 150px;
  height: 80px;
}

#right_menu2 li#present      {
  background: url(../img/top_img/r-present.jpg) no-repeat;
}

#right_menu2 li#marie      {
  background: url(../img/top_img/r_marie.jpg) no-repeat;
}

#right_menu2 li#gift      {
  background: url(../img/top_img/bn_gift.gif) no-repeat;
  width: 150px;
  height: 50px;
}

#right_menu2 li#link      {
  background: url(../img/top_img/link.jpg) no-repeat;
  width: 150px;
  height: 25px;
}

.right-bn {
	padding-bottom: 5px;
}

.calendar {
	font-size: 11px;
	color: #000000;
	padding-bottom: 8px;


}

.qr {
	font-size: 11px;
	line-height: 110%;
	color: #666666;
}

.qr2 {
	font-size: 11px;
	line-height: 120%;
	color: #FF0000;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;

}

.toolnavi li{
text-align:center;
margin:5px 0px 5px 0px;
padding:0px;
}

.toolnavi{
width:148px;
height:auto;
margin:0px 0px 5px 0px;
padding:0px;
border:1px solid #999999;
}

.toolnavi span{
width:148px;
height:auto;
font-size: 12px;
	color: #000000;
	background-image: url(../img/recommend_back.gif);
	background-repeat: no-repeat;
	background-position:1px;
	text-indent:1em;
	padding:3px 0px 3px 0px;
	border-bottom:solid 1px #999999;
	display:block;
}

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

#footer {
	clear:both;
	width:800px;
	margin:0 auto;
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	text-align: right;
}

#footer dt{
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}

#footer ul {
	width:800px;
	margin:0;
	text-align: right;
}

#footer ul li {
	display:inline;
	margin-right:3px;
	padding-left:7px;
	font-size: xx-small;
	letter-spacing: 0.1em;
	border-left:1px solid #77716C;
}

#footer ul li.notline {
	border-left:0;
}

.copy
	{
	width: 800px;
	text-align: right;
	margin-top: 2px;
	padding-top: 4px;
	padding-bottom: 8px;
	font-size: 12px;
	color: #666666;
	}