@charset "UTF-8";

html {
}




/*=====================================
	BODY
=====================================*/
body {
position : relative ;
/*background-color : #fff ;*/
word-wrap : break-word !important;
-webkit-text-size-adjust : 100% ;
font-size: 12px; font-size: 1.0rem; 
color : #5c5b53 !important;
background-color : #f7f7f5 !important;
}

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

body { /*現状効かせていません*/
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}



.sw {
position : relative ; top : 0px ; left : 50% ;
margin:  -150px 0 0px 370px ;
width : 151px ; height : 122px ;
background : url(../img/sw.png) 0 0 no-repeat ;
}

 
 
 

/*=====================================
	BOX
=====================================*/

.logo_type {
margin : 150px auto 0 auto ;
width : 406px ; height : 105px ;
opacity : 0 ;
-webkit-animation :logo_type 0.6s ease-out 0.3s normal 1 forwards ;
-ms-animation : logo_type 0.6s ease-out 0.3s normal 1 forwards ;
-moz-animation : logo_type 0.6s ease-out 0.3s normal 1 forwards ;
animation : logo_type 0.6s ease-out 0.3s normal 1 forwards ;
z-index : 100 ;
}
@-webkit-keyframes logo_type { 
0% {
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:1;opacity:0;
}
100% {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}


.logo_mark{
margin : 50px auto 0 auto ;
width : 830px ; height : 94px ;
opacity : 0 ;
-webkit-animation :logo_mark 0.6s ease-out 0.7s normal 1 forwards ;
-ms-animation : logo_mark 0.6s ease-out 0.7s normal 1 forwards ;
-moz-animation : logo_mark 0.6s ease-out 0.7s normal 1 forwards ;
animation : logo_mark 0.6s ease-out 0.7s normal 1 forwards ;
z-index : 100 ;
}
@-webkit-keyframes logo_mark { 
0% {
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:1;opacity:0;
}
100% {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}


.word {
margin : 40px auto 70px auto ;
width : 765px ; height : 172px ;
opacity : 0 ;
-webkit-animation : box_2 0.6s ease-out 1.1s normal 1 forwards ;
-ms-animation : box_2 0.6s ease-out 1.1s normal 1 forwards ;
-moz-animation : box_2 0.6s ease-out 1.1s normal 1 forwards ;
animation : box_2 0.6s ease-out 1.1s normal 1 forwards ;
z-index : 100 ;
}
@-webkit-keyframes box_2 { 
0% {
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:1;opacity:0;
}
100% {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}

.box_h1 h1 {
position : fixed ; top : 10px ; left : 10px ;
width : 400px ; height : 10px ;
color : #666 !important;
font-size :11px ;
}




.box_1 {
margin : 0 0 0 0px ;
width : 331px ; height : 498px ;
background : url(../img/box_01.png) 0 0 no-repeat ;
float :left ;
opacity : 0 ;
-webkit-animation : box_1 0.6s ease-out 1.5s normal 1 forwards ;
    -ms-animation : box_1 0.6s ease-out 1.5s normal 1 forwards ;
   -moz-animation : box_1 0.6s ease-out 1.5s normal 1 forwards ;
        animation : box_1 0.6s ease-out 1.5s normal 1 forwards ;
z-index : 100 ;
}
@-webkit-keyframes box_1 { 
0% {
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:1;opacity:0;
}
100% {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}




.box_2 {
margin : 0 0 0 52px ;
width : 331px ; height : 498px ;
background : url(../img/box_02.png) 0 0 no-repeat ;
float :left ;
opacity : 0 ;
-webkit-animation : box_2 0.6s ease-out 1.8s normal 1 forwards ;
    -ms-animation : box_2 0.6s ease-out 1.8s normal 1 forwards ;
   -moz-animation : box_2 0.6s ease-out 1.8s normal 1 forwards ;
        animation : box_2 0.6s ease-out 1.8s normal 1 forwards ;
z-index : 100 ;
}
@-webkit-keyframes box_2 { 
0% {
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:1;opacity:0;
}
100% {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}

.box_3 {
margin : 0 0 0 0 ;
width : 331px ; height : 498px ;
background : url(../img/box_03.png) 0 0 no-repeat ;
float :right ;
opacity : 0 ;
-webkit-animation : box_3 0.6s ease-out 1.8s normal 1 forwards ;
    -ms-animation : box_3 0.6s ease-out 1.8s normal 1 forwards ;
   -moz-animation : box_3 0.6s ease-out 1.8s normal 1 forwards ;
        animation : box_3 0.6s ease-out 1.8s normal 1 forwards ;
z-index : 100 ;
}
@-webkit-keyframes box_3 { 
0% {
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:1;opacity:0;
}
100% {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}


.box_1 img {
padding : 424px 0 0 110px ;
}
.box_2 img {
padding : 424px 0 0 110px ;
}
.box_3 img {
padding : 424px 0 0 110px ;
}




.txt {
margin : 100px auto 100px auto ;
width : 1000px ; height : 40px ;
text-align : center ;
/*border : 1px #000 solid ;*/
font : lighter 18px/32px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
letter-spacing : 0.05em ;
color : #666 ;
background-color : #f7f7f5 !important;
z-index : 100 ;
opacity : 0 ;
-webkit-animation : box_2 0.6s ease-out 2.2s normal 1 forwards ;
-ms-animation : box_2 0.6s ease-out 2.2s normal 1 forwards ;
-moz-animation : box_2 0.6s ease-out 2.2s normal 1 forwards ;
animation : box_2 0.6s ease-out 2.2s normal 1 forwards ;
z-index : 100 ;
}
@-webkit-keyframes box_2 { 
0% {
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:1;opacity:0;
}
100% {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}


.powered {
margin : 160px auto 0 auto ;
width : 141px ; height : 61px ;
}

.copy {
margin : 20px auto 40px auto ;
width : 300px ; height : 20px ;
text-align : center ;
font : normal 14px/15px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
color : #666 ;
}


.box_ftr {
opacity : 0 ;
-webkit-animation : box_ftr 0.6s ease-out 2.6s normal 1 forwards ;
-ms-animation : box_ftr 0.6s ease-out 2.6s normal 1 forwards ;
-moz-animation : box_ftr 0.6s ease-out 2.6s normal 1 forwards ;
animation : box_ftr 0.6s ease-out 2.6s normal 1 forwards ;
z-index : 100 ;
}
@-webkit-keyframes box_ftr { 
0% {
filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:1;opacity:0;
}
100% {
filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}









.box_mark {
position : fixed ; top : 10px ; right : 10px ;
width : 112px ; height : 25px ;
}





/*=====================================
	WRAPPER
=====================================*/
.wrapper {
position : relative ;
margin : 0 auto ;
padding : 0 0 ;
width : 1100px ;
}



/*=====================================
	テキスト関係
=====================================*/
.honbun {
width : auto ;
font : normal 14px/25px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
letter-spacing : 0.02em ;
word-wrap : break-all ;
text-align : justify ;
text-justify: inter-ideograph ;
color : #5c5b53 ;
background-color : #fff ; /*アンドロイド端末用*/
max-height: 100%;
}
.bgno {
background-color : transparent !important; /*アンドロイド端末用キャンセル*/
}
.nojusty {
text-align : left ;
text-justify: auto ;
}
.en { /*枠外の小さいな英文の注釈*/
font : normal 9px/13px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
text-align : right  ;
color : #5c5b53 ;
}
br {
line-height : 14px ;
}
.sml {
font-size :  13px ;
line-height :  20px ;
}




/*=====================================
	ALINK
=====================================*/
.alink {
margin : 3px 0 3px 0 ;
padding : 0 0 0 15px ;
background : url(../img/common/bg_alink.gif) 0 4px no-repeat ;
font : normal 14px/18px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
}
a:link {
text-decoration : underline ;
color : #99998a ;
}
a:visited {
text-decoration : underline ;
color : #99998a ;
}
a:hover {
text-decoration : underline ;
color : #222 ;
}
a {
outline: none;
}


/*=====================================
	LINNE
=====================================*/
.line_a { /*PLACEで使用*/
margin : 60px 0 60px 0 ;
width : 100% ; height : 1px ;
border-top : 3px #dfdfdd solid ;
clear : both ;
}


/*=====================================
	WHITEBLOCK
=====================================*/
.whiteblock_01 {
height : 50px ;
}
.whiteblock_02 {
height : 50px ;
}
.whiteblock_03 {
height : 10px ;
}

/*=====================================
	SELECTION
=====================================*/
::selection {
background : #5c5b53 ; /* Safari */
color:#fff ;
}
::-moz-selection {
background : #5c5b53 ; /* Firefox */
color:#fff ;
}



.TEXTCHECK {
padding : 2px 2px ;
font : normal 16px/18px 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
color : #fff ;
background-color :#ee1188 ;
}