@charset "shift_jis";

/* --------------------------------------------------
　HOME
-------------------------------------------------- */
/* キービジュアル --------------- */

#home  #keyVisual .panel-overlay h2 {
color:#FFFFFF;
font-weight:bold;
font-size: 14px;
padding: 15px 0px 10px 15px;
}
#home  #keyVisual .panel-overlay p {
padding-left: 15px;
}
#home #leftArea {
margin: 25px 0px 0px 0px;
}
h2#subTtl {
margin-bottom:25px;
}
#home #category {
margin-bottom: 10px;
}

#home #category li,
#home #point li {
width:228px;
float:left;
margin-right: 15px;
margin-bottom: 5px;
}
#home #category li.last,
#home #point li.last {
margin-right: 0px;
}
#home h3.title {
margin-bottom: 8px;
}
#home #n-margin {
margin-top: -20px;
}

/* NEWS --------------- */
#home #newsBlc {
background: url(../img/common/dodbg.gif);
padding: 4px;
margin-bottom:15px;
margin-top:15px;
}
#home #newsBlc dl {
background: #fff;
}
#home #newsBlc dl dt {
color:#fff;
font-weight:bold;
padding:10px 10px 5px 10px;
margin-bottom:2px;
}
#home #newsBlc dl dd {
font-size:12px;
padding:0px 10px 10px 10px;
border-bottom: 1px dotted  #CCCCCC;
}
#home #newsBlc dl dt p {
background:#daa500;
border-radius: 4px;
width: 100px;
font-size:10px;
padding: 0px 3px;
text-align:center;
}





/* --------------------------------------------------
　ご注文
-------------------------------------------------- */
#order .txtLine {
padding-bottom:20px;
}
#order table {
width:90%;
margin: 0px auto 20px auto;
}
#order .address {
margin: 0 auto;
width:660px;
margin: 20px auto 10px auto;
}
#order .address li {
width: 330px;
float: left;
font-size: 18px;
font-weight:bold;
color:#666666;
}
#order #dlBox {
box-shadow: 0px 0px 2px #cecece;
border: 1px solid #FFFFFF;
background:#f5f5f5;
padding: 20px 15px;
margin-top:20px;
}
#order #dlBox dl {
width:330px;
float:left;
}
#order #dlBox dt img {
box-shadow: 0px 0px 3px #cecece;
border-radius: 3px;
margin-bottom:15px;
}
#order #dlBox dl.float_r {
float:right;
}
#order #dlBox dd .right {
text-align:right;
margin-top:15px;
}
#rule {
width: 90%;
margin: 0 auto;
}
#formSubmit {
text-align: center;
margin-top:10px;
}
/* --------------------------------------------------
　お問い合わせ
-------------------------------------------------- */
/* お問い合わせ方法 --------------- */
#inquiry #howBlc .info{
margin:0px 0px 25px;
padding:0px 0px 15px;
border-bottom:#ccc dotted 1px;
}
#inquiry .txtLine {
margin-bottom: 20px;
padding-bottom: 10px;
}

#inquiry .address{
line-height:150%;

}
#inquiry .address li {
padding-left:60px;
}
#inquiry .address li em {
font-size: 24px;
}

#inquiry .address li.tel{
float:left;
background:url(../img/inquiry/tel.gif) left 3px no-repeat;
min-height:20px;
margin:0px 100px 20px 0px;

}

#inquiry .address li.fax{
float:left;
background:url(../img/inquiry/fax.gif) left 3px no-repeat;
min-height:20px;
margin:0px 0px 10px;

}

#inquiry .address li.mail{
clear:both;
background:url(../img/inquiry/mail.gif) left top no-repeat;
min-height:30px;
}

#inquiry .address .number{
font-size:24px;
font-weight:bold;
font-style:normal;
color:#ffaa00;
}

/* 入力フォーム --------------- */
#inquiry table{
line-height:150%;
margin: 10px auto 20px auto;
}

#inquiry table .att{
margin:10px 0px 10px;
color:#e60000;
}

#order .red,
#inquiry .red {
color:#e60000;
}
#inquiry th {
width: 28%;
}

#inquiry #formBlc td input{
padding:3px;
}

#inquiry #formBlc td select{
padding:3px 0px 3px 3px;
}

#inquiry #formBlc #rule{
margin:20px 0px;
}

#inquiry #formBlc #rule a{
text-decoration:underline;
}

#inquiry #formBlc #formSubmit{
margin:20px 0px 10px;
text-align:center;
}

#inquiry #formBlc #formSubmit input{
padding:2px 10px;
color:#333333;
}

