@charset "utf-8";


/*	ベース設定
----------------------------------------------------*/

body{
	background:url(../images/site/background2.jpg) repeat;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,"ＭＳ Ｐゴシック",Osaka;
	color:#333;
	margin: 0;
	padding: 0;
	line-height: 1.8;
	height:100%;
	font-size:14px;
	text-align:justify;
	text-justify: inter-ideograph;
}

#bodybox{
	width:941px;
	height:100%;
	background:url(../images/site/background_side.jpg) repeat-y;
}


.bgheight{
	background:url(../images/site/background_side.jpg) repeat-y;
}

#header{
	height:55px;
	overflow:auto;
	background:url(../images/site/header.gif) no-repeat;
}

#header p{
	padding:14px 0 0 220px;
}

#navi{
	width:210px;
	float:left;
	background:url(../images/site/background_side.jpg) repeat-y;
	
}

#main{
	width:720px;
	margin:0 0 0 10px;
	float:left;
}

#footer{
	width:940px;
	height:30px;
	float:left;
	background:url(../images/site/background_side.jpg) repeat-y;
}



/*	フロート
----------------------------------------------------*/

.float_cover{
	left: 0;
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 195px;
	height: 195px;
    z-index: 99;
	background:#F00;
}

.float_left{
	left: 0;
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 95px;
	height: 95px;
    z-index: 50;
}

.float_right{
	right: 0;
    margin: 0 0 0 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 95px;
	height: 95px;
    z-index: 49;
}

#totop{
position:fixed;
bottom:0px;
right:0px;
width:40px;
height:100%;
margin:0;
padding:0;
z-index:47;
background:url(../images/site/totop_bg2.gif) repeat-y;
text-align:center;
}

#totop img{
	position:absolute; bottom:80px; right:8px;
}

#tomenu{
position:fixed;
bottom:0px;
right:-10px;
width:87px;
height:60px;
margin:0;
padding:0;
z-index:51;
text-align:center;
}

#menu_btn{
position:fixed;
bottom:-284px;
right:-285px;
width:285px;
height:284px;
margin:0;
padding:0;
z-index:52;
text-align:center;
}


#menu_btn_inner{
	position:relative;
	left:0px;
	top:0px;
}




/*	左カラム
----------------------------------------------------*/

#navi .news{
	margin:20px 20px 0px 20px;
	float:left;
	height:auto;
}

#navi .news .tit{
	font-family: 'Oswald', serif;
	font-size:18px;
	margin:0 0 10px 0;
	color:#2161A4;
}

/*	左カラムtwitter
------------------------*/

#navi #twit{
	/*height:auto;*/
	min-height:300px;
}

#navi #twit img{
	margin:6px 0 0 0;
}

#navi #result{
	width: 170px;
	height:auto;
	overflow: visible;
}

#navi #result p{
	text-align:justify;
	font-size:13px;
	color:#2161A4;
	line-height:160%;
	height:auto;
}

/*	左カラムfacebook
------------------------*/
#navi .facebook{
	margin:20px 20px 0px 20px;
	float:left;
	height:auto;
}
#navi .facebook .inner{
	width:73px;
	height:25px;
	overflow:hidden;
	float:left;
}

/*	左カラムバナー
------------------------*/

#navi .banner{
	float:left;
}

#navi .banner img{
	margin:0 0 10px 15px;
}

/*	BODY
------------------------*/

.bodybox{
	width:710px;
	background:#FCFCF9;
}

.headbox{
	width:710px;
	background:#FCFCF9;
	margin:0 0 20px 0;
}

.headbox .l{
	width:320px;
	float:left;
}

.headbox .r{
	width:340px;
	float:right;
	margin:20px;
	position:relative;
}

.headbox .pan{
	width:320px;
	min-height:24px;
	background:url(../images/site/bg_pankuzu.jpg) left bottom;
	margin:0 0 120px 0;	
	padding:6px 10px 10px 10px;
}

.headbox .pan p{
	font-size:11px;
	line-height: 10%;
}

.bodybox .inner{
	margin:20px 40px 0 40px;
}

.bodybox .pan{
	width:610px;
	min-height:24px;
	background:url(../images/site/bg_pankuzu.jpg) left bottom;
	margin:0 0 30px 0;	
	padding:6px 10px 0 10px;
}

