@charset "utf-8";

body {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,arial,sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #3b3938;
}

a {/*リンクされた文字*/
	color: #2ac0ff;
	text-decoration: none;
}
a:link {/*未訪問のリンク*/
	color: #2ac0ff;
	text-decoration: none;
}
a:visited {/*訪問後のリンク*/
	color: #2ac0ff;
	text-decoration: none;
}
a:hover {/*マウスをのせたとき*/
	color: #e0004c;
	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;}
.f_small {font-size: 12px;}
.f_normal {font-size: 14px;}
.f_middle {font-size: 18px;}
.f_big {font-size: 24px;}

/* 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;}
.va_m {vertical-align: middle;}
.va_t {vertical-align: top;}

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

/* bottom-margin */
.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: 30px !important;}
.mbl {margin-bottom: 60px !important;}

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

/* 色 */
.c_red {color: #ff0000;}
.c_pink {color: #e0004c;}
.c_blue {color: #0068b7;}

.dp_n {display: none;}
.bg_n {background: none !important;}

/* 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.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	}

/********** ページャー **********/
.pager li {
	display: inline-block;
	margin: 0 3px;
}
.pager li span {
	display: inline-block;
	width: 33px;
	line-height: 33px;
	border-radius: 50%;
	background: #cccccc;
	color: #393939;
	text-decoration: none;
	text-align: center;
}
.pager li a {
	display: inline-block;
	width: 33px;
	line-height: 33px;
	border-radius: 50%;
	background: #ffffff;
	color: #2ac0ff;
	text-decoration: none;
	text-align: center;
}
.pager li a:hover {
	background: #cccccc;
	color: #333333;
}


.side-box {
	margin-top: 10px;
	margin-bottom: 45px;
	font-size: 15px;
}
.side-ttl {
	margin-bottom: 10px;
}
.side-list__item {
	margin-bottom: 10px;
}





/********** Page Top **********/
.go_top {
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	right: 20px;
}
.go_top a {
	display: block;
	background: rgba(0,0,0,0.6);
	text-decoration: none;
	color: #fff;
	font-size: 22px;
	width: 50px;
	padding: 8px 0;
	text-align: center;
	border-radius: 5px;
}
.go_top a:hover {
	text-decoration: none;
	background: rgba(0,0,0,0.4);
}



/********** レイアウト **********/
.wrap {
	margin: 0 auto;
	width: 960px;
}
#main_contents {
	float:right;display:inline;
	width: 735px;
}
#side_contents {
	float:left;display:inline;
	margin: 0 30px 0 0;
	width: 195px;
}

/***** header *****/
.header_wrap {
	padding: 11px 0 15px 0;
	border-top: 4px solid #0060ae;
}
.header_left {
	float:left;display:inline;
	width: 255px;
}
.header_right {
	float:right;display:inline;
	width: 675px;
}
#header h1 {
	margin: 0 0 8px 5px;
	font-size: 12px;
}
.header_info h2 {
	float:left;
	margin-right: 15px;
	width: 180px;
}
.header_info_contact {
	float:left;
	width: 480px;
	line-height: 1;
}

/***** パンくず *****/
.breadcrumbs {
	padding: 15px 15px 0 15px;
	font-size: 0;
}
.breadcrumbs li {
	position: relative;
	display: inline-block;
	margin-left: 25px;
	font-size: 12px;
}
.breadcrumbs li:first-child {
	float: left;
	margin-left: 0;
}
.breadcrumbs li:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: -18px;
	margin-top: -5px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.breadcrumbs li:first-child:before {
	border: 0;
}

/***** main_navi *****/
.navi_wrap {
	background: url(../images/bg_navi.gif) repeat-x ;
}
#main_navi {
	width: fit-content;
	margin: 0 auto;
}
#main_navi li {
	float:left;display:inline;
}

/***** contents *****/
#top #contents {
	padding: 45px 0 0 0;
}
#contents {
	padding: 15px 0 0 0;
	min-height: 600px;
}
.main_banner li {
	margin: 0 0 15px 0;
}

