/*
@font-face {
    font-family: "IPAexGothic";
    src: url('/data/fonts/ipaexg.eot');
}
@font-face {
    font-family: "IPAexGothic";
    src: url('/data/fonts/ipaexg.ttf');
}
*/
*{
    padding:0;
    margin:0;

    /* font-family:'IPAexGothic',sans-serif; */
   font-family: "メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",sans-serif;
}

img{
    border:none 0;
}
body{
    width:100%;
    text-align:center;
    background:#ffffff;
    line-height:1.0em;
    margin:0 auto;
}
#header{
    width:100%;
    min-width:980px;
    height:148px;
    background:#fff;
    color:#000;
    z-index:9999;
    position:relative;
}
#header .hide{
}
#header .banner{
    position:absolute;
    top:5px;
    left:211px;
}
#header .hide .banner{
    display:none;
}
#header ul.sns{
    list-style-type:none;
    position:absolute;
    top:36px;
    right:0;
}
#header ul.sns li{
    float:left;
    height:20px;
    vertical-align:top;
    /*overflow:hidden;*/
}
#header ul.sns li.twitter{
    width:110px;
 
}
#header ul.sns li.facebook{
    width:110px;
    margin-top:-0px;
}
#header ul.sns li.evernote{
    width:55px;
}
#header .hide ul.sns{
    display:none;
}
#header ul.list{
    list-style-type:none;
    position:absolute;
    top:55px;
    right:0;
    font-size:12px;
    height:30px;
    line-height:35px;
}
#header .hide ul.list{
    top:3px;
}
#header ul.list li{
    float:left;
    margin:0 5px;
}
#header ul.list li.logined,
#header ul.list li.nologin{
    display:none;
}
#header ul.list li a{
    color:#666;
    text-decoration:none;
}
#header ul.list li a:hover{
    color:#978253;
}
#header ul.list li img.padlock{
    vertical-align: middle;
    margin: -5px 5px 0 0;
}
#header .keywords{
    width: 298px;
    height: 24px;
    line-height: 24px;
    font-size:12px;
    background:transparent;
    border:none 0;
}
#header .keywords_bg{
    width:318px;
    height:24px;
    line-height:24px;
    position:absolute;
    top:4px;
    right:0;
    font-size:12px;
    padding:0 10px;
    background:#fff;
    border:solid 1px #e1e1e1;
}
#header .hide .keywords_bg{
    display:none;
}
#header .search_btn{
    position:absolute;
    top:0;
    right:0;
    cursor:pointer;
}
#header ul.menu{
    position:absolute;
    bottom:30px;
    right:0;
    list-style-type:none;
}
#header .hide ul.menu{
    bottom:0;
}
#header .logo{
    position:absolute;
    top:0;
    left:0;
}
#header ul.menu li{
    float:left;
    height:31px;
}
#header .menu_more{
    height: 30px;
    width: 100%;
    background: url(/data/common/blank.png);
    text-align: center;
    position:relative;
    top:-30px;
    left:0;
}
#header .menu_more .block{
    width:980px;
    margin:0 auto;
    text-align:right;
}
#header .menu_more ul{
    height: 30px;
    color: #fff;
    font-size: 11px;
    line-height: 30px;
    display:none;
}
#header .menu_more li{
    display:inline-block;
    margin:0 10px;
}
#header .menu_more li span{
    text-decoration:none;
    font-size:10px;
}
#header .menu_more li a{
    color:#fff;
    text-decoration:underline;
}
#header .menu_more li a:hover {
    color:#978253;
}
#body{
    position:relative;
}
#footer{
    width:100%;
    min-width:980px;
    background:#303030;
    color:#ffffff;
    padding-bottom:25px;
}
#footer #pagetop{
    position:absolute;
    top:-34px;
    right:13px;
}
#footer .search_logo{
    position:absolute;
    top:25px;
    left:18px;
    z-index:1;
}
#footer .keywords{
    width:277px;
    position:absolute;
    top:55px;
    left:13px;
    font-size:12px;
    padding:0 40px 0 15px;
    z-index:1;
    background:transparent;
    border:none 0;
}
#footer .keywords_bg{
  width: 326px;
  height: 24px;
  position: absolute;
  top: 53px;
  left: 13px;
  font-size: 12px;
  background: #fff;
     /* width:277px;*/
    /*  height:35px;*/
     /* line-height:35px;*/
    /*  position:absolute;*/
     /* top:47px;*/
     /* left:13px;*/
     /* font-size:12px;*/
     /* padding:0 40px 0 15px;*/
     /* z-index:1;*/
     /* background:#fff;*/
}
#footer .search_btn{
    position:absolute;
    /* top:51px; */
    top:53px;
    left:317px;
    cursor:pointer;
    z-index:1;
}
#footer ul.sns{
    position:absolute;
    top:87px;
    left:203px;
    list-style-type:none;
    z-index:1;
}
#footer ul.sns li{
    float:left;
}
#footer .box{
    position:absolute;
    top:17px;
    right:7px;
    border:solid 1px #3f3e3e;
    width:595px;
    min-height:44px;
    z-index:1;
}
#footer .box p{
    color:#c8c8c8;
    font-size:10px;
    padding:10px 0 10px 10px;
    width:424px;
    line-height:1.5em;
}
#footer .box .logo{
    position:absolute;
    top:11px;
    right:10px;
}
#footer ul.menu{
    position:absolute;
    top:150px;
    left:0;
    list-style-type:none;
    z-index:1;
}
#footer ul.menu li{
    float:left;
}
#footer .navi_menu{
    padding:198px 18px 18px 18px;
    position:relative;
}
#footer ul.navi1,
#footer ul.navi2,
#footer ul.navi3,
#footer ul.navi4,
#footer ul.navi5,
#footer ul.navi6{
    line-height:2em;
    font-size:10px;
    color:#c8c8c8;
    list-style-type:none;
    font-weight:normal;
  
}
#footer ul li.navi_first{
    margin-bottom:0.5em;
}
#footer ul.navi1 a,
#footer ul.navi2 a,
#footer ul.navi3 a,
#footer ul.navi4 a,
#footer ul.navi5 a,
#footer ul.navi6 a{
   color:#c8c8c8;
    text-decoration:none;
}
#footer ul.navi1{
    width:140px;
}
#footer ul.navi2{
    width:135px;
}
#footer ul.navi3{
    width:145px;
}
#footer ul.navi4{
    width:122px;
}
#footer ul.navi5{
    width:228px;
}
#footer ul.navi6{
    width:145px;
}
#footer ul.link1{
    list-style-type:none;
    margin:0 8px;
    font-size:12px;
    line-height:3em;
    width:100%;
}
#footer ul.link1 a{
    color:#fff;
    text-decoration:none;
}
#footer ul.link1 li{
    float:left;
    margin:0 10px;
}
#footer ul.link2{
    list-style-type:none;
    margin:0 8px;
    font-size:12px;
    line-height:3em;
    width:100%;
}
#footer ul.link2 a{
    color:#fff;
    text-decoration:none;
}
#footer ul.link2 li{
    float:left;
    margin:0 10px;
}
#copyright{
    width:100%;
    height:30px;
    line-height:30px;
    background:#ffffff;
}
#login_area{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/data/common/popup_bg.png');
    z-index: 9999;
    display:none;
}
#login_area .form{
    position:absolute;
    top:120px;
    left:0;
    width:390px;
    height:382px;
    background:url('/data/common/login_form_bg.png');
}
#login_area .form .form_wrapper{
    margin: 8px;
    background: #fff;
    width: 373px;
    height: 366px;
    position: relative;
    padding:8px 7px;
}
#login_area .form .form_wrapper .title1{
    position: absolute;
    top: 8px;
    left: 7px;
    height: 39px;
    line-height: 39px;
    width: 353px;
    text-align: left;
    background: #000;
    color: #fff;
    font-size: 18px;
    padding: 0 0 0 20px;
}
#login_area .form .form_wrapper .title1 .close{
    position: absolute;
    right: 8px;
    top: 8px;
}
#login_area .form .form_wrapper .title2{
    position: absolute;
    top: 47px;
    left: 7px;
    height: 39px;
    line-height: 39px;
    width: 353px;
    text-align: left;
    background: #dceaf7;
    color: #000;
    font-size: 13px;
    padding: 0 0 0 20px;
}
#login_area .form .form_wrapper .title2 .reg{
    position: absolute;
    right: 16px;
    top: 5px;
}
#login_area .form .form_wrapper .information{
    position:absolute;
    top: 124px;
    left: 35px;
    width: 315px;
    height: 161px;
    border:solid 1px #dddddd;
    font-size:13px;
}
#login_area .form .form_wrapper .information .username_text{
    height: 30px;
    line-height: 30px;
    text-align: left;
    position: absolute;
    top: 0;
    left: 25px;
}
#login_area .form .form_wrapper .information .username{
    width: 246px;
    height: 27px;
    line-height: 27px;
    position: absolute;
    top: 29px;
    left: 25px;
    padding: 0 10px;
}
#login_area .form .form_wrapper .information .password_text{
    height: 30px;
    line-height: 30px;
    text-align: left;
    position: absolute;
    top: 68px;
    left: 25px;
}
#login_area .form .form_wrapper .information .password{
    width: 246px;
    height: 27px;
    line-height: 27px;
    position: absolute;     
    top: 98px;
    left: 25px;
    padding: 0 10px;
}
#login_area .form .form_wrapper .information .checkarea{
    position: absolute;
    top: 139px;
    left: 25px;
    font-size: 12px;
}
#login_area .form .form_wrapper .login_btn{
    position:absolute;
    top: 298px;
    left: 222px;
}
#login_area .form .form_wrapper .forget{
    position:absolute;
    top: 340px;
    left: 240px;
    font-size:12px;
    color:#000;
    text-decoration:underline;
}
#forget_area{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/data/common/popup_bg.png');
    z-index: 9999;
    display:none;
}
#forget_area .form{
    position:absolute;
    top:120px;
    left:0;
    width:390px;
    height:383px;
    background:url('/data/common/login_form_bg.png');
}
#forget_area .form .form1,
#forget_area .form .form2,
#forget_area .form .form3{
    margin: 8px;
    background: #fff;
    width: 373px;
    height: 366px;
    position: relative;
    padding:8px 7px;
    display:none;
}
#forget_area .form .form1 .title1,
#forget_area .form .form2 .title1,
#forget_area .form .form3 .title1{
    position: absolute;
    top: 8px;
    left: 7px;
    height: 39px;
    line-height: 39px;
    width: 360px;
    text-align: left;
    background: #000;
    color: #fff;
    font-size: 18px;
    padding: 0 0 0 20px;
}
#forget_area .form .form1 .title1 .close,
#forget_area .form .form2 .title1 .close,
#forget_area .form .form3 .title1 .close{
    position: absolute;
    right: 8px;
    top: 8px;
}
#forget_area .form .form1 .title2,
#forget_area .form .form2 .title2{
    position: absolute;
    top: 47px;
    left: 7px;
    line-height: 1.5em;
    width: 360px;
    text-align: left;
    background: #dceaf7;
    color: #000;
    font-size: 12px;
    padding: 10px 20px;
    height:90px;
}
#forget_area .form .form1 .email_text,
#forget_area .form .form2 .email_text{
    text-align: left;
    position: absolute;
    top: 165px;
    left: 60px;
    font-size:13px;
}
#forget_area .form .form2 .email_text{
    left: 70px;
}
#forget_area .form .form1 .email,
#forget_area .form .form2 .email{
    width: 246px;
    height: 27px;
    line-height: 27px;
    position: absolute;
    top: 190px;
    left: 60px;
    padding: 0 10px;
    font-size:13px;
}
#forget_area .form .form2 .email{
    border-color: transparent;
}
#forget_area .form .form1 .btn1{
    position:absolute;
    top: 238px;
    left: 204px;
}
#forget_area .form .form2 .btn1{
    position:absolute;
    top: 246px;
    left: 69px;
}
#forget_area .form .form2 .btn2{
    position:absolute;
    top: 246px;
    left: 212px;
}
#forget_area .form .form2 .msg{
    position: absolute;
    top: 300px;
    left: 70px;
    font-size: 12px;
    width: 300px;
    text-align: left;
}
#forget_area .form .form2 .loader{
    position: absolute;
    top: 190px;
    left: 185px;
  	display:none;
}
#forget_area .form .form3 .btn1{
    position:absolute;
    top: 204px;
    left: 139px;
}
#forget_area .form .form3 .comp{
    position:absolute;
    top: 138px;
    left: 47px;
    line-height:1.5em;
    font-size:15px;
    text-align:left;
}
#forget_area .form .form1 .reg,
#forget_area .form .form2 .reg,
#forget_area .form .form3 .reg{
    position:absolute;
    top: 330px;
    left: 0;
    color:#000;
    font-size:13px;
    width:100%;
    text-align:center;
}
#forget_area .form .form1 .reg a,
#forget_area .form .form2 .reg a,
#forget_area .form .form3 .reg a{
    text-decoration:underline;
    font-weight:bolder;
    color:#000;
}
#body .wrapper{
    width:980px;
    height:100%;
    margin:0 auto;
    text-align:left;
    position:relative;
    top:0;
    left:0;
    padding:0;
}

