@charset "Shift_JIS";

html{max-width:100%;
margin:auto}

#header{max-width:1300px;
margin:auto}


body{
        margin: 0;  
        padding: 0;  
	text-align:center;
	color:#4d4d4d;
	font-size:15px
}

/*@group reset*/
*{margin: 0; padding: 0}
img{max-width:100%;
vertical-align:middle}
#mainimg{background-color:#f2f2f2;}
a{text-decoration:none}
ul,ol{list-style:none} 
/*@end*/ 

ul{
text-align:center;

font-family: 'ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN',  'ƒqƒ‰ƒMƒmŠpƒS ProN W3', 'Hiragino Kaku Gothic ProN',
 'ƒ�ƒCƒŠƒI', 'Meiryo', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic' }




nav{
height:42px;
background-image : url(../images/common/nav_back1.jpg);
background-repeat : repeat-x;
}

nav ul{overflow:hidden}
nav ul li{width:20%; float:left}
nav ul li a{display:block; color:#ffffff; padding:12px 0}
nav ul li a:hover{color:#666666; 
background-image : url(../images/common/nav_back2.jpg);
background-repeat : repeat-x}

#contents01{
	margin-top:50px;
	margin-bottom:30px;

}

.tx01{	text-align:left;
	padding:24px;

	line-height: 22px;
	margin-top:20px;
}
.topictx{	text-align:left;
	padding-right:24px;
	padding-left:24px;
	line-height: 22px;
	margin-top:10px;



}

	
.topi_if{width:100%;
height:300px;

}

.kinkyu{text-align:center;

font-size:18pt;

font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN","HG–¾’©E","‚l‚r ‚o–¾’©","‚l‚r –¾’©",serif; }


.tabletx{text-align:center}
.lefttx{padding-bottom:10px}


.guidetable{padding:5px}
.table1 {
width: 100%; /* ƒe�[ƒuƒ‹‚̉¡•� */

}

.tbox {padding: 0px} 

footer{
	color:#ffffff;
	background-color:#ff5a00;
padding:20px;
}

footer a:link {color:#ffffff;
}

footer a:visited {color:#ffffff;
}

footer a:hover {color:#fff571;
}

footer a:active {color:#fff571;
}

.footnav{
margin-top:5px;
margin-bottom:10px;
}



/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;

}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}





@media only screen and (min-width: 320px)
and (max-width: 600px){
#contents01{
	margin-top:20px;
	margin-bottom:0px}
.tel1 {display:none}



nav{font-size:12px;
}
.tx01{font-size:12px;
}
.footnav{font-size:11px}
.right_img{max-width:100%}


} 

@media screen and (min-width:320px) 
and (max-width: 768px){

.topics{width: 100%;
overflow: auto;
height:150px;
-webkit-overflow-scrolling: touch;
}

.topi_if{width:100%;


}

.kinkyu{
font-size:14pt;}

}

@media screen and (min-width:480px) {



}


@media screen and (min-width:600px) {



}

@media screen and (min-width:768px) {

.logo1{float:left}
.tel1{float:right}
.both{clear:both}

.lefttx{float:left;
line-height:22px;
width:60%}
.right_img{float:right}

.concept{float:left;
width:40%;
}

.concepttx{padding:0px 10px 0px 10px;
line-height:25px:
}

}


@media screen and (min-width:1024px) {
.tx01{width:900px}
.topics{width: 950px;}

}