@charset "utf-8";

/*=================================================================
	
IDEATEX JAPAN CSS
・Customize: 2013.12.17

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

@import url("reset.css");


/*-----------------------------------------------------------------
	共通
-----------------------------------------------------------------*/

html{
height: 100%;
}

body {
background-image: url(/images/3line.png);
background-repeat: repeat-x;
background-color: #FFFFFF;
letter-spacing: normal;
-webkit-text-size-adjust: 100%;
margin:0 auto;
height: 100%;
}

#scroll_box{
height: 100%;
}

#containerbox{
position: relative;
min-height: 100%;
}

#container {
max-width: 980px; /* 最大幅 */
margin:0 auto;
padding-bottom: 30px;
}

#header {
width: 100%;
height: 80px;
margin: 0 auto;
}

.logo {
width: 307px;
margin-top: 35px;
float: left;
}


/*--------------------------------------
	ナビ
----------------------------------------*/

#nav {
width: 530px;
float: right;
margin-top: 38px;
margin-right: -70px;
}

#nav > a {
display: none;
}

#nav li {
position: relative;
letter-spacing: 2px;
font-weight: 600;
}

#nav > ul{
width: 530px;
height: 1.563em; /* 60 */
float: right;
}

#nav > ul > li{
width: 20%;
height: 100%;
float: left;
}

#nav > ul > li > a{
height: 100%;
font-size: 12px;
line-height: 1.7em; /* 24 */
text-align: center;
text-decoration: none;
color: #3f3a39;
transition-property: all;
transition: 0.3s linear;
}

#nav li a:active {
color: #256fba !important;
}

#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a{
color: #256fba;
}

.navi_icon{
vertical-align: text-bottom;
margin-right: 3px;
}

/*-------------------------
	日本語英語切り替え
---------------------------*/


#jpen {
float: right;
margin: 15px 15px 0 0;
font-size: 10px;
}

#jpen a:active,a:link,a:visited{
text-decoration: none;
color: #333;
}

#jpen a:hover {
text-decoration:underline;
color: #333;
}


/*-------------------------
	要素
---------------------------*/

#contents {
background-image: url(/images/bg.jpg);
background-repeat: no-repeat;
margin-top: 0;
height: 800px;
max-height: 800px;
}

#titll_catch {
width: 500px;
float: left;
margin-top: 220px;
z-index: 10;
}

.line{
margin: 35px 0;
float: left;
width: 490px;
}

.read_text{
font-size: 10px;
line-height: 24px;
float: left;
width: 500px;
}

#cover {
width: 470px;
height: 800px;
float: right;
position: relative;
overflow: hidden;
z-index: 20;
}

#cover>div {
width: 470px;
height: 800px;
position: absolute;
top: 0;
opacity: 0;
z-index: 30;

/*------クソIE対応------*/
opacity: 0;
filter: alpha(opacity=0);        /* ie lt 8 */
-ms-filter: "alpha(opacity=0)";  /* ie 8 */
-moz-opacity: 0;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0;              /* Safari 1.x */
zoom:1;
/*-----//クソIE対応-----*/

}

/*-----------------------------------------------------------------
	フッター
-----------------------------------------------------------------*/

#footer {
background-color: #3f3a39;
width: 100%;
margin: 0;
position: absolute;
bottom: 0;
height: 30px;
clear:both;
}


.copyright {
max-width: 980px; /* 最大幅 */
margin:0 auto;
font-size: 50%;
padding: 10px 0;
color: #FBFBFB;
}


/*-----------------------------------------------------------------
	フォーム
-----------------------------------------------------------------*/

div#thanks {
text-align:center;
line-height:1.6em;
font-size:13px;
padding:80px 0 40px;
}

div#thanks p {
font-size:16px;
}

div#thanks p strong {
font-size:18px;
}

div#thanks a{
color: #3f3a39;
}