@charset "UTF-8";

@import url("http://fonts.googleapis.com/css?family=Cantarell");
@import url("common.css");		/* スタイルリセット・サイト共通 */
@import url("contents.css");	/* 各ページ個別CSS */


/* =========================================================================
		base
========================================================================= */

/*\*/
html{
	height:100%;
}
/**/

body{
	background-color:#FFFFFF;
	color:#4b4948;
	font-size:12px;
	line-height:18px;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,verdana,arial,clean,sans-serif;
}
p,td,dd{
	line-height:18px;
}


/* =========================================================================
		page_base
========================================================================= */
#wrap_top{
	width:100%;
}
#top_back{
	background-image:url(../image/head_back.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
}
#sub_back{
	background-image:url(../image/sub_head_back.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
}
#container{
	width:900px;
	margin:20px auto 10px auto;
	}

/* =========================================================================
		headder
========================================================================= */
#head{
	width:100%;
}
#head_in{
	width:900px;
	margin:0 auto 0 auto;
}

#head h1{
	text-align:right;
	margin:8px 0 0 0;
	width:100%;
	}
#logo{
	margin:0;
	width:362px;
	height:65px;
	float:left;
	}
#head_tel{
	float:right;
	width:316px;
	}
	
/* =========================================================================
		menu
========================================================================= */
#mainmenu{
	width:100%;
	background-image:url(../image/main_navi_back.jpg);
	background-repeat:repeat-x;
	}
#mainmenu img{
	vertical-align:bottom;
	}
#global-navi{
	width:980px;
	margin:0 auto 0 auto;
	}
ul#global-navi{
	list-style:none;
}
ul#global-navi li{
	list-style:none;
	display:inline;
}
ul#global-navia {
    display: block;
    zoom: 1;
	line-height:normal;
}

/* ====================================================================== */

ul#globalnavi{
    width:900px;
	margin:0 auto 0 auto;
    overflow:hidden;
}
ul#globalnavi li{
    float:left;
    height:36px;
    display:block;
}
ul#globalnavi li a {
    display: block;
    overflow: hidden;
    height: 0px;
    background-image: url(../image/main_navi.jpg);
    padding-top:64px;
}

/* global navi normal
---------------------*/
    .navi1 a { width:225px; background-position:0       0;}
    .navi2 a { width:225px; background-position:-225px  0;}
    .navi3 a { width:225px; background-position:-450px  0;}
    .navi4 a { width:225px; background-position:-675px  0;}

/* global navi rollover
----------------------*/
    .navi1 a:hover  { width:225px; background-position:0       -36px;}
    .navi2 a:hover  { width:225px; background-position:-225px  -36px;}
    .navi3 a:hover  { width:225px; background-position:-450px  -36px;}
    .navi4 a:hover  { width:225px; background-position:-675px  -36px;}
 
        
/* ====================================================================== */


#sub-navi{
	float:right;
	text-align:right;
	margin:15px 0 0 0;
	width:300px;
	}
ul#sub-navi li{
	list-style:none;
	display:inline;
	border-right:1px dotted #333;
	line-height:50px;
	padding:10px 15px 10px 15px;
}
.sub-navi01{
	border-left:1px dotted #333;
	}
	
	
/* =========================================================================
		main-visual
========================================================================= */
#main_image {
	width:100%;
	height:440px;
	}
#main_image_in{
	width:900px;
	height:440px;
	margin:0 auto 0 auto;
	}
#sub_image {
	width:100%;
	height:170px;
	}
#sub_image_in{
	width:900px;
	height:170px;
	margin:0 auto 0 auto;
	text-align:center;
	}
	
/* =========================================================================
		SUB-BUTTON
========================================================================= */	

#sub_btn{
	background-image:url(../image/thumb_back.png);
	background-repeat:no-repeat;
	width:900px;
	height:89px;
	padding:8px 0 0 0;
	text-align:center;
	}
#sub_btn ul{
	list-style:none;
	}	
#sub_btn li{
	list-style:none;
	display:inline;
	margin-right:5px;
	}
	
	
	
/* =========================================================================
		side
========================================================================= */

#side{
	width:220px;
	float:left;
	}
.side_box{
	width:220px;
	margin:0 0 15px 0;
	}
.side_box h3{
	background-color:#FF0000;
	padding:3px 0 3px 0;
	color:#FFF;
	text-align:center;
	}
