@charset "utf-8";
@import url("print.css") print;

html{filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*===================== all base =====================*/
* { 
	margin: 0; padding: 0; 
	font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
}
body{
	padding:0 0 10px 10px; 
	background:#FFF;
}

/*---------- flame ----------*/
#container{
	width: 958px;
}
#header{
	padding-bottom: 17px; 
}
#footer{
	margin-top: 25px; 
	padding-top:15px;
	background: url(/com/img/footer/foot_dot.gif) no-repeat 0 0;
}
#sideArea{
	width: 224px;
}
#mainArea{
	width: 716px;
}
#mainArea .mainLeft{
	width: 484px;
}
#mainArea .mainRight{
	padding-top:10px;
	width: 218px;
	background: #EDEDED;
}
#mainArea .mainRight .rightArea{
	margin:0 10px 10px;
}


/*---- float ----*/
.left{
	float:left;
}
.right{
	float:right;
}


/*---- margin ----*/
.mgnT5{
	margin-top:5px;
}
.mgnT15{
	margin-top:15px;
}
.mgnT25{
	margin-top:25px;
}


/*---- font ----*/
p , td , th {
	font-size:12px;
	color:#222;
	line-height:1.4;
}
.bold{
	font-weight:bold;
}
.big{
	font-size:14px;
	font-weight:bold;
}
.small{
	font-size:10px;
	font-weight:normal;
}
.color01{
	color:#FF0000;
}
p.note{
	margin-top:5px;
	font-size:10px;
	font-weight:normal;
}
p.txt{
	padding-top:15px;
}

h2.error{
	margin-top:15px;
}

span.text_out {
	position:absolute;
	top:-5000px;
	left:-999px;
}
/*IEのみ*/
* html span.text_out{
	position:static;
	visibility: hidden;
}
/* エラーメッセージ */
.errorMsg {
	padding:2px 0;
	color: #DE0000;
	font-size: 12px;
}


/*---- table ----*/
table.line1{
	border-collapse: collapse;
}
table.line1 td{
	padding:10px;
	border:1px solid #BFBFBF;
}
table.line1 td.gray{
	padding:10px;
	border:1px solid #BFBFBF;
	background:#F5F5F5;
}
table.line1 th{
	padding:10px;
	border:1px solid #BFBFBF;
	background:#E2E2E2;
	font-weight:normal;
}
table.line1 th.thLeft{
	padding:10px;
	border:1px solid #BFBFBF;
	background:#E2E2E2;
	font-weight:normal;
	text-align:left;
}

table.line2{
	border-collapse: collapse;
}
table.line2 td{
	padding:4px 10px;
	border:1px solid #BFBFBF;
}
table.line2 td.gray{
	padding:4px 10px;
	border:1px solid #BFBFBF;
	background:#F5F5F5;
}
table.line2 th{
	padding:4px 10px;
	border:1px solid #BFBFBF;
	background:#E2E2E2;
	font-weight:normal;
}
table.line2 th.thLeft{
	padding:4px 10px;
	border:1px solid #BFBFBF;
	background:#E2E2E2;
	font-weight:normal;
	text-align:left;
}

table.line1 table td,
table.line2 table td{
	padding:1px;
	border:none;
}

table td table.lineSub{
	border-collapse: collapse;
}
table td table.lineSub td{
	padding:3px;
	border:1px solid #BFBFBF;
}
table td table.lineSub td.gray{
	padding:3px;
	border:1px solid #BFBFBF;
	background:#F5F5F5;
}
table td table.lineSub th{
	padding:3px;
	border:1px solid #BFBFBF;
	background:#E2E2E2;
	font-weight:normal;
}
table td table.lineSub th.thLeft{
	padding:3px;
	border:1px solid #BFBFBF;
	background:#E2E2E2;
	font-weight:normal;
	text-align:left;
}




/*---- button ----*/
.detailBtn a{
	width: 92px;
	height: 30px;
	display: block;
	background: url(/com/img/b_detail.gif) no-repeat 0 0;
}
.detailBtn a:hover {background-position: -92px 0;}


