@charset "utf-8";

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

a{/*リンクされた文字*/
	color:#d47101;
	text-decoration:underline;
}
a:link {/*未訪問のリンク*/
	color:#d47101;
	text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
	color:#d47101;
	text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
	color:#ffffff;
	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: 10px;}
.f_12 {font-size: 12px;}
.f_normal {font-size: 14px;}
.f_middle {font-size: 16px;}
.f_big {font-size: 20px;}


/* 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 */
.mb3{margin-bottom:3px !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;}
.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;}

.mt0{margin-top:0px !important;}

.mbs{margin-bottom:15px !important;}
.mbm{margin-bottom:30px !important;}
.mbl{margin-bottom:60px !important;}

/* 幅 */
.w18{width:18px;}
.w30{width:30px;}
.w40{width:40px;}
.w80{width:80px;}
.w100{width:100px;}
.w150{width:150px;}
.w180{width:180px;}
.w200{width:200px;}
.w250{width:250px;}

/* 色 */
.red {color: #ff0000;}

.dp_n {display: none;}



/* clearfix */
.cl {
	zoom:1;
}
.cl:after {
	content:"";
	display: block;
	clear: both; height: 0;
	visibility:hidden;
}
.clear {
	clear:both;
	line-height:0;
}

/* 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;
	}
.opa a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	}

.btn_google{
	margin-top:0;
	width:70px;
}
.btn_twitter{
	margin-top:2px;
}
.btn_facebook{
	margin-top:2px;
}
.btn_mixi_like{
	margin-top:3px;
}


/********** レイアウト設定 **********/
.wrap{
	margin:0 auto;
	width:960px;
}

/***** ヘッダー *****/
#header_wrap {
	width: 100%;
	height: 120px;
}
#header_wrap #top {
	margin: 0 auto;
	padding: 15px 0 0 15px;
	width: 945px;
}
#header h1 {
	float: left;
}
#top .main_banner {
	float: right;
}

/***** ヘルプナビ *****/
#help_navi ul {
	float: right;
	margin: 0 0 20px 0;
}
#help_navi li {
	display: inline;
	margin: 0 20px 0 0;
}

/***** メインナビ *****/
#main_navi {
	float: right;
}
#main_navi ul {
	width: 400px;
}
#main_navi li {
	float:left;display:inline;
}
/* iPhone対策 */
.navi_icon_schedule{background:url(../images/navi_schedule_off.gif) no-repeat;width:100px;height:100px;}
.navi_icon_info{background:url(../images/navi_information_off.gif) no-repeat;width:100px;height:100px;}
.navi_icon_tv{background:url(../images/navi_tv_off.gif) no-repeat;width:80px;height:80px;}
.navi_icon_contact{background:url(../images/navi_contact_off.gif) no-repeat;width:100px;height:100px;}

/***** コンテンツ *****/
#contents_wrap {
	background: #1C1C1C;
	width: 100%;
}

#contents {
	margin: 0 auto;
	width: 960px;
}

#main_contents {
	float:right;display:inline;
	margin: 0 30px 0 0;
	width: 680px;
}

#side_contents {
	float:left;display:inline;
	margin: 0 30px 0 0;
	width: 220px;
	background: url(../images/info_bg_side.gif) repeat-x #1C1C1C;
	min-height: 500px;
}

#gotop {
	margin: 0 0 10px 0;
	text-align: right;
}


/***** フッター *****/
#footer_wrap {
	width: 100%;
	line-height: 1;
}

footer#site_footer {
	margin: 0 auto;
	padding: 15px 0 15px 15px;
	width: 945px;
}
#footer_information {
	float:left;display:inline;
	width: 518px;
}
#footer_information li {
	float:left;display:inline;
	margin: 0 15px 0 0;
	line-height: 28px;
}
#footer_information li a {
	color: #aaaaaa;
}
#footer_information li a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#footer_banner {
	float:right;display: inline;
	width: 410px;
}
#footer_banner li {
	float:left;display: inline;
	margin: 0 0 0 15px ;
}
#site_navi li {
	display: inline;
}

#site_credit {
	line-height: 27px;
}

.sitemap {
	display: inline;
	float: left;
	margin: 0 0 0 10px;
	width: 170px;
}

.sitemap h2 {
	margin: 0 0 10px 0;
}

.sitemap ul {
	margin: 0 0 0 5px;
}
.sitemap li {
	margin: 0 0 3px 0;
}

address{
	margin: 0 0 10px 0;
}

.footer_access_info {
	margin: 6px 0 0 0;
	line-height: 1.8;
	color: #dddddd;
	font-size: 12px;
	text-align: right;
}
.footer_access_info h1 {
	font-size: 14px;
	margin: 0 0 9px 0;
}
.footer_access_info span {
	color: #aaaaaa;
}

.siteseal {font-size: 12px;}
.siteseal a {color: #ffffff;text-decoration: none;}
.siteseal a:link {color: #ffffff;text-decoration: none;}
.siteseal a:visited {color: #ffffff;text-decoration: none;}
.siteseal a:hover {color: #ffffff;text-decoration: underline;}
.siteseal a:active {text-decoration: none;}



/********** ページャー **********/
.pager {
	text-align: center;
}
.pager ul {
	padding: 20px 0;
}
.pager li {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin: 0 5px;
	width: 35px;
	line-height: 35px;
	background: #000000;
	color: #ffffff;
	font-size: 12px;
}
.pager li a {
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 35px;
	text-decoration: none;
	background: #000000;
	color: #D47301;
}
.pager li a:hover {
	background: #D47301;
	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 {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.go_top a {
	display: block;
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
}
.go_top a:hover {
	text-decoration: none;
	background: #999;
}


/********** フォーム関連 **********/
.year ,.month ,.day ,.hour ,.minute ,.second ,.zip ,.tel {
	width: 50px;
}
.error {
	margin: 10px 0 0 0;
	padding: 5px 15px;
	color: #539E26;
	background: #333;
	border-radius: 5px 5px 5px 5px;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.4);
}
/***** inputボタン *****/
input,textarea,select {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 4px;
	line-height: 20px;
	border: 1px solid #3d3d3d;
	overflow-x: hidden;
	background: #cccccc;
	color: #333333;
	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 #539E26;
	color: #111111;
	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="image"] {
	margin: 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 *****/
.input_area{
	padding:2px 3px;
	border:2px solid #3D3D3D;
	overflow-x:hidden;
	background:#A9A9A9;
}
.input_area:hover{
	padding:2px 3px;
	border:2px solid #539E26;
	background:#cccccc;
	overflow-x:hidden;
}
.input_area:focus{
	padding:2px 3px;
	border:2px solid #539E26;
	background:#eeeeee;
	-moz-box-shadow: 0px 0px 2px #82FF37;
	-webkit-box-shadow: 0px 0px 2px #82FF37;
	overflow-x:hidden;
}


/********** 会員機能 **********/
/***** ログイン *****/
.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%;
}

/********** メールマガジン **********/
.mail_magazine {
	padding: 0 90px;
}

/********** お問い合わせ **********/
.contact table {
	width: 100%;
}
.form_btn_box {
	text-align: center;
}
.form_btn_l {
	margin: 0 30px 0 0;
}
.form_btn_r {
}

/********** 共通入力テーブル **********/
.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')");
}