.side_banner li {
	margin: 0 0 15px 0;
}
/***** footer *****/
.footer_wrap {
	margin: 90px 0 0 0;
	padding: 20px 0 0 0;
	height: 145px;
	background: url(../images/bg_footer.gif) repeat-x top;
}
#footer {
	position: relative;
	font-size: 15px;
}
.footer_navi {
	margin: 0 0 15px 0;
}
.footer_navi li {
	display: inline;
}
.footer_bottom {
	margin: 0 0 5px 0;
}
.footer_bottom h1 {
	float:left;display:inline;
	width: 285px;
}
.footer_honsha {
	float:left;display:inline;
	margin: 0 0 0 90px;
	width: 255px;
	color: #908e8b;
	font-size: 13px;
}
.footer_uji {
	float:left;display:inline;
	width: 330px;
	color: #908e8b;
	font-size: 13px;
}
.copyright {
	font-size: 12px;
	color: #908e8b;
}
.ft_privacy_mark {
	position: absolute;
	right: 0px;
	top: 0px;
}

/********** フォーム関連 **********/
.year ,.month ,.day ,.hour ,.minute ,.second ,.zip ,.tel {
	width: 50px;
}
.error {
	margin: 5px 0 0 0;
	color: red;
}

/***** inputボタン *****/
input,textarea,select {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 4px;
	line-height: 20px;
	border: 1px solid #cccccc;
	overflow-x: hidden;
	color: #666666;
	vertical-align: middle;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,arial,sans-serif;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
input:hover,textarea:hover,select:hover {
	border: 1px solid #888888;
	color: #333333;
	box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.2);
}
input: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;
	-moz-box-shadow: 1px 1px 0px rgba(0,0,0,0.2), 0px 0px 3px #67CBDF;
	-webkit-box-shadow: 1px 1px 0px rgba(0,0,0,0.2), 0px 0px 3px #67CBDF;
}
input[type="radio"] {
	margin: 0 3px 0 0;
	padding: 0;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
}
input[type="checkbox"] {
	margin: 0 3px 0 0;
	padding: 0;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
}
.input_btn {
	padding: 4px 10px;
	border: 1px solid #888888;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #EBEBEB;
	background-image: linear-gradient(bottom, rgb(221,221,221) 0%, rgb(254,254,254) 100%);
	background-image: -o-linear-gradient(bottom, rgb(221,221,221) 0%, rgb(254,254,254) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(221,221,221) 0%, rgb(254,254,254) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(221,221,221) 0%, rgb(254,254,254) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(221,221,221) 0%, rgb(254,254,254) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(221,221,221)),
		color-stop(1, rgb(254,254,254))
	);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 0 0 3px rgba(230,230,250,0.3);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 0 0 3px rgba(230,230,250,0.3);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 0 0 3px rgba(230,230,250,0.3);
	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 #67CBDF;
	background: #31AAC2;
	background-image: linear-gradient(bottom, rgb(49,170,194) 32%, rgb(81,190,212) 83%);
	background-image: -o-linear-gradient(bottom, rgb(49,170,194) 32%, rgb(81,190,212) 83%);
	background-image: -moz-linear-gradient(bottom, rgb(49,170,194) 32%, rgb(81,190,212) 83%);
	background-image: -webkit-linear-gradient(bottom, rgb(49,170,194) 32%, rgb(81,190,212) 83%);
	background-image: -ms-linear-gradient(bottom, rgb(49,170,194) 32%, rgb(81,190,212) 83%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.32, rgb(49,170,194)),
		color-stop(0.83, rgb(81,190,212))
	);

	box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0 0 3px rgba(200,200,250,0.3), 0 2px 5px rgba(0,100,255, 0.4);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0 0 3px rgba(200,200,250,0.3), 0 2px 5px rgba(0,100,255, 0.4);
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5), inset 0 0 3px rgba(200,200,250,0.3), 0 2px 5px rgba(0,100,255, 0.4);
	text-shadow:0px 1px 0px rgba(0,0,0,0.3);
	color: #ffffff !important;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,arial,sans-serif;
	cursor: pointer;
}
.input_btn a:hover {
	color: #ffffff !important;
	text-decoration: none;
}
label {
	cursor: pointer;
}

.input_img {
	padding: 0;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
}
.input_img:hover {
	padding: 0;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/********** 会員機能 **********/
/***** ログイン *****/
.account_login {
	margin: 0 auto;
	padding: 20px 20px;
	width: 300px;
	border: 3px solid #cccccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-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;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	cursor: pointer;
}
.a_btn_edit:hover {
	padding: 0;
	border: none;
	color: #ffffff;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-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')");
}