@charset "utf-8";

/*-- default style clear ---------------------*/
* {
	margin: 0;
	padding: 0;
	zoom: 1;}

body {
	font-family: Verdana, "qMmpSPro W3", "Hiragino Kaku Gothic Pro", "CI", Meiryo, "lr oSVbN", sans-serif;
	font-size: 74.5%;
	font-weight : normal;
	font-style : normal;
	text-align: center;
	line-height: 1.8;
	color: #444;
	background-color: #fff;
	background: url(../img/img_back.jpg) repeat-x;}

html>/**/body {overflow: scroll;}

h1,h2,h3,h4,h5,h6,address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;}
	
img {
	border-width: 0;
    border-style: none;
	}
		
ul {list-style: none;}

li a,
dt a {text-decoration: none;}

li a:hover,
dt a:hover {text-decoration: underline;}

.log {display: none;}


/*-- clearfix ---------------------*/
#container .clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;}
#container .clearfix {display: inline-block;}/* exlude MacIE5 \*/
* html .clearfix {height: 1%}
#container .clearfix {display:block;}/* end MacIE5 */


/*-- IE6_pnghack ---------------------*/
* html #hedder h1,
* html #hedder h1 a,
* html #main,
* html .copylight {behavior: expression(IEPNGFIX.fix(this));}


/*-- margin and color and font-size item ---------------------*/
.c01 {
	font-weight: bold;
	color: #ff6c00;}
.c02 {color: #777;}
.strong {
	font-weight: bold;
	color:#FF3333
	}
.f01 {font-size: 108%;}


/*-- layout ---------------------*/
#wrapper {
	position: relative;
	padding-bottom: 197px;
	width: 100%;
	height: auto;
	font-size: 85%;
	background: url(../img/img_back02.png) repeat-x bottom;}

#container {
	margin: 0 auto;
	width: 720px;
	padding-top: 10px;
	height: auto;
	text-align: left;}

#top_box {
	position: relative;
	width: 720px;
	height: auto;}

#bottom_box {
	position: relative;
	width: 720px;
	height: auto;
	width: 100%;}


/*-- hedder ---------------------*/
#hedder {
	position: relative;
	width: 522px;
	height: 112px;}

#hedder h1 {
	width: 522px;
	height: 112px;
	text-indent: -99999px;
	background: url(../img/tit_h1.png) no-repeat;}

#hedder h1 a {
	position: absolute;
	top: 20px;
	left: 28px;
	display: block;
	width: 330px;
	height: 80px;
	overflow: hidden;}


/*-- main_contents ---------------------*/
#main {
	position: relative;
	padding-bottom: 36px;
	width: 522px;
	height: auto;
	background: url(../img/img_back01.png) repeat-y;}

#main .top_item {
	margin-left: 28px;
	width: 465px;
	color: #308311;}
.picBox
{
	margin:5px 0 5px 28px;
	width:465px;
	height:50px;
	border:1px dashed #999999;
	
}
.flash_box,
#main_box01,
#main_box02,
#main_box03,
#main_box04,
#footer,
#pagetop_box,
.sec_main {margin-left: 28px;}

/*-- フラッシュ --*/
.flash_box {
	margin-top: 10px;
	width: 465px;
	height: 162px;}

/*-- 知っていますか？プロポーション矯正のこと。 --*/
#main_box01 {
	padding-bottom: 10px;
	width: 465px;
	height: auto;
	background: url(../img/img_h3_bottom.gif) no-repeat left bottom;}

#main_box01 h3 {
	margin-top: 10px;
	width: 465px;
	height: 20px;
	text-indent: -99999px;
	background: url(../img/tit_h3_proportion.gif) no-repeat;}

#main_box01 p {
	padding: 6px 10px;
	border-left: 1px solid #66A350;
	border-right: 1px solid #66A350;}

#main_box01 span {
	display: block;
	padding-top: 6px;
	text-align: right;}
	
/*-- お知らせとお願い --*/
#main_box04 {
	padding-bottom: 10px;
	width: 465px;
	height: auto;
	background: url(../img/img_h3_bottom.gif) no-repeat left bottom;}

#main_box04 h3 {
	margin-top: 10px;
	width: 465px;
	height: 20px;
	text-indent: -99999px;
	background: url(../img/tit_h3_info.gif) no-repeat;}

#main_box04 p {
	padding: 6px 10px;
	border-left: 1px solid #66A350;
	border-right: 1px solid #66A350;
	line-height:1.6em;}
	
#main_box04 .box01_item01 {
	margin-top: 10px;
	padding-left: 14px;
	background: url(../img/icon01.gif) no-repeat 0 center;
	font-weight:bold;
	color:#006699;}
	
