/*=======================
reset.css for mtp
=======================*/

body,div,dl, dt, dd,ul, ol, li,h1, h2, h3, h4, h5, h6,pre, code,form, fieldset, legend, input, textarea,p, blockquote,th, td {
margin: 0;
padding: 0;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: 0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}

li {list-style: none;}

caption,
th {¥text-align: left;}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

q:before, q:after {
content: '';
}

abbr,acronym {
border: 0;
font-variant: normal;
}

sup, sub {
line-height: -1px;
vertical-align: text-top;
}

sub {vertical-align: text-bottom;}

input, textarea, select {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}

.clearer{
  overflow:hidden;
  zoom:1;
}

.clearer:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearer{display:inline-table;}

/* Hides from IE-mac \*/
* html .clearer{
  height:1%;
  overflow:visible;
}
.clearer{display:block;}
/* End hide from IE-mac */

input {
        _margin: -1px 0;
}
sup,sub {
        vertical-align: baseline;
        position: relative;
}
sup {top: -4px}
sub {top: 4px}
html {height:100%;}

/*=======================
layout.css for mtp
=======================*/

body{
        background:#CCCCCC;
}

#wrapper{
        position:relative;
        margin:0 auto;
        text-align:left;
        background:url(./mtp_bg_body.jpg) repeat-y;
}

#header{
        position:relative;
        width:798px;
        height:96px;
        margin:0 auto;
        background-color:#FFFFFF;
}

#contents{
        position:relative;
        width:798px;
        margin:0 auto;
}

#footer{
        position:relative;
        width:798px;
        margin:0 auto;
        background:#FFFFFF;
        border-top:1px solid #EDEDED;
}



/* footer keep position CSS */

html{
    height:100%;
}
body{
    height:100%;
}
* html div#wrapper{
    height:100%;
}
div#wrapper{
    margin:0px auto;
    position:relative;
    min-height: 100%;
        width:810px;
}
body > #wrapper {
    height: auto;
}
div#contents{
    padding-bottom:100px;
}
#footer{
    position:absolute;
    bottom:0px;
    left:6px;
}



/*=======================
fonts.css for mtp
=======================*/
body {font:11px/1.231 Verdana,arial,helvetica,clean,sans-serif,"ＭＳ Ｐゴシック", Osaka, "Hiragino Kaku Gothic Pro W3";*font-size:66%;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body * {line-height:1.38em;}


/*=======================
general.css for mtp
=======================*/

body{
        color:#333333;
}

a {
        text-decoration:underline;
        color:#333333;
}

a:hover {
        text-decoration:none
}

.align_center {
        text-align : center;
}

.align_left {
        text-align : left;
}

.align_right {
        text-align : right;
}

.float_left {
        float : left;
}

.float_right {
        float : right;
}

.mb-0{
        margin-bottom:0px;
}


.mb-4{
        margin-bottom:4px;
}


.mt-7{
        margin-top:7px;
}

.mb-7{
        margin-bottom:7px;
}

.mt-10{
        margin-top:10px;
}

.mb-10{
        margin-bottom:10px;
}

.mr-10{
        margin-right:10px;
}

.ml-10{
        margin-right:10px;
}

.mt-15{
        margin-top:15px;
}

.mb-15{
        margin-bottom:15px;
}

.mr-15{
        margin-right:15px;
}

.ml-15{
        margin-left:15px;
}

.mt-20{
        margin-top:20px;
}

.mb-20{
        margin-bottom:20px;
}

.mr-20{
        margin-right:20px;
}

.ml-20{
        margin-left:20px;
}

.pt-4{
        padding-top:4px;
}

.pb-4{
        padding-bottop:4px;
}


.pt-7{
        padding-top:7px;
}

.pb-7{
        padding-bottop:7px;
}

.pt-10{
        padding-top:10px;
}

.pb-10{
        padding-bottop:10px;
}

.pr-10{
        padding-right:10px;
}

.pl-10{
        padding-right:10px;
}

.pt-15{
        padding-top:15px;
}

.pb-15{
        padding-bottop:15px;
}

.pr-15{
        padding-right:15px;
}

.pl-15{
        padding-left:15px;
}

.pt-20{
        padding-top:20px;
}

.pb-20{
        padding-bottop:20px;
}

.pr-20{
        padding-right:20px;
}

.pl-20{
        padding-left:20px;
}


#header #thema{
        background:#66CC00;
        color:#FFFFFF;
        font-size:10px;
        padding:2px 20px 2px 20px;
}

#header #name{
        padding:21px 20px 0 20px;
        font-size:26px;
}

#header #name h2{
        border-left:5px solid #66CC00;
        padding-left:7px;
}

