/* CSS Document */
/*COMMON-CSS*/
ul,ol,dl,dd,dt,li,h1,h2,h3,h4,h5,h6,pre,body,html,p,blockquote,textarea,table,td,th,li{
margin: 0px;
padding: 0px;
border:0px;
text-decoration:none;
font: 14px/26px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333;
}
table{
border-collapse:collapse;
border-spacing:0;
}
img{
border: none;
vertical-align:bottom;
}
strong{
font-style: normal;
}
em{
font-weight: normal;
font-style: normal;
}
form{
margin: 0px;
padding: 0px;
}
ol,ul,li,dl,dd,dt{
list-style:none;
margin: 0px;
padding: 0px;
}
input{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
a{
	color:#00a0e9;
	text-decoration:none
}

a:hover{ color:#7ecef4}

img{
	border:none;
	vertical-align:bottom;
}
p.page_title{
	margin:15px 0px 0px 0px;
}
iframe{
	margin:0px;
	padding:0px;
}



h2 {
	font-size:20px;
	font-weight:bold;
	border-bottom:dotted 1px #000000;
	margin-bottom:5px}
	
h3 {
	font-size:20px;
	color:#EC6C00;
	font-weight:bold;
	border-bottom:dotted 1px #000000;
	margin-bottom:5px;
		margin-top:25px}
		
		
h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px}

.title_bar {
	margin-bottom:20px}

/*レイアウト----------------------------------------------- */

body#top{
	background-image: url(../common_img/topimg/bgimg.jpg);
	height: 100%;
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	overflow-x: hidden;
}

body#content{
	background-image: url(../common_img/topimg/bgimg2.jpg);
	height: 100%;
	background-repeat: repeat-x;
	position: relative;
	width: 100%;
	overflow-x: hidden;
}



.main {
	width: 100%;
	border: 1px solid #000;
	text-align: center;
}
.main div	{
	width: 80%;
	border: 1px solid #FF0000;
	margin: 0 auto;
	text-align: left;
}


html,body{
	height:100%;
	text-align:center
}

#wrapper{
	width: 950px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;


}


.left{
	float: left;
	overflow:hidden

}



.right{
	float: right;
	overflow: hidden;

}


.left2{
	float: left;
	overflow: hidden;

}



.right2{
	float: right;
overflow: hidden;
}


.left3{
	float: left;
	overflow: hidden;
	margin-right:10px;
	margin-bottom:10px

}



.right3{
	float: right;
overflow: hidden;
}


.news { padding:10px;
border:1px #dcdddd solid;
margin-bottom:25px;
height:150px
}

/*---------- header -----------*/
#top {
	clear: both;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 27px;

}





#top2 {
	clear: both;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	height: 96px;
	display:table-cell;

  vertical-align:middle;

}





h1 {
	font-size: 13px;
	color: #FFFFFF;
	text-align: left;
	clear: both;
	display: block;
}

.coupon a:hover img,.contents_coupon a:hover img,a:hover img{
filter:alpha(opacity=60);
opacity:0.6;
}

.midashi {
	font-size:15px;
	padding:5px;
	background-color:#fce4d6;
	color:#ed6c00;
	font-weight:bold;
	overflow:hidden}
	
	
	
	.midashi2 {
	font-size:15px;

	color:#ed6c00;
	font-weight:bold;
	overflow:hidden}
/*GNAVI------------------------------------------------------------*/
#gnavi{
	text-align: center;
	height: 53px;
	clear: both;
	overflow: hidden;
	margin-top: 0px;
}
#gnavi ul li{
	float:left;
}

#sub_navi ul li a:hover img {
filter:alpha(opacity=60);
opacity:0.6;
}
/*GNAVI-END------------------------------------------------------------*/



#top_pagecell{
	clear: both;
	overflow: hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;

	}
	
	
	.top_left{
	float: left;
	width:690px;
    overflow: hidden;
	margin-top:20px

}


	.top_left p{
		margin-bottom:20px;
		overflow:hidden
		

}

.side_right{
	float:right;
	overflow:hidden;
	width:230px;
	margin-left:28px;
		margin-top:20px
}


.side_right p{
	color:#000;
	margin-top:10px
}

.text {   overflow: hidden; }



/*SIDE-BLOG-----------------------------------------------------------------*/
.side_shop{
	margin:0px 0px 20px 0px;
	padding:20px;
	text-align:left;
	border:1px solid #999;
	
}



.side_news{
	margin:0px 0px 20px 0px;
	padding:20px;
	text-align:left;
	border:1px solid #999;
	
}
.side_cms{
	margin:0px 0px 20px 0px;
	padding:10px;
	text-align:left;
	border:1px solid #999;
}

.bnr{
	margin:0px 0px 25px 0px;
}

.bnr2{
	margin:0px 0px 0px 0px;
}


/*FOOTER MAIN-------------------------------------------------*/



	



#foot_info {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
	text-align:left;



}



#foot_info p {
	font-size: 13px;
	color: #000;
	line-height:20px
	
}




#totop {
	background-color:#fff;
	text-align:right

}

#foot_text {
	background-color:#CCC;

}

#foot_text p{	color:#000;
	font-size:13px}


#foot_copyright p {
	font-size: 11px;
	color: #fff;
	
}

#foot_copyright  {
background-color:#003F76;
text-align:center;
padding:35px
}

