@charset "UTF-8";

/* -------------------------------
スタイルの初期化 */

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object { margin:0; padding:0; }

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-size:80%;
	line-height: 1.6;
	text-autospace:ideograph-alpha;
	background:#fff url(../img/common/bg.jpg);
	color:#000;
}

a img { border:0; vertical-align:bottom; }
ul, ol { list-style-type:none; }
sup { position: relative; vertical-align: baseline; top: -0.9em; font-size: 0.5em; }
hr { display: none; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal;}
th, caption{ text-align: left; font-weight: normal; }
th,td { empty-cells:show; }

input[type="text"],input[type="password"],input[type="text"] { padding:2px; margin-right:3px; font-size:100%; }
input[type="submit"] { display:inline; margin:0; }
input[type="button"] { display:inline; margin:0; font-size:100%; }
input[type="checkbox"] { margin-right:5px; vertical-align: middle; }
input[type="radio"] { margin-right:3px; }
textarea { padding:2px; font-size:100%;}
select { font-size:100%; padding:2px}
optgroup { font-style:normal; }
option { padding-right:3px; }

.hproduct { display:none; }


/* -------------------------------
共通*/

/*switch_image*/
.switch_image {
background:none !important;
}

/* */
.center_block{
	width:950px;
	margin:0 auto;
	text-align:center;
}

.clear{
	clear:both;
}

/*レイアウト左寄せ*/
.float_left{
	float:left;
}
/*レイアウト右寄せ*/
.float_right{
	float:right;
}

/*テキスト左寄せ*/
.text_left{
	text-align:left;
}
/*テキスト中央寄せ*/
.text_center{
	text-align:center;
}
/*テキスト右寄せ*/
.text_right{
	text-align:right;
}

/*リンク*/
a{color:#000;}
a:link{
	text-decoration:none;	
}
a:visited{
	text-decoration:none;	
}
a:hover{
	text-decoration:underline;
}
a:active{
	text-decoration:none;	
}


/* -------------------------------
ヘッダ */

#header{
	text-align:left;
	background:#fff url(/img/common/header_bg.jpg) repeat-x left top;
	padding:20px 0 12px 0;
}

/*キャッチコピー*/
#header .catch_copy{
	font-size:11px;
	text-align:left;
	margin-bottom:5px;
}

/*ロゴ*/
#header .logo{
	float:left;
	text-align:left;
}
#header .logo li{
	float:left;
	margin-right:15px;
}
#header .logo li.hitrust{
	padding-top:10px;
}
#header .logo li.hitrust p{
	margin-bottom:5px;
}
#header .logo li.hitrust p.tagline{
	background-image:url(/img/common/txt_hitrust_catchcopy.jpg);
	font-size:95%;
}
/*トップリンク*/
#header .link{
	float:right;
	padding-top:36px;
}
#header .link li{
	display:inline;
	margin-left:15px;
}


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

#menu{
	text-align:left;
	margin:0;
	padding:6px 0;
	background:url(/img/common/menu_bg.jpg) repeat-x left top;
}
#menu ul{
	width:950px;
	margin:0 auto;
	background:url(/img/common/menu_bg_in.jpg) no-repeat left top;
}
#menu li{
	display:inline;
	text-align:left;
}
#menu .dropdown{
	float:left;
	font-size:12px;
}
#menu .dropdown ul{
	position:absolute;
	opacity:0;
	display:none;
	background:#fff;
	overflow:hidden;
	width:156px;
	border:1px solid #52a026;
	border-top:0;
	font-family:ＭＳ Ｐゴシック;
	z-index:3;
}
#menu .dropdown li{
	width:158px;
	height:53px;
	cursor:pointer;
}
#menu .dropdown li a,
#menu .dropdown li a:active,
#menu .dropdown li a:visited{
	display:block;
	padding:8px 15px 8px 34px;
	text-decoration:none;
	background:url(/img/common/icon_point02.gif) no-repeat 18px 14px;
}
#menu .dropdown li a:hover{
	color:#3b8713;
}




/* -------------------------------
コンテンツ*/

#content{
	text-align:left;
	background:#fff;
	padding:15px 10px 50px 10px;
	width:930px;
}

/*パンくず*/
#path_box{
	margin-bottom:15px;
	font-size:85%;
}
#path_box li{
	display:inline;
}
#path_box li a{
	background:url(/img/common/icon_errow.jpg) no-repeat right center;
	margin-right:10px;
	padding-right:13px;
}

/*メイン*/
#main{
	float:right;
	width:685px;
}

/*サイドバー*/
#sidebar{
	width:225px;
	float:left;
}

