@charset "UTF-8";

body{
background-image:url("../img/bg_pc.jpg");
background-repeat:repeat-x;
}

#wrapper{
max-width:640px;
position:relative;
display:block;
margin:0 auto 0;
-moz-box-shadow: 1px 1px 5px #000; 
-webkit-box-shadow: 1px 1px 5px #030;
}

.tag{
display:none;
}

/*///////////////////////////////////////////*/
/*////////////////////COMMON///////////////////*/
/*///////////////////////////////////////////*/

#menu{
display:block;
position:fixed;
top:0px;
left:0px;
z-index:80;
width:100%;
background-image:url("../img/img_bg_menu.png");
-moz-box-shadow: 1px 1px 3px #000; 
-webkit-box-shadow: 1px 1px 3px #030;
}

#menu .inner{
display:block;
position:relative;

z-index:100;
margin:0px auto 0px;
max-width:640px;
background-color:#023409;
}

#menu li{
position:relative;
list-style:none;
float:left;
width:18.125%;
z-index:120;
}

#menu li img{
width:100%;
position:relative;
z-index:120;
}

#footer{
border-top:1px solid #020;
padding-bottom:10px;
background-color:#030;
margin-top:-8px;
position:relative;
z-index:10;
}

#footer .regal{
font-size:10px;
color:#ddd;
padding:15px;
text-align:center;
margin-top:0px;
}



/*//////////////////////////////////////////*/
/*////////////////////SNS///////////////////*/
/*//////////////////////////////////////////*/

#sns{
margin:10px 5px 20px;
position:relative;
z-index:100;
text-align:left;
}


/*///////////////////////////////////////////*/
/*////////////////////MAIN///////////////////*/
/*///////////////////////////////////////////*/

.main{
position:relative;
padding:0% 0 20px;
width:100%;
margin:0 auto 0 ;
}

.main img.bg{
margin-bottom:-95%;
width:100%;
}

.main img.bg_dl{
margin-bottom:-16%;
width:95%;
}

.main img.btn_i{
width:46.5%;
margin-bottom:5%;
}

.main img.btn_a{
width:41%;
margin-bottom:5%;
}

.main img.bnr{
width:94%;
-webkit-box-shadow: 0 0 5px 0 #000; /* Safari, Chrome用 */
-moz-box-shadow: 0 0 5px 0 #000; /* Firefox用 */
box-shadow: 0 0 5px 0 #000; /* CSS3 */
}

/*/////////////////////////////////////////////*/
/*////////////////////DOWNLOAD/////////////////*/
/*/////////////////////////////////////////////*/

.download{
position:relative;
padding:20% 0 0;
width:95%;
background-image:url("../img/img_bg_dl.png");
margin:0 auto 0 ;
}


/*/////////////////////////////////////////////*/
/*////////////////CONTENTS_TOP/////////////////*/
/*/////////////////////////////////////////////*/

img.exp{
width:100%;
margin-bottom:-140%;
position:relative;
z-index:77;
}

.top #contents{
width:100%;
max-width:640px;
background-color:#1c5400;
position:relative;
}

.top .slide{
width:100%;
padding:0px;
position:relative;
z-index:78;
}

.top .demo{
padding:0px;
position:relative;
}

.top .viewport{
width:78%;
position:relative;
}

.top .viewport .flipsnap{
width:800%;
position:relative;
}

.top .viewport .item{
width:12.5%;
position:relative;
}

.top .viewport .item img{
width:100%;
position:relative;
}

.top .controls.left{
width:40px;
margin:-75% 0 0;
float:left;
display:block;
}

.top .controls.right{
width:40px;
margin:-75% 0 0;
float:right;
display:block;
}

.top .controls img{
width:100%;
}

.top .controls button{
background-color:transparent;
border:none;
}

.top #contents td{
padding:5px;
border-bottom:1px solid #020;
}

/*/////////////////////////////////////////////*/
/*///////////////CONTENTS_NEWS/////////////////*/
/*/////////////////////////////////////////////*/

.news #contents{
width:100%;
background-color:#1c5400;
}

.news #contents img.bg{
width:100%;
}