/* --------------------------------------------------
　商品リスト
-------------------------------------------------- */
#item #leftArea ul:first-child li {
float: left;
margin-right: 17px;
}
#item #leftArea ul:first-child li.last {
margin-right: 0px;
}
#item #leftArea ul:first-child li.on {
opacity: 0.7;
}
#item .itemBox {
width:178px;
float: left;
margin-bottom: 30px;
padding-bottom:30px;
border-bottom: 1px solid #efefef;
}
#item .itemBox p.first {
text-align:center;
margin-bottom:5px;
}
#item .itemBox h4 {
font-size:14px;
font-weight: bold;
padding-bottom: 5px;
margin-bottom:7px;
background: url(../img/item/item_line.gif) no-repeat bottom left;
}
#item .itemBox h4 img {
vertical-align: top;
}
#item .itemBox .syousai {
margin-top:15px;
padding: 0px 7px;
}
#item .itemBox .syousai p img {
margin-bottom: 10px;
}
#item .itemBox .syousai dl {
border-bottom: 1px dotted #CCCCCC;
min-height: 23px;
}
#item .itemBox .syousai dt {
float:left;
clear: left;
line-height: 200%;
}
#item .itemBox .syousai dd {
margin-left: 6em;
line-height: 200%;
}
#item .itemBox .syousai .att {
clear:both;
margin-top: 10px;
padding:7px;
border: 1px #eaeaea solid;
border-radius: 5px;
}

/* --------------------------------------------------
　無線機
-------------------------------------------------- */
#wireless .borderTextBox {
background:url(../img/common/border_height.gif) no-repeat left top;
padding: 5px 0px 5px 15px;
width: 320px;
}
#wirelessItem {
position:relative;
}
#wirelessItem .gokan {
position:absolute;
top: 25x;
left: 325px;
}
#wireless .att {
background:url(../img/common/attention.gif) no-repeat left;
clear: both;
text-indent: 30px;
}
#wirelessItem .float_l,
#wirelessItem .float_r {
width:310px;
}
#wirelessItem h4 {
padding-bottom:10px;
background: url(../img/common/ttl_border.gif) no-repeat bottom left;
font-size:16px;
font-weight:bold;
margin-bottom: 10px;
}
#wirelessItem dl {
margin: 10px auto;
padding:15px;
border: 1px solid #EBEBEB;
border-radius: 5px; 
}
#wirelessItem dt {
font-weight:bold;
margin-bottom: 10px;
font-size:14px;
line-height:130%;
}


/* --------------------------------------------------
　初めての方へ
-------------------------------------------------- */
#flow .imgArea {
margin-top: -40px;
text-align: right;
padding-right: 20px;
}
#flow .first {
background:url(../img/flow/04.jpg) no-repeat bottom right;
min-height: 160px;
}

#flow .flowBox {
background:url(../img/common/dodbg.gif);
padding:5px;
margin-top: 20px;
}
#flow .flowBox .inner {
background:#fff;
padding: 15px;
}
#flow .flowBox .inner h4 {
background: url(../img/flow/line.jpg) no-repeat bottom;
padding-bottom:8px;
margin-bottom: 15px;
font-size: 16px;
font-weight: bold;
text-indent:15px;
margin-top: 10px;
}
#flow .flowBox .mr {
margin-top: 8px;
}
#flow .flowBox .float_l  {
width: 460px;
}
#flow .flowBox .float_r  {
width: 200px;
}
#flow .flowBox .float_r  img {
box-shadow: 0px 0px 1px #bbb;
}
#flow .flowBox ul {
margin-top:20px;
}

#flow .flowBox .tel {
background:url(../company_inquiry/img/tel.gif) no-repeat;
text-indent:30px;
font-size: 16px;
font-weight:bold;
color:#004972;
padding: 8px 0px;
}
#flow .flowBox .fax {
background:url(../company_inquiry/img/fax.gif) no-repeat;
text-indent:30px;
font-size: 16px;
font-weight:bold;
color:#004972;
padding: 8px 0px;
}
#flow .flowBox li {
float:left;
margin-right:20px;
}
#flow .att {
margin-top: 30px;
border-bottom: solid 1px #51A2C2;
padding-bottom: 3px;
margin-bottom: 5px;
font-weight:bold;
}
#flow .att + ul li {
line-height:200%;
}

/* --------------------------------------------------
　運営会社
-------------------------------------------------- */
#company #leftArea table {
width: 100%;
}
#company #leftArea th,
#company #leftArea td {
padding: 15px;
}
#company #leftArea th {
background-color:#439fb1;
color:#fff;
}
#company #leftArea tr {
border-bottom: 1px dashed #CCCCCC;
}
#company #leftArea tr:last-child {
border-bottom:none;
}
#company #leftArea td {
background-color:#fcfafa;
}
#company #leftArea tr:first-child th {
border-top-left-radius: 5px;
}
#company #leftArea tr:last-child th {
border-bottom-left-radius: 5px;
}