@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : module.css
 Style Info : 共通要素の基本設定

11px = 85%		12px = 93%		13px = 100%		14px = 108%
15px = 116%		16px = 123.1%	17px = 131%		18px = 138.5%
19px = 146.5%	20px = 153.9%	21px = 161.6%	22px = 167%
23px = 174%		24px = 182%		25px = 189%		26px = 197%
=================================================================== */

/*----------------------------------------------------------------
	共通
----------------------------------------------------------------*/
html{
	overflow-y:scroll;
}
body{
	color: #444;
	background: #fff;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
body.large{
	font-size:14px;
}
body.small{
	font-size:10px;
}
/* for IE6, 7 */
body,input,textarea{
	/font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
h1,h2,h3,h4,h5,h6,dt{
	font-weight: bold;
}
textarea{
	resize: vertical;
}
img{
	vertical-align: top;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
em{ color: #511; font-weight: bold; font-style:normal; }
textarea{ resize: vertical; }
address{ font-style: normal; }
a, a:link{
	color: #0098d8;
	text-decoration: none;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
a:visited{
	text-decoration: none;
	color: #0098d8;
}
a:hover{
	text-decoration: none;
	color: #ed287b;
}
a:active{
}

/* page要素
----------------------------------------------------------- */
div#page{
	font-size:93%;
	text-align: left;
}

/* header要素
----------------------------------------------------------- */
#header{
	background:url(../img/bg/border01.jpg) repeat-x;
}
#header .inner{
	width:1000px;
	margin:0 auto;
}
#header hgroup{
	width:260px;
	height:109px;
	overflow:hidden;
	float:left;
}
#header section{
	width:690px;
	padding:3px 0 0 0;
	height:106px;
	float:right;
}
#header p.hdr{
	padding:5px 0 0 20px;
	font-size:11px;
}

#header hgroup h2 img{
        padding-left:20px;
}

/* globalNavi Style要素
----------------------------------------------------------- */
#globalNavi{
	margin-top: 18px;
	clear:both;
	overflow: hidden;
	_zoom: 1;
	background:url(../img/bg/border02.jpg) center bottom repeat-x;
	padding:0 0 26px 0;
}
#globalNavi .inner{
	width:960px;
	margin:0 auto;
}

#globalNavi ul{
	width:966px;
	float:right;
}

#globalNavi li{
	float: left;
}