.news #contents .main_title{
width:100%;
background-image:url("../img/img_bg_title.jpg");
height:37px;
font-size:23px;
padding:3px 0 0;
font-weight:600;
text-shadow:2px 2px #000;
text-align:left;
}

.news #contents .text{
margin-left:15px;
}

.news #contents .inner{
color:#000;
width:100%;
background-color:#fff;
}

.news #contents .box{
text-align:left;
color:#000;
width:90%;
background-color:#fff;
padding:30px 0 30px;
margin:0 auto 0;
}

.news #contents .inner .title{
font-size:23px;
font-weight:800;
margin-bottom:8px;
}

.news #contents .inner .article{
font-size:16px;
}

.news #contents .inner .line{
height:1px;
background-color:#1c5400;
margin:10px 0 10px;
}


/*/////////////////////////////////////////////*/
/*///////////////CONTENTS_UPDATE/////////////////*/
/*/////////////////////////////////////////////*/

.update #contents{
width:100%;
background-color:#1c5400;
}

.update #contents img.bg{
width:100%;
}

.update #contents .main_title{
width:100%;
background-image:url("../img/img_bg_title.jpg");
height:35px;
font-size:23px;
padding:5px 0 0;
font-weight:600;
text-shadow:2px 2px #000;
text-align:left;
}

.update #contents .text{
margin-left:15px;
}

.update #contents .inner{
color:#000;
width:100%;
background-color:#fff;
}

.update #contents .box{
text-align:left;
color:#000;
width:90%;
background-color:#fff;
padding:30px 0 30px;
margin:0 auto 0;
}

.update #contents .inner .title{
font-size:23px;
font-weight:800;
margin-bottom:8px;
}

.update #contents .inner .article{
font-size:16px;
}

.update #contents .inner .line{
height:1px;
background-color:#1c5400;
margin:10px 0 10px;
}


/*/////////////////////////////////////////////*/
/*///////////////CONTENTS_HTU/////////////////*/
/*/////////////////////////////////////////////*/

.htu #contents{
width:100%;
background-color:#1c5400;
}

.htu #contents img.bg{
width:100%;
}

.htu #contents .main_title{
width:100%;
background-image:url("../img/img_bg_title.jpg");
height:37px;
font-size:23px;
padding:3px 0 0;
font-weight:600;
text-shadow:2px 2px #000;
text-align:left;
}

.htu #contents .text{
margin-left:15px;
}

.htu #contents .select{
text-align:left;
text-decoration:none;
display:block;
color:#000;
width:100%;
background-image:url("../img/bg_select.jpg");
background-position:top right ;
height:30px;
font-size:15px;
font-weight:600;
padding-top:10px;
border-bottom:1px solid #1c5400;
position:relative;
}

.htu #contents span{
margin-left:25px;
}

.htu #contents img{

}


/*/////////////////////////////////////////////*/
/*///////////////MEMORIAL_SP/////////////////*/
/*/////////////////////////////////////////////*/

.memorial_sp #contents{
width:100%;
background-color:#1c5400;
}

.memorial_sp #contents img.bg{
width:100%;
margin-top:-5%;
}

.memorial_sp .base{
width:100%;
margin:-98% auto 0;
padding-bottom:40px;
background-color:#eee;
}

.memorial_sp img.bg_base{
position:relative;
margin-top:0px !important;
width:100%;
display:block;
}

