@charset "utf-8";

body {
	font-family: /*Verdana,*/"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
	font-size: 15px;
	line-height: 1.8;
	background: #ffffff;
	color: #353332;
	word-wrap: break-word;
	letter-spacing: 0.05em;
}
br {letter-spacing: 0;}

a {/*リンクされた文字*/
	color: #38a4dd;
	text-decoration: none;
}
a:link {/*未訪問のリンク*/
	color: #38a4dd;
	text-decoration: none;
}
a:visited {/*訪問後のリンク*/
	color: #38a4dd;
	text-decoration: none;
}
a:hover {/*マウスをのせたとき*/
	color: #666666;
	text-decoration: underline;
}
a:active {/*クリック中*/
	text-decoration: none;
}

/******************************/
/* 基本設定 */
/******************************/

/* clearfix */
.cl {zoom:1;}
.cl:after {content:"";display: block;clear: both; height: 0;visibility:hidden;}
*:first-child+html .cl {display:inline-block;}/* for IE7 */
.clear {clear:both;line-height:0;}

/* font関連 */
.bold {font-weight: bold !important;}
.f_s {font-size: 12px !important;}
.f_m {font-size: 14px !important;}
.f_l {font-size: 18px !important;}
.f_ll {font-size: 24px !important;}

/* text-align */
.t_right {text-align: right !important;}
.t_center {text-align: center !important;}
.t_left {text-align: left !important;}

/* vertical-align */
.va_b {vertical-align: bottom !important;}
.va_m {vertical-align: middle !important;}
.va_t {vertical-align: top !important;}

/* float */
.left {float:left;display:inline;}
.right {float:right;display:inline;}

/* bottom-margin */
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

/* right-margin */
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}

/* margin-size */
.mbs {margin-bottom: 15px !important;}
.mbm {margin-bottom: 60px !important;}
.mbl {margin-bottom: 135px !important;}

/* padding */
.plr10 {padding-left: 10px !important;padding-right: 10px !important;}
.plr15 {padding-left: 15px !important;padding-right: 15px !important;}

/* 色 */
.c_red {color: #ff0000;}
.c_orange {color: #f7770f;}
.c_blue {color: #45B1B5;}

.dp_n {display: none;}

/* opacity */
.opa a img {
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	background:#ffffff;
	}
.opa a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	}

/********** ページャー **********/
.pager {
	text-align: center;
}
.pager ul {
	padding: 20px 0;
	letter-spacing: -.40em;
}
.pager li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 5px 0 0;
	width: 35px;
	border: 1px solid #624C02;
	line-height: 35px;
	background: #624C02;
	color: #ffffff;
	border-radius: 3px;
	letter-spacing: normal;
}
.pager li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 35px;
	text-decoration: none;
	background: #ffffff;
	border-radius: 3px;
}
.pager li a:hover {
	background: #624C02;
	color: #ffffff;
}
.pager li.page_next {
	width: 100px;
}
.pager li.page_next a {
	width: 100px;
}
.pager li.page_prev {
	width: 100px;
}
.pager li.page_prev a {
	width: 100px;
}

/********** Page Top **********/
.go_top {
	margin-right: -585px;
	position: fixed;
	bottom: 20%;
	right: 50%;
}


/******************************/
/* レイアウト */
/******************************/
.wrap {
	margin-right: auto;
	margin-left: auto;
	width: 960px;
}
#main_contents {
	float:right;display:inline;
	width: 675px;
}
#side_contents {
	float:left;display:inline;
	margin: 0 0 0 15px;
	width: 210px;
	line-height: 15px;
}

/***** header *****/
#header {
	padding: 15px;
}
#header h1 {
	float: left;
	width: 240px;
}
.hd_navi {
	float: right;
	width: 690px;
}
.help_navi ul {
	float: right;
	margin: 15px 0 15px 0;
	height: 30px;
}
.help_navi li {
	float: left;
}
.help_navi li a {
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	height: 24px;
	background: url(../images/img_help_navi.png) no-repeat;
}
li.help_navi_fb {margin: 0 27px 0 0;}
li.help_navi_fb a {width: 24px;background-position: 0px 0px;}
li.help_navi_fb a:hover {background-position: 0px -30px;}
li.help_navi_cont a {width: 39px;background-position: -51px 0px;}
li.help_navi_cont a:hover {background-position: -51px -30px;}


