/*
Theme Name: 
Theme URI: http://phpbb.xwd.jp/viewforum.php?f=20
Description: 
Version: 1.0
Author: Synchro Design
Author URI: http://www.synchro-d.com/
*/



body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-size: 80%;
	line-height: 1.5em;
	color: #666666;
/*	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #99CC00;
*/
}


h1,h2,h3,h4,p,ul,ol,dl,dt,dd{	margin: 0px; padding: 0px;}

img {border : 0px}

.right{float: right;}

.left{float: left;}

.clear{
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

div.alignleft{margin: 0 20px 2px 0;float: left;}
div.alignright{margin: 0 0 2px 20px;float: right;}

img.alignleft{margin: 0 20px 2px 0;float: left;}
img.alignright{margin: 0 0 2px 20px;float: right;}

.alignright {text-align: right;}
.alignleft {text-align: left;}






/*base--------------------------------------*/


#wrap{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#head{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}


#side{
	float: left;
	width: 185px;
	margin-top: 20px;
	line-height: 1.3em;
	margin-bottom: 80px;
}

#main{
	float: right;
	width: 540px;
}

#mid{	margin-top: 15px;}
#top{	margin-top: 20px;}


.main-img{}


/*Change parts-------------------------------------------------------------*/

a{
	color: #0099CC;
}




/*head-----------------------*/

#all{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/head-line.gif);
	background-repeat: repeat-x;

}

#head .rogo{
	float: left;
	margin-bottom: 5px;
}

#head .tel{
	float: right;
	margin-top: 28px;
	margin-bottom: 8px;
}


#head .summary{
	font-size: 90%;
	padding-top: 7px;
	text-align: right;
}


/*text-----------------------*/


#main p.tx-b,
#side .side-address h2,
#side .side-address p strong,
#top h1,
#top .hours-info dl dt,
#top .info .ymd p{
	color: #0380B8;
}





/*side menu size-----------------------*/

#side ul.side-menu li{
	padding-bottom: 3px;
}

#side ul.side-menu li a{
	height: 44px;
	width: 185px;
}



/*time table---------------------------------*/


.hours{
	text-align: center;
	background-color: #CED2E2;
}

.hours td{
	background-color: #FFFFFF;
}

.hours th{
	background-color: #F0F7FB;

}




/*footer border-------------------------------*/

#foot{
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #B4D9EA;
}



/*top page typeA-------------------------------------------------------------*/


#top h1{
	font-size: 120%;
	margin-bottom: 5px;
}


#top .read-area{
	width: 540px;
	padding-bottom: 15px;
}

#top .read-area p{
	line-height: 1.8em;
}


#top .menu-left{
	float: left;
	width: 260px;
}

#top .menu-right{
	float: right;
	width: 260px;}

#top .menu-box-typeA{
	width: 540px;
	background-image: url(../img/common/top-menu-body.gif);
	background-repeat: repeat-y;
}

#top .menu-box-typeA dl.top-menu{
	padding-top: 7px;
	width: 236px;
	margin-right: 12px;
	margin-left: 12px;
}

#top .menu-box-typeA dl.top-menu dt{
	float: left;
	width: 120px;
	padding-bottom: 7px;
}

#top .menu-box-typeA dl.top-menu dd{
	float: left;
	width: 115px;
	margin: 0px;
	padding: 0px;
}

#top .menu-box-typeA .alignright{
	margin-top: 5px;
	margin-bottom: 10px;
}

#top .menu-box-typeA a{
	color: #666666;
	text-decoration: none;
}

#top .hours-info{
	margin-top: 20px;
	width: 540px;
	margin-bottom: 20px;
}

#top .hours-info h2{
	margin-bottom: 10px;
}

#top .hours-info .left{
	width: 330px;
}

#top .hours-info .right{
	width: 200px;
}


#top .hours{
	width: 320px;
}

#top .hours .time{}

#top .hours td{
	padding: 6px;
}

#top .hours th{
	padding: 2px;
}

#top .hours-info dl dt{
	font-weight: bold;
}


#top .info{
	background-image: url(../img/common/top-info-body.gif);
	background-repeat: repeat-y;
	width: 540px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E8E8;
}

#main #top .info .news-box p{	margin-bottom: 0em;}

#top .info .news-box{
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-image: url(../img/common/dot-line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
	padding-bottom: 15px;
}

#top .info .ymd{
	float: left;
	width: 120px;
}

#top .info .news-title{
	float: right;
	width: 370px;
}

#top .info .ymd p{
	font-weight: bold;
	padding-left: 5px;
}
#top .info .news-title p{
	margin-bottom: 15px;
	padding-right: 5px;
}




/*common style-------------------------------------------------------------*/




/*text parts--------------------------------------*/




#main p{
	margin-bottom: 2em;
}


#mid h1{
	margin-bottom: 10px;
	background-image: url(../img/common/h1.jpg);
	background-repeat: no-repeat;
	font-size: 120%;
	padding-top: 12px;
	padding-bottom: 12px;
	background-position: left center;
	padding-left: 16px;

}

#mid h2{
	margin-bottom: 10px;
	background-image: url(../img/common/h2.jpg);
	background-repeat: no-repeat;
	font-size: 100%;
	padding-top: 12px;
	padding-bottom: 12px;
	background-position: left center;
	padding-left: 16px;

}

#main h3,#main p.sq{
	background-image: url(../img/common/sq.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 1em;

}


#main p.tx-b{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}

#main p.mb-5{	margin-bottom: 5px;}

p.tx-s{	font-size: 90%;}

#main table{
	font-size: 100%;
	line-height: 1.5em;
}


/*link parts--------------------------------*/

#main a.more-link{
	background-image: url(../img/common/button.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-top: 10px;
	float: right;
	text-decoration: none;
}


#main ul.links{
	margin: 0px;
	width: 540px;
	line-height: 1em;
}

#main ul.links li{
	background-image: url(../img/common/dot-line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 10px;
	list-style-type: none;
}

#main ul.links li a{
	color: #666666;
	text-decoration: none;
	background-image: url(../img/common/button.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}





/*main list-----------------------------*/


/*list margin*/

#main ul,#main ol{
	margin-bottom: 1.5em;
}

#main ul li,#main ol li{
	margin-bottom: 0.3em;
}

#main ul li ul li,#main ol li ul li{
	margin-bottom: 0.3em;
}

#main ul li ul,#main ol li ul{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


/*list style*/


#main ul{
	list-style-type: none;
}

#main ul li{
	background-image: url(../img/common/list.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.6em;
	list-style-type: none;
	padding-left: 1em;
}


#main ul li ul li,#main ol li ul li{
	background-image: url(../img/common/list-s.gif);
	background-repeat: no-repeat;
	background-position: 0.1em 0.6em;
	list-style-type: none;
	padding-left: 1em;
}


#main ol{
	padding-left: 2em;
}


/*layout style-----------------------------*/


.block-type2-left{
	float: left;
	width: 130px;
}

.block-type2-right{
	float: right;
	width: 400px;
}


.photo-table td{
	text-align: center;
}




/*news---------------------------------------------------*/

#main #news h2{
	background-image: url(../img/common/news-h2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
	color: #0380B8;

}


#main #news .news-block{
	margin-bottom: 40px;
}

#main #news .news-block p.date{
	margin-bottom: 5px;
	font-weight: bold;
}
#main #news-page p{
	line-height: 2em}


#main #news-page table td{
	padding: 5px;
}

#main #news-page table{
	margin-bottom: 10px;
}


#main #news-page h2,
#main #news-page h3{
	clear: both;
}


#main p.wp-caption-text{
	text-align: center;
	margin-bottom: 5px;
}

/*table-----------------------------*/

#mid .hours{
	width: 100%;
}

#mid .hours .time{
	width: 160px;
}

#mid .hours td{
	padding: 6px;
}

#mid .hours th{
	padding: 3px;
}


/*foot---------------------------------------------------*/


#foot{
	padding-top: 8px;
	margin-top: 20px;
	line-height: 1.3em;
	margin-bottom: 10px;
}

#foot p{
	font-size: 100%;
}

#foot address{
	font-style: normal;
	font-size: 100%;
}


#foot .right{
	text-align: right;
}

#foot .right img{
	margin-bottom: 10px;
}




/*side menu---------------------------------------------------*/

#side ul.side-menu li.menu01{background-image: url(../img/common/sidemenu_01.jpg);}
#side ul.side-menu li.menu02{background-image: url(../img/common/sidemenu_02.jpg);}
#side ul.side-menu li.menu03{background-image: url(../img/common/sidemenu_03.jpg);}
#side ul.side-menu li.menu04{background-image: url(../img/common/sidemenu_04.jpg);}
#side ul.side-menu li.menu05{background-image: url(../img/common/sidemenu_05.jpg);}
#side ul.side-menu li.menu06{background-image: url(../img/common/sidemenu_06.jpg);}
#side ul.side-menu li span{visibility: hidden;}
#side ul.side-menu{list-style-type: none;}
#side ul.side-menu li{background-repeat: no-repeat;}
#side ul.side-menu li a{display: block;text-decoration: none;}
#side ul.side-menu li{	width: 185px;}
#side .side-address{margin-top: 5px;}
#side .side-address p{	font-size: 100%; line-height:1.2em}
#side .side-address h2{font-size: 100%; }
#side .side-address p{margin-top: 3px;}