.memorial_sp .btn{
height:75px;
position:relative;
z-index:50;
display:block;
margin:2% auto 0;
width:95%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
border:1px solid #666;
color:#000;
background-color:#fff;
white-space: nowrap;
background: -moz-linear-gradient(top, #fff, #fafafa); /* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)); /* Safari,Google Chrome用 */  
}

.memorial_sp a.btn{
text-decoration:none;
}


.memorial_sp .btn .inner{
padding:1%;
}

.memorial_sp .left{
float:left;
width:65%;
}

.memorial_sp .right{
float:right;
width:35%;
}

.memorial_sp .num{
float:left;
display:block;
padding:22px 5% 0 3px;
font-size:16px;
width:50px;
}

.memorial_sp .date{
padding:1% 0 0 2%;
font-size:14px;
text-align:left;
}

.memorial_sp .name{
padding:0% 0 0 2%;
font-size:25px;
font-weight:600;
text-align:left;
color:#500;
}


.memorial_sp .state{
padding:19px 0 0 2%;
font-size:18px;
color:#999;
}

.memorial_sp .state.in{
color:#d00;
}

.memorial_sp .state.after{
color:#EFB300;
}


.memorial_sp .exp{
display:block;
margin:5% auto 0;
width:95%;
border:1px dotted #d00;
text-align:left;
font-size:14px;
}

.memorial_sp .exp .inner{
padding:10px;
color:#d00;
}

.btn_top{
position:absolute;
z-index:20;
display:block;
top:10px;
left:10px;
width:80px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-o-border-radius: 18px;
border-radius: 18px;
border:1px solid #030;
background-color:#030;
padding-top:7px;
padding-left:8px;
height:35px;
}

a.btn_top{
color:#fff;
font-weight:600;
text-decoration:none;
font-size:20px;
}

a.btn:after {
display: block;
position: absolute;
top: 50%;
right: 13px;
width: 15px;
height: 15px;
margin-top: -8px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

a.btn_top:after {
display: block;
position: absolute;
top: 50%;
left: 8px;
width: 13px;
height: 15px;
padding-left:5px;
margin-top: -9px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
filter : progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
content: "";
}

/*for SP*/

@media screen and (max-width: 400px) {

.memorial_sp #contents{
width:100%;
background-color:#1c5400;
}

.memorial_sp #contents img.bg{
width:100%;
margin-top:-3%;
}

.memorial_sp .base{
width:100%;
margin:-98% auto 0;
padding-bottom:40px;
background-color:#eee;
}

.memorial_sp img.bg_base{
position:relative;
margin-top:0px !important;
width:100%;
display:block;
}

.memorial_sp .btn{
height:48px;
position:relative;
z-index:50;
display:block;
margin:2% auto 0;
width:95%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
border:1px solid #666;
color:#000;
background-color:#fff;
white-space: nowrap;

background: -moz-linear-gradient(top, #fff, #fafafa); /* Firefox用 */  
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fafafa)); /* Safari,Google Chrome用 */  
}

.memorial_sp a.btn{
text-decolation:none;
}


.memorial_sp .btn .inner{
padding:1%;
}

.memorial_sp .left{
float:left;
width:65%;
}

.memorial_sp .right{
float:right;
width:35%;
}

.memorial_sp .num{
float:left;
display:block;
padding:15px 5% 0 3px;
font-size:9px;
width:35px;
}

.memorial_sp .date{
padding:1% 0 0 2%;
font-size:10px;
text-align:left;
}

.memorial_sp .name{
padding:0% 0 0 2%;
font-size:17px;
font-weight:600;
text-align:left;
color:#500;
}


.memorial_sp .state{
padding:12px 0 0 2%;
font-size:12px;
color:#999;
}

.memorial_sp .state.in{
color:#d00;
}


.memorial_sp .exp{
display:block;
margin:5% auto 0;
width:95%;
border:1px dotted #d00;
text-align:left;
font-size:12px;
}

.memorial_sp .exp .inner{
padding:10px;
color:#d00;
}

.btn_top{
position:absolute;
z-index:20;
display:block;
top:10px;
left:10px;
width:55px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-o-border-radius: 18px;
border-radius: 18px;
border:1px solid #030;
background-color:#030;
padding-top:4px;
padding-left:9px;
height:23px;
}

a.btn_top{
color:#fff;
font-weight:600;
text-decoration:none;
font-size:15px;
}

a.btn:after {
display: block;
position: absolute;
top: 50%;
right: 8px;
width: 10px;
height: 10px;
margin-top: -6px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

a.btn_top:after {
display: block;
position: absolute;
top: 50%;
left: 8px;
width: 7px;
height: 11px;
padding-left:5px;
margin-top: -7px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
filter : progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
content: "";
}

}


/*/////////////////////////////////////////////*/
/*///////////////MEMORIAL_SP_RESULT/////////////////*/
/*/////////////////////////////////////////////*/

.memorial_sp_result #contents{
width:100%;
background-color:#f6f6f6;
}

.memorial_sp_result img.bg{
position:relative;
width:100%;
margin-top:-5%;
}

