/*menu*/

#menu{
	background:url(../img/common/menu-bg.jpg) repeat-x left center;;
	height:42px;
	border-bottom:4px solid #FF9933;
    border-top:4px solid #FF9933;
}


#mainmenu{
	width:960px;
margin: 0 auto 0 auto;
border-bottom:1px solid #FFF;
    border-top:1px solid #FFF;
}



#mainmenu ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#mainmenu li,#mainmenu a{
  display: block;
  width: 137px;
  height:40px;
  float: left;
}

#mainmenu .menu01,#mainmenu .menu01 a{
  display: block;
  width: 137px;
  height:40px;
  float: left;
}

#mainmenu li{
  text-indent: -9999px; 
}

#mainmenu a {
  text-decoration: none;
  background:url(../img/common/menu.jpg) no-repeat;
}



#mainmenu li.menu01 a { background-position: 0px 0px;}
#mainmenu li.menu02 a { background-position: -137px 0px ;}
#mainmenu li.menu03 a { background-position: -274px 0px ;}
#mainmenu li.menu04 a { background-position: -411px 0px ;}
#mainmenu li.menu05 a { background-position: -548px 0px ;}
#mainmenu li.menu06 a { background-position: -685px 0px ;}
#mainmenu li.menu07 a { background-position: -822px 0px ;}

#mainmenu li.menu01 a:hover { background-position: 0px -40px ;}
#mainmenu li.menu02 a:hover { background-position: -137px -40px ;}
#mainmenu li.menu03 a:hover { background-position: -274px -40px ;}
#mainmenu li.menu04 a:hover { background-position: -411px -40px ;}
#mainmenu li.menu05 a:hover { background-position: -548px -40px ;}
#mainmenu li.menu06 a:hover { background-position: -685px -40px ;}
#mainmenu li.menu07 a:hover { background-position: -822px -40px ;}

/*sns*/
.button_google{
float: right;
width: 33px;
margin-right:10px;
}

.button_hatena{
float: right;
width: 50px;
margin-right:3px;
}

.twitter-share-button{
width: 90px !important;
vertical-align: top !important;
}

.fb-like{
float: right !important;
width:90px;
}


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

.page-inbox01{
	width:940px;
	margin:0 auto 0 auto;
}

.page-inbox02{
	width:620px;
	margin:0 auto 0 auto;
}




#header{
	background:url(../img/common/header-bg01.jpg) repeat-x left top;
	padding:10px 0 0 0 ;
}

#page-header{
	background:url(../img/page/page-header-bg.jpg) repeat-x center top;
	padding:10px 0 0 0 ;
	height:86px;
}


#header-left{
	width:516px;
	float:left;
}
#header-right{
	width:370px;
	float:right;
}

#header-right h1{
	font-size:90%;
}



#contents-left{
	width:650px;
	float:left;
	margin-top:20px;
}
#contents-right{
	width:264px;
	float:right;
	margin-top:20px;
}

.side-bnrlist{
	margin:0;
	padding:0;
}
.side-bnrlist li{
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}

#side-line{
	background:url(../img/common/side-line.jpg) repeat-x;
	height:8px;
	border:0;
	margin:5px 0 15px 0;
}


#side-mitumoribox{
	border:1px solid #CCC;
	margin-bottom:15px;
}
#side-mitumorititle{
	border-bottom:1px solid #CCC;
	background:#F5F5F5;
	text-align:center;
	padding:5px 0 5px 0;
}


#side-mitumoribox h4{
	background:url(../img/common/page-point01.jpg) no-repeat 5px 7px;
	border-bottom:1px dotted #CCC;
	padding:5px 0 0 20px;
	margin-bottom:10px;
}

#side-sitemitumori{
	margin:0 auto 0px auto;
	border-bottom:1px solid #ccc;
	background:url(../img/common/side-img02.jpg) no-repeat 15px top;
}


#side-sitemitumori ul{
	margin:0 0 0 55px;
	padding:0 0 10px 0;
}
#side-sitemitumori li{
	background:url(../img/common/page-point02.jpg) no-repeat left 5px;
	margin:0 0 3px 0;
	padding:0 0 0 20px;
	list-style:none;
}

#side-telmitsumori{
	padding:0 0 15px 15px;
}



#footer-link{
	background:url(../img/common/footer-linkbg.jpg);
	border-top:1px dotted #CCC;
	font-size:85%;
	padding:15px 0 15px;
	border-bottom:5px solid #FF9933;
}


#footer{
	background:url(../img/common/footer-bg.jpg) repeat-x center bottom;
	padding:15px 0 80px 0;
}
#footer-left{
	width:500px;
	float:left;
}
#footer-right{
	width:350px;
	float:right;
	text-align:right;
	font-size:80%;
}


#cal-next{
	background:url(../img/top/cal-02.gif) no-repeat right 2px;
	padding:0 18px 0 0;
	height:18px;
}
#cal-before{
	background:url(../img/top/cal-01.gif) no-repeat left 2px;
	padding:0 0 0 18px;
	height:18px;
}








/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/


/******************/
/* for TB & SP    */
/* 320px-959px    */
/******************/
@media only screen and (max-width: 959px) {










}






/******************/
/* for Tablet    */
/* 641px-959px    */
/******************/
@media only screen and (min-width: 641px) and (max-width: 959px) {







}






/******************/
/* for SP-TB      */
/* 320px-640px    */
/* only Header    */
/******************/
@media only screen and (max-width: 640px) {

#menu{
	display:none;
}

.page-inbox01 {
    width: 90%;
}

#contents-left {
    width: 100%;
    float: none;
}
#contents-right{
    width: 100%;
    float: none;
}


#footer-left {
    width: 90%;
    float: none;
    margin-bottom: 15px;
}
#footer-right {
    width: 90%;
    float: none;
    margin-bottom: 10px;
	text-align:center;
}
#footer-link p{
	width:90%;
	margin:0 auto;
}

#header-right h1 {
    font-size: 75%;
}


#header-left {
    width: 90%;
	margin: 5px 0 0 10%;
	float:none;
	text-align:center;
}
#header-left img{
	width:49%;
}



#header-right {
    width: 90%;
	margin:0 auto 15px auto;
    float: none;
	text-align:center;
}

.side-bnrlist.right {
	width:90%;
	margin:0 auto;
}
	
	
	
.side-bnrlist.side li{
	width:48%;
    margin: 0 4% 10px 0;
	float:left;
}
.side-bnrlist.side li:nth-child(2n){
    margin: 0 0% 10px 0;
}

.side-bnrlist.side li:nth-child(3){
    margin: 0 0% 10px 0;
}




#footer-left p.tel{
	text-align:center;
	padding-top:10px;
}



.page-inbox02{
    width:100%;
}








}