em {
	color:#FF6C00;
	font-style:normal;}

/*-- what's new --*/
#main_box02 {
	margin-top: 10px;
	padding-bottom: 10px;
	width: 465px;
	height: auto;
	background: url(../img/img_h3_bottom.gif) no-repeat left bottom;}

#main_box02 h3 {
	width: 465px;
	height: 20px;
	text-indent: -99999px;
	background: url(../img/tit_h3_what.gif) no-repeat;}

#main_box02 dl {
	padding: 6px 10px 0;
	border-left: 1px solid #66A350;
	border-right: 1px solid #66A350;}

#main_box02 dt {
	float: left;
	clear:right;
	margin-right: 10px;
	width: 90px;}

#main_box02 dd {
	margin-left: 100px;
	}

#main_box02 dd a {
	color: #444;
	text-decoration: underline;}

#main_box02 dd a:hover {
	color: #444;
	text-decoration: none;}

.newsimg {
	display:block;
	text-align:right;
	margin-right:123px;}

/*-- Access --*/
#main_box03 {
	position: relative;
	margin-top: 10px;
	width: 465px;}

#main_box03 h3 {
	width: 465px;
	height: 20px;
	text-indent: -99999px;
	background: url(../img/tit_h3_access.gif) no-repeat;}

#main_box03 .m_leftbox {
	padding: 6px 10px 0;
	border-left: 1px solid #66A350;
	border-right: 1px solid #66A350;}

#main_box03 .line_item {
	margin-top: 14px;
	padding-top: 14px;
	width: 240px;
	background: url(../img/img_line01.gif) repeat-x;}

#main_box03 .map {
	position: absolute;
	top: 12px;
	left: 260px;
	width: 190px;}


#main_box03 .map2 {
	position: absolute;
	top: 200px;
	left: 260px;
	width: 190px;}


#main_box03 .qr {margin-top: 10px;}

#main_box03 .click_item {margin-bottom: 4px;}

#main_box01 a,
#main_box03 a {color: #0077bc;}

#main_box01 a:hover,
#main_box03 a:hover {color: #f1656c;}


/*-- navi ---------------------*/	
#navi {
	position: absolute;
	top: 34px;
	left: 532px;
	width: 188px;
	height: 632px;
	background: url(../img/img_navi.png) no-repeat;}

* html #navi {background: url(../img/img_navi.jpg) no-repeat;}/* end IE6hack */

#navi .bnr01 {
	/*position: relative;*/
	/*top: 546px;*/
	left: 0;
	width: 173px;
	height: 50px;
	margin:10px 0 10px 0;
	}

#navi .bnr01 a,
#navi .bnr01 a:hover {
	display: block;
	width: 173px;
	height: 50px;
	text-indent: -99999px;
	overflow: hidden;}

#navi .bnr01 a {background: url(../img/img_banner01.jpg) no-repeat 0 0;}

#navi .bnr01 a:hover {background: url(../img/img_banner01.jpg) no-repeat 0 -50px;}

#navi .bnr02 {
	display: none;
	position: absolute;
	top: 546px;
	left: 0;}
	
#navi .bnr03 {
	/*position: absolute;*/
	/*top: 482px;*/
	left: 0;
	width: 173px;
	height: 50px;
	margin:30px 0 10px 0;
	}



#navi .bnr04 {
	/*position: absolute;
	top: 650px;*/
	left: 0;
	width: 173px;
	height: 250px;}

#navi .bnr05 {
	left: 0;
	width: 173px;
	height:auto;
	margin:10px 0 10px 0;
	}
#magazinePlace
{
	width:185px;
	height:auto;
	margin:40px 0 0px 0;
	/*background:#999999;*/
}
#m_top
{
	background:url(../img/magazine_03.png) no-repeat;
	width:175px;
	height:16px;
	
}
#m_index
{
	background:url(../img/magazine_05.png) repeat-y;
	width:175px;
	height:auto;
	
}
#m_bottom
{
	background:url(../img/magazine_07.png) no-repeat;
	width:175px;
	height:16px;
}
.m_info
{
	width:155px;
	height:auto;
	padding:5px 0 5px 10px;
}
.info_pic img
{
	width:145px;
}
#navi .navi_item {margin-top: 219px;}

#navi ul {
	display: block;
	width: 169px;
	height: auto;}

#navi ul li {
	position: relative;
	display: block;
	margin: 0 0 6px 12px;
	width: 169px;
	height: auto;}