/*---- pagetop ----*/
.pagetop{
	text-align:right;
}
.pagetopMgn{
	padding:20px 0 0;
	text-align:right;
}

/*---- dotline ----*/
.dotline{
	margin:5px 0;
}

/*---- icon ----*/
img.icon {
	margin-right: 3px;
	padding:2px 0;
	vertical-align: middle;
}

/*---- infoLine ----*/
p.infoLine{
padding:12px;
border:1px solid #BFBFBF;
}






/*===================== mail form =====================*/
table.fitem{
	margin-top:5px;
}
table.fitem_table{
	background-color: #E5E5E5;

}
table.fitem_table td{
	padding:7px 20px;
}
table.fitem_table td input.inline{
	width:250px;
}
.fitem_hd{
	margin-bottom:5px;
}
table td.inputBorder{
	width:250px;
	padding:3px;
	border:1px solid #999;
	background:#FFF;
}







/*===================== header =====================*/
#siteTitle a{
	width: 178px;
	height: 53px;
	display: block;
	background: url(/com/img/header/logo.gif) no-repeat 0 0;
}
ul#headerMenu{
	list-style-type:none;
	background: url(/com/img/header/head_navi_bg.gif) repeat-x 0 0;
}
ul#headerMenu li{
	list-style-type:none;
	float:left;
}	
ul#headerMenu li a{
	width:87px;
	height: 53px;
	font-size:0.1px;
	background: url(/com/img/header/head_navi.gif) no-repeat 0 0;
	display: block;
}
ul#headerMenu li.btn1 a {background-position:0 0;}
ul#headerMenu li.btn1 a:hover {background-position:0 -53px;}

ul#headerMenu li.btn2 a {background-position: -87px 0;}
ul#headerMenu li.btn2 a:hover {background-position:-87px -53px;}

ul#headerMenu li.btn3 a {background-position: -174px 0;}
ul#headerMenu li.btn3 a:hover {background-position:-174px -53px;}

ul#headerMenu li.btn4 a {background-position: -261px 0;}
ul#headerMenu li.btn4 a:hover {background-position:-261px -53px;}

ul#headerMenu li.btn5 a {background-position: -348px 0;}
ul#headerMenu li.btn5 a:hover {background-position:-348px -53px;}

ul#headerMenu li.btn6 a {background-position: -435px 0;}
ul#headerMenu li.btn6 a:hover {background-position:-435px -53px;}

ul#headerMenu li.btn7 a {background-position: -522px 0;}
ul#headerMenu li.btn7 a:hover {background-position:-522px -53px;}


ul#headerMenu li.btn0  a{
	width:171px;
	height: 53px;
	background: url(/com/img/header/head_navi.gif) no-repeat -609px 0;
	display: block;
}
ul#headerMenu li.btn0 a:hover {background-position:-609px -53px;}








/*===================== footer =====================*/
#footCopy{
	width: 337px;
	height: 20px;
	display: block;
	background: url(/com/img/footer/logo.gif) no-repeat 0 0;
}
ul#footerMenu{
	list-style-type:none;
}
ul#footerMenu li{
	list-style-type:none;
	float:left;
}	
ul#footerMenu li a{
	font-size:0.1px;
	height: 20px;
	display: block;
	background: url(/com/img/footer/foot_navi.gif) no-repeat 0 0;
}
ul#footerMenu li.btn1 a {height: 20px;width:55px;background-position:0 0;}
ul#footerMenu li.btn1 a:hover {background-position:0 -20px;}

ul#footerMenu li.btn2 a {height: 20px;width:84px;background-position: -55px 0;}
ul#footerMenu li.btn2 a:hover {background-position:-55px -20px;}

ul#footerMenu li.btn3 a {height: 20px;width:47px;background-position: -139px 0;}
ul#footerMenu li.btn3 a:hover {background-position:-139px -20px;}

ul#footerMenu li.btn4 a {height: 20px;width:72px;background-position: -186px 0;}
ul#footerMenu li.btn4 a:hover {background-position:-186px -20px;}

