@charset "utf-8";
/*@import url(webfont.css);*/

/* common */
html, body{padding:0; margin:0; background:#f2f2f2; }
body{height:auto;}

/* font style */
div, ul, ol, li, h1, h2, h3, h4, h5, h6, input, select, textarea, p, a, table, th, td {font-family:arial, "メイリオ", Meiryo, sans-serif;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
div{position:relative; display:block; height:auto;}
ul, ol{padding:0; margin:0;}
li{list-style:none;}
img{vertical-align:middle; border:0;}

h1, h2, h3, h4, h5, h6{padding:0; margin:0;}
p{padding:0; margin:0;}
a{text-decoration:none;}

table{border-collapse:collapse; border-spacing:0;}
table caption{height:0; font-size:0; padding:0; margin:0; display:none;}
/* page element common */
input[type=text] {height: 13px; border: 1px solid #ddd; color: #888; padding: 7px 0;}
/*input[type=radio] { border:none;}*/
select {height: 29px; border: 1px solid #ddd; color: #888;}
textarea {border: 1px solid #ddd; color: #888;}



/* 설명 */
.hidden_description{position:absolute; z-index:10; left:-9999px; top:-9999px; font-size:1px;}


#wrap {min-width:980px; width:100%; margin:auto; background:#f2f2f2; }
#header {width:100%; margin:auto; background:#008fd9; border-bottom:solid 1px #0072ae; position:fixed; z-index:9999;}
#container {position:relative;width:980px; min-height:500px; margin:auto; background:#f2f2f2; padding-top:140px; }

#header .header_inner {width:980px; height:106px; margin:0 auto; }

#header .logo {float:left; margin:16px 46px 0 0; width:124px; height:70px;}

#header #search {float:right; height:30px; margin: 37px 0 0 0; width:164px; border-bottom:solid 1px #fff; }
#header #search input[type=text] {float:left;width:138px; background:none; border:none; font-size:14px; color:#fff; font-weight:bold; margin:0;}
#header #search a {float:left;width:24px; height:24px;}

#header #gnb {float:left; margin-top:44px; }
#header #gnb ul li {float:left; margin-left:60px; }
#header #gnb ul li a { display:block; background-position:0 0; background-repeat:no-repeat; height:16px; font-size:16px; color:#fff; font-weight:bold; }
#header #gnb ul li.sel a,
#header #gnb ul li:hover a { background-position:0 -16px; }
#header #gnb ul li.m1 a {width:71px; background-image:url(../images/common/menu_01.png)}
#header #gnb ul li.m2 a {width:100px; background-image:url(../images/common/menu_02.png)}
#header #gnb ul li.m3 a {width:98px; background-image:url(../images/common/menu_03.png)}
#header #gnb ul li.m4 a {width:71px; background-image:url(../images/common/menu_04.png)}
#header #gnb ul li.m5 a {width:138px; background-image:url(../images/common/menu_05.png)}

/*footer****************************************/
#footer {position:relative;min-width:980px; width:100%;   background:#464646; text-align:center; margin:0 auto; background: #fff url(../images/common/container_bg.jpg) no-repeat top center !important;}
#footer .footer_inner {position:relative;width:980px; min-height:130px; margin:0 auto; padding:115px 0 30px;}

#footer .footer_inner .atop {position:fixed; left:50%; margin-left:510px; bottom: 50px; z-index: 10000; }
#footer .footer_inner .atop:hover { opacity:0.5;}

#footer .footer_inner ul:after { /*float 리셋 부분*/    display:block;    clear:both;    height:0px;    visibility:hidden;    content:".";}
#footer .footer_inner ul {min-height: 1px; /*IE6、7*/}
* html #footer .footer_inner ul {height: 1px;height: auto;overflow: hidden;}

#footer .footer_inner .f_sns {text-align:center;  margin-bottom:56px;}
#footer .footer_inner .f_sns ul { width:auto; margin:0 auto; display:inline-block; }
#footer .footer_inner .f_sns ul li {float:left; margin:0 4px; }
#footer .footer_inner .f_sns ul { display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; _display:inline;/*IE6 HACK*/}

#footer .footer_inner .f_sns ul li a {display:block; width:39px;height:40px;}
#footer .footer_inner .f_sns ul li.fb a {background:  url('../images/common/f_sns_facebook.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.tw a {background:  url('../images/common/f_sns_twitter.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.pi a {background:  url('../images/common/f_sns_printin.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.gp a {background:  url('../images/common/f_sns_googlep.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.li a {background:  url('../images/common/f_sns_line.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.rs a {background:  url('../images/common/f_sns_rss.gif') no-repeat left top;}

#footer .footer_inner .f_sns ul li.fb:hover a {background:  url('../images/common/f_sns_facebook_over.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.tw:hover a {background:  url('../images/common/f_sns_twitter_over.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.pi:hover a {background:  url('../images/common/f_sns_printin_over.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.gp:hover a {background:  url('../images/common/f_sns_googlep_over.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.li:hover a {background:  url('../images/common/f_sns_line_over.gif') no-repeat left top;}
#footer .footer_inner .f_sns ul li.rs:hover a {background:  url('../images/common/f_sns_rss_over.gif') no-repeat left top;}




#footer .footer_inner .f_menu_h1 { margin: 0 0 10px;  font-size:16px; color:#0c4da2;}
#footer .footer_inner .f_menu_h2 { margin: 0 0 10px; font-size:16px; color:#666a6d;}
#footer .footer_inner .f_menu_h1 a,
#footer .footer_inner .f_menu_h2 a {font-size:16px; color:#0c4da2;}

#footer .footer_inner .f_menu_t1 {clear:both; text-align:center;  margin-bottom:22px;}
#footer .footer_inner .f_menu_t1 ul { margin:0 auto; display:inline-block;}
#footer .footer_inner .f_menu_t1 ul { display:inline-block;zoom:1;*display:inline/*IE7 HACK*/; _display:inline;/*IE6 HACK*/}
#footer .footer_inner .f_menu_t1 ul li {float:left; padding:0 12px; background: url(../images/common/f_slice.gif) no-repeat 0 5px;  }
#footer .footer_inner .f_menu_t1 ul li a {font-size:14px; color:#999;}
#footer .footer_inner .f_menu_t1 ul li.none {background:none;}

/*container ****************************************/
#container .content_t {margin-bottom:20px;}
#container .content {margin-bottom:40px;}

#container .content:after { /*float 리셋 부분*/    display:block;    clear:both;    height:0px;    visibility:hidden;    content:".";}
#container .content {min-height: 1px; /*IE6、7*/}
* html #container .content {height: 1px; height: auto;overflow: hidden;}


#container .content .c_body { float:left; width:738px; }

/*スマホ版を見るボタンのスタイル*/
#pc_from_sp {position:absolute; font-size: 45px; top: 5%; margin-left:-62%; width: 75%; z-index: 9999997; padding: 7% 0%; text-align: center; background-color: rgba(255, 255, 255, 0.5 ); display:none;}
#pfs_sp{padding: 1em; background-color: #3949AB; border-bottom: 2px solid #1A237E; color: #fff; margin-right: 2%; z-index: 9999998;}
#pfs_btn{ z-index: 9999999;}
#pfs_close{display: none;}
#pfs_close img{width: 7%;}
#pfs_open img{width: 11%;}