/* ------------------------------------------------------------------------
    common
------------------------------------------------------------------------  */
html { font-size: 80%; line-height: 1.75; font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; }

body { background-color: #363737; min-width: 1280px; color: #333333; }

img { vertical-align: middle; }

ul { margin: 0; padding: 0 }

li { margin: 0; padding: 0; list-style: none; }

h1 { margin: 0;
float:left;
	width:310px;
	padding:30px 0 30px 240px}

h2 {
    text-align: center;
    padding-bottom:0;
    margin: 0;
}

h3 { margin: 0; padding: 0 0 10px 0; }

p { margin: 0; padding:0;}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.common_section {
    width: 100%;
}

.common_section > .content {
	width: 1280px;
	margin: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}	

.sub_title {
    text-align: center;
    padding-bottom: 40px;
}

.left {
    float: left;
}




/* ------------------------------------------------------------------------
 固定メニュー
------------------------------------------------------------------------  */

.fixmenu {
		clear:both;
	background: url(../img/g_navi_bg.gif) repeat-x top;
	height: 85px;


}

.no {
	display:none;
}
.fixedmenu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	z-index:200;
}

#nav_fix {
	width: 1260px;
	margin:0 auto 0;
}

#nav_fix li {
	float:left;
	width:208px;
}


#nav_fix  .contact {
	width:220px;
}


#nav_fix li img{
	width:100%;
	height:auto;
}

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

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

}
#header .area{
	width:1260px;
	margin:0 auto;
}

#header .rogo{
	float:left;
	margin:20px 0 20px 0;

}

#header .tell{
	float:right;
	margin:20px 0 20px 0;

}

#header_nav {
	clear:both;
	background: url(../img/g_navi_bg.gif) repeat-x top;
	height: 85px;


}
#header_nav ul{
width:1260px;
	height:auto;
	margin:0 auto;

}


#header_nav li { 
	float:left;
	width:208px;
	

}


#header_nav li img{
	width:100%;
	height:auto;
	

}


#header_nav .contact{ 
	width:220px;
	

}







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


.common_section#top_photo01 {
    background-color: #fff;
    background-image: url('../img/photo01_big.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	position:relative;
	background-size:100%;

	
}



.spacer {
	height:50px;
}

.common_section#top_photo01 .content {
	padding-top: 50px;
	width:100%;
	display: block;
	height:500px;
	margin:0 auto;
}


.top_img {
	width:870px;
	height:416px;
	margin:0 auto 0;


}







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







.common_section#top_obi {
	background:url(../img/top_obi_bg.png) repeat-x center top;
    background-attachment: scroll;
	position:relative;
	height:230px;
	z-index:60;
}




.common_section#top_obi .content {
	width:600px;
	margin:0 auto;
	height:230px;
	padding-top:0;
}





/* ------------------------------------------------------------------------
    03 photo 02　トップ
------------------------------------------------------------------------  */
.common_section#top_photo02 {
    background-color: #fff;
    background-image: url('../img/photo02_big.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	position:relative;
	top:-115px;
		background-size:100%;
	
}

.common_section#top_photo02 .content {
	width:600px;
	display: block;
	height:500px;
	margin:0 auto;

}




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


.common_section#concept {
    background-color: #fff;
    background-image: url('../img/cont01_bg01_big.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	position:relative;
	z-index:50;
	top:-115px;
	height:1000px;	
		background-size:100%;


}




#title01 {
	background: url(../img/h2_con_bg.gif)  repeat-x top;
	height:80px;



}

#navi_concept{
	position:absolute;
	top:-85px;

}




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


}


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


}




/* ------------------------------------------------------------------------
    05 photo 03　
------------------------------------------------------------------------  */
.common_section#top_photo03 {
    background-color: #fff;
    background-image: url('../img/photo03_big.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	position:relative;
	top:-115px;
		background-size:100%;
	
}

.common_section#top_photo03 .content {
	width:600px;
	display: block;
	height:500px;
	margin:0 auto;

}






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