ul#footerMenu li.btn5 a {height: 20px;width:70px;background-position: -258px 0;}
ul#footerMenu li.btn5 a:hover {background-position:-258px -20px;}

ul#footerMenu li.btn6 a {height: 20px;width:83px;background-position: -328px 0;}
ul#footerMenu li.btn6 a:hover {background-position:-328px -20px;}

ul#footerMenu li.btn7 a {height: 20px;width:83px;background-position: -411px 0;}
ul#footerMenu li.btn7 a:hover {background-position:-411px -20px;}

ul#footerMenu li.btn8 a {height: 20px;width:66px;background-position: -494px 0;}
ul#footerMenu li.btn8 a:hover {background-position:-494px -20px;}








/*===================== side Info =====================*/
#sideInfoArea{
	padding: 0 3px; 
}
.btnBg{
	background: url(/com/img/btn_bg.gif) 0 0;
}

/*-------------------- banner Area --------------------*/
.banner{
	margin-top:12px;
	padding: 7px 0 7px 10px; 
	background: #EDEDED;
}
.banner .bn_camera a{
	width: 198px;
	height: 66px;
	display: block;
	background: url(/com/img/side/bn_camera.gif) no-repeat 0 0;
}
.banner .bn_mobilita a{
	width: 198px;
	height: 66px;
	margin-top:7px;
	display: block;
	background: url(/com/img/side/bn_mobilita.gif) no-repeat 0 0;
}
.banner .bn_cart a{
	width: 198px;
	height: 66px;
	margin-top:7px;
	display: block;
	background: url(/com/img/side/bn_cart.gif) no-repeat 0 0;
}
.banner .bn_orizuru a{
	width: 198px;
	height: 66px;
	margin-top:7px;
	display: block;
	background: url(/com/img/side/bn_orizuru.gif) no-repeat 0 0;
}
.banner .bn_melmag a{
	width: 198px;
	height: 66px;
	margin-top:7px;
	display: block;
	background: url(/com/img/side/bn_melmag.gif) no-repeat 0 0;
}


/*-------------------- info Area --------------------*/
#sideInfoArea .info{
	margin-top:12px;
	background: url(/com/img/side/waku_bg.gif) repeat-y 0 0;
}
#sideInfoArea .info .inner{
	padding: 8px 10px 3px; 
}
#sideInfoArea .infoBtm{
	width: 218px;
	height: 15px;
	background: url(/com/img/side/waku_btm.gif) no-repeat 0 0;
	line-height:0.1;
}

/*---- price ----*/
#sideInfoArea #priceT{
	width: 218px;
	height: 47px;
	display: block;
	background: url(/com/img/side/waku_t_ryoukin.gif) no-repeat 0 0;
}
table.price td.title{
	width: 140px;
	padding:3px 0;
	background: url(/com/img/side/dotline.gif) repeat-x left bottom;
	font-weight:bold;
	vertical-align:top;
}
table.price td.price{
	width: 58px;
	padding:3px 0;
	background: url(/com/img/side/dotline.gif) repeat-x left bottom;
	color:#FF0000;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
}
.priceBtn a{
	width: 99px;
	height: 30px;
	display: block;
	background: url(/com/img/b_price.gif) no-repeat 0 0;
}
.priceBtn a:hover {background-position: -99px 0;}

#sideInfoArea .priceBtn{
	margin:10px 0 0 53px;
}


/*---- licence ----*/
#sideInfoArea #licenseT{
	width: 218px;
	height: 59px;
	display: block;
	background: url(/com/img/side/waku_t2_license.gif) no-repeat 0 0;
}
#sideInfoArea .licenseBtn{
	margin-left:4px;
}
#sideInfoArea .licenseBtn a{
	width: 191px;
	height: 87px;
	display: block;
	background: url(/com/img/side/b_license.jpg) no-repeat 0 0;
}
#sideInfoArea .licenseBtn a:hover {background-position: -191px 0;}

/*---- other ----*/
#sideInfoArea .infoT{
	background: url(/com/img/side/waku_title.gif) no-repeat 0 0;
}
#sideInfoArea .infoT p{
	padding:10px 15px 7px;
}