@charset "shift_jis";

/* ***********************************
      NFHP10 CSS
      author T.OKAZAKI
      date 2008.01.12
************************************ */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size:13px;
	font-family:MS Pゴシック,arial,Century Gothic,sans-serif;
	margin: 0px;
	padding: 0px;
	text-align:center;
	color:#666666;
}

h1, h2, h3 {
	font-size:13px;
	margin: 0;
	padding: 0;
}
ul{
	margin: 0;
	padding: 0;
}

li {
	list-style:none;
	margin: 0;
	padding: 0;
}


.left_content_body strong {
	font-size:20px;
}

#container {
	width:800px;
	margin:0 auto;
	text-align:center;
	padding:0 22px;
	display: inline-table;
	background:#FCFCFA;
}




/* -----------------------------------
		LINK
----------------------------------- */

a {color:#666666;text-decoration:none;}
a:link{	color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:active{color:#666666;}
a:hover{color:#666666;text-decoration:underline;}

#footer_body a {color:#FFFFFF;text-decoration:none;}
#footer_body a:link{	color:#FFFFFF;text-decoration:none;}
#footer_body a:visited{color:#FFFFFF;text-decoration:none;}
#footer_body a:active{color:#FFFFFF;}
#footer_body a:hover{color:#FFFFFF;text-decoration:underline;}

#menu_a1 a {display: block;width:100%;height:100%;}
#menu_a1 a:link,
#menu_a1 a:visited{background:url(../img/menu11.gif) no-repeat;}
#menu_a1 a:active, 
#menu_a1 a:hover{background:url(../img/menu12.gif) no-repeat;}
#menu_a2 a {display: block;width:100%;height:100%;}
#menu_a2 a:link,
#menu_a2 a:visited{background:url(../img/menu21.gif) no-repeat;}
#menu_a2 a:active, 
#menu_a2 a:hover{background:url(../img/menu22.gif) no-repeat;}
#menu_a3 a {display: block;width:100%;height:100%;}
#menu_a3 a:link,
#menu_a3 a:visited{background:url(../img/menu31.gif) no-repeat;}
#menu_a3 a:active, 
#menu_a3 a:hover{background:url(../img/menu32.gif) no-repeat;}
#menu_a4 a {display: block;width:100%;height:100%;}
#menu_a4 a:link,
#menu_a4 a:visited{background:url(../img/menu41.gif) no-repeat;}
#menu_a4 a:active, 
#menu_a4 a:hover{background:url(../img/menu42.gif) no-repeat;}
#menu_a5 a {display: block;width:100%;height:100%;}
#menu_a5 a:link,
#menu_a5 a:visited{background:url(../img/menu51.gif) no-repeat;}
#menu_a5 a:active, 
#menu_a5 a:hover{background:url(../img/menu52.gif) no-repeat;}
#staffblog a {display: block;width:100%;height:100%;}
#staffblog a:link,
#staffblog a:visited{background:url(../img/left21.gif) no-repeat;}
#staffblog a:active, 
#staffblog a:hover{background:url(../img/left22.gif) no-repeat;}

.left_content_body2 a {display: block;width:100%;height:100%;}
.left_content_body2 a:link,
.left_content_body2 a:visited{background:url(../img/left21.gif) no-repeat;}
.left_content_body2 a:active, 
.left_content_body2 a:hover{background:url(../img/left22.gif) no-repeat;}

/* -----------------------------------
		HEADER
----------------------------------- */
h1{
	text-align:left;
}

#header{
	background:url(../img/banner.jpg) no-repeat;
	width:800px;
	height:200px;
	margin:0 auto 20px;
}

/* -----------------------------------
		CONTENT
----------------------------------- */

#contents {
	display: inline-table;
}

#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#left {
	width:200px;
	float:left;
	margin-bottom:30px;
}

#right {
	margin-bottom:30px;
	width:600px;
	float:right;
}

.left_content_top{
	width:175px;
	height:38px;
	overflow:hidden;
}
.menu {
	width:151px;
	height:30px;
	margin-bottom:5px;
}	

#staffblog{
	width:175px;
	height:99px;
}
.left_content_middle {
	clear:both;
	width:175px;
	background:url(../img/left_middle.gif) repeat-y;
/*	display: inline-table;*/
}
.left_content_middle:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

.left_content_body{
	width:151px;
	text-align:left;
	margin:0 auto;
}
.left_content_body2{
	width:175px;
	height:99px;
	text-align:center;
	margin-bottom:5px;
}
.left_content_body4{
	text-align:center;
}
.left_content_bottom{
	width:175px;
	background:url(../img/left_bottom.gif) no-repeat;
	height:8px;
	margin-bottom:5px;
}

.right_content_top {
	margin-bottom:10px;
}
.right_content {
	padding:0px 25px 0px 25px;
	margin-bottom:10px;
/*	Firefox3 バグ修正　20080831
	display: inline-table;*/
	text-align:left;
}

.right_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


.right_content_1_left{
	float:left;
}
.right_content_1_left_top{
	background:url(../img/wide_box_top.jpg) no-repeat center bottom;
	width:213px;
	height:8px;
}
.right_content_1_left_middle{
	background:url(../img/wide_box_middle.jpg) repeat-y;
	width:213px;
	display: inline-table;
	text-align:center;
}
.right_content_1_left_middle:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.right_content_1_left_body{}
.right_content_1_left_bottom{
	background:url(../img/wide_box_bottom.jpg) no-repeat;
	width:213px;
	height:20px;
}
.right_content_1_right{
	margin: 0 0 0 220px;
}


.right_content_2 {
	float:left;
	margin-right:20px;
}

p.special {
	text-align: left;
	color:#f9396c;
	font-weight:bold;
}


h2.qupon_content_top {
	margin-bottom: 10px;
}

.qupon {
background-repeat:no-repeat;
float:left;
height:auto;
margin:5px 10px 10px 0;
/margin:5px 7px 10px 0;
width:190px;
}

 .qupon2 {
margin:5px 10px 10px 0;
/margin:5px 7px 10px 0;
}

.quponList {
margin-bottom: 20px;
}
	
	
.qupon_top {
height:auto;
width:191px;
border: dashed 1px;
}	


.qupon_title01 {
color:#B80154;
font-size:10px;
/font-size:0.75em;
font-weight:bold;
height:auto;
line-height:15px;
padding-bottom:8px;
padding-top:8px;
text-align:center;
width:190px;
}


.qupon_bottom {
border-bottom: dashed 1px;
border-left: dashed 1px;
border-right: dashed 1px;
color:#6C532A;
font-size:10px;
/font-size:0.7em;
height:auto;
padding:10px 5px;
text-align:left;
width:181px;
}


p.blogLink {	
	text-align: right;
	margin-bottom: 20px;
}

.right_content_li_3 {
	margin-bottom:5px;
}

.right_content_4_left{
	float:left;
}
.right_content_4_left_top{
	background:url(../img/box_top.jpg) no-repeat center bottom;
	width:176px;
	height:9px;
}
.right_content_4_left_middle{
	background:url(../img/box_middle.jpg) repeat-y;
	width:176px;
	display: inline-table;
	text-align:center;
}
.right_content_4_left_middle:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
.right_content_4_left_body{
	text-align:center;
	padding:0 0 0 5px;
}
.right_content_4_left_bottom{
	background:url(../img/box_bottom.jpg) no-repeat;
	width:176px;
	height:20px;
}
.right_content p {
	clear:both;
	text-align:right;
	margin-top:5px;
}

.right_content_4_left_body p {
	clear:both;
	text-align:left;
	margin:2px 10px 2px 13px;
}

#footer{
	background:#666666;
	height:140px;
	width:100%;
}
#footer_body{
	width:800px;
	margin:0px auto;
	padding-top:10px;
	text-align:left;
}
#footer_body p {
	color:#FFFFFF;
	margin-bottom:10px;
}
.logo{
	float:right;
	margin-top:-30px;
}




/*
clearfix
==========*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