#navi .navitop,
#navi .navitop a,
#navi .navitop a:hover,
#navi .navitop_on,
#navi .navitop_on a,
#navi .navitop_on a:hover {
	display: block;
	width: 148px;
	height: 20px;
	text-indent: -99999px;
	outline: none;}

#navi .navitop a {background: url(../img/navi_top.jpg) no-repeat 0 0;}

#navi .navitop a:hover {background: url(../img/navi_top.jpg) no-repeat 0 -20px;}

#navi .navitop_on {background: url(../img/navi_top.jpg) no-repeat 0 -20px;}

#navi .navi01,
#navi .navi01 a,
#navi .navi01 a:hover,
#navi .navi01_on,
#navi .navi01_on a,
#navi .navi02,
#navi .navi02 a,
#navi .navi02 a:hover,
#navi .navi02_on,
#navi .navi02_on a,
#navi .navi03,
#navi .navi03 a,
#navi .navi03 a:hover,
#navi .navi03_on,
#navi .navi03_on a,
#navi .navi04,
#navi .navi04 a,
#navi .navi04 a:hover,
#navi .navi04_on,
#navi .navi04_on a {
	display: block;
	width: 148px;
	height: 45px;
	text-indent: -99999px;
	outline: none;}

#navi .navi01 a {background: url(../img/navi_01.jpg) no-repeat 0 0;}
#navi .navi02 a {background: url(../img/navi_02.jpg) no-repeat 0 0;}
#navi .navi03 a {background: url(../img/navi_03.jpg) no-repeat 0 0;}
#navi .navi04 a {background: url(../img/navi_04.jpg) no-repeat 0 0;}

#navi .navi01 a:hover,
#navi .navi02 a:hover,
#navi .navi03 a:hover,
#navi .navi04 a:hover {background-position: 0 -45px;}

#navi .navi01_on {background: url(../img/navi_01.jpg) no-repeat 0 -45px;}
#navi .navi02_on {background: url(../img/navi_02.jpg) no-repeat 0 -45px;}
#navi .navi03_on {background: url(../img/navi_03.jpg) no-repeat 0 -45px;}
#navi .navi04_on {background: url(../img/navi_04.jpg) no-repeat 0 -45px;}


/*-- footer ---------------------*/
#footer {
	clear: both;
	padding-top: 36px;
	width: 465px;
	height: auto;	
	text-align: center;
	overflow: hidden;}

#footer dl {margin-bottom:-2px;}

#footer dl dt {display: inline;}

#footer dl dd {display: none;}

#footer dl dt a {color: #122b87;}

#footer dl dt a:hover {color: #f48c91;}


/*-- bottom_box and copylight ---------------------*/
#bottom_box .copylight {
	position: absolute;
	top: 0;
	left: -135px;
	width: 1009px;
	height: 197px;
	background: url(../img/img_bard01.png) no-repeat;}

address {
	position: absolute;
	top: 167px;
	left: 200px;
	color: #04bbbb;}


/*-- 中ページ共通 ---------------------*/
.sec_main {
	padding: 20px 0 20px 10px;
	width: 465px;
	height: auto;
	line-height: 1.8;
	background: url(../img/img_back03.gif) repeat-y;}

* html .sec_main {margin-top: -29px;}/* end IE6hack */

.sec_main a {color: #0077bc;}

.sec_main a:hover {color: #f1656c;}

#box01 {clear: left;}

#tab {
	margin-left: 28px;
	width: 465px;
	height: 44px;
	background: url(../img/tab_bottom.gif) no-repeat bottom;}

* html #tab {background: url(../img/tab_bottom.gif) no-repeat 0 40px;}/* end IE6hack */

#tab ul {margin-left: 10px;}

#tab ul li {
	display: block;
	float: left;
	margin-right: 2px;
	width: 122px;
	height: 73px;}

#tab .tab01_on,
#tab .tab02_on,
#tab .tab03_on,
#tab .tab04_on,
#tab .tab05_on,
#tab .tab06_on,
#tab .tab07_on,
#tab .tab08_on,
#tab .tab09_on,
#tab .tab10_on,
#tab .tab11_on,
#tab .tab12_on {height: 41px;}

#tab .tab01 a,
#tab .tab02 a,
#tab .tab03 a,
#tab .tab04 a,
#tab .tab05 a,
#tab .tab06 a,
#tab .tab07 a,
#tab .tab08 a,
#tab .tab09 a,
#tab .tab10 a,
#tab .tab11 a,
#tab .tab12 a {
	margin-top: 9px;
	height: 32px}