/* mainVisual要素
----------------------------------------------------------- */
#mainVisual{
	width:960px;
	margin:0;
}
#mainVisual a{
	cursor:default;
}
.indexBody #mainVisual{
	width:960px;
	height:340px;
	overflow:hidden;
	margin:0 0 35px 0;
}
.box_skitter ul{
	display:none;
}
.info_slide_dots{
	display:none;
}
.box_skitter {
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
}
.box_skitter ul {
    display: none;
}
.box_skitter .container_skitter {
    overflow: hidden;
    position: relative;
}
.box_skitter .image {
    overflow: hidden;
}
.box_skitter .image img {
    display: none;
}
.box_skitter .box_clone {
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100px;
    z-index: 20;
}
.box_skitter .box_clone img {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 20;
}
.box_skitter .prev_button {
    background: url("../images/prev.png") no-repeat scroll left top transparent;
    height: 42px;
    left: 35px;
    margin-top: -25px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    top: 50%;
    width: 42px;
    z-index: 100;
}
.box_skitter .next_button {
    background: url("../images/next.png") no-repeat scroll left top transparent;
    height: 42px;
    margin-top: -25px;
    overflow: hidden;
    position: absolute;
    right: 35px;
    text-indent: -9999em;
    top: 50%;
    width: 42px;
    z-index: 100;
}
.box_skitter .info_slide {
    background: none repeat scroll 0 0 #000000;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font: bold 11px arial;
    left: 15px;
    opacity: 0.75;
    padding: 5px 0 5px 5px;
    position: absolute;
    top: 15px;
    z-index: 100;
}
.box_skitter .info_slide .image_number {
    background: none repeat scroll 0 0 #333333;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    float: left;
    margin: 0 5px 0 0;
    padding: 2px 10px;
}
.box_skitter .info_slide .image_number_select {
    background: none repeat scroll 0 0 #CC0000;
    float: left;
    margin: 0 5px 0 0;
    padding: 2px 10px;
}
.box_skitter .container_thumbs {
    height: 50px;
    overflow: hidden;
    position: relative;
}
.box_skitter .info_slide_thumb {
    border-radius: 0 0 0 0;
    bottom: -5px;
    height: 45px;
    left: -5px;
    opacity: 1;
    overflow: hidden;
    padding: 5px;
    top: auto;
}
.box_skitter .info_slide_thumb .image_number {
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 70px;
}
.box_skitter .info_slide_thumb .image_number img {
    left: -50px;
    position: absolute;
    top: -50px;
}
.box_skitter .box_scroll_thumbs {
    padding: 0 10px;
}
.box_skitter .box_scroll_thumbs .scroll_thumbs {
    background: -moz-linear-gradient(-90deg, #555555, #FFFFFF) repeat scroll 0 0 transparent;
    border: 1px solid #333333;
    border-radius: 20px 20px 20px 20px;
    bottom: 60px;
    cursor: pointer;
    height: 10px;
    left: 50px;
    overflow: hidden;
    position: absolute;
    text-indent: -9999em;
    width: 200px;
    z-index: 101;
}
.box_skitter .info_slide_dots {
    border-radius: 50px 50px 50px 50px;
    bottom: -40px;
    padding: 5px 0 5px 5px;
    position: absolute;
    z-index: 151;
}
.box_skitter .info_slide_dots .image_number {
    background: none repeat scroll 0 0 #333333;
    border-radius: 50px 50px 50px 50px;
    cursor: pointer;
    float: left;
    height: 18px;
    margin: 0 5px 0 0;
    overflow: hidden;
    text-indent: -9999em;
    width: 18px;
}
.box_skitter .info_slide_dots .image_number_select {
    background: none repeat scroll 0 0 #CC0000;
    float: left;
    margin: 0 5px 0 0;
}
.box_skitter .label_skitter {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    z-index: 150;
}
.loading {
    background: url("../images/ajax-loader.gif") no-repeat scroll left top transparent;
    color: #FFFFFF;
    height: 32px;
    margin: -16px;
    overflow: hidden;
    position: absolute;
    right: 50%;
    text-indent: -9999em;
    top: 50%;
    width: 32px;
    z-index: 10000;
}
.label_skitter {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    color: #FFFFFF;
    display: none;
    left: 0;
    opacity: 0.8;
    position: absolute;
    z-index: 150;
}
.label_skitter p {
    font: 22px arial,tahoma;
    letter-spacing: -1px;
    margin: 0;
    padding: 10px;
}
.info_slide * {
    font-family: Consolas,arial,tahoma !important;
}
.box_skitter .progressbar {
    background: none repeat scroll 0 0 #000000;
    border-radius: 20px 20px 20px 20px;
    height: 5px;
    left: 15px;
    position: absolute;
    top: 5px;
    width: 200px;
    z-index: 99;
}

/* contents要素
----------------------------------------------------------- */
div#contents{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	_zoom: 1;
}
#contents #crumbs{
	width:940px;
	background:#f0f0f0;
	padding:8px 10px;
	margin:0 0 25px 0;
}
#contents #crumbs ul{
	display: inline;
}
#contents #crumbs li{
	color:#000;
	display: inline;
}
#contents #crumbs li span{
	color:#0098d8;
	padding:0 10px;
 }

/* main要素
----------------------------------------------------------- */
#main{
	width: 640px;
	padding:0 0 0 20px;
	float: left;
	font-size: 100%;
	line-height: 150%;
}
#main a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#main article{
}
#main section{
}
#main p{
}
#main span{ color: #F00; }

/* 共通要素
----------------------------------------------- */
#main .kome {
	padding-left: 1em;
	text-indent: -1em;
}
#main .dis{
	background: #EEE;
	padding: 20px;
}
#main .dis em{
	display:block;
	font-style:normal;
	color:#ed287b;
	font-size:18px;
	padding:0 0 10px 0;
}

/* jsクラス */
.txtR{ text-align: right; }
.txtC{ text-align: center; }
.tabNav{ margin-bottom: 10px; }
.tabNav li{ display: inline; margin-right: 10px;}
.switchHat{ background: url(../img/icon/pura.jpg) no-repeat center left; padding-left: 10px; }
.nowOpen{ background: url(../img/icon/nainasu.jpg) no-repeat center left; }
.firstChild{}
.lastChild{}

/* ページ分割ナビ
------------------------------------------------------------ */
#contents .wp-pagenavi {
	width:auto;
    overflow: hidden;
    padding: 20px 0 40px;
    text-align: center;
}
#contents .wp-pagenavi a, #main .wp-pagenavi span {
    background: none repeat scroll 0 0 #ed287b;
    border: 1px solid #ed287b;
    color: #FFFFFF;
    display: inline-block;
    margin-right: 5px;
    padding: 5px 10px;
	/display: inline;
	/zoom: 1;
}
#contents .wp-pagenavi span {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #ed287b;
}
#contents .wp-pagenavi .pages {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #ed287b;
    margin-right: 20px;
}
#contents .wp-pagenavi a:hover {
    background: none repeat scroll 0 0 #F25E9C;
    text-decoration: none;
}
#contents .wp-pagenavi .alignleft {
    display: inline-block;
	/display: inline;
	/zoom: 1;
}
#contents .wp-pagenavi .center {
    display: inline-block;
	/display: inline;
	/zoom: 1;
}
#contents .wp-pagenavi .alignright {
    display: inline-block;
	/display: inline;
	/zoom: 1;
}

