body {
    min-width: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.common_section > .content {
    width: auto;
}

/* ------------------------------------------------------------------------
 固定メニュー
------------------------------------------------------------------------  */
#nav_fix{
display: none;
}

#nav_fix ul{
display: none;
}

/* ------------------------------------------------------------------------
    header
------------------------------------------------------------------------  */
#header {

	width: 100%;
	height:auto;
	background-color: #fff;

}
#header .area{
	width:100%;
	margin:0 auto;
}

#header .rogo{
	width:100%;
	clear:both;
	text-align:center;
	margin:10px auto 15px;


}


h1 { margin: 0 auto;
	width:310px;
	text-align:center;
	float:none;
	padding:0 0 10px 0;
	font-size:xx-small;}

#header .tell{
	width:95%;
	height:auto;
	clear:both;
	text-align:center;
	margin:0 auto 10px;
	float:none;


}

#header_nav {
	display:none;

}







/* ------------------------------------------------------------------------
    01 main image　トップ
------------------------------------------------------------------------  */


.common_section#top_photo01 {
    background-color: #fff;
    background-image: url('../img/photo01.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: scroll;
	position:relative;
	background-size:150%;
	
}




.spacer {
	height:50px;
}

.common_section#top_photo01 .content {
	padding-top:10px;
	 width: 100%;
	height:450px;
	margin:0 auto;

}


.top_img {
	width:90%;
	height:aito;
	margin:30px auto;


}



/* ------------------------------------------------------------------------
    02 CITY ROGO OBI　トップ
------------------------------------------------------------------------  */
.common_section#top_obi {
	background:url(../img/top_obi_bg.png) repeat-x center top;
    background-attachment: scroll;
	position:relative;
	height:auto;
	z-index:60;
    background-size:50%;
	top:-200px;
}




.common_section#top_obi .content {
	width:50%;
	margin:0 auto;
	height:auto;
	padding-top:0;
}




/* ------------------------------------------------------------------------
    03 photo 02　トップ
------------------------------------------------------------------------  */
.common_section#top_photo02 {
    background-color: #fff;
    background-image: url('../img/photo02.jpg');
    background-repeat: no-repeat;
    background-position: center ;
    background-attachment: scroll;
	position:relative;
	top:-250px;
	height:auto;
	background-size:150%;
	
}

.common_section#top_photo02 .content {
	 width: auto;
	 height:250px;
	margin:0 auto;

}



/* ------------------------------------------------------------------------
   04 concept コンセプト
------------------------------------------------------------------------  */


.common_section#concept {

    background-color: #fff;
    background-image: url('../img/bg_01.jpg');
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
	position:relative;
	z-index:50;
	top:-250px;
	height:auto;
	background-size: auto;

	
}





#title01 {
	background: url(../img/h2_con_bg.gif)  repeat-x top;
	width:100%;
	height:auto;



}

.common_section#concept img{
	width:100%;
	height:auto;
}

#navi_concept{
	position:absolute;
	top:0;

}




.common_section#concept .content {
	width:90%;
	margin:0 auto;
	height:auto;
	padding:40px 0 0 0;


}


.common_section#concept .con_w01 {
	margin:0 0 40px 0;
	text-align:center;

	font-size:small;

}



/* ------------------------------------------------------------------------
    05 photo 03　
------------------------------------------------------------------------  */
.common_section#top_photo03 {
    background-color: #fff;
    background-image: url('../img/photo03.jpg');
    background-repeat: no-repeat;
    background-position: center ;
    background-attachment:scroll;
	position:relative;
	top:-300px;
	height:auto;
	background-size:150%;
	
}

.common_section#top_photo03 .content {
	 width: 100%;
	height:250px;
	margin:0 auto;

}


/* ------------------------------------------------------------------------
   06 QandA
------------------------------------------------------------------------  */


.common_section#qanda {

	background-color: #fff;
    background-image: url('../img/bg_02.jpg');
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
	position:relative;
	z-index:50;
	top:-300px;
	width:100%;
    height:auto;
    background-size: auto;	

}

.common_section#qanda img{
	width:100%;
	height:auto;
}

.common_section#qanda .qa_junbi img{
	width:100%;

	text-align:center;
}

#navi_qanda{
	position:absolute;
	top:0;

}

#title02 {
	background: url(../img/h2_qa_bg.gif)  repeat-x top;
    width:100%;
	height:auto;

}



.common_section#qanda .content {
	
	
	width:90%;
	margin:0 auto;
	height:auto;
	padding:40px 0 0 0;
	text-align:center;

}


/* accordion-001b.css 日本語 */

/*accordion-001*/
.accordion-box {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0  0 30px 0;
	

}

.accordion-box h3 {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background-position:center 0px;
	cursor:pointer;
}
/* active */
.accordion-box h3.active {
	background-position:right -21px;
}
/* hovered */
.accordion-box h3.hovered {
	background-color:#555555;
}

.accordion-box .accordion-block {
	display:block;
    width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:#FFFFFF;
}
.accordion-box .accordion-block dl {
	list-style-type:none;
	display:inline-block;
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
}
.accordion-box .accordion-block dl dt {
	list-style-type:none;
    width:100%;
	height:auto;
	margin:0 auto  ;
	padding:0;

}
.accordion-box .accordion-block dl dt a {
	text-decoration:none;
	color:#BBBBBB;
}


/* ------------------------------------------------------------------------
    07 photo 04　
------------------------------------------------------------------------  */
.common_section#top_photo04 {
    background-color: #fff;
    background-image: url('../img/photo04.jpg');
    background-repeat: no-repeat;
    background-position: center ;
    background-attachment: scroll;
	position:relative;
	top:-320px;
	background-size:150%;
	
	
}

