@charset "UTF-8";

/*--------------------------------------------*/
body {
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	margin:0px;
	padding:0px;
	text-align:center;
	font-size:100%;
	line-height:1em;
	color:#333;
}
a:hover{ text-decoration:none; }
body div, header, footer, section { margin:0 auto; text-align:left; }

/*h1 {font-size:120%;}*/
h2 {font-size:120%;}
h3 {font-size:110%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}
i  {font-size:80%; font-style:normal; color:#999;}
/*h1,*/h2,h3,h4,h5,h6,div,ul,li,dl,dt,dd,p,a,table,tr,td,address,img{
	margin:0px;
	padding:0px;
	border-width:0px;
	line-height:1.5em;
	text-align:left;
	font-style:normal;
}
ul{list-style:none outside;}
input,textarea {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; color:#555555;}
/*************/
#clear, .clear {clear:both;}
.c {margin-left:auto; margin-right:auto;}
.l {float:left;}
.r {float:right;}
#main .t_c {text-align:center;}
img.l { margin:0 10px 10px 0; }
img.r { margin:0 0 10px 10px; }

/* -------------------------------------------- */
#headLine a:hover img,
#mv a:hover img,
section a:hover img {
	opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=30); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	-khtml-opacity: .30; /* Safari 1.x */
	-moz-opacity: .30; /* FF lt 1.5, Netscape */
}
/* --------------------------------------------*/

/* clearfix */
nav:after, section:after, ul:after, ol:after, dl:after,
div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
nav, section, ul, ol, dl,
div { display:inline-block; }
/* \*/
* html nav, * html section, * html ul, *html ol, *html dl,
* html div { height:1%; }
nav, section, ul, ol, dl,
div { display:block; }
/* */

/* --------------------------------------------*/

#headLine img,
#mv img,
#about img,
header nav li img
{ display:block; }
section h2 img
{ display:block; margin:0 auto; }

/* inner */
#headLine     { width:900px; padding:15px 20px; position: relative; }
section h2    { min-width:900px; background:#eeeeef; }
header nav ul,
footer nav,
footer small,
.inner        { width:900px; padding:0; margin:0 auto; display:block; clear:both; position: relative; }
.inner        { padding-bottom:35px; }
#mv .inner    { padding:25px 0 0; background:url(../img/mv.jpg) no-repeat center top; }
#new .inner   { background:#bdf2d2; }

.next { text-align:right; }

/* header ********** */
header     {}
/* headLine */
#headLine .logo { float:left; }
#headLine p     { float:right; }
#headLine a     { margin-left:10px; }
/* mv */
#mv        { background:#008ad2; clear:both; }
#mv_h1, #mv p  { width:520px; float:right; }
#mv_h1         { margin-bottom:25px; }
#mv p      { margin-bottom:15px; }
/* nav */
header nav    { background:#231815; }
header nav *  { color:#FFF; text-align:center; }
header nav li { display:block; float:left; }
header nav li a { display:block; background:#000; }
header nav li a:hover { background:#666; }

/* contents ********** */

section p { text-align:justify; }

/* new */
#new    { margin-top:35px; }
#new dl { padding:30px 30px 0; }
#new dt { float:left; clear:both; margin-right:2em; }
#new dd { float:left; margin-bottom:1.2em; }
#new .next { margin:20px 20px 0 0; }

/* about */
#about p  { margin:24px 5px; }
#about dt, #about dd { padding-bottom:20px; }
#about dt { float:left; clear:both; margin-right:1em; }
#about dd { display:table-cell; height:41px; vertical-align:middle; }

/* function */
#function ul { margin:25px 0 20px; }
#function li { display:block; float:left; }
#function li a {
	display:block; padding:0 7px 0 0;
	background:url(../img/function_bg.png) no-repeat -2px -2px;
}
#function li a:hover {
	background:none;
}

/* service */
#service table           { margin:30px 0 20px; border-spacing:7px; }
#service th, #service td { padding:10px 15px 5px; text-align:center; }
#service th              { background:#f29600; white-space:nowrap; color:#FFF; }
#service td              { background:#fdebce; }
#service .text-left td   { text-align:left; vertical-align:top; }
#service table span      { display:block; font-size:80%; margin-top:0.2em; line-height:1.3em; }

/* qa */
#qa dl { margin:30px 5px 0; }
#qa dt { color:#008ad2; }
#qa dd { margin-bottom:30px; }
#qa .next { margin-bottom:40px; }
#qa .btn  { text-align:center; }


/* footer ********** */
footer    { background:#008ad2; padding-bottom:1em; clear:both; }
footer *  { color:#FFF; text-align:center; }
footer ul { padding:1em; }
footer li { display:inline; margin:0 0.5em; font-size:90%; }
footer a  { text-decoration:none; }
footer a:hover { text-decoration:underline; }

/********** Additional Item ***********/

#login_container { position: absolute; width: 900px; height: 527px; top: 0px; left: 20px; 
                   z-index: 20; }

#login_outbox { margin: 150px auto 0 auto; width: 560px; height: 340px;
                background-color: #ffffff; border: 1px #008ad2 solid; }
                
#lg_topdiv { width: 100%; height: 40px; position: relative; }
#lg_close { width: 30px; height: 29px; background:url(../img/close_btn01.png) no-repeat; cursor: pointer;
            position: absolute; right: 5px; top: 5px; }

#login_table { margin: 10px auto 0 auto; }
#longin_msg { text-align: center; font-size: 16px; height: 30px; }
.lg_td1 { width: 100px; text-align: right; color: #444444; height: 40px; }
.lg_td2 { width: 10px; }
.lg_td3 { width: 230px; }

.idpw_input { width: 270px; height: 18px; font-size: 14px; padding: 2px; color: #c0c0c0; }

#login_submit {  width: 247px; height: 77px; background:url(../img/login_btn.png) no-repeat; cursor: pointer; }

#lg_tdbtm { text-align: center; font-size: 16px; color: #444444; height: 40px; }

.lg_btn:hover {
	opacity: .30; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=30); /* IE lt 8 */
	-ms-filter: "alpha(opacity=30)"; /* IE 8 */
	-khtml-opacity: .30; /* Safari 1.x */
	-moz-opacity: .30; /* FF lt 1.5, Netscape */
}

#lg_msg_p { width: 100%; }
.mask_img { margin-left: 100px; }

#login_outbox a  { text-decoration:none; }
#login_outbox a:hover { text-decoration:underline; }

a.pw_resend_link { color: #444444; text-decoration: none; } 
a.pw_resend_link:visited { color: #444444; text-decoration: none; } 
a.pw_resend_link:hover { color: #444444; } 
a.pw_resend_link:active { color: #444444; text-decoration: none; }

#function_outbox { width: 800px; border: 1px #f19500 solid;
                   box-shadow: 5px 5px 5px #a9a9a9;
                   -moz-box-shadow: 5px 5px 5px #a9a9a9;
                   -webkit-box-shadow: 5px 5px 5px #a9a9a9; }

#fct_title { width: 100%; background-color: #f19500; height: 34px; position: relative;
             text-align: center; color: #ffffff; font-size: 20px; font-weight: bold; padding-top: 6px; }
#fct_close { width: 30px; height: 29px; background:url(../img/close_btn02.png) no-repeat; cursor: pointer;
             position: absolute; right: 5px; top: 5px; }

.fnt_main_text { color: #444444; font-size: 16px; margin: 20px; }

.good_point { color: #444444; font-size: 18px; }

#top_mv_open { cursor: pointer; }

#mv_outbox { border: 3px #000000 solid; width: 894px; height: 541px; background-color: #000000;
             position: absolute; top: 0px; left: 0px; z-index: 10; }

#mv_title { width: 100%; background-color: #000000; height: 34px; position: relative;
             text-align: center; color: #ffffff; font-size: 20px; font-weight: bold; padding-top: 6px; }
#mv_close { width: 29px; height: 29px; background:url(../img/close_btn03.png) no-repeat left; cursor: pointer;
             position: absolute; right: 5px; top: 5px; }
#mv_close:hover { background:url(../img/close_btn03.png) no-repeat right; }             
#mv_space { width: 853px; height: 480px; margin: 0px auto 0px auto; }