@charset "UTF-8";

/* ------------------------------
clearfix Hack
------------------------------ */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hide Mac IE \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }


/*----------------------------------------------------
デフォルトの定義
----------------------------------------------------*/
html {
}

body {
 color: #333333;
 text-align: center;
 background:url(../img_common/bg.jpg) repeat-x top;
 padding: 0;
 margin: 0;
}

body#top{
 background:url(../img_common/bg_top.jpg) repeat-x top;
}

div#container {
	font-family: Arial, Helvetica, Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "osaka", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

strong { font-weight: bold; }


/*----------------------------------------------------
リンクの定義
----------------------------------------------------*/
a {text-decoration: none; color: #8E1316;}
a:link {text-decoration: none; color: #8E1316;}
a:visited { color: #0D902C;}
a:hover { text-decoration :none; color: #0D902C;}


/*----------------------------------------------------
テキスト定義
----------------------------------------------------*/
h1 { font-size: 123.1%; line-height: 150%; color: #333333; font-weight:bold;}
h2 { font-size: 123.1%; line-height: 150%; color: #333333; font-weight:bold;}
h3 { font-size: 123.1%; line-height: 150%; color: #333333; font-weight:bold;}
h4 { font-size: 123.1%; line-height: 150%; color: #333333; font-weight:bold;}
h5 { font-size: 123.1%; line-height: 150%; color: #333333; font-weight:bold;}
h6 { font-size: 123.1%; line-height: 150%; color: #333333; font-weight:bold;}

p { font-size: small; line-height: 150%; color: #000000;}

.font10 { font-size: 77%; }
.font11 { font-size: 85%; }
.font12 { font-size: 93%; }
.font13 { font-size: 100%; }
.font14 { font-size: 108%; }
.font15 { font-size: 116%; }
.font16 { font-size: 123.1%; }
.font17 { font-size: 131%; }
.font18 { font-size: 138.5%; }
.font19 { font-size: 146.5%; }
.font20 { font-size: 153.9%; }
.font21 { font-size: 161.6%; }
.font22 { font-size: 167%; }
.font23 { font-size: 174%; }
.font24 { font-size: 182%; }
.font25 { font-size: 189%; }
.font26 { font-size: 197%; }

.lineh100 { line-height: 100%; }
.lineh110 { line-height: 110%; }
.lineh120 { line-height: 120%; }
.lineh130 { line-height: 130%; }
.lineh140 { line-height: 140%; }
.lineh150 { line-height: 150%; }
.lineh160 { line-height: 160%; }
.lineh170 { line-height: 170%; }
.lineh180 { line-height: 180%; }
.lineh190 { line-height: 190%; }
.lineh200 { line-height: 200%; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-bold { font-weight: bold; }
.text-underline { text-decoration: underline; }


/*----------------------------------------------------
カラー定義
----------------------------------------------------*/
.color-sougen { color: #0D902C; }
.color-bordeaux { color: #7C0000; }
.color-red { color: #CC0000; }
.color-blue { color: #0033CC; }
.color-green { color: #007545; }
.color-white { color: #FFF; }
.color-black { color: #000; }
.color-gray-111 { color: #111; }
.color-gray-222 { color: #222; }
.color-gray-333 { color: #333; }
.color-gray-444 { color: #444; }
.color-gray-555 { color: #555; }
.color-gray-666 { color: #666; }
.color-gray-777 { color: #777; }
.color-gray-888 { color: #888; }
.color-gray-999 { color: #999; }
.color-gray-aaa { color: #aaa; }
.color-gray-bbb { color: #bbb; }
.color-gray-ccc { color: #ccc; }
.color-gray-ddd { color: #ddd; }
.color-gray-eee { color: #eee; }


/*----------------------------------------------------
スペーサー定義
----------------------------------------------------*/
.height05 { height: 5px; }
.height10 { height: 10px; }
.height15 { height: 15px; }
.height20 { height: 20px; }
.height25 { height: 25px; }
.height30 { height: 30px; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height60 { height: 60px; }
.height70 { height: 70px; }
.height80 { height: 80px; }
.height90 { height: 90px; }
.height100 { height: 100px; }
.height200 { height: 100px; }
.height300 { height: 100px; }
.height400 { height: 100px; }
.height500 { height: 100px; }


img { border: none; }

em{
display:none;
}


/* ------------------------------
ヘッダー
------------------------------ */
#header {
 width: 900px;
 height: 111px;
 background:url(../img_common/bg_head_2.jpg) no-repeat;
 text-align: left;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}

#header_top {
 width: 900px;
 height: 261px;
 background:url(../img_common/bg_head_1.jpg) no-repeat;
 text-align: left;
 margin-right: auto;
 margin-left: auto;
 position: relative;
}

#logo {
 width: 320px;
 height:78px;
 font-size: 100%;
 line-height: 1;
 margin: 0px;
 padding: 0px;
 position: absolute;
 left: 83px;
 top: 166px;
}

#description {
 width: 373px;
 height:145px;
 line-height: 1;
 margin: 0px;
 padding: 0px;
 position: absolute;
 left: 83px;
 top: 22px;
}

#kokuchi {
 width: 290px;
 height:73px;
 line-height: 1;
 margin: 0px;
 padding: 0px;
 position: absolute;
 left: 530px;
 top: 22px;
}

#saiyo {
 width: 190px;
 height:45px;
 line-height: 1;
 margin: 0px;
 padding: 0px;
 position: absolute;
 left: 630px;
 top: 100px;
}

#logo2 {
 width: 320px;
 height:78px;
 font-size: 100%;
 line-height: 1;
 margin: 0px;
 padding: 0px;
 position: absolute;
 left: 265px;
 top: 48px;
}

#description2 {
 width: 339px;
 height:49px;
 line-height: 1;
 margin: 0px;
 padding: 0px;
 position: absolute;
 left: 83px;
 top: 6px;
}


/* ------------------------------
コンテンツ
------------------------------ */
#container{
 margin: 0 auto;
 width: 900px;
}

/*CONTENTS*/
#faux{
 margin-top:20px;
 width:100%;
 float:left;
 min-height:200px;
 padding-bottom: 20px;
}

#contents{
 width:900px;
 margin:0px auto;
}

/* メインコンテンツ */
#article {
 color:#333;
 width: 690px;
 margin: 20px auto;
 line-height: 1.4em;
}

#article2 {
 color:#333;
 width: 780px;
 margin: 20px auto;
 line-height: 1.4em;
}

#article h2 {
 line-height: 1;
 margin: 0px 0px 20px;
 padding: 0px;
}

#article h3 {
 line-height: 1;
 margin: 0px 0px 20px;
 padding: 0px;
}

#article p {
 text-align:left;
 font-size: 93%;
 line-height: 150%; 
 margin: 0px;
 padding: 0px 0px 20px;
}

#link{
 margin:10px auto;
 width:100%;
 float:left;
}

/*TOP*/
#top_l{
 text-align:left;
 float:left;
 width:250px;
}

#top_c{
 text-align:left;
 width:250px;
 float:left;
 margin-left: 15px;
}

#top_r{
 text-align:left;
 width:250px;
 float:right;
}

#top_l img,#top_c img,#top_r img{
  margin:15px 15px 3px 15px;
}

#top_l,#top_c,#top_r{
 background:url(../img/bg_point.jpg) no-repeat;
}

dl.tops{
 font-size:93%;
 line-height: 150%;
 margin-bottom:0px;
}

dl.tops dt{
 clear: left;
}

dl.tops dd{
 font-size:116%;
 line-height: 150%;
 margin:0px 15px 0px 15px;

}



/*MENU*/
.name{
 color:#0D902C;
 margin-bottom:5px;
 font-size:116%;
 display:block;
 font-weight:bold;
}

.menu{
 font-size:85%;
}

#menuinfo_l{
 text-align:left;
 float:left;
 width:330px;
}

#menuinfo_r{
 text-align:left;
 float:right;
 width:330px;
}

dl.menus{
 font-size:93%;
 line-height: 150%;
 margin-bottom:10px;
}

dl.menus dt{
 clear: left;
 float: left;
 width:148px;
}

dl.menus dd{
 margin-left:148px;
}

dl.menus2{
 font-size:93%;
 line-height: 150%;
 margin-bottom:10px;
}

dl.menus2 dt{
 clear: left;
 float: left;
 width:330px;
}

dl.menudata{
 font-size:93%;
 line-height: 120%;
 border-bottom:#CCCCCC 1px solid;
 margin-bottom:15px;
 padding-bottom:5px;
}

dl.menudata dt{
 clear: left;
 float: left;
 width:135px;
}

dl.menudata dd{
 margin-left:135px;
 padding-left:13px;
 border-left:#CCCCCC 1px solid;
}

/*info*/
.day{
 color:#0D902C;
 font-size:108%;
 display:block;
 margin:0px 0px 5px 0px;
 display:block;
}

.subtitle{
 color:#0D902C;
 margin-bottom:5px;
 font-size:116%;
 display:block;
 font-weight:bold;
}

#info_l{
 text-align:left;
 width:690px;
}

dl.infodata{
 font-size:93%;
 line-height: 150%;
 border-bottom:#CCCCCC 1px solid;
 margin-bottom:15px;
 padding-bottom:13px;
}

dl.infodata dt{
 clear: left;
 float: left;
 width:148px;
}

dl.infodata dd{
 margin-left:148px;
 padding-left:13px;
 border-left:#CCCCCC 1px solid;
}


/*company*/
.t_com{
 color:#0D902C;
 font-size:100%;
 display:block;
 margin:0px 0px 5px 0px;
 display:block;
 font-weight:bold;
}

.n_com{
 font-size:100%;
 display:block;
}

.p_10px{
 padding-bottom:10px;
}

#com_l{
 text-align:left;
 width:690px;
 margin: 20px auto;
 line-height: 1.4em;
}

dl.comdata{
 font-size:93%;
 line-height: 150%;
 border-bottom:#CCCCCC 1px dotted;
 margin-bottom:10px;
 padding-bottom:7px;
}

dl.comdata dt{
 clear: left;
 float: left;
 width:148px;
}

dl.comdata dd{
 margin-left:148px;
 padding-left:13px;
 border-left:#CCCCCC 1px solid;
}


/*location*/
.shopname{
 color:#0D902C;
 margin-bottom:15px;
 padding-top:3px;
 font-size:116%;
 display:block;
 font-weight:bold;
}

#shop_l{
 text-align:left;
 width:690px;
}

dl.shopdata{
 font-size:93%;
 line-height: 150%;
 border-bottom:#CCCCCC 1px solid;
 margin-bottom:15px;
 padding-bottom:15px;
}

dl.shopdata dt{
 clear: left;
 float: left;
 width:343px;
}

dl.shopdata dd{
 margin-left:343px;
 padding-left:13px;
 border-left:#CCCCCC 1px solid;
}


/* ------------------------------
フッター
------------------------------ */
#footer{
 background:url(../img_common/footer_line.gif) top no-repeat;
 width:900px;
 margin:0px auto 10px auto;
 clear:both;
}

#footerlink{
 font-size:85%;
 width:900px;
 height:20px;
 padding-top:10px;
 margin:0 auto;
 display:block;
}

#fot{
 display:block;
 float:left;
}

#fot{
 margin-left:372px;
}


/*COPYRIGHT*/
#copyright{
 background:url(../img_common/footer_line.gif) top no-repeat;
 color:#666666;
 font-size:85%;
 text-align:center;
 clear:both;
 padding-top:15px;
 _margin-top:15px;
}


/*PAGETOP*/
#link{
 margin:20px auto;
 width:100%;
 float:left;
}

#pagetop{
 width:900px;
 height:25px;
 text-align:center;
 background:url(../img_common/bg_pagetop.gif) no-repeat;
}