/*reset
--------------------------------------------------*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#fff;font-style:italic;font-weight:bold}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:top;font-size:0;line-height:0}

/*common
--------------------------------------------------*/
body{
	font-size:12px;
	color:#fff;
	line-height:140%;
	font-family:"qMmpS Pro W3","Hiragino Kaku Gothic Pro W3","CI", Meiryo, Osaka,"lr oSVbN","MS P Gothic", sans-serif;
	background:url(../img/bg.gif) repeat;
}

a{overflow:hidden;outline:none}
ul{list-style-type:none}
.indent{text-indent:-9999px}
.none{display:none}
.left{float:left}
.right{float:right}
.clear{clear:both}
.clearfix{zoom:100%}
.clearfix:after{content:"";clear:both;height:0;display:block;visibility:hidden}
.relative{position:relative}
.fixed{position:fixed;top:0;left:0;z-index:1000}
.box{-webkit-box-sizing:border-box;box-sizing:border-box}
input,textarea,select{outline:none}

#header,#menu_bg,#menu,#f_menu,#footer_inner,#footer small{min-width:1280px}
#header h1,#menu_bg,#menu,#f_menu,#footer small{background:#000}
#header_inner,#menu_inner,#menu2_inner,#pan,#container,#f_menu ul,#footer_inner_content{margin:0 auto;width:1280px}
#menu_inner li a img,#menu2_inner li a img,#side a img,#ranking_btn li img,.t_img img,#t_n_btn,#bottom_link a img,#content_sche_w_inner table td:first-child .name_link img,#cpi_btn a,#submit-p input{-webkit-transition:opacity .5s;transition:opacity .5s}

/*header
--------------------------------------------------*/
#header{
	height:320px;
	background:#000 url(../img/h_bg.jpg) no-repeat center bottom;
}

#header h1{
	height:20px;
	line-height:20px;
	text-align:center;
	color:#ccc;
}

#h_info{
	position:absolute;
	right:0;
	bottom:0;
}

/*menu
--------------------------------------------------*/
#menu_bg{height:57px}
#menu,#menu_w,#menu_inner,#menu2_inner{height:50px}
#menu{
	width:100%;
	margin-top:-57px;
	padding:5px 0 2px;
}
#menu_inner,#menu2_inner{z-index:1}
#menu_inner li,#menu2_inner li{margin-right:1px}
#menu_inner li:last-child,#menu2_inner li:last-child{margin-right:0}
#menu_inner li a,#menu2_inner li a{display:block;}
#menu_inner li:nth-child(1) a,#menu2_inner li:nth-child(1) a{background:url(../img/m_top_b.png)}
#menu_inner li:nth-child(2) a{background:url(../img/m_how_b.png)}
#menu_inner li:nth-child(3) a{background:url(../img/m_new_b.png)}
#menu_inner li:nth-child(4) a,#menu2_inner li:nth-child(2) a{background:url(../img/m_teller_b.png)}
#menu_inner li:nth-child(5) a,#menu2_inner li:nth-child(3) a{background:url(../img/m_stand_b.png)}
#menu_inner li:nth-child(6) a,#menu2_inner li:nth-child(5) a{background:url(../img/m_pay_b.png)}
#menu_inner li:nth-child(7) a{background:url(../img/m_ques_b.png)}
#menu_inner li:nth-child(8) a,#menu2_inner li:nth-child(8) a{background:url(../img/m_inq_b.png)}
#menu2_inner li:nth-child(4) a{background:url(../img/m_res_b.png)}
#menu2_inner li:nth-child(6) a{background:url(../img/m_set_b.png)}
#menu2_inner li:nth-child(7) a{background:url(../img/m_fav_b.png)}

#menu_inner li a:hover img,#menu2_inner li a:hover img{opacity:0}

#menu.fixed{
	margin-top:0;
	box-shadow:0 0 5px 0 #000;
}
.page-top{display:none}
#menu.fixed .page-top{
	position:absolute;
	top:0;
	display:block;
	width:50px;
	height:50px;
	line-height:50px;
	color:#393939;
	text-align:center;
	font-size:30px;
	background:#717171;
	cursor:pointer;
}
#menu.fixed #to_top_l{
	left:0;
	border-bottom-right-radius:2px;
	border-top-right-radius:2px;
}
#menu.fixed #to_top_r{
	right:0;
	border-bottom-left-radius:2px;
	border-top-left-radius:2px;
}

/*container
--------------------------------------------------*/
#container{
	margin-bottom:50px;
	background:#000 url(../img/container_bg.gif) repeat-y left;
}
#pan,#pan a{	
	height:23px;
	line-height:23px;
	color:#909;
}
#side,#content{padding:10px}

/*side
-----------------------------------*/
#side{
	width:250px;
	background:#333;
}

#side a,#login,.side_menu,#side iframe{
	display:block;
	margin-bottom:10px;
}
.side_menu_inner li a,#tweet a{margin-bottom:0 !important}

#side a:hover img{
	opacity:.9
}

/*top_news««««//////////////////////////////////////////////////////////////////////////////*/
#left_top_news{
	height:360px;
	margin-bottom:10px;
	border-bottom:1px solid #666;
}
.ltn_photo{
	width:250px;
	height:200px;
	overflow:hidden;
	background:#000;
}
.ltn_text{
	height:90px;
	margin:-10px 0 10px 0;
	background:#000;
}
.ltn_stc{
	padding:10px;
	height:40px;
	overflow:hidden;
}
.ltn_day{
	padding:0 10px;
	height:30px;
	line-height:30px;
}
.ltn_day a{
	color:#fcf;
	font-weight:bold;
}
/*top_newsͺͺͺͺ//////////////////////////////////////////////////////////////////////////////*/

/*login*/
#login{
	border-top:1px solid #666;	
}
#login_inner{
	height:144px;
	padding:12px 10px;
	border-radius:2px;
	background:url(../img/l_log_bg.png) repeat-y;
}

#login2 #login_inner{
	height:340px;
}
#login2 #login_inner #login_point_box{
	height:45px;
	background:#fff;
	padding:5px 0;
	margin-bottom:20px;
}
#login2 #login_inner #login_point_box #login_point_text{
	display:block;
	color:#333;
	font-size:10px;
	text-align:center;
	margin-bottom:5px;
}
#login2 #login_inner #login_point_box #login_point{
	margin-bottom:0;
	font-size:18px;
	font-weight:bold;
}
#login2 #login_inner #login_point_box #login_point:hover{
	color:#663ede
}

#login_stamp{
	background:#fff;
	color:#333;
}
#login_stamp_title{
	height:25px;
	line-height:25px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-size:13px;
	background:#e15eff
}
#login_stamp_title span{
	color:#ff0;
}

#login_stamp_box{
	padding:10px;
	height:91px;
}
.lsb_content{
	overflow:hidden;
	font-size:15px;
	font-weight:bold;
}
.lsbc_title,
.lsbc_text{
	float:left;
	height:30px;
	line-height:30px;
}
.lsbc_title{
	width:115px;
	color:#e15eff;
}
.lsbc_text{
	width:95px;
}
.lsbct_up{
	color:#0068ff
}
.lsbct_up_big,
.lsbct_under span{
	padding:0 3px;
	font-size:20px;
}
.lsbct_up_big{
}
.lsbct_under span{
	color:#f00;
}

a.lsb_link{
	display:block;
	margin-bottom:0 !important;
	margin-top:6px;
	height:25px;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	color:#fff !important;
	font-weight:bold;
	border-radius:2px;
	background:#e15eff
}
a.lsb_link:hover{
	background:#6744d2
}

#login_inner input[type="text"],#login_inner input[type="password"]{
	margin-left:70px;
	width:148px;
	height:28px;
	padding:0 5px;
	border:1px solid #000;
	border-top-right-radius:2px;
	border-bottom-right-radius:2px;
	box-shadow:0 0 3px 0 #999 inset;
}

#log_text,#log_pass,#log_sub{display:block}
#log_text{margin-bottom:10px;background:url(../img/l_log_tel.png) no-repeat left top}
#log_pass{background:url(../img/l_log_pass.png) no-repeat left top}

#log_info{
	margin-bottom:9px;
	height:28px;
	line-height:30px;
	color:#909;
	text-align:center;
	border-bottom:1px solid #909;
}

#login_inner input[type="submit"]{
	width:230px;
	height:36px;
	padding:0;
	border:0;
	cursor:pointer;
	background:url(../img/l_log_submit.png) no-repeat;
}

/*left_menu*/
.side_menu_inner{
	padding:9px 4px;
	border:1px solid #5149c3;
	background:url(../img/l_m_bg.jpg) repeat-y center center;
}
.side_menu_inner li a{
	background:#7033d6;
}

/*tweet comment*/
#tweet{margin-bottom:20px}
#tweet_inner{
	padding:5px 9px 0;
	border:1px solid #5149c3;
	background:#000;
}

.content_box .clearfix{
	border-bottom:1px solid #7a7a7a;
}
.cb_img{
	width:70px;
	height:89px;
	background:#7a7a7a
}
.cb_img a{
	display:block;
	width:60px;
	height:80px;
	margin:5px 0 0 5px;
	box-shadow:0 0 3px 0 #333;
}

.cb_text{
	width:150px;
	padding-left:10px;
}

.cb_name{
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
.cb_link a{width:134px}
.cb_day{
	height:16px;
	margin-top:8px;
	color:#ccc;
}

.cb_inner{
	margin:10px 0 20px;
	color:#fff;
}

#tweet_link{
	height:37px;
	border:1px solid #5149c3;
	background:#e6e62e;
}
#tweet_link a{
	width:240px;
	margin:2px auto;
}

/*content
-----------------------------------*/
#content{
	height:100%;
	width:990px;
	background:#000;
}

.content_title{
	height:44px;
	background:url(../img/title_bg.gif) left top;
}
.content_title h1,
.content_title h2{
	padding-left:10px;
	display:inline;
	line-height:50px;
	color:#fff;
	font-size:25px;
	font-weight:normal;
	text-shadow:2px 2px 0 #333;
}
.content_title h1 .big,
.content_title h2 .big{
	padding-right:2px;
	color:#f6f;
	font-size:35px;	
}
.content_title h1 .small,
.content_title h2 .small{
	padding-left:15px;
	font-size:16px;
	font-weight:bold;
}

/*teller*/
.teller{
	width:188px;
	height:338px;
	padding:1px;
	margin:0 0 10px 5px;
	text-align:center;
	background:url(../img/teller_bg.jpg);
}

.t_img,.t_name,.t_icon,.t_info{overflow:hidden}
.t_img{
	display:block;
	width:180px;
	height:240px;
	margin:4px 4px;
}
.t_img:hover img{opacity:.85}
.t_name{
	display:block;
	height:22px;
	line-height:22px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}
.t_icon{
	height:36px;
	padding:3px 0;
}
.t_icon img{margin-bottom:3px}
.t_info{
	height:26px;
	line-height:28px
}

.t_time{
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

.t_com,.t_wait{
	position:absolute;
	top:222px;
}
.t_com{left:8px}
.t_wait{
	right:-3px;
	width:25px;
	height:23px;
	padding-right:45px;
	text-align:right;
	background:url(../img/teller_wait.png) no-repeat right top;
}
.t_wait span{
	line-height:20px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow:1px 2px 2px #333;
}

.t_kantei,.t_taiki,.t_yoyaku{
	position:absolute;
	top:0;
	display:block;
	width:100%;
	font-weight:bold;	
	
}
.t_kantei{
	left:0;
	line-height:75px;
	height:100%;
	color:#3f6;
	font-size:50px;
	opacity:.5;
	background:#000;
}
.t_taiki,.t_yoyaku{
	left:-55px;
	height:32px;
	line-height:35px;
	color:#fff;
	opacity:.8;
	text-shadow:0 2px 1px rgba(0,0,0,.8);
	-webkit-transform:rotate(-25deg);transform:rotate(-25deg);
}
.t_taiki{font-size:20px;background:#f40}
.t_yoyaku{font-size:14px;background:#0300ff}





/*sentences*/
.content_sentences{margin-bottom:10px}
.content_sentences h2{
	min-height:40px;
	line-height:40px;
	padding-left:20px;
	font-size:25px;
	font-weight:normal;
	border-left:10px solid #5149c3;
	border-bottom:1px solid #5149c3;
}

/*free tel*/
#free_tel{margin-bottom:10px}

/*bottom*/
#content_bottom{
	margin-bottom:10px;
	padding:10px 0 0 5px;
	background:#f3e4ff;
}

#content_bottom ul li{
	width:320px;
	height:150px;
	margin:0 0 10px 5px;
	box-shadow:0 0 4px 0 #666;
}

#content_bottom ul li:nth-child(1){background:url(../img/bottom_pay.jpg)}
#content_bottom ul li:nth-child(2){background:url(../img/bottom_open.jpg)}
#content_bottom ul li:nth-child(3){background:url(../img/bottom_other.jpg)}
#content_bottom ul li:nth-child(4){background:url(../img/bottom_book.jpg)}
#content_bottom ul li:nth-child(5){background:url(../img/bottom_cancel.jpg)}
#content_bottom ul li:nth-child(6){background:url(../img/bottom_tel.jpg)}

#content_bottom ul li p{
	display:table;
	position:absolute;
	left:0;
	bottom:0;
	padding:0 10px;
	width:300px;
	height:60px;
	color:#fff;
	font-size:13px;
	background:rgba(0,0,0,.7);
}
#content_bottom ul li span{
	display:table-cell;
	vertical-align:middle;
}

#bottom_link a:hover img{opacity:.85}

/*footer
--------------------------------------------------*/
#f_menu{height:50px}

#f_menu ul{text-align:center}
#f_menu ul li{
	display:inline;
	color:#fff;
}
#f_menu ul li a{
	padding:0 10px;
	line-height:50px;
	color:#fff;
	font-size:14px;
	text-decoration:none;
	-webkit-transition:color .3s;transition:color .3s
}
#f_menu ul li a:hover{color:#c9f}

#footer_inner{background:#6645d2}
#footer_inner_content{
	height:195px;
	background:url(../img/f_bg.png) no-repeat center top;
}

#f_logo,#f_info{position:absolute}
#f_logo{top:42px;left:10px}
#f_info{top:19px;right:0}

#footer small{
	height:20px;
	line-height:20px;
	display:block;
	text-align:center;
	color:#ccc;
}

/*animation
--------------------------------------------------*/


/*login//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#login_text{
	color:#fff;
	font-weight:bold;
	padding:0 10px;
	margin-right:10px;
	border-radius:2px;
	background:#6744d2;
}

#login2{
	margin-bottom:10px;
}

#login_name{
	padding:10px 0;
	font-size:16px;
	text-align:center;
	color:#333;
	border-bottom:1px solid #776fb3;
}
#login_name a{
	display:inline;
	text-decoration:none;
	font-weight:bold;
	color:#6744d2;
}

#login_aom{
	margin-top:15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	color:#333;
}
#login_aom a{
	display:block;
	margin-top:10px;
	padding:10px 0;
	color:#fff;
	font-size:20px;
	text-decoration:none;
	border-radius:2px;
	box-shadow:0 0 3px -1px #333;
	background:#6744d2;
}
#login_point{
	text-align:center;
	text-decoration:none;
	color:#2a00ab;
	line-height:1.4;
	-webkit-transition:color .3s;transition:color .3s
}
#login_point:hover{color:#5c41b1}