#header #name h2 a{
        color:#181818;
        text-decoration:none;
}

#header #name h2 a:hover{
        color:#181818;
        text-decoration:underline;
}

#contents #sub{
        position:relative;
        width:240px;
        padding:20px;
}

#contents h4{
        border-left:4px solid #FF9900;
        padding-left:7px;
        font-size:125%;
        font-weight:bold;
}

p.copy{
        margin:0 0 15px 0px;
}

p.exp{
        margin:7px 0 15px 11px;
}

.adsense{
        margin-bottom:15px;
        border:1px solid #EFEFEF;
        text-align:center;
        padding:4px 0;
}

img.ph_top{
        margin-bottom:15px;
}

#mailbtn{
	border-top:dotted 1px #CCCCCC;
	padding:15px 0;/* 090710國分変更　上下にpadding */
}

#mailbtn li.btn01{
	width:226px;
	height:36px;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}

#mailbtn li.btn01 a{
	width:226px;
	height:36px;
	display:block;
	margin:0 auto;
	background:url(/images/common/mtp_btn_mailsend.gif) 0 0 no-repeat;
	outline:none;
}

#mailbtn li.btn01 a:hover{
	background:url(/images/common/mtp_btn_mailsend.gif) 0 -36px no-repeat;
	outline:none;
}

/* 090710國分追加　お問い合わせフォームボタン */
#mailbtn li.btn03{
	width:226px;
	height:36px;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}

#mailbtn li.btn03 a{
	width:226px;
	height:36px;
	display:block;
	margin:0 auto;
	background:url(/images/common/mtp_btn_form.gif) 0 0 no-repeat;
	outline:none;
}

#mailbtn li.btn03 a:hover{
	background:url(/images/common/mtp_btn_form.gif) 0 -36px no-repeat;
	outline:none;
}
/* 090710國分追加ここまで */

/* 佐藤が追加したスタイルここから */
#mailbtn2 {
        border-top:dotted 1px #CCCCCC;
    border-bottom:dotted 1px #CCCCCC;
        padding:15px 0;
}

#mailbtn2 li.btn02{
        width:90px;
        height:30px;
        display:block;
        margin:0 auto;
        text-indent:-9999px;
}

#mailbtn2 li.btn02 a{
        width:90px;
        height:30px;
        display:block;
        margin:0 auto;
        background:url(/images/common/mtp_coupon.jpg) 0 0 no-repeat;
        outline:none;
}
/* 佐藤が追加したスタイルここまで */

#contents #main{
        position:relative;
        width:480px;
        padding:0px 20px 20px 0;
}

#tabs{
        position:relative;
        height:30px;
        border-bottom:4px solid #66CC00;
        border-left:1px solid #CCCCCC;
        margin-bottom:15px;
}

#tabs ul{
        height:31px;
        width:100%;
        position:absolute;
}



#tabs ul li{
        display:block;
        float:left;
}

#tabs ul li a{
        display:block;
        padding:7px;
        border-right:1px solid #CCCCCC;
        border-top:1px solid #CCCCCC;
        background:url(/images/common/mtp_bg_tabs.jpg) 0 0 repeat-x;
}

#tabs ul li a:hover,#tabs ul li a.selected{
        background:#66CC00;
        color:#FFFFFF;
        text-decoration:none;
}

#backtotop{
        height:19px;
        width:100%;
        text-indent:-9999px;
        position:absolute;
        top:-19px;
}

#backtotop a{
        width:120px;
        height:19px;
        display:block;
        outline:none;
        background:url(/images/common/mtp_btn_btt.gif) no-repeat;
        float:right;
        margin-right:20px;
        _margin-right:10px;
}

#foot_content{
        margin:0 auto;
        font-size:10px;
}

#foot_content a#logo{
        position:relative;
        left:50px;
        z-index:200000;
}

#foot_content ul{
        position:absolute;
        bottom:9px;
        right:50px;
}

#foot_content ul li{
        text-align:right;
        margin-top:10px;
        color:#333333;
}

#foot_content ul li a{
        color:#333333;
}


/*=======================
content.css for mtp
=======================*/

/* items */
#main_contents .item li.ph{
        float:left;
}

#main_contents .item li.ph img{
        width:120px;
        margin-right:15px;
}

#main_contents .item{
        margin-bottom:15px;
        padding-bottom:15px;
        border-bottom:1px dotted #CCCCCC;
}

#main_contents .item li.p{
        width:345px;
        float:right;
}

#main_contents .item li.noimage{
        width:100%;
        float:none;
}

#main_contents .item li p.exp{
        margin:7px 0 0px 11px;
}

/* maps */
#map, .map{
        margin-bottom:15px;
}