@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color:#434343;
background: white;
font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:78%;
line-height:150%;
background:#fff url(/images/cmn_bg.gif) 0 0 repeat-x;
}
ol, ul {
list-style: none;
}
img{
vertical-align:bottom;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
.center{
text-align:center;
}
.right{
text-align:right;
}
.fl{
float:left;
margin:0 5px 5px 0;
}
.fr{
float:right;
margin:0 0 5px 5px;
}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{
zoom:1;
}
table {
margin: 15px auto 0 auto;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-collapse: collapse;
text-align: left;
}
table th {
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #f0f0f0;
font-weight: normal;
}
table td {
padding: 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#wrapper{
width:758px;
margin:0 auto;
}
#header{
height:176px;
position:relative;
}
#header dl dt{
width:195px;
position:absolute;
top:29px;
left:4px;
}
#header dl dd.seo{
width:748px;
position:absolute;
top:4px;
left:9px;
}
#header dl dd.tel{
width:417px;
position:absolute;
top:38px;
left:338px;
}
#header dl dd.btn_contact{
width:167px;
position:absolute;
top:87px;
left:576px;
line-height:1%;
}
#gnav{
width:557px;
overflow:hidden;
position:absolute;
top:129px;
left:199px;
}
#gnav li{
float:left;
text-indent:-9999px;
}
#gnav li a{
height:37px;
background-position:0 0 ;
background-repeat:no-repeat;
display:block;
}
#gnav li a:hover{
background-position:0 -37px;
}
#gnav li.gnav01 a{
width:174px;
background-image:url(/images/cmn_gnav_01.gif);
}
#gnav li.gnav02 a{
width:69px;
background-image:url(/images/cmn_gnav_02.gif);
}
#gnav li.gnav03 a{
width:59px;
background-image:url(/images/cmn_gnav_03.gif);
}
#gnav li.gnav04 a{
width:113px;
background-image:url(/images/cmn_gnav_04.gif);
}
#gnav li.gnav05 a{
width:60px;
background-image:url(/images/cmn_gnav_05.gif);
}
#gnav li.gnav06 a{
width:80px;
background-image:url(/images/cmn_gnav_06.gif);
}
#contents{
width:758px;
}
#footer{
width:758px;
}
#fnav{
width:752px;
background:url(/images/cmn_ftr_bg.gif) 0 0 repeat-y;
text-align:center;
margin:0 auto 8px auto;
padding-top:12px;
}
#fnav div div{
width:752px;
min-height:30px;
_height:30px;
}
#fnav li.top{
border-left:1px #000 solid;
padding-left:10px;
}
#fnav li{
display:inline;
border-right:1px #000 solid;
padding-right:10px;
margin-right:10px;
}
#fnav li a{
color:#434343;
text-decoration:none;
}
#fnav li a:hover{
color:#c31a1a;
text-decoration:underline;
}
#footer dl.cmn_contact{
width:752px;
height:129px;
margin:0 auto;
}
#footer dl.cmn_contact dd{
margin:-44px 0 0 391px;
line-height:1%;
}
#footer_in{
width:758px;
overflow:hidden;
padding:12px 0 15px 0;
}
#copy{
margin:23px 220px 0 0;
}
#contents .block{
width:758px;
background:url(/images/top_block_bg.gif) 0 0 repeat-y;
padding:27px 24px;
}
#contents .block06{
width:758px;
height:380px;
background:url(/images/top_block_06_bg.jpg) 0 0 no-repeat;
position:relative;
margin:0 auto 5px auto;
}
#contents .block06 dl dt,
#contents .block07 dt{
text-indent:-9999px;
}
#contents .block06 dl dd.txt{
width:480px;
position:absolute;
top:206px;
left:243px;
color:#0068b7;
font-weight:bold;
}
#contents .block06 dl dd.cart{
width:192px;
position:absolute;
top:293px;
left:227px;
line-height:1%;
}
#contents .block06 dl dd.detail{
width:326px;
position:absolute;
top:294px;
left:429px;
font-weight:bold;
}
#contents .block07{
width:758px;
height:380px;
background:url(/images/top_block_07_bg.jpg) 0 0 no-repeat;
position:relative;
margin:0 auto 5px auto;
}
#contents .block07 dd.txt{
width:500px;
position:absolute;
top:180px;
left:25px;
}
#contents .block07 dd.btn{
width:500px;
position:absolute;
top:305px;
left:25px;
}
#contents h2{
text-align:center;
margin-bottom:7px;
}
#contents .go_top{
text-align:right;
margin:3px 5px 16px 0;
}
/****** top ******/
.page_top #contents .block01{
width:750px;
height:350px;
background:url(/images/top_block_01_bg.jpg) 0 0 no-repeat;
position:relative;
margin:0 auto 5px auto;
}
.page_top #contents .block01 dl dt,
.page_top #contents .block01 dl dd.txt{
text-indent:-9999px;
}
.page_top #contents .block01 dl dd.cart{
width:192px;
position:absolute;
top:245px;
left:520px;
line-height:1%;
}
.page_top #contents .block01 dl dd.detail{
width:250px;
position:absolute;
top:292px;
left:505px;
}
.page_top #contents .block02{
width:758px;
overflow:hidden;
}
.page_top #contents .block02 .l{
width:333px;
float:left;
}
.page_top #contents .block02 h2{
text-align:left;
margin-bottom:15px;
}
.page_top #contents .block03 p.txt{
color:#0068b7;
font-weight:bold;
text-align:center;
margin-bottom:6px;
}
.page_top #contents .block03 .detail{
width:690px;
overflow:hidden;
background-color:#efefef;
padding:10px;
margin-bottom:20px;
}
.page_top #contents .block03 .detail .l{
width:395px;
float:left;
background-color:#000;
text-align:center;
}
.page_top #contents .block03 .effect{
width:284px;
background:url(/images/top_effect_bg.gif) 0 0 repeat-y;
float:right;
}
.page_top #contents .block03 .effect ul{
margin:9px 13px 13px 13px;
color:#fff;
font-weight:bold;
}
.page_top #contents .block03 .effect ul li{
width:258px;
overflow:hidden;
}
.page_top #contents .block03 .effect ul li span.mark{
width:1em;
float:left;
display:block;
}
.page_top #contents .block03 .effect ul li span.txt{
margin-left:1em;
display:block;
zoom:1;
}
.page_top #contents .block04 p.fl{
margin-top:78px;
}
.page_top #contents .block04 .r{
width:532px;
background:url(/images/top_voice_bg.gif) 0 0 repeat-y;
margin-left:175px;
}
.page_top #contents .block04 .r ul.voice{
background:url(/images/top_voice_ul_bg.gif) 0 0 no-repeat;
}
.page_top #contents .block04 .r ul.voice li{
background:url(/images/top_voice_li_bg.gif) left bottom no-repeat;
padding:10px 40px 25px 50px;
font-weight:bold;
color:#fff;
}
.page_top #contents .block04 .r ul.voice li.last{
background:url(/images/top_voice_last_bg.gif) left bottom no-repeat;
padding-bottom:13px;
}
.page_top #contents .block04 h2{
padding-bottom:20px;
}
.page_top #contents .block05 h2{
margin:0 0 15px 0;
}
.page_top #contents .block05 .howto{
background-color:#efefef;
padding:10px 10px 30px 10px;
}
.page_top #contents .block05 .howto p.txt{
margin-bottom:5px;
}
.page_top #contents .block05 .howto p.txt2{
margin:7px 0;
}
.page_top #contents .block05 .howto p.txt2 span{
background-color:#a40000;
color:#fff;
font-weight:bold;
padding:2px 10px;
}
.page_top #contents .block05 h3{
font-weight:bold;
}
.page_top #contents .block05 h3.h_01{
color:#00479d;
}
.page_top #contents .block05 p.bold{
font-size:117%;
line-height:150%;
font-weight:bold;
}
/****** recruit ******/
.page_recruit #contents .block01{
width:750px;
height:350px;
background:url(/images/recruit_block_01_bg.jpg) 0 0 no-repeat;
position:relative;
margin:0 auto 7px auto;
}
.page_recruit #contents .block01 dt,
.page_recruit #contents .block01 dd.txt{
text-indent:-9999px;
}
.page_recruit #contents .block01 dd.btn{
width:229px;
position:absolute;
top:265px;
left:393px;
line-height:1%;
}
.page_recruit #contents .block02{
width:758px;
height:320px;
background:url(/images/recruit_block_02_bg.jpg) 0 0 no-repeat;
position:relative;
}
.page_recruit #contents .block02 dt{
width:320px;
position:absolute;
top:26px;
left:24px;
}
.page_recruit #contents .block02 dd.txt{
width:330px;
position:absolute;
top:170px;
left:22px;
}
.page_recruit #contents .block02 dd.btn{
width:330px;
position:absolute;
top:258px;
left:25px;
line-height:1%;
}
.page_recruit #contents .block03 h2{
margin-bottom:20px;
}
.page_recruit #contents .block03 .detail{
width:690px;
overflow:hidden;
background-color:#efefef;
padding:10px;
}
.page_recruit #contents .block03 .detail .r{
margin-left:322px;
}
.page_recruit #contents .block03 .detail p.txt{
margin-bottom:8px;
}
.page_recruit #contents .block03 .detail p.bold01{
color:#0068b7;
font-size:117%;
line-height:150%;
font-weight:bold;
}
.page_recruit #contents .block03 .detail p.bold02{
font-weight:bold;
margin-bottom:2px;
}
.page_recruit #contents dl.cmn_contact{
width:752px;
height:129px;
margin:0 auto 16px auto;
}
.page_recruit #contents dl.cmn_contact dd{
margin:-44px 0 0 391px;
line-height:1%;
}
.page_recruit #contents .block04 p.bold{
color:#0068b7;
font-weight:bold;
text-align:center;
margin-bottom:6px;
}
.page_recruit #contents .block04 .detail{
width:690px;
overflow:hidden;
background-color:#efefef;
padding:10px;
}
.page_recruit #contents .block04 .detail p.txt01{
color:#a40000;
margin-left:12px;
}
.page_recruit #contents .block04 .detail p.txt02{
margin:0 0 3px 12px;
}
.page_recruit #contents .block04 .detail ul{
color:#a40000;
margin:0 0 2px 12px;
}
.page_recruit #contents .block04 .detail ul li{
width:690px;
overflow:hidden;
}
.page_recruit #contents .block04 .detail ul li span.mark{
width:1em;
float:left;
display:block;
}
.page_recruit #contents .block04 .detail ul li span.txt{
margin-left:1em;
display:block;
zoom:1;
}
.page_recruit #contents .block04 form table{
width:100%;
border-top:2px #efefef solid;
border-left:2px #efefef solid;
}
.page_recruit #contents .block04 form table th,
.page_recruit #contents .block04 form table td{
border-right:2px #efefef solid;
border-bottom:2px #efefef solid;
padding:7px 14px;
}
.page_recruit #contents .block04 form table th{
width:92px;
background-color:#3386c5;
color:#fff;
vertical-align:middle;
}
.page_recruit #contents .block04 form table td{
background-color:#cce1f1;
}
.page_recruit #contents .block04 form table td table,
.page_recruit #contents .block04 form table td table td,
.page_recruit #contents .block04 form table td table th{
border:none;
}
.page_recruit #contents .block04 form table td table td,
.page_recruit #contents .block04 form table td table th{
padding:0;
}
.page_recruit #contents form input.short{
width:165px;
}
.page_recruit #contents form input.mdl{
width:280px;
}
.page_recruit #contents form input.long{
width:415px;
}
.page_recruit #contents form textarea{
width:305px;
}
.page_recruit #contents form span.must{
font-weight:bold;
}
.page_recruit #contents form span.txt{
margin:0 10px 0 5px;
}
.page_recruit #contents .err{
color:#f00;
}
.page_recruit #contents .btns{
text-align:center;
margin:13px auto 0 auto;
padding-bottom:10px;
overflow:hidden;
zoom:1;
width:284px;
text-align:center;
}
.page_recruit #contents .btns input{
border:none;
cursor:pointer;
display:block;
text-indent:-9999px;
width:136px;
height:40px;
}
.page_recruit #contents .btns .btn_submit{
background:url(/images/recruit_btn_submit.gif) 0 0 no-repeat;
margin:0 auto;
}
.page_recruit #contents .btns .btn_back{
background:url(/images/recruit_btn_back.gif) 0 0 no-repeat;
float:left;
}
.page_recruit #contents .btns .btn_send{
background:url(/images/recruit_btn_send.gif) 0 0 no-repeat;
float:right;
}
.message{
width:500px;
margin:20px auto;
background-color:#fff;
padding:30px;
}