/*会員限定*/
#sidebar #member{
	background:url(/img/common/member_bg_bottom.jpg) no-repeat left bottom;
	margin:-3px 0 25px 0;
	position:relative;
}
#sidebar #member .member_in{
	padding:0 14px 9px 14px;
	background:url(/img/common/member_bg.jpg) repeat-y left top;
}
#sidebar #member .txt{
	margin-bottom:8px;
	font-size:90%;
}
#sidebar #member .btn{
	margin-bottom:7px;
	width:190px;
	height:34px;
	text-align:center;
	padding:5px 2px 5px 5px;
	background:url(/img/common/member_btn_bg.jpg) no-repeat left top;
}
#sidebar #member .btn li{
	margin-right:3px;
	display:inline;
}
#sidebar #member .ps{
	background:url(/img/common/bg_dot01.gif) repeat-x left top;
	padding-top:8px;
	clear:both;
	color:#005a55;
	font-size:85%;
}


/*バナー*/
#banner{
	margin-bottom:20px;
}
#banner p.ba01{
	margin:-6px 0 10px 0;
	position:relative;
}
#banner p.ba02{
	margin:-6px -13px 0 0;
	position:relative;
}

/*店舗案内*/
#store_list{
	margin-bottom:25px;
}
#store_list dt{
	margin-bottom:10px;
	border-top:3px solid #51a127;
	background:url(/img/common/bg_dot02.jpg) repeat-x left bottom;
	height:24px;
	padding:8px 8px 0 8px;
}
#store_list dd{
	margin-bottom:3px;
	padding:0 8px;
}

/*その他*/
#other{
	padding:8px 8px 6px 8px;
	background:#eaeaea;
}
#other li{
	margin-bottom:2px;
}

/*タイトル*/
.content_title{
	margin-bottom:15px;
}

/*…たい方*/
#for_list{
	margin-bottom:22px;
}
#for_list li{
	padding-bottom:3px;
}


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

#footer{
	text-align:left;
	background:#fff url(/img/common/footer_bg.jpg) repeat-x left top;
	padding:0 10px 15px 10px;
	clear:both;
}

/*ページトップへ*/
#footer .pagetop{
	width:930px;
	margin:0 auto 15px auto;
	text-align:right;
}
#footer .pagetop img{
	vertical-align:top;
}

/*フッタメニュー*/
#footer ul{
	font-size:85%;
	text-align:left;
	margin-bottom:10px;
}
#footer li{
	display:inline;
	background:url(/img/common/footer_line.jpg) no-repeat right 3px;
	margin-right:10px;
	padding-right:10px;
	line-height:2;
}
#footer li ul{
	display:inline;
	font-size:100%;
	margin-left:10px;
}
#footer li ul li{
	background:url(/img/common/footer_ic.jpg) no-repeat left 2px;
	padding:0 0 0 17px;
	line-height:auto;
}
#footer li.last{
	background:none;
}
#footer li ul li.last{
	margin-right:0;
	background:url(/img/common/footer_ic.jpg) no-repeat left 2px;
}

/*会社情報*/
#footer address{
	text-align:left;
}




/* -------------------------------
clearfix */

#header,
#menu,
#content,
#footer,
#banner,
.info_block,
#content .content_top,
#content .content_top .content_in .top_block,
#content .content_in,
.focus_border{
display: inline-table;/* MACのIE向け */
/* \*/ display: block;/* *//* MACのIE以外にdisplay: block;を上書き */
min-height: 1px;/* IE7向けに親ボックスの最小高さを指定 */
}
/* IE6以下にはスターハックを使い親ボックスの高さを指定 */
/* MACのIEには以下の内容を適用しない \*/
* html #header,
* html #menu,
* html #content,
* html #footer,
* html #banner,
* html .info_block,
* html #content .content_top,
* html #content .content_top .content_in .top_block,
* html #content .content_in,
* html .focus_border{
height: 1%;
}
/* MACのIEには以上の内容を適用しない */
/* IE以外のモダンブラウザ向け */
#header:after,
#menu:after,
#content:after,
#footer:after,
#banner:after,
.info_block:after,
#content .content_top:after,
#content .content_top .content_in .top_block:after,
#content .content_in:after,
.focus_border:after{
content: ".";/*ピリオド（.）を生成*/
display: block;/*clearを効かせるためピリオドをブロック要素に見せる*/
visibility: hidden;/*ピリオドを隠す*/
height: 0;/*ピリオドの高さをなくす*/
line-height: 0;/*ピリオドの行間をなくす*/
clear: both;/*クリアする*/
}