/***** main_navi *****/
.main_navi ul {
	float: right;
}
.main_navi li {
	float: left;
	margin: 0 0 0 15px;
}
.main_navi li a {
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	height: 60px;
	background: url(../images/img_main_navi.png) no-repeat;
}
li.history_off a {width: 105px;background-position: 0px 0px;}
li.history_off a:hover,
li.history_on a {width: 105px;background-position: 0px -60px;}
li.about_off a {width: 90px;background-position: -120px 0px;}
li.about_off a:hover,
li.about_on a {width: 90px;background-position: -120px -60px;}
li.other_off a {width: 150px;background-position: -225px 0px;}
li.other_off a:hover,
li.other_on a {width: 150px;background-position: -225px -60px;}
li.information_off a {width: 150px;background-position: -390px 0px;}
li.information_off a:hover,
li.information_on a {width: 150px;background-position: -390px -60px;}


/***** contents *****/
#contents {
	min-height: 300px;
}

/***** footer *****/
.ft_wrap {
	padding: 30px 0 15px 0;
	background: #f7f8f8;
	width: 100%;
}
#footer h1 {
	float: left;
	width: 240px;
}
.ft_navi {
	float: right;
	margin: 15px 15px 0 0;
	width: 555px;
}

.ft_main_navi {
	margin: 0 0 45px 0
}
.ft_main_navi ul {
	float: right;
}
.ft_main_navi li {
	float: left;
	margin: 0 0 0 15px;
}
.ft_main_navi li a {
	display: block;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	height: 15px;
	background: url(../images/img_ft_navi.png) no-repeat;
}
li.ft_history a {width: 105px;background-position: 0px 0px;}
li.ft_history a:hover {background-position: 0px -15px;}
li.ft_about a {width: 90px;background-position: -120px 0px;}
li.ft_about a:hover {background-position: -120px -15px;}
li.ft_other a {width: 150px;background-position: -225px 0px;}
li.ft_other a:hover {background-position: -225px -15px;}
li.ft_information a {width: 150px;background-position: -390px 0px;}
li.ft_information a:hover {background-position: -390px -15px;}


.ft_navi .help_navi {
	float: right;
}
.ft_navi .help_navi ul {
	margin: 7px 0 0 0;
}

.copyright {
	float:left;
	margin: 18px 0 0 15px;
	font-size: 8px;
}



/******************************/
/* フォーム関連 */
/******************************/

.year ,.month ,.day ,.hour ,.minute ,.second ,.zip ,.tel {
	width: 50px;
}
.shop_name {
	width: 180px;
}
.shop_address {
	width: 330px;
}
.error {
	margin: 5px 0 0 0;
	color: red;
}

