@charset "shift_jis";

/* ------------------------------------------------------------
 マウスコンピューター　other　CSS
 更新日:08/08/18
 
 目次
 0:アフィリエイト・プログラムのご案内
	1:よくあるご質問
	2:メールマガジン登録
	3:お問い合わせ
	4:サイトマップダイレクトショップ
	5:はじめてご利用の方
------------------------------------------------------------ */

/* 0:アフィリエイト・プログラムのご案内
---------------------------------------*/

div.affiliate{
width:765px;
}

div.affiliate p{
margin: 10px 0;
}

div.affiliate ul li{
padding: 5px 0;
}

div.affiliate dl dt{
font-weight: bold;
}

div.affiliate dl dd{
padding: 5px 0 15px;
}

div.affiliate .orgBox{
margin: 0 20px 10px;
}

div.affiliate .disclaimer{
margin: 0 20px;
}

div.affiliate .linkshare{
float: right;
width: 88px;
}


/* 1:よくあるご質問
---------------------------------------*/

div.faq ul{
overflow: hidden;
padding: 10px 0;
border-top: solid 2px #cccccc;
border-bottom: solid 2px #cccccc;
}

div.faq ul li{
display: inline;
}

p.answer{
text-indent:-1.5em;
margin:0 0 20px 0;
padding: 0 0 0 1.5em;
}

p.answer:first-letter {
font-weight:bold;
}


/* 2:メールマガジン登録
---------------------------------------*/

div.mailmag .orgBox p{
padding: 5px 10px;
}

div.mailmag .orgBox dl{
width: 650px;
margin: 0 auto;
clear: both;
overflow: hidden;
font-weight: normal;
}

div.mailmag .orgBox dt{
text-align: right;
padding: 10px 0;
float: left;
width: 300px;
}

div.mailmag .orgBox dd{
text-align: left;
float: left;
width: 350px;
padding: 11px 0 12px;
}

div.mailmag .orgBox dd input,
div.mailmag .orgBox dd label{
zoom: 1;
}


/* 3:お問い合わせ
---------------------------------------*/

div.announce{
background: #efefef;
clear: both;
overflow: hidden;
width: 765px;
padding: 15px 0;
margin-bottom: 2px;
}

div.announce p{
width: 300px;
float: left;
margin-left: 10px;
}

div.announce dl{
float: right;
width: 435px;
margin-right: 10px;
}

div.announce dl dt{
font-weight: bold;
}

div.grayBox{
clear: both;
overflow: hidden;
}

div.calling{
border: solid 1px #dddddd;
clear: both;
width: 763px;
overflow: hidden;
}

div.calling div,
div.calling p{
float: left;
padding: 8px 0;
margin: 0 8px;
}

div.calling div{
width: 80px;
}

div.calling .telnumber{
width: 382px;
}

div.calling .opentime{
width: 127px;
margin-left: 72px;
}

/* 3-1:お問い合わせエリア ---------------*/

div#contentsMain div.contact dl{
width:375px;
margin:0 0 15px 0;
}

div#contentsMain div.contact dt{
border:1px solid #d9d9d9;
padding:6px 8px;
background:#f3f3f3;
}

div#contentsMain div.contact dt img{
vertical-align:bottom;
}

div#contentsMain div.contact dd{
border:1px solid #d9d9d9;
border-top:none;
padding:8px;
background:#ffffff;
}


div#contentsMain div.contact dl.business{
float:left;
}

div#contentsMain div.contact dl.others{
float:right;
}



/* 4:サイトマップダイレクトショップ
---------------------------------------*/

div#contentsMain div.contact dl.directshop{
clear:both;
width:763px;
background:#F8F4EB;
border:1px solid #EEE6D6;
position:relative;
}

div#contentsMain div.contact dl.directshop dt,
div#contentsMain div.contact dl.directshop dd{
background:#F8F4EB;
padding:6px 8px;
border:none;
}

div#contentsMain div.contact dl.directshop dt{
float:left;
width:160px;
}

div#contentsMain div.contact dl.directshop dt img{
display:block;
padding:7px 0 0 0;
}


div#contentsMain div.contact dl.directshop dd{
margin:0 0 0 170px;
}

div#contentsMain div.contact dl.directshop dd ul{
background:url(/images/common/contact_direct_pct.gif) no-repeat left top;
padding:0 0 0 50px;
zoom:1;
}

div#contentsMain div.contact dl.directshop dd ul li{
list-style-type:disc;
margin:0 190px 0 25px;
}

div#contentsMain div.contact dl.directshop dd p{
width:168px;
text-align:right;
position:absolute;
bottom:0;
right:7px;
}

div#contentsMain div.contact a.link02{
display:block;
margin:5px 0 0;
}



/* 5:はじめてご利用の方
---------------------------------------*/

div#contentsMain p.topContent{
margin-bottom: 8px;
font-size: 180%;
font-weight: bold;
}

div#contentsMain div.floatbox{
clear: both;
width: 765px;
overflow: hidden;
}

div#contentsMain div.floatbox div.floattxt{
width: 600px;
float: left;
}

div#contentsMain div.floatbox div.floattxt span{
display: inline;
}

div#contentsMain div.floatbox div.floattxt p,
div#contentsMain div.floatbox div.floattxt dl{
margin-bottom: 10px;
}

div#contentsMain div.floatbox div.floattxt dt.listdt{
padding-bottom: 5px;
}

div#contentsMain div.floatbox div.floatimg{
float: right;
width: 143px;
text-align: center;
}

div#contentsMain div.process{
margin-bottom: 15px;
}

div#contentsMain dl.guide dt{
font-weight: bold;
}

div#contentsMain dl.guide dd{
padding-bottom: 10px;
}

div#contentsMain dl.guide a.link{
display: inline;
}

div#contentsMain div.inquiry ul{
margin-top: 10px;
}

div#contentsMain .navBox span{
font-weight: bold;
}