@charset "UTF-8"; /* PublishCharset into mt-config.cgi */

/*======================================
	Common
=======================================*/

* {
	margin: 0;
	padding: 0;
	font: 100%;
         letter-spacing: 1px;
}

body {
	margin: 0px;
	padding: 0px;
         font-family: Verdana, "ＭＳ Ｐゴシック";
	color:#333333;
	background-color: #E7E7E7;
	}

img {
	vertical-align: bottom;
	border: 0px;
}

a{ text-decoration:underline; }
a:link{
	color:#008EC6;
	text-decoration: none;
}
a:visited{
	color:#008EC6;
	text-decoration: none;
}
a:hover{ color:#008EC6; text-decoration:underline; }

ul,li{
	margin: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}

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

div{
    zoom:1;/*for IE 5.5-7*/
}

div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/*======================================
	Layout
=======================================*/

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}

#header {}

#topmenu {
	background-color: #008EC6;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: right;
}

#topmenu li {
	display: inline;
	list-style-type: none;
	background: url(../images/topmenu_line.gif) no-repeat right center;
	font-size: 12px;
	color: #fff;
	padding-right: 0.5em;
}
#topmenu ul {
	padding-right: 0.5em;
}

#topmenu .no-line {
	background:none;
}

#topmenu a,#footerMenu a {
	color:#fff;
	margin-left: 0.8em;
	text-decoration: none;
}
#topmenu a:link,#footerMenu a:link{
	color:#fff;
	text-decoration: none;
}
#topmenu a:visited,#footerMenu a:visited{
	color:#fff;
	text-decoration: none;
}
#topmenu a:hover,#footerMenu a:hover{ color:#fff; text-decoration:underline; }

.logo {
	height: 72px;
	width: 310px;
	float: left;
}
.th-box {
	float: right;
	width: 450px;
	padding-top: 24px;
}
.tel {
	float: left;
	height: 29px;
	width: 283px;
}
.hour {
	font-size: 11px;
	text-align: center;
	letter-spacing: 0px;
}

#contents {
	padding-top: 13px;
	padding-right: 13px;
	padding-bottom: 18px;
	padding-left: 13px;
}

.contentsHead {
	height: 100px;
	width: 784px;
	margin-bottom: 10px;
}


#pankuzu {
	margin-bottom: 13px;
	text-align: right;
	font-size: 12px;
}
.sideMenu a {
	display: block;
	width: 185px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.sideMenu a:hover {
	display: block;
	width: 185px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #FFFFFF;
	background-color: #008EC6;
	text-decoration: none;
}

.sideMenu {
	margin-bottom: 13px;
}
.sideMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.sideMenu li {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
	border-right-color: #dddddd;
	border-bottom-color: #dddddd;
	border-left-color: #dddddd;
	margin: 0px;
	padding: 0px;
	width: 195px;
	font-size: 12px;
list-style-type: none;
}

.rightContents {
	float: right;
	width: 200px;
}
.largeBanner li,.smallBanner li {
	list-style-type: none;
	margin-bottom: 10px;
}

ul.largeBanner{
	padding-bottom: 5px;
}


#footerMenu {
	background-color: #00519A;
	padding-top: 8px;
	padding-bottom: 8px;
}
#footerMenu-inner {
	width: 550px;
	margin:0 auto;

}

#footerMenu li {
	display: inline;
	list-style-type: none;
	background: url(../images/topmenu_line.gif) no-repeat right center;
	font-size: 12px;
	color: #fff;
	padding-right: 0.5em;
	line-height: 2;
}
#footerMenu ul {
	text-align: center;
}

#footerMenu .no-line {
	background:none;
}
#copy {
	font-size: 10px;
	letter-spacing: 0px;
	text-align: right;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
}


/*======================================
	Global Menu
=======================================*/

.menu {
	padding-left: 15px;
	border-bottom: 6px solid #008EC6;
}

.menu li {
	margin-right: 4px;
	float: left;
	list-style-type: none;
}

.menu a
{display: block;height: 30px;width: 107px;text-indent: -9999px;}

.osusume a:link,.osusume a:visited {background: url(../images/mn_osusume.gif) no-repeat;}
.osusume-s,.osusume a:hover {background: url(../images/mn_osusume.gif) 0px -30px no-repeat;}

.useful a:link,.useful a:visited {background: url(../images/mn_useful.gif) no-repeat;}
.useful-s,.useful a:hover {background: url(../images/mn_useful.gif) 0px -30px no-repeat;}

.question a:link,.question a:visited {background: url(../images/mn_question.gif) no-repeat;}
.question-s,.question a:hover {background: url(../images/mn_question.gif) 0px -30px no-repeat;}

.blog a:link,.blog a:visited {background: url(../images/mn_blog.gif) no-repeat;}
.blog-s,.blog a:hover {background: url(../images/mn_blog.gif) 0px -30px no-repeat;}

.branch a:link,.branch a:visited {background: url(../images/mn_branch.gif) no-repeat;}
.branch-s,.branch a:hover {background: url(../images/mn_branch.gif) 0px -30px no-repeat;}

.contacts a:link,.contacts a:visited {background: url(../images/mn_contacts.gif) no-repeat;}
.contacts-s,.contacts a:hover {background: url(../images/mn_contacts.gif) 0px -30px no-repeat;}

.reserve a:link,.reserve a:visited {background: url(../images/mn_reserve.gif) no-repeat;}
.reserve-s,.reserve a:hover {background: url(../images/mn_reserve.gif) 0px -30px no-repeat;}

/*======================================
	Index
=======================================*/


.flash {
	background: #CCCCCC;
	height: 160px;
	width: 774px;
	margin-bottom: 13px;
}
.seachBox {
	background: url(../images/seach_box.jpg) no-repeat;
	height: 133px;
	width: 761px;
	padding: 6px 7px 6px 6px;
	text-align: right;
	margin-bottom: 13px;
}
.seachBox li {
	display: inline;
	margin-right: 19px;
}
.leftContents {
	float: left;
	width: 550px;
}
.leftContents h2 {
	margin-bottom: 11px;
}
.special {
	padding-left: 3px;
	margin-bottom: 13px;
}

.special li {
	list-style-type: none;
	display: inline;
	margin: 0px 6px 8px 0px;
	padding: 0px;
	float: left;
}
.info {
	font-size: 12px;
	margin-bottom: 13px;
	padding-left: 12px;
}
.info li {
	background-image: url(../images/info_list.gif);
	background-position: 0em 0.2em;
	margin-bottom: 12px;
	padding-left: 20px;
	list-style-type: none;
	background-repeat: no-repeat;
}
.info p {
	margin: 0px;
	padding: 0px;
	line-height: 1.4;
}

.info h3 {
	margin-bottom: 5px;
}
img.new {
	margin-left: 3px;
	vertical-align: middle;
}
.questionArea {
	margin-bottom: 13px;
	padding-left: 3px;
}

.qBox {
	width: 163px;
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	border: 1px solid #ccc;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0px;
	float: left;
	height: 122px;
	margin-right: 5px;
}
.qBox h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}

.qBox li {
	background-image: url(../images/q_list.gif);
	background-position: 0em 0.6em;
	margin-bottom: 9px;
	padding-left: 6px;
	list-style-type: none;
	background-repeat: no-repeat;
}

/*======================================
	info
=======================================*/

h3.entry-header{
	font-size: 12px;
	font-weight: normal;
}

.info a{	margin-left: 10px;}

.info-date {
	background-image: url(../images/info_list.gif);
	background-position: 0em 0.2em;
	margin-bottom: 3px;
	padding-left: 20px;
	list-style-type: none;
	background-repeat: no-repeat;
	font-size: 12px;
	color:#666;
}
.info-body {
	padding-left: 20px;
	margin-bottom: 25px;
}
h3.info-header {
	font-size: 14px;
         font-weight: bold;
	margin-bottom: 8px;
}

.info-header .info-title {
         font-weight: bold;
}

.info-body p,.info-entry {
	font-size: 12px;
	line-height: 1.6;
}

.content-nav {
	font-size: 12px;
	text-align: center;
}

span.new {
    display: none;
	vertical-align: middle;
}