#tab .tab01 a:hover,
#tab .tab02 a:hover,
#tab .tab03 a:hover,
#tab .tab04 a:hover,
#tab .tab05 a:hover,
#tab .tab06 a:hover,
#tab .tab07 a:hover,
#tab .tab08 a:hover,
#tab .tab09 a:hover,
#tab .tab10 a:hover,
#tab .tab11 a:hover,
#tab .tab12 a:hover {
	margin-top: 0;
	height: 41px;}

#tab .tab01, #tab .tab01 a, #tab .tab01_on,
#tab .tab02, #tab .tab02 a, #tab .tab02_on,
#tab .tab03, #tab .tab03 a, #tab .tab03_on,
#tab .tab04, #tab .tab04 a, #tab .tab04_on,
#tab .tab05, #tab .tab05 a, #tab .tab05_on,
#tab .tab06, #tab .tab06 a, #tab .tab06_on,
#tab .tab07, #tab .tab07 a, #tab .tab07_on,
#tab .tab08, #tab .tab08 a, #tab .tab08_on,
#tab .tab09, #tab .tab09 a, #tab .tab09_on,
#tab .tab10, #tab .tab10 a, #tab .tab10_on,
#tab .tab11, #tab .tab11 a, #tab .tab11_on,
#tab .tab12, #tab .tab12 a, #tab .tab12_on {
	display: block;
	width: 122px;
	text-indent: -99999px;
	overflow: hidden;}

#tab .tab01 a {background: url(../proportion/img/tab_propo.jpg) no-repeat 0 -41px;}
#tab .tab02 a {background: url(../proportion/img/tab_flow.jpg) no-repeat 0 -41px;}
#tab .tab03 a {background: url(../shimizu/img/tab_shimizu.jpg) no-repeat 0 -41px;}
#tab .tab04 a {background: url(../shop/img/tab_shop.jpg) no-repeat 0 -41px;}
#tab .tab05 a {background: url(../menu/img/tab_menu.jpg) no-repeat 0 -41px;}
#tab .tab06 a {background: url(../contact/img/tab_contact.jpg) no-repeat 0 -41px;}
#tab .tab07 a {background: url(../faq/img/tab_faq.jpg) no-repeat 0 -41px;}
#tab .tab08 a {background: url(../voice/img/tab_voice.jpg) no-repeat 0 -41px;}
#tab .tab09 a {background: url(../check/img/tab_check.jpg) no-repeat 0 -41px;}
#tab .tab10 a {background: url(../link/img/tab_link.jpg) no-repeat 0 -41px;}
#tab .tab11 a {background: url(../privacy/img/tab_privacy.jpg) no-repeat 0 -41px;}
#tab .tab12 a {background: url(../sitemap/img/tab_sitemap.jpg) no-repeat 0 -41px;}


#tab .tab01 a:hover,
#tab .tab02 a:hover,
#tab .tab03 a:hover,
#tab .tab04 a:hover,
#tab .tab05 a:hover,
#tab .tab06 a:hover,
#tab .tab07 a:hover,
#tab .tab08 a:hover,
#tab .tab09 a:hover,
#tab .tab10 a:hover,
#tab .tab11 a:hover,
#tab .tab12 a:hover {background-position: 0 0;}

#tab .tab01_on {background: url(../proportion/img/tab_propo.jpg) no-repeat 0 0;}
#tab .tab02_on {background: url(../proportion/img/tab_flow.jpg) no-repeat 0 0;}
#tab .tab03_on {background: url(../shimizu/img/tab_shimizu.jpg) no-repeat 0 0;}
#tab .tab04_on {background: url(../shop/img/tab_shop.jpg) no-repeat 0 0;}
#tab .tab05_on {background: url(../menu/img/tab_menu.jpg) no-repeat 0 0;}
#tab .tab06_on {background: url(../contact/img/tab_contact.jpg) no-repeat 0 0;}
#tab .tab07_on {background: url(../faq/img/tab_faq.jpg) no-repeat 0 0;}
#tab .tab08_on {background: url(../voice/img/tab_voice.jpg) no-repeat 0 0;}
#tab .tab09_on {background: url(../check/img/tab_check.jpg) no-repeat 0 0;}
#tab .tab10_on {background: url(../link/img/tab_link.jpg) no-repeat 0 0;}
#tab .tab11_on {background: url(../privacy/img/tab_privacy.jpg) no-repeat 0 0;}
#tab .tab12_on {background: url(../sitemap/img/tab_sitemap.jpg) no-repeat 0 0;}

#pagetop_box {
	position: relative;
	width: 465px;
	height: 27px;
	text-indent: -99999px;
	background: url(../img/img_pagetop.gif) no-repeat;}

.pagetop a {
	position: absolute;
	top: 12px;
	left: 402px;
	display: block;
	width: 49px;
	height: 15px;
	overflow: hidden;}