.memorial_sp_result .base{
width:100%;
margin:-63% auto 0;
padding-bottom:40px;
position:relative;
z-index:0;
}

.memorial_sp_result img.bg_base{
position:relative;
margin-top:0px !important;
width:100%;
display:block;
z-inde;
}

.memorial_sp_result .box{
position:relative;
width:92%;
margin:20px auto 0px;
display:block;
border-radius:15px;
background-color:#fff;
color:#622;
padding-top:120px;
z-index:30;
}


.memorial_sp_result .left{
position:absolute;
top:-10px;
left:-10px;
z-index:10;
}

.memorial_sp_result .left .rate{
position:absolute;
top:65px;
left:20px;
font-size:15px;
color:#fff;
width:55%;
text-align:center;
}

.memorial_sp_result .right{
position:absolute;
text-align:left;
top:5px;
left:105px;
}

.memorial_sp_result .right .date{
font-size:35px;
font-weight:600;
display:block;
}

.memorial_sp_result .right .name{
font-size:17px;
font-weight:600;
display:block;
margin-top:-3px;
}

.memorial_sp_result .title_coment{
display:block;
position:absolute;
top:90px;
left:20px;
margin:auto;
z-index:0;
}

.memorial_sp_result .coment_box{
width:92%;
border-bottom:1px solid #ffb7c3;
margin:auto;
}

.memorial_sp_result .coment_box.bottom{
width:92%;
border-bottom:none;
margin:auto;
padding-bottom:10px;
}

.memorial_sp_result .coment_box .inner{
padding:10px;
text-align:left;
}

@media screen and (max-width: 640px) {

.memorial_sp_result #contents{
width:100%;
background-color:#eee;
}

.memorial_sp_result img.bg{
width:100%;
margin-top:-5%;
}

.memorial_sp_result .base{
width:100%;
margin:-66% auto 0;
padding-bottom:40px;
position:relative;
z-index:30;
}

.memorial_sp_result img.bg_base{
position:relative;
margin-top:0px !important;
width:100%;
display:block;
}

.memorial_sp_result .box{
position:relative;
width:92%;
margin:20px auto 0px;
display:block;
border-radius:15px;
background-color:#fff;
color:#622;
padding-top:110px;
}


.memorial_sp_result .left{
display:block;
position:absolute;
top:5px;
left:5px;
z-index:10;
width:25%;
max-width:109px;
}

.memorial_sp_result .left img{
width:100%;
}


.memorial_sp_result .left .rate{
position:absolute;
top:62%;
left:20%;
font-size:10px;
color:#fff;
width:50%;
text-align:center;
}

.memorial_sp_result .right{
position:absolute;
text-align:left;
top:5px;
left:30%;
}

.memorial_sp_result .right .date{
font-size:22px;
font-weight:600;
display:block;
}

.memorial_sp_result .right .name{
font-size:14px;
font-weight:300;
display:block;
margin-top:-2px;
}

.memorial_sp_result .title_coment{
display:block;
position:absolute;
top:80px;
left:3%;
margin:auto;
z-index:0;
width:95%;
}

.memorial_sp_result .coment_box{
font-size:11px;
width:92%;
border-bottom:1px solid #ffb7c3;
margin:auto;
}

.memorial_sp_result .coment_box.bottom{
width:92%;
border-bottom:none;
margin:auto;
padding-bottom:10px;
}

.memorial_sp_result .coment_box .inner{
padding:5px;
text-align:left;
}

.memorial_sp_result .view_sp{
display:block;
margin-top:-3px;
height:20px;
}

}

/*/////////////////////////////////////////////*/
/*////////////////////OPTION///////////////////*/
/*/////////////////////////////////////////////*/


button[disabled]{
opacity:0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0;
-khtml-opacity: 0;
}

#menu a{
opacity:1;
filter: alpha(opacity=1000);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1.0;
-khtml-opacity: 1.0;
}


#menu p.non{
opacity:0.2;
filter: alpha(opacity=20);
-ms-filter: "alpha(opacity=20)";
-moz-opacity:0.2;
-khtml-opacity: 0.2;
}


#menu p.act{
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
-moz-opacity:1;
-khtml-opacity: 1;
}


#topcontrol{
z-index:101;
}