/* side要素
----------------------------------------------------------- */
#side{
	width: 240px;
	float: right;
	padding:0 0 50px 0;
}
#side a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#side01{
	width:240px;
	padding:0 0 17px 0;
}
#side01 p{
	width:240px;
	margin:0 0 10px 0;
}
#side02{
	width:240px;
	padding:0 0 27px 0;
}
#side02 a:hover img {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#side03{
	width:240px;
	padding:0 0 5px 0;
	background:url(../img/side/side03_bg.jpg) center bottom no-repeat;
}
#side03 h2 img{
	border: solid 1px #ddd;
	border-bottom: none;
}
#side03 div{
	width:238px;
	padding:0 0 15px 0;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
#side03 dl{
	width:220px;
	margin:0 auto;
	font-size:93%;
}
#side03 dl dt{
	width:220px;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	font-weight:normal;
	background:url(../img/bg/border03.jpg) center bottom repeat-x;
}
#side03 dl dd{
	width:220px;
}
#side03 dl .side03_01{
	padding:0 0 15px 0;
	margin:0 0 15px;
	border-bottom:dotted 1px #ddd;
}
#side03 dl dd table{
	width:220px;
}
#side03 dl dd table th{
	width:25%;
}
#side03 dl dd table th img{
	display:block;
}
#side03 dl dd table th img.btn{
	padding:5px 0 0 0;
}
#side03 dl dd table td{
	vertical-align:top;
	width:75%;
}
#side03 dl dd table td span{
	font-size:18px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	color:#0098d8;
}
#side_blog{
	width:240px;
	padding:0 0 17px 0;
}
#side_blog p{
	width:240px;
	margin:0 0 10px 0;
}

#side #tw-page{
	margin-top:20px;
	}

/* footerメニュー
----------------------------------------------------------- */
#f_menu{
	background:#0098d8;
}
#f_menu .inner{
	width:960px;
	height:30px;
	overflow:hidden;
	margin:0 auto;
	background:url(../img/footer/f_menu_bg.jpg) left center no-repeat;
}
#f_menu ul{
	width:845px;
	padding:0 0 0 20px;
	list-style-type:none;
	float:left;
}
#f_menu ul li{
	color:#fff;
	display:inline;
	float:left;
	line-height:30px;
}
#f_menu ul li a{
	padding:0 3px;
	color:#fff;
	font-size:93%;
}
#f_menu ul li a:hover{
	text-decoration:underline;
}
#f_menu p.pt{
	width:95px;
	float:right;
}

/* footer要素
----------------------------------------------------------- */
#footer{
	background: url(../img/footer/footer_bg.jpg) left top repeat-x;
	min-height:180px;
	padding:40px 0 0 0;
}
#footer .inner{
	width:960px;
	margin:0 auto;
}
#footer h2{
	width:180px;
	float:left;
}
#footer dl dd{
	padding:5px 0;
	font-size:93%;
}
#footer .f_ikeda{
	width:250px;
	float:left;
}
#footer .f_nishinomiya{
	width:250px;
	float:left;
}
#footer .copyright{
	clear: both;
	color:#666;
	width:960px;
	margin:0 auto;
	padding:35px 0;
	font-family: Arial, Helvetica, sans-serif;
}
#footer .copyright a{
	color:#666;
	text-decoration:underline;
}
#footer .copyright a:hover{
	text-decoration: none;
}
#footer .copyright span a{
	font-size:10px;
	text-decoration:none;
	color:#ccc;
	padding:0 0 0 10px;
}

/* タイトル共通
----------------------------------------------------------- */
.sub_title01{
	width:640px;
	margin:0 0 30px 0;
	font-size:24px;
	line-height:28px;
	color:#266680;
}
.sub_title02{
	width:640px;
	margin:0 0 30px 0;
	font-size:24px;
	line-height:28px;
	color:#f05a28;
}
.sub_title03{
	width:640px;
	margin:0 0 30px 0;
	font-size:24px;
	line-height:28px;
	color:#ed287b;
}
.sub_title04{
	width:640px;
	margin:0 0 30px 0;
	font-size:24px;
	line-height:28px;
	color:#71b31b;
}
.sub_title05{
	width:640px;
	padding:20px 0;
	margin:0 0 30px 0;
	font-size:24px;
	line-height:28px;
	color:#266680;
	background:url(../img/bg/border04.jpg) left bottom repeat-x;
}

/* 各店舗アクセスボタン
----------------------------------------------------------- */
.ac_btn{
	width:640px;
	padding:0 0 25px 0;
	list-style-type:none;
}
.ac01{
	width:311px;
	float:left;
}
.ac02{
	width:311px;
	float:right;
}


/* clearfix */
.inner:after{
    content: "";
    display: block;
    clear: both;
}
.clearfix{ width: 100%; }
#main .imgArea:after, .clearfix:after
{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }