@charset "utf-8";

/* =base
------------------------------------------------------------------------------------------*/
body {
	text-align: center;
	color: #111;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ","Meiryo","MS PGothic","Osaka",Arial,sans-serif;
	font-size: 14px;
	line-height:24px;
	height:100%;
	background-image:url(../images/bg_white.jpg);
	background-position:center top;
}
html {overflow-y:scroll; height:100%;}

a {color: #C00;text-decoration: none;}
a:hover{opacity:0.8;filter: alpha(opacity=80);}


/* =bg
------------------------------------------------------------------------------------------*/
.main_bg{background-image:url(../images/top_bg.jpg);background-repeat:no-repeat;background-position:center top;}
.in_bg{background-image:url(../images/in_bg.jpg);background-repeat:no-repeat;background-position:center top;}


/* = 中共通CSS
------------------------------------------------------------------------------------------*/
.in_title{padding:0 0 25px 0;}
.in_title2{font-size:24px; font-weight:bolder; border-bottom:1px solid #336600; padding:20px 0 10px 0; margin-bottom:15px;}
.in_stitle{  border-bottom:1px solid #336600; padding-bottom:10px; margin-bottom:20px;}
.in_stitle2{ font-size:24px; font-weight:bolder; border-bottom:1px solid #336600; padding-bottom:10px; margin-bottom:15px;}

/* 中ページ wrap */
.in_line{padding: 0 20px 20px 20px; }

/* 中ページ table */
.in_tbl{ width:100%; background-color:#CCC;}
.in_tbl th{background-color:#F8F8F1;padding:10px 15px;}
.in_tbl td{
	padding:0 15px;
	background-color:#FFF;
}



/* =fade
------------------------------------------------------------------------------------------*/
#js_fade {position : fixed;top : 0;left : 0;width: 100%; height : 100%;background-color : #fff;background-image : url( https://www.kakinohasushi.net/images/loading.gif );background-repeat : no-repeat; background-position : 50% 50%; z-index: 5;}


/* =コンテイナー
------------------------------------------------------------------------------------------*/
#container {width:980px;padding:0 10px 40px 10px;position: relative;height: auto !important;height: 100%;min-height: 100%;text-align:left;margin:0 auto;}
#wrap{ position:relative;}

#left_column{
	width:210px;
	float:left;
	margin-bottom:0px;
}
#right_column{width:730px; float:right;}


/* =navi CSS
------------------------------------------------------------------------------------------*/
nav#gnavi{width: 730px;}
nav#gnavi ul{height:55px;}
nav#gnavi li{float:left;height:55px;}
nav#gnavi li a:hover{opacity:0.7;filter: alpha(opacity=70);}
nav#gnavi h2{float:left; height:100px; width:300px; padding-right:20px; background-image:url(../images/main_logo.png); background-repeat:no-repeat; display:block; text-indent:-9999px;}

.innav{
	margin-bottom:30px!important;
}


.left_info{
	background-image:url(../images/left_info_b.jpg);
	margin-bottom: 10px;
}
.left_info_wrap{
	padding:18px 15px 15px 15px;
	background-image:url(../images/left_info_head.jpg);
	background-repeat:repeat-x;
	background-position:center top;
	line-height: 18px;
}
.left_info h2{font-weight:bolder;margin-bottom: 10px;}

.hanbai_btn{margin:0;}
.hanbai_btn a{
	display: block;
	background-color: #474;
	text-align: center;
	padding: 10px 0;
	color: #FFF;
}

.left_bnr1{ margin-bottom:5px; padding:0; height:145px;}
.left_bnr2{ margin-bottom:5px; padding:0;}

#top_head{width: 210px;}
#top_head h1{padding:0;}

.left_calender{
	background-color: #666;
	height: 200px;
	margin-bottom: 10px;
	text-align: center;
	line-height: 200px;
	color: #FFF;
}

/* =ヘッダーCSS
------------------------------------------------------------------------------------------*/
.head_nav{
	height: 54px;
	line-height: 54px;
	width: 300px;
	float: right;
}
.head_nav ul{ float:right;}
.head_nav li{
	float: left;
	margin-left: 10px;
}
.head_nav li a{
	display:block;
	background-image:url(../images/head_arrow_icon2.png);
	background-repeat:no-repeat;
	background-position:1px 22px;
	padding:0 10px 0 15px;
	color:#333;
}

/* =sns CSS
------------------------------------------------------------------------------------------*/
.share1{
	float: right;
	width: 160px;
	padding-top: 13px;
	padding-left: 10px;
}
.share1 li{ float:left; margin-left:10px; text-align:center;padding:1px 0; width:120px;}
.share1 .fb{ background-color:#ccc;}
.share1 .twt{ background-color:#ccc;}


/* =フッターCSS
-----------------------------------------------------------------------------------------*/
#foot_bg{
	background-color: #000;
}

#footer {clear: both;color:#CCC;width: 980px;position: relative;text-align: left;margin: 0 auto;height: 200px;padding:10px 10px 20px 10px;}
#footer a{color:#CCC;}
#footer .copyright{position: absolute;top: 175px;left: 10px;}

.foot_fb{float:right;width:400px;}
.foot_twitter{position:absolute;top:69px;left: 0px;}

#footer .foot_navi{
	position:absolute;
	top: 15px;
	padding: 5px 10px 5px 0;
	left: 10px;
	border-bottom: 1px solid #693;
}

.foot_nav2{ position:absolute; width:300px; top:55px; left:10px;}
.foot_nav2 ul{ width:300px;padding:10px 0;}
.foot_nav2 li{width:300px;margin-bottom:5px;}
.foot_nav2 li a{
	display:block;
	background-image:url(../images/head_arrow_icon.png);
	background-repeat:no-repeat;
	background-position:1px 7px;
	padding:0 10px 0 15px;
	color:#333;
	font-size: 16px;
}


/* =ページトップ
------------------------------------------------------------------------------------------*/
.page_top{text-align: right;margin: 0;  width:80px;  text-align:center;position:fixed; right:30px; bottom:40px; font-size:10px; z-index:10}
.page_top a{background-color:#eee;display:block;border-radius: 50%;height:80px; width:80px; line-height:80px; color:#333;behavior: url(https://www.kakinohasushi.net/css/js/PIE.htc);}
.page_top a:hover{background-color:#c5960f; text-decoration:none; color:#FFF;}


/* =見出し
------------------------------------------------------------------------------------------*/
h1{margin:0;}
h2{margin:0;}
h3{margin:0;}
h4{margin:0;}
h5{margin:0;}


/* =clearfix
------------------------------------------------------------------------------------------*/
.clearfix:after{clear:both;display:block;height:0;line-height:0;visibility:hidden;font-size:0.1em;content:".";}
.clearfix{overflow: hidden;}


/* フォント
------------------------------------------------------ */
/* = squareフォント
/* IE */
@font-face {font-family: 'square';src: url('https://www.kakinohasushi.net/font/Square.eot');}
/* Firefox, Opera, Safari */
@font-face {font-family: 'square';src: url('https://www.kakinohasushi.net/font/Square.ttf') format('truetype');}
.square{font-family: 'square';}

.red{ color:#C00;}
.stxt{ font-size:12px;}

/* フォント
------------------------------------------------------ */
.footer_2{ color:#FFF;width: 980px;position: relative;text-align: left;margin: 0 auto; border-top:1px solid #666; padding:15px 0 30px 0}
.footer_2 .nayuta_bnr{ float:left; height:40px;}
.footer_2 .copyright{ float:right;}


.headsupDialog .ui-dialog-titlebar {display:none; text-align: left;}
.headsupDialog .ui-dialog-content {text-align: left;}