.left_foot{
	float: left;
	overflow:hidden;

}

.left_foot2{
	float: left;
	overflow:hidden;
	margin-left:23px

}



.right_foot{
	float: right;
	overflow: hidden;

}

	
p.clear { clear : both; }


table#table-03 {
    width: 690px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
margin-bottom:10px
}

table#table-03 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #ebebec;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
	width:32%;
font-size:13px;
color:#000000
}



table#table-03 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
font-size:14px;
color:#000000
}

table#table-03 p {
		margin-bottom:5px
}






table#table-02 {
    width: 690px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
margin-bottom:10px
}

table#table-02 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #1d2088;
    font-weight: bold;
    text-align: center;
font-size:14px;
color:#fff
}


.bg_glay {

    background: #CCC;
	    text-align: center;

}

table#table-02 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;

font-size:14px;
color:#000000
}


.mini{font-size:12px}

.big {font-size:18px;
font-weight:bold}


.linebox{padding:15px 15px 0px 15px;
border:#000 1px solid;
margin-bottom:25px}

.linebox2{padding:15px 15px 0px 15px;
background-color:#fce4d6;
margin-bottom:25px;
overflow:hidden}

.mr15 {margin-right:15px}

.mb25 {margin-bottom:25px}

.tar {text-align:right}

.center {text-align:center;
margin-bottom:25px}

.cont {
	height:377px;
	width:197px;
padding:0px 5px 5px 5px;
border:#E5E6E6 solid 5px;
	float:left;
	text-align:
}
	
	.cont2 {
	height:377px;
	width:197px;
padding:0px 5px 5px 5px;
border:#E5E6E6 solid 5px;
	float:left;
	margin-left:18px;}

.textarea{ height:170px;
width:197px}

.btn{text-align:center}



.left_content {
	width:332px;
	float:left;
	margin-top:25px

}

.left_content2 {
	width:332px;
	float:left;
	margin-top:25px;
	margin-left:20px
	

}

/*-------------------------------------------------------------*/

table{
border-collapse:collapse;
border-spacing:0;}

table.reserve_text1{
margin:0px 0px 10px 0px;
text-align:center;
border:1px solid #BBB;
border-collapse:collapse;
border-spacing:0px;
}
table.reserve_text1 th,table.reserve_text1 td{
padding:8px;
line-height:18px;
vertical-align: middle;
border:1px solid #BBB;
}
table.reserve_text1 th{
	font-size:12px;
	color:#000000;
}
table.reserve_text1 td{
	font-size:12px;
}
table.reserve_text1 td input{
	font-size:14px;
}


.red{color:#ff0000;}



div#menu{height:53px; width:950px; position: relative;}
ul#menuBody{width:100%; position: absolute; z-index:10;}
ul.nav{height:53px; overflow: hidden; background: #c6deeb; color:#000000; width: 135px; font-size:12px; text-align: center; float: left; }
ul.nav li{height:53px; line-height:53px;}
ul.nav li:hover{background: #88abda; cursor: pointer;}
ul#menuBody li{float: left;}
ul#menuBody .nav li{float: none;}

.mb15 {margin-bottom:15px}

.mt15 {margin-top:15px}

/*TOP_BLOG--------------------------------------------------------*/
.top_blog h3{
	background: #F00;
	border-bottom:4px solid #FC0;
	padding:4px 8px 3px 8px;
	margin:0px 0px 5px 0px;
	color:#FFFFFF;
	font-size:16px;
	text-align:left;
}
.top_blog dl {
	padding:10px 10px;
	border-bottom:1px dotted #999999;
}

.top_blog dl dt,.top_blog dl dd{
	font-size:14px;
	line-height:14px;
}
.top_blog dl dt{
	float:left;
}
.top_blog dl dd{
	margin:0px 0px 0px 130px;
}

.column.info{
	margin:0px 0px 20px 0px;
}
.navi {
text-align:center;
font-size:12px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
}
.column.info div.title{
	background: #F00;
	border-bottom:4px solid #FC0;
	padding:4px 8px 4px 8px;
	margin:0px  0px 8px 0px;
	color:#FFFFFF;
	font-size:16px;
	text-align:left;
}
.column.info div.title a{
	color:#FFFFFF;
	}
.column.info div.date{
font-size:12px;
text-align:right;
color:#660000;
background:#EFEFEF;
padding:0px 10px 0px 0px;
}


.column.info div.text{
padding:0px 5px 5px 5px;
font-size:14px;
line-height:20px;
text-align:left;
}
.column.info div.text p{
	margin:0px 0px 10px 0px;
}

.column.info div.text p.photo{
	text-align:center;
}

.column.info div.category{
padding:5px 5px 5px 5px;
	border-top:1px dotted #999999;
font-size:11px;
line-height:11px;
text-align:right;
}
/*right*/
.info{
	overflow:hidden;
	margin:0px 0px 15px 0px;
}
.info h4{
	background:#EFEFEF;
	padding:5px;
	border-bottom:2px solid #F00;
}
.top_right.info ul{
	margin:0px 0px 10px 0px;
}
.info ul li a{
	display:block;
	background:#FEFEFE;
	padding:5px;
	font-size:12px;
	border-bottom:1 dotted #999999;
}
.info ul li.now a{
	display:block;
	background: #F00;
	padding:5px;
	border-bottom:1 dotted #999999;
	color:#FFFFFF;
}