.common_section#top_photo04 .content {
	width: 100%;
	height:250px;
	margin:0 auto;

}



/* ------------------------------------------------------------------------
   08 DownLoad
------------------------------------------------------------------------  */


.common_section#laod {
    background-color: #fff;
    background-image: url('../img/bg_01.jpg');
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
	position:relative;
	z-index:50;
	height:100%;
	top:-320px;
    background-size: auto;
}

#navi_dl{
	position:absolute;
	top:0;

}

#title03 {
	background: url(../img/h2_dl_bg.gif)  repeat-x top;
    width:100%;
	height:auto;

}



.common_section#laod .content {
	width:90%;
	margin:0 auto;
	height:auto;
	padding:40px 0 30px 0;
	


}




.dl_w01 {

	font-size:small;
	padding:0 10px 0 10px;

}


.dl_w02 {
	font-size: xx-small;
	padding:30px 10px 40px 10px;

}


.dl_btn_L {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0 0 15px 0;
	text-align:center;

}


.dl_btn_R {
	width:100%;
	height:auto;
	argin:0 auto;
	padding:0 0 15px 0;
	text-align:center;

}


/* ------------------------------------------------------------------------
    08 photo 05　
------------------------------------------------------------------------  */
.common_section#top_photo05 {
    background-color: #fff;
    background-image: url('../img/photo05.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: scroll;
	position:relative;
	top:-320px;
	background-size:150%;
	
}

.common_section#top_photo05 .content {
	width: 100%;
	height:250px;
	margin:0 auto;

}





/* ------------------------------------------------------------------------
    09 Outline　
------------------------------------------------------------------------  */

.common_section#outline {
    background-color: #fff;
    background-image: url('../img/bg_02.jpg');
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
	position:relative;
	z-index:50;
	height:100%;
	top:-320px;
    background-size: auto;
}



#navi_outline{
	position:absolute;
	top:0;

}

#title04 {
	background: url(../img/h2_out_bg.gif)  repeat-x top;
    width:100%;
	height:auto;

}



.common_section#outline .content {
	
		width:90%;
	margin:0 auto;
	height:auto;
	padding:40px 0 30px 0;
	

}


.common_section#outline table{
	margin:0 auto 50px;
	font-size: small;
	border:1px solid #a4a5a3;
	width:100%;

	
	
}

.common_section#outline table th{
	font-weight:normal;	
	color:#5d5d5d;
	text-align:center;
	width:25%;
	border-bottom:1px solid #a4a5a3;
	
}



.common_section#outline table td{
	color:#5d5d5d;
	padding:5px 5px 5px 20px;
	line-height:1.3;
    border-left:1px solid #a4a5a3;
	border-bottom:1px solid #a4a5a3;
	
}


.common_section#outline table td a{
	color:#df5f4d;
	text-decoration:underline; 
	
}

.common_section#outline table td a:hover{
	color:#df5f4d;
	text-decoration:none;
	
	
}



.common_section#outline .out_w01{
	padding-bottom:40px;
	
}



/* この下にあるodd,evenクラスは、jQueryで色を付ける場合に使用します。 */
.odd {
  background-color:rgba( 220, 220, 220, 0.55 );

 

}
.even {
  background-color:rgba( 255, 255, 255, 0.55 );

}




/* ------------------------------------------------------------------------
    footer
------------------------------------------------------------------------  */
.common_section#footer {
	width:100%;
	height:auto;
    background-color: #363737;
    top:-320px;
	position:relative;
	
}

.common_section#footer .content {
    padding:0 auto ;
    color: #FFFFFF;
	width:100%;
	margin:20px auto;
	width:100%;
	height:auto;



}

.common_section#footer .info {
	float:none;
	text-align:center;
	margin:0px auto;
}

.common_section#footer .info02 {
	float:none;
	text-align:center;
	margin:20px auto;
}


.common_section#footer .footer_contact {
	float:none;
	text-align:center;
	padding-top:3%;
}

.copyright {
    text-align: center;
    color: #FFFFFF;
	background:#727172;

}



/*----------------------------------------------------
	#minitabs
----------------------------------------------------*/
	
	
#minitabs {
	padding:5px;
	font-size:x-small;
	margin:0 auto 10px;
	border-bottom:1px solid #898989;
	width:100%;
	height:auto;
}

#minitabs ul{
	width:100%;
	margin:0 auto ;
	list-style: none;
	text-align: center;
	white-space: nowrap;
	line-height:1.8;
	color: #ffffff;
	padding-top:15px;
	padding-bottom:15px;
}
#minitabs ul li{display: inline; margin: 0; padding:0;}
#minitabs ul a{
	text-decoration: none;
	padding: 1px 5px;
	color: #ffffff;
}
#minitabs ul a#current{
	color: #fff;
	font-weight: bold;
	background-color: #a11134;
}
#minitabs ul a:hover{color:#ffe100; text-decoration:underline; } 








#minitabs .pc{
	display:none;
}

#minitabs .sm{
	display:block;
}







/* ------------------------------------------------------------------------
    ios
------------------------------------------------------------------------  */
.ios .common_section#top_photo01 {
    background-attachment: scroll;
}

.ios .common_section#top_photo02 { 
    background-attachment: scroll;
}


.ios .common_section#top_photo03 { 
    background-attachment: scroll;
}

.ios .common_section#top_photo04 { 
    background-attachment: scroll;
}


.ios .common_section#top_photo05 { 
    background-attachment: scroll;
}