@charset "utf-8";
/* -----------------------------------------------------------
 reset
----------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}hr,legend{display:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}img,abbr,acronym,fieldset{border:0;}img{display:block;}li{list-style-type:none;}
/* -----------------------------------------------------------
 body
----------------------------------------------------------- */
body {
color:#333333;
font-size:90%;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,Serif;
line-height:1.6;
}
#wrapper {background: url(../images/header_bg.gif) top repeat-x;}


/*----------------------------------------------------
 link
----------------------------------------------------*/
a:link,a:visited {color:#006699;}
a:hover,a:active {text-decoration:none;}


/* -----------------------------------------------------------
 clearfix
----------------------------------------------------------- */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	font-size:0.1%;
	line-height:0.1;
	clear:both;
	visibility:hidden;
}
*:first-child+html .clearfix {
	min-height:1%;
}
* html .clearfix {
	height:1%;
}

/*----------------------------------------------------
 general class
----------------------------------------------------*/

/* 基本的にこの項目(general class)は、
　 追加・削除・編集はしないようにお願いします。 */

.imgR { float:right;padding-left:10px; }
.imgL { float:left;padding-right:10px; }
.imgC {text-align:center; display:inline;}
.clear { clear:both; }
.margin_top0 { margin-top:0 !important;}
.margin_top5 { margin-top:5px !important;}
.margin_top10 { margin-top:10px !important; }
.margin_top15 { margin-top:15px !important; }
.margin_top20 { margin-top:20px !important; }
.margin_top40 { margin-top:40px !important; }
.margin_bottom0 { margin-bottom:0 !important;}
.margin_bottom10 { margin-bottom:10px !important; }
.margin_bottom15 { margin-bottom:15px !important; }
.margin_bottom20 { margin-bottom:20px !important; }
.margin_bottom25 { margin-bottom:25px !important; }
.margin_bottom30 { margin-bottom:30px !important; }
.margin_bottom40 { margin-bottom:40px !important; }
.margin_bottom50 { margin-bottom:50px !important; }
.margin_bottom95 { margin-bottom:95px !important; }
.margin_right08 {margin-right:8px;}
.margin_right09 {margin-right:9px;}
.margin_right11 {margin-right:11px;}
.margin_right20 {margin-right:20px;}
.padding_top0 { padding-top:0 !important; }
.padding_top10 { padding-top:10px !important;}
.padding_top15 { padding-top:15px !important;}
.padding_top20 { padding-top:20px !important; }
.padding_bottom0 { padding-bottom:0 !important; }
.padding_bottom10 { padding-bottom:10px !important;}
.padding_bottom15 { padding-bottom:15px !important;}
.padding_bottom20 { padding-bottom:20px !important; }
.Text_left { text-align:left; }
.Text_center { text-align:center; }
.Text_right { text-align:right; }
.Text_XSmall { font-size:80%; }
.Text_small { font-size:90%; }
.Text_Large { font-size:110%; }
.Text_XLarge { font-size:120%; }
.color_brown {color:#652611;}
.color_red {color:#FF0000;}
.Text_chushaku {padding-left: 1em; text-indent: -1em; display: block;}

/* --------------------------------------------------------
 header
----------------------------------------------------------- */
#header {
	width:960px;
	height:100px;
	margin: 0px auto;
}
#headerBox {width: 595px; overflow: hidden;	position: relative;	padding: 22px 5px 0 0; float:left;}
#headerBox p{font-size: 90%; line-height: 1.5; padding-top:8px;}
#headerBnr {width: 360px; float:left;}
#headerBnr ul li{width: 110px; float:left; margin:30px 10px 0 0;}
#headerBnr ul li.li_last {margin-right:0;}

/*#header h1 {float: left; margin-right: 15px;}*/

#headerBox img {float: left; margin-right: 15px;}

/* --------------------------------------------------------
 nav
----------------------------------------------------------- */




#globalNavi { height: 56px; width:960px; margin:0 auto; margin-top:18px;}
#globalNavi li {float:left;}




/* 5つ Ver. 
#globalNavi { height: 56px; width:960px; margin:0 auto; margin-top:18px;}
#globalNavi li {float:left;}
#globalNavi li .li158{width:158px;}
#globalNavi li .li159{width:159px;}
#globalNavi li .li161{width:161px;}
#globalNavi li .li165{width:165px;}
 */

/* --------------------------------------------------------
 mainarea
----------------------------------------------------------- */
#mainarea {width:960px; margin:0px auto 0; background-color:#FFFFFF;}

/* --------------------------------------------------------
 top(index)
----------------------------------------------------------- */
#main_image {width:960px; margin:0 auto; margin-top:20px; clear:both;}

#top {width:960px; margin:24px 0 60px 0;}
#top h2{background:url(../images/h_title_bg.gif) no-repeat; width:940px; height:40px; margin-bottom: 30px; padding: 2px 0 0 20px; font-size:130%; font-weight:bold;}

#top .freedial{margin:5px 0 0 0; display:inline;}


/*左*/

#top_L {width:460px; float:left; padding-right:20px;}

#top_L #detailBox {width:460px; border-bottom:#CCC thin solid; border-right:#CCC thin solid; background:#FAFAFA; padding: 10px 0 10px 0; margin-bottom:30px; position:relative;}
#top_L #detailBox .boxL {width:109px; float:left; padding: 0 12px 0 10px;}
#top_L #detailBox .boxL p{font-size:90%; background:url(../images/arrow_detail.gif) no-repeat left; padding-left:15px; margin-top:5px;}

#top_L #detailBox h3{border-bottom:#FCD000 2px solid; background:url(../../images/shop_h3_arrow.gif) no-repeat left; padding-left:10px; font-size: 110%; font-weight:bold; padding-bottom: 2px;}

#top_L #detailBox h3 a{text-decoration:none !important;}

/* ----夜８時まで営業---- */
#top_L #detailBox .boxR {float:left; padding-right:10px; width:307px; background:url(../../images/note_01.gif) no-repeat; background-position:right 90%}
#top_L #detailBox .boxR dl {width:307px; padding-top:3px;}
#top_L #detailBox .boxR dl dt {clear:both; float:left;}
#top_L #detailBox .boxR dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_L #detailBox .boxR dd {margin-top:7px;}

/* ----4キャリア取扱---- */
#top_L #detailBox .boxR_02 {float:left; padding-right:10px; width:307px; background:url(../../images/note_02.gif) no-repeat; background-position:right 70%}
#top_L #detailBox .boxR_02 dl {width:307px; padding-top:3px;}
#top_L #detailBox .boxR_02 dl dt {clear:both; float:left;}
#top_L #detailBox .boxR_02 dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_L #detailBox .boxR_02 dd {margin-top:7px;}

/* ----夜８時まで営業&キッズコーナー---- */
#top_L #detailBox .boxR_03 {float:left; padding-right:10px; width:307px; background:url(../../images/note_03.gif) no-repeat; background-position:right 100%}
#top_L #detailBox .boxR_03 dl {width:307px; padding-top:3px;}
#top_L #detailBox .boxR_03 dl dt {clear:both; float:left;}
#top_L #detailBox .boxR_03 dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_L #detailBox .boxR_03 dd {margin-top:7px; padding-left: 5em;}

#top_L #detailBox .boxR_03-a {float:left; padding-right:10px; width:307px; background:url(../../images/note_03.gif) no-repeat; background-position:right 68%}
#top_L #detailBox .boxR_03-a dl {width:307px; padding-top:3px;}
#top_L #detailBox .boxR_03-a dl dt {clear:both; float:left;}
#top_L #detailBox .boxR_03-a dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_L #detailBox .boxR_03-a dd {margin-top:7px; padding-left: 5em;}


/* ----平日は夜８時まで営業&キッズコーナー---- 
#top_L #detailBox .boxR_04 {float:left; padding-right:10px; width:307px; background:url(../../images/note_04.gif) no-repeat; background-position:right 114px}
#top_L #detailBox .boxR_04 dl {width:307px; padding-top:3px;}
#top_L #detailBox .boxR_04 dl dt {clear:both; float:left;}
#top_L #detailBox .boxR_04 dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_L #detailBox .boxR_04 dd {margin-top:7px; padding-left: 5em;}*/

/* ----平日は夜9時まで営業&キッズコーナー---- */
#top_L #detailBox .boxR_04 {float:left; padding-right:10px; width:307px; background:url(../../images/note_07.gif) no-repeat; background-position:right 190px}
#top_L #detailBox .boxR_04 dl {width:307px; padding-top:3px;}
#top_L #detailBox .boxR_04 dl dt {clear:both; float:left;}
#top_L #detailBox .boxR_04 dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_L #detailBox .boxR_04 dd {margin-top:7px; padding-left: 5em;}


/* ----平日は夜7時まで営業&キッズコーナー---- */
#top_L #detailBox .boxR_05 {float:left; padding-right:10px; width:307px; background:url(../../images/note_05.gif) no-repeat; background-position:right bottom;}
#top_L #detailBox .boxR_05 dl {width:307px; padding-top:3px;}
#top_L #detailBox .boxR_05 dl dt {clear:both; float:left;}
#top_L #detailBox .boxR_05 dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_L #detailBox .boxR_05 dd {margin-top:7px; padding-left: 5em;}

/* ----駐車場15台---- */
.parking  {
	position: absolute;
	left: 14px;
	top: 155px;
}


/*右*/

#top_R {width:460px; float:left; padding-left:20px;}

#top_R #detailBox {width:460px; border-bottom:#CCC thin solid; border-right:#CCC thin solid; background:#FAFAFA; padding: 10px 0 10px 0; margin-bottom:30px;}
#top_R #detailBox .boxL {width:109px; float:left; padding: 0 12px 0 10px;}
#top_R #detailBox .boxL p{font-size:90%; background:url(../images/arrow_detail.gif) no-repeat left; padding-left:15px; margin-top:5px;}

#top_R #detailBox h3{border-bottom:#FCD000 2px solid; background:url(../../images/shop_h3_arrow.gif) no-repeat left; padding-left:10px; font-size: 110%; font-weight:bold; padding-bottom: 2px;}

#top_R #detailBox h3 a{text-decoration:none !important;}

/* ----夜８時まで営業---- */
#top_R #detailBox .boxR {float:left; padding-right:10px; width:307px; background:url(../../images/note_01.gif) no-repeat; background-position:right 90%}
#top_R #detailBox .boxR dl {width:307px; padding-top:3px;}
#top_R #detailBox .boxR dl dt {clear:both; float:left;}
#top_R #detailBox .boxR dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_R #detailBox .boxR dd {margin-top:7px;}



/* ----夜7時まで営業---- */
#top_R #detailBox .boxR_03 {float:left; padding-right:10px; width:307px; background:url(../../images/note_06.gif) no-repeat; background-position:right 100%}
#top_R #detailBox .boxR_03 dl {width:307px; padding-top:3px;}
#top_R #detailBox .boxR_03 dl dt {clear:both; float:left;}
#top_R #detailBox .boxR_03 dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_R #detailBox .boxR_03 dd {margin-top:7px; padding-left: 5em;}



/* ----夜８時まで営業&キッズコーナー---- */
#top_R #detailBox .boxR_01 {float:left; padding-right:10px; width:307px; background:url(../../images/note_03.gif) no-repeat; background-position:right 100%}
#top_R #detailBox .boxR_01 dl {width:307px; padding-top:3px;}
#top_R #detailBox .boxR_01 dl dt {clear:both; float:left;}
#top_R #detailBox .boxR_01 dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_R #detailBox .boxR_01 dd {margin-top:7px; padding-left: 5em;}


/* ----夜7時まで営業&キッズコーナー---- */
#top_R #detailBox .boxR_02 {float:left; padding-right:10px; width:307px; background:url(../../images/note_05.gif) no-repeat; background-position:right 59%}
#top_R #detailBox .boxR_02 dl {width:307px; padding-top:3px;}
#top_R #detailBox .boxR_02 dl dt {clear:both; float:left;}
#top_R #detailBox .boxR_02 dt {text-align:center; width:60px; font-size: 90%; background: #FCD000; margin:7px 7px 0 0;}
#top_R #detailBox .boxR_02 dd {margin-top:7px; padding-left: 5em;}

/* ----バナー(4キャリア)---- */

.banner_carrier { margin: 0 auto; width:716px; }
.banner_carrier ul li {float:left; margin: 0 27px 20px 0; }
.banner_carrier ul li:last-child {margin-right: 0; }

/*
#top .banner_carrier ul li {width:220px; float:left; margin: 0 20px 20px 0;}
*/

/*
#top_R .banner_carrier ul {width:460px;}
#top_R .banner_carrier ul li {width:220px; float:left; margin: 0 20px 20px 0}
#top_R .banner_carrier ul li.li_last {margin-right:0;}
*/


/* ----バナー(ゆめーる・ポイントカード)---- */
.bnr_youdai-service { margin: 0 auto; width:716px; }
.bnr_youdai-service ul li {float:left; margin: 0 20px 0 0; }
.bnr_youdai-service ul li:last-child {margin-right: 0; }
.bnr_youdai-service a:hover img {  opacity: 0.8;}


/* ----バナー---- */


.bnr_youdai {
	width:960px;
	margin:0 auto 60px;
}



/* 20161207追加（フッター改修のため） */

.footer-bnr {
	float: none;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}


.footer-bnr li {
  float: left;
  margin: 0 16px 17px 0;
	list-style: none;
}

.bnr_youdai a:hover img {
  opacity: 0.8;
}

/*
#bannerarea { width:960px; margin:0 auto; padding-bottom:33px;}
#bannerarea ul {width:960px; margin:0 auto;}
#bannerarea ul li {width:105px; float:left; margin:0 17px 17px 0;}
#bannerarea ul li.li_last {margin-right:0;}
#bannerarea ul li.li_long {width:348px;}
*/

.pagetop { float: right; width: 126px;}


/* --------------------------------------------------------
 footer
----------------------------------------------------------- */
#footer {clear:both; margin:0 auto; background: #FCD000; }

#footer .footer_logo {width:960px; margin:0 auto; height: 150px;}
#footer .footer_logo .logoarea {width:85px; padding:25px 15px 0 0; float:left;}
#footer .footer_logo .address {width:400px; float:left; font-size:80%; line-height:1.5; padding-top: 90px;}

#footer .footer_logo .copyright {width:450px; float:left; font-size:80%; line-height:1.5; padding-top: 45px; text-align:right; padding-top:105px;}

/* --------------------------------------------------------
 contents
----------------------------------------------------------- */
#contents {width:960px; margin:0px auto 0; height:auto;}
#contents h1 {margin:27px 0 30px 0; clear:both;}
#contents h2 {margin-bottom:20px;}
#contents h3 {margin-bottom:28px; background:url(../images/h_title_bg.gif) no-repeat;width:940px; height:40px; padding: 2px 0 0 20px; font-size:130%; font-weight:bold;}
#contents .arrow {background:url(../images/arrow_detail.gif) no-repeat left; padding-left:15px; margin-top:5px;}

#contents #contents_block {width:960px; margin-bottom: 40px;}
#contents #contents_block .boxL{width:480px; padding-right: 40px; float:left;}
#contents #contents_block p{margin-bottom: 15px; }
#contents #contents_block .boxR{width:440px; float:left;}

#contents #contents_block_2 {width:960px; margin: 0 0 60px 10px;}
#contents #contents_block_2 .map{width:940px; text-align:right;}

#contents #contents_block .note {margin-bottom:30px;}
#contents #contents_block .note img {float:left;}

#contents #contents_block .boxR img{float:left;}


#contents #contents_block_2 .contact img{float:left; margin-right:28px;}

#contents #contents_block_2 .contact_info{width:940px; margin-top: 30px;}

#contents #contents_block_2 .contact_info table {border: 1px solid #CCCCCC; width:940px;}
#contents #contents_block_2 .contact_info table th {background:#FCD000; border: 1px solid #CCCCCC; font-weight: bold; padding: 10px; vertical-align: middle; width:100px;}
#contents #contents_block_2 .contact_info td {border: 1px solid #CCCCCC; padding: 10px; vertical-align: middle;}

#contents #contents_block_2 .contact_info .note_01{	background: url(../../docomo_hara/images/img_note_time.gif) no-repeat; background-position: 55% 50%;}

#contents #contents_block_2 ul li{float:left; margin-right:20px;}



/* --------------------------------------------------------
 20160818_追加　SB大仁店
----------------------------------------------------------- */
#contents #contents_block .info { background:url(../../sb_ohito/images/icon_info.gif) no-repeat left; padding-left: 30px; height: 25px;}
#contents #contents_block_2 .info { background:url(../../sb_ohito/images/icon_info.gif) no-repeat left; padding-left: 30px; height: 25px; margin-top: 10px;}