/***** inputボタン *****/
input[type="text"],input[type="password"],textarea,select {
	padding: 6px 4px;
	border: 1px solid #b2b0ad;
	border-radius: 0px;
	color: #666666;
	vertical-align: middle;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,arial,sans-serif;
	font-size: 24px;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.1);
}
textarea {
	font-size: 18px;
}
input[type="text"]:hover,input[type="password"]:hover,textarea:hover,select:hover {
	border: 1px solid #888888;
	color: #333333;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus {
	border: 1px solid #67CBDF;
	color: #333333;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.2), 0px 0px 3px #67CBDF;
}
input[type="radio"],input[type="checkbox"] {
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.input_btn {
	padding: 5px 15px;
	border: 1px solid #bbbbbb;
	border-radius: 4px;
	background: #EBEBEB;
	background-image: -moz-linear-gradient(#fff,#ddd);
	background-image: -ms-linear-gradient(#fff,#ddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#ddd));
	background-image: -webkit-linear-gradient(#fff,#ddd);
	background-image: -o-linear-gradient(#fff,#ddd);
	background-image: linear-gradient(#fff,#ddd);
	text-shadow:0px 1px 0px rgba(255,255,255,0.8);
	color: #202D37;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,arial,sans-serif;
	font-size: 14px;
	font-weight: normal !important;
	cursor: pointer;
}
.input_btn:hover {
	border: 1px solid #aaaaaa;
	background-color: #d8d8d8;
	background-image: -moz-linear-gradient(#f8f8f8,#d8d8d8);
	background-image: -ms-linear-gradient(#f8f8f8,#d8d8d8);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f8f8f8),color-stop(100%,#d8d8d8));
	background-image: -webkit-linear-gradient(#f8f8f8,#d8d8d8);
	background-image: -o-linear-gradient(#f8f8f8,#d8d8d8);
	background-image: linear-gradient(#f8f8f8,#d8d8d8);
	border-color: #bbb;
	color: #333333 !important;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,arial,sans-serif;
	cursor: pointer;
}
.input_btn a:hover {
	color: #333333 !important;
	text-decoration: none;
}
label {
	cursor: pointer;
}
/* input画像ボタンにつける */
.input_img {
	padding: 0;
	border: none;
	box-shadow: none;
	cursor: pointer;
}
.input_img:hover {
	padding: 0;
	border: none;
	box-shadow: none;
}
/* inputテキストボタンにつける */
.input_txt {
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
}
.input_txt:hover {
	padding: 0;
	border: none;
	background: none;
	box-shadow: none;
	cursor: pointer;
	text-decoration: underline;
}

/********** 会員機能 **********/
/***** ログイン *****/
.account_login {
	margin: 0 auto;
	padding: 20px 20px;
	width: 300px;
	border: 3px solid #cccccc;
	border-radius: 5px;
}
.login_form {
	margin: 0 0 15px 0;
}
.login_form h3 {
	margin: 0 0 5px 0;
}
.login_form div {
	margin: 0 0 15px 0;
}
.login_form input {
	width: 290px;
}

/***** 会員登録ボタン類 *****/
.a_btn_edit {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	padding: 0;
	border: none;
	width: 220px;
	line-height: 36px;
	text-decoration: none;
	border-radius: 3px;
	box-shadow: none;
	cursor: pointer;
}
.a_btn_edit:hover {
	padding: 0;
	border: none;
	color: #ffffff;
	box-shadow: none;
}
.a_prev_btn {
	background: #A9A59A;
	color: #ffffff;
	line-height: 36px;
}
.a_prev_btn:hover {
	background: #77756E;
}
.a_next_btn{
	background: #247453;
	color: #ffffff;
	line-height: 36px;
}
.a_next_btn:hover {
	background: #0C5235;
}


/***** フレーム *****/
.account_regist {
	padding: 0 90px;
}
.a_user_frame {
	margin: 0 0 30px 0;
	padding: 20px;
}
.a_b_color {
	border: 3px solid #cccccc;
}

/***** table *****/
.a_user_address {
	width: 100%;
}
.a_user_address th{
	padding: 10px 15px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background: #f7f7f7;
	font-weight: bold;
}
.a_user_address td {
	padding: 10px 15px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/***** マイページ *****/
.mypage_navi li {
	margin: 0 0 15px 0;
}
.col2_form_table table {
	width: 100%;
}



/********** 共通入力テーブル **********/
.data_table {
	margin: 0 0 15px 0;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	width: 100%;
}
.data_table th {
	padding: 5px 10px;
	width: 135px;
	border: 1px solid #cccccc;
	background: #eeeee8;
background-image: linear-gradient(bottom, rgb(223,223,213) 0%, rgb(238,238,232) 100%);
background-image: -moz-linear-gradient(bottom, rgb(223,223,213) 0%, rgb(238,238,232) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(223,223,213)),
	color-stop(1, rgb(238,238,232))
);
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.8);
	font-weight: bold;
}
.data_table td {
	padding: 10px 15px;
	border: 1px solid #cccccc;
}



/********** ColorBox Core Style ***********/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}