.bodybox .pan p{
	font-size:11px;
}

/*	タブ
------------------------*/

/* タブっぽく並べて */
	#tabs{width:710px;
	margin-top:20px;
	text-align: left;
	background:#FFF;}
    #tabs #selecter ul {list-style:none;}
    #tabs #selecter li {float:left; width: 142px;}
	.tab_tit{width:142px; float:left;}
    /* 最初はパネルは非表示 */
    #tabs .panel {display:none; clear:both; width:780px; border:1px solid #ccc; padding:10px;}
	
	#tabs .container{margin:20px 20px 20px 20px; padding-top: 40px;
	background:url(../images/site/footer_sideimg.jpg) no-repeat 540px 60px;}
	#tabs .container ul {list-style:none;}
    #tabs .container li {}
	
	#tabs .container #panel1 li {
		padding:0 0 0 10px;
		background:url(../images/site/tab_message_arrow.jpg) no-repeat 0 9px;
		margin:0 0 10px 0;}
		
	#tabs .container #panel1 .inner{
		padding:0 0 0 15px;
		background:url(../images/site/tab_message_inner.jpg) no-repeat 0 8px;
		margin:0 0 10px 20px;}
		
	#tabs .container #panel2 li {
		padding:0 0 0 10px;
		background:url(../images/site/tab_report_arrow.jpg) no-repeat 0 9px;
		margin:0 0 10px 0;}
		
	#tabs .container #panel2 .inner{
		padding:0 0 0 15px;
		background:url(../images/site/tab_report_inner.jpg) no-repeat 0 8px;
		margin:0 0 10px 20px;}
		
	#tabs .container #panel3 li {
		padding:0 0 0 10px;
		background:url(../images/site/tab_info_arrow.jpg) no-repeat 0 9px;
		margin:0 0 10px 0;}
		
	#tabs .container #panel3 .inner{
		padding:0 0 0 15px;
		background:url(../images/site/tab_info_inner.jpg) no-repeat 0 8px;
		margin:0 0 10px 20px;}
		
	#tabs .container #panel4 li {
		padding:0 0 0 10px;
		background:url(../images/site/tab_know_arrow.jpg) no-repeat 0 9px;
		margin:0 0 10px 0;}
		
	#tabs .container #panel4 .inner{
		padding:0 0 0 15px;
		background:url(../images/site/tab_know_inner.jpg) no-repeat 0 8px;
		margin:0 0 10px 20px;}
	
	#tabs #panel1{background:url(../images/site/bg_tab_message.gif) no-repeat left top;}
	#tabs #panel2{background:url(../images/site/bg_tab_report.gif) no-repeat left top;}
	#tabs #panel3{background:url(../images/site/bg_tab_info.gif) no-repeat left top;}
	#tabs #panel4{background:url(../images/site/bg_tab_know.gif) no-repeat left top;}
	
/*	割引価格box
------------------------*/
.bodybox .countOFF_green{
	width:212px;
	height:33px;
	min-width:212px;
	min-height:33px;
	overflow:visible;
	background:url(../images/site/countOFF_green.gif) no-repeat;
}
.bodybox .countOFF_green p{
	padding:4px 0 0 35px;
	font-family: 'Stardos Stencil', cursive;
	font-size:27px;
	color:#FFF;
	line-height:1;
}
.bodybox .countOFF_yellow{
	width:212px;
	height:33px;
	min-width:212px;
	min-height:33px;
	overflow:visible;
	background:url(../images/site/countOFF_yellow.gif) no-repeat;
}
.bodybox .countOFF_yellow p{
	padding:4px 0 0 35px;
	font-family: 'Stardos Stencil', cursive;
	font-size:27px;
	color:#FFF;
	line-height:1;
}
.bodybox .countOFF_red{
	width:282px;
	height:98px;
	min-width:282px;
	min-height:98px;
	overflow:visible;
	background:url(../images/site/countOFF_red.gif) no-repeat;
	text-align:center;
}
.bodybox .countOFF_red p{
	padding:36px 0 0 0px;
	font-family: 'Stardos Stencil', cursive;
	font-size:37px;
	color:#FFF;
	line-height:1;
}