.side_tel{
	background-image:url(../image/tel.png);
	background-repeat:no-repeat;
	margin:10px 0 5px 0;
	padding-left:27px;
	font-size:24px;
	font-weight:bold;
	}

.side_box dl {
	margin: 0 0 15px 0;
}
.side_box dl dt {
	line-height: 22px;
	font-size:10px;
	color:#FFF;
	width:70px;
	text-align:center;
	background-color:#FF0000;
	float: left;
}
.side_box dl dd.side_txt {
	text-align: left;
	font-weight:bold;
	line-height: 22px;
	margin-bottom: 5px;
}
.sub_navi ul{
	}
.sub_navi li {
   text-decoration: none;
   text-align:center;
   line-height:40px;
   font-weight:bold;  
   color: #FFF;
   background-image:url(../image/side_btn.png);
   background-repeat:no-repeat;
   width:220px;
   height:40px;
   margin-bottom:5px;
   font-size:14px;
}
.sub_navi li a{
	display: block;
	color:#FFF;
	}
.sub_navi li a:hover{
	background-image:url(../image/side_btn_a.png);
	background-repeat:no-repeat;
	color:#FFF;
	}
.side_address{
	margin-top:15px;
	background-image:url(../image/shop_back.jpg);
	padding:10px 0 10px 10px;
	}
.side_address img{
	margin-bottom:5px;
	}
.side_address h4{
	font-size:10px;
	font-weight:normal;
	margin:0 0 10px 0;
	}

.side_contents_in{
	margin-top:25px;
	}
.side_contents_in h2{
	background-image:url(../image/side_title_back.jpg);
	background-repeat:no-repeat;
	height:35px;
	line-height:35px;
	padding-left:20px;
	}
#side_news li{
	border-bottom:1px dotted #522800;
	padding:8px 0 8px 0;
	line-height:18px;
	}
#side_logo{
	margin:20px 0 30px 0;
	border:1px solid #999;
	}
#side_logo th{
	line-height:30px;
	font-size:14px;
	}

/* =========================================================================
		main
========================================================================= */
#main_contents{
	width:660px;
	float:right;
	line-height:18px;
	}
#main_contents h2{
	background-image:url(../image/title_back.jpg);
	background-repeat:no-repeat;
	height:35px;
	line-height:35px;
	padding-left:20px;
	margin-bottom:5px;
	}
.main_contents_in{
	width:660px;
	margin:0 0 30px 0;
	}

/* =========================================================================
		見出し
========================================================================= */
h1{
	font-size:10px;
	line-height:16px;
	font-weight:normal;
	}
h2{
	font-size:16px;
	line-height:16px;
}
h3{
}

/* =========================================================================
		リンクスタイル
========================================================================= */

a{
	color:#048fb7;
	text-decoration:none;
}
a:hover{
	color: #903;
	}
a img{
	background:none!important;
}

a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

/* =========================================================================
		footer
========================================================================= */

#foot-navi{
	width:100%;
	height:54px;
	background-image:url(../image/footer_link_back.gif);
	background-repeat:repeat-x;
	text-align:center;
	line-height:54px;
	}
	
#foot-navi ul{
	list-style:none;
}
#foot-navi li{
	list-style:none;
	display:inline;
	padding:0 30px 0 30px;
	border-right:1px solid #FFF;
}
li.foot-home{
	border-left:1px solid #FFF;
	}
	
#foot-navi a{
	color:#FFF;
	text-decoration:none;
	}
#foot-navi a:hover{
	color:#C30D23;
	}
#foot_copyright{
	width:100%;
	height:37px;
	color:#221714;
	text-align:center;
	line-height:37px;
	background-image:url(../image/footer_copyright_back.gif);
	background-repeat:repeat-x;
	}
#foot_d-x-b{
	width:100%;
	height:29px;
	line-height:29px;
	text-align:right;
	background-image:url(../image/footer_d-x-b_back.gif);
	background-repeat:repeat-x;
	}
#foot_d-x-b img{
	margin:5px 15px 0 0;
	}
#foot_d-x-b p{
	float:right;
	color:#ccc;
	font-size:10px;
	line-height:25px;
	padding-right:15px;
	}
#foot_d-x-b a{
	color:#ccc;
	}