.common_section#qanda {
    background-color: #fff;
    background-image: url('../img/cont01_bg02_big.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	position:relative;
	z-index:50;
	height:720px;
	/*height:1000px;*/
    top:-115px;
		background-size:100%;


}

#navi_qanda{
	position:absolute;
	top:-85px;

}

#title02 {
	background: url(../img/h2_qa_bg.gif)  repeat-x top;
	height:80px;
	z-index:51;

}



.common_section#qanda .content {
	width:655px;
	margin:0 auto;
	height:665px;
	padding:40px 0 0 0;

}


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

/*accordion-001*/
.accordion-box {
	width:655px;
	height:auto;
	margin:0;
	padding:0;
	text-align:left;
}

.accordion-box h3 {
	width:655px;
	height:50px;
	margin:0;
	padding:0;
	background-position:right 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:655px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
.accordion-box .accordion-block dl {
	list-style-type:none;
	display:inline-block;
	margin:0;
	padding:0;
}
.accordion-box .accordion-block dl dt {
	list-style-type:none;
	width:655px;
	margin:0;
	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_big.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	position:relative;
	top:-115px;
		background-size:100%;
	
}

.common_section#top_photo04 .content {
	width:600px;
	display: block;
	height:500px;
	margin:0 auto;

}


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


.common_section#laod {
    background-color: #fff;
    background-image: url('../img/cont01_bg03_big.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	position:relative;
	z-index:50;
	height:870px;
	top:-115px;
		background-size:100%;

}

#navi_dl{
	position:absolute;
	top:-85px;

}

#title03 {
	background: url(../img/h2_dl_bg.gif)  repeat-x top;
	height:80px;
	z-index:51;

}



.common_section#laod .content {
	width:655px;
	margin:0 auto;
	height:850px;
	padding:40px 0 0 0;


}


.dl_w01 {

}


.dl_w02 {
	padding-top:30px;
	font-size:8pt;
	padding-bottom:40px;

}


.dl_btn_L {
	float:left;
	padding:0 15px 15px 0;

}


.dl_btn_R {
	float:left;
	padding:0 0 15px 0;

}


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

.common_section#top_photo05 .content {
	width:600px;
	display: block;
	height:500px;
	margin:0 auto;

}


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

.common_section#outline {
    background-color: #fff;
    background-image: url('../img/cont01_bg04_big.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
	position:relative;
	z-index:50;
	height:1280px;
	top:-115px;
		background-size:100%;

}

#navi_outline{
	position:absolute;
	top:-85px;

}

#title04 {
	background: url(../img/h2_out_bg.gif)  repeat-x top;
	height:80px;
	z-index:51;

}



.common_section#outline .content {
	width:655px;
	margin:0 auto;
	height:665px;
	padding:40px 0 0 0;


}


.common_section#outline table{
	margin:0 auto 50px;
	font-size:12px;
	border:1px solid #a4a5a3;
	width:655px;
	background: rgba( 255, 255, 255, 0.55 );
	color:#000000;

	
	
}

.common_section#outline table th{
	font-weight:normal;	
	color:#5d5d5d;
	text-align:center;
	width:170px;
	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%;
    background-color: #363737;
    top:-115px;
	position:relative;
	
}

.common_section#footer .content {
    padding:0 auto ;
    color: #FFFFFF;
	width:880px;
	margin:40px auto;
	height:60px;



}

.common_section#footer .info {
	float:left;
	margin:0 15px 0 0;
}

.common_section#footer .info02 {
	float:left;
	margin:0 15px 0 0;
}

.common_section#footer .footer_contact {
	float:left;
}

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

}



/*----------------------------------------------------
	#minitabs
----------------------------------------------------*/
	
	
#minitabs {
	padding:5px;
	font-size:9pt;
	margin:0 auto 10px;
	border-bottom:1px solid #898989;
}

#minitabs ul{
		width: 910px;
		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:block;
}

#minitabs .sm{
	display:none;
}


/* ------------------------------------------------------------------------
    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;
}