.wrappertxt{
  float: right;
  font-size:8px;
  
    
}



#bread_list{
    position:absolute;
    top:10px;
    left:0;
    font-size:11px;
    font-weight:normal;
    line-height:25px;
    height:25px;
    background-color:#F8F8F8;
    /* width:980px; */
    width:940px;
    padding:0 0 0 40px;
}
#bread_list .home{
    margin-left:-39px;
}
#bread_list img,
#bread_list p{
    float:left;
}
#bread_list p{
    height:25px;
    line-height:25px;
    text-align:center;
    margin:0 10px;
}
#bread_list p,
#bread_list p a{
    color:#787878;
    text-decoration:none;
}
#area{
    padding:45px 0 45px 0;
}
#area .left{
    float:left;
    width:658px;
    list-style-type:none;
    border:solid 1px #efefef;
}
#area .right{
    float:right;
    width:300px;
    list-style-type:none;
}






/* inline */
.inline{
    display:inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align:top;
 
}

/* clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;

}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */









/* 藤井追加　page top */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #D8D8D8;
    text-decoration: none;
    color: #fff;
    width: 78px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 100px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/* //藤井追加　page top */


/*************************
不具合修正
*************************/
#area .sns li.twitter{
  width:110px !important;
}
#area .sns li.facebook{
  position: relative !important;
  top: 0px !important;
}
.wrapper p{
  margin:0;
}
body #body{
  line-height: 1.0em;
}
#body *, #body *:before, #body *:after{
  box-sizing:content-box;
}
.wrapper{
  font-family: "メイリオ", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", sans-serif;
}
.wrapper li > ul, .wrapper li > ol{
  margin:0;
}
.wrapper hr{
  background-color: transparent;
  margin:0;
}
.wrapper input[type="text"],
.wrapper input[type="email"],
.wrapper input[type="url"],
.wrapper input[type="password"],
.wrapper input[type="search"]{
  padding: 0 1px;
}
.wrapper table{
  border-spacing:1px;
  border:none 0;
  margin:0;
}
.wrapper table.information{
  width:auto;
}
.wrapper table th,
.wrapper table td{
  border:none 0;
  padding:0;
  margin:0;
  vertical-align: bottom;
  width:auto;
}