/* Global */

body {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo , "MS PGothic" , "Trebuchet MS" , Helvetica,  'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #666;
	background-color:#ffffff;
	margin:0;
	padding:0;
}
img {
	max-width: 100%;
}
a:link {
}
a:hover {
}
a:visited {
}



/* Navigation */


/* General Slides */ 


#nenga {
	width: 100%;
	height:100%;
}
#nenga2 {
	width: 100%;
	height:100%;
}


/*======================================

	letter-spacing_span
	
=======================================*/

.letter01 {
	letter-spacing: 0.1em;
}
.letter02 {
	letter-spacing: 0.2em;
}
.letter05 {
	letter-spacing: 0.5em;
}
.letter1 {
	letter-spacing: 1em;
}
.letter2 {
	letter-spacing: 2em;
}

/*======================================

	font-size
	
=======================================*/

.font16 {
	font-size: 16px;
}
.small {
	font-size: 10px;
}
.small11 {
	font-size: 11px;
}
.eng ,
.eng2 {
	font-family: "Trebuchet MS",Arial,Verdana,Helvetica;
}
.kome {
	text-indent: -1em;
	padding-left: 1em;
}
.margin10{
	margin-top: 10px;
}
.margin20{
	margin-top: 20px;
}
.margin30{
	margin-top: 30px;
}

/*======================================

	text-align
	
=======================================*/

.textleft {
	text-align: left;
}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}




/* Tablet */
@media screen and (max-width: 1024px) {


}




/* Mobile */
@media screen and (max-width: 480px) {


}

/*======================================

	link
	
=======================================*/


a.tk:link {
	color: #060;
	text-decoration: underline;
}
a.tk:visited {
	color: #060;
	text-decoration: underline;
}
a.tk:hover {
	color: #F60;
	text-decoration: underline;
}

/*======================================

	footer
	
=======================================*/

.footer {
	padding: 20px 0;
}

.footer address {
	margin: 10px 0 0 10px;
	float:left;
	font-family: Helvetica , Arial , sans-serif;
	color: #AAA;
	font-size:12px;
	line-height: 1.6;
}
.footer p {
	margin: 20px;
	font-size: 12px;
	text-align:right;
}
.footer p a {
}
.a_demo_one {
    background-color:#F00;
    padding:10px;
    position:relative;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    border: solid 1px #831212;
    background-image: linear-gradient(bottom, rgb(171,27,27) 0%, rgb(212,51,51) 100%);
    border-radius: 5px;
}
 
.a_demo_one:active {
    padding-bottom:9px;
    padding-left:10px;
    padding-right:10px;
    padding-top:11px;
    top:1px;
    background-image: linear-gradient(bottom, rgb(171,27,27) 100%, rgb(212,51,51) 0%);
}
.a_demo_one::before {
    background-color:#ccd0d5;
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    padding:8px;
    left:-8px;
    top:-8px;
    z-index:-1;
    border-radius: 5px;
    box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}

.a_demo_two {
    background-color:#6fba26;
    padding:10px;
    position:relative;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    background-image: linear-gradient(bottom, rgb(100,170,30) 0%, rgb(129,212,51) 100%);
    box-shadow: inset 0px 1px 0px #b2f17f, 0px 6px 0px #3d6f0d;
    border-radius: 5px;
}
 
.a_demo_two:active {
    top:7px;
    background-image: linear-gradient(bottom, rgb(100,170,30) 100%, rgb(129,212,51) 0%);
    box-shadow: inset 0px 1px 0px #b2f17f, inset 0px -1px 0px #3d6f0d;
    color: #156785;
    text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
    background: rgb(44,160,202);
}
.a_demo_two::before {
    background-color:#072239;
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    padding-left:2px;
    padding-right:2px;
    padding-bottom:4px;
    left:-2px;
    top:5px;
    z-index:-1;
    border-radius: 6px;
    box-shadow: 0px 1px 0px #fff;
}
 
.a_demo_two:active::before {
    top:-2px;
}