@charset "euc-jp";
/* CSS Document */

html{
	min-width:860px;
}

body{
	text-align:center;
	margin:0px auto;
	padding:0px;
	font-size:78% !important;
	font-family:"ＭＳ Ｐゴシック", MS PGOTHIC, Osaka, Verdana, Helvetica, sans-serif;
	color:#333333;
}

div#wrapper{
	margin:0px auto;
	width:860px;
	text-align:left;
}

/* (2) */
p, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6,
form, input, table, tr, th, td{
	margin:0px;
	padding:0px;
}

*{
	font-family:inherit;
	font-size:100%;
}

a{
	text-decoration:none;
}



img{

	border:none;

}



/*｡｡(3)ｶｦﾄﾌｻﾈﾍﾑclass */

.bottom5px{

 	margin-bottom:5px;

}



.bottom10px{

 	margin-bottom:10px;

}



.side_border{

	width:168px;

	padding-bottom:2px;

	border-right:1px solid #cccccc;

	border-left:1px solid #cccccc;

}



.center10{

	text-align:center;

	padding-bottom:10px !important;

	padding-bottom:5px;

}



.left{

	float:left;

}



.text_center{

	text-align:center;

}






p.pagetop680{

	width:100px;

	height:10px;

	margin:15px 0px 10px 580px !important;

	margin:15px 0px 5px 580px;

	background:url(/img/pagetop.gif) top left no-repeat;

}



p.pagetop680 a{

	display:block;

	width:100px;

	height:10px;

	text-indent:-9999px;

}



.font_11px {

	font-size:80%;

	margin-bottom:5px;

}



.font_11px_2{

	font-size:80%;

	margin-top:5px;

}



.font_red{
	color:#FF0000;
	}


.font_11pxred{

	font-size:80%;

	color:#FF0000;

	margin-bottom:5px;

}



.alert{

	font-size:100%;

	font-weight:bold;

	color:#FF0000;

	background:url(/img/alert_icn.gif) no-repeat left center;

	padding-left:18px;

	margin:3px 0 0 0;

	}

.alert2{

	font-size:100%;

	font-weight:bold;

	color:#FF0000;

	background:url(/img/alert_icn_big.gif) no-repeat left center;

	padding-left:18px;

	margin:3px 0 0 0;

	}



#header{

	width:860px;

	background:url(/img/head_base.gif) bottom left no-repeat;

	overflow: hidden;

}



#header:after {

    content: "";

    display: block;

    clear: both;

    height: 1px;

    overflow: hidden;

}



/*\*/

* html #header {

    height: 1em;

    overflow: visible;

}

/**/



h1{

	width:854px;

	padding:0 3px;

	background-color:#003399;

	font-size:80%;

	color:#ffffff;

	font-weight:normal;

}



h1 a{

	color:#ffffff;

}



#header h2{

	float:left;

	width:234px;

	height:120px;

	padding-left:1px;

	text-indent:-9999px;

}



#header h2 a{

	display:block;

	width:234px;

	height:120px;

	background:url(/img/logo.gif) top left no-repeat;

}



div#header_right{

	width:600px;

	margin:0px 0px 0px 251px !important;

	margin:0px 0px 0px 247px;

	padding-bottom:5px;

	background:url(/img/sarch_foot.gif) bottom left no-repeat;

}




div#loginarea{

	height:25px;

}



p#welcome{

	float:left;

	margin:5px 2px 0px 0px;

	font-size:80%;

}



div#head_cart{

	float:right;

	width:240px;

	height:20px;

	margin-top:2px;

	font-size:80%;

	background:url(/img/head_cartbg.gif) top left no-repeat;

}



div#cart_btn{

	float:left;

	width:120px;

	height:16px;

	margin:2px 0px 0px 2px !important;

	margin:2px 0px 0px 1px;

}



div#cart_btn a{

	display:block;

	width:120px;

	height:16px;

	background:url(/img/head_cartcheck.gif) top left no-repeat;

	text-indent:-9999px;

}

/*--見積り用カートボタン start--*/
div#cart_estimatebtn{

	float:left;

	width:120px;

	height:16px;

	margin:2px 0px 0px 2px !important;

	margin:2px 0px 0px 1px;

}



div#cart_estimatebtn a{

	display:block;

	width:120px;

	height:16px;

	background:url(/img/head_estimatecheck.gif) top left no-repeat;

	text-indent:-9999px;

}
/*--見積り用カートボタン end--*/

div#cart_info{

	margin:4px 2px 0px 2px;

	text-align:center;

}



div#login{

	width:185px;

	margin-left:166px;

	padding-top:2px !important;

	padding-top:0px;

}



div#login_btn{

	float:left;		

	margin-top:2px !important;

	margin-top:4px;

}


div#login_btn a {

	display:block;

	width:96px;

	height:16px;

	background:url(/img/head_login.gif) top left no-repeat;

	text-indent:-9999px;

}



div#newentry_btn{

	margin-left:97px;

	margin-top:2px !important;

	margin-top:4px;

}



*:first-child+html #newentry_btn{

	margin-left:97px;

	margin-top:4px !important;

	margin-top:4px;

}/* for IE7 */


html>/**/body #newentry_btn {

	margin-left:98px\9;

	margin-top:2px !important;

}/* for IE8 20090803 */


div#newentry_btn a{

	display:block;

	width:86px;

	height:16px;

	background:url(/img/head_newentry.gif) top left no-repeat;

	text-indent:-9999px;

}



div#logout_btn{

	float:left;

	width:74px;

	height:16px;

	margin-top:2px !important;

	margin-top:4px;

	background:url(/img/mypage/head_logout.gif) top left no-repeat;

	text-indent:-9999px;

}



div#logout_btn a {

	display:block;

	width:74px;

	height:16px;

}



div#mypage_btn{

	width:74px;

	height:16px;

	margin-left:74px;

	margin-top:2px !important;

	margin-top:4px;

	background:url(/img/mypage/head_mypage.gif) top left no-repeat;

	text-indent:-9999px;

}



*:first-child+html #mypage_btn{

	width:74px;

	height:16px;

	margin-left:74px;

	margin-top:4px !important;

	margin-top:4px;

	background:url(/img/mypage/head_mypage.gif) top left no-repeat;

	text-indent:-9999px;

}/* for IE7 */



div#mypage_btn a{

	display:block;

	width:74px;

	height:16px;

}




#globalnavi{

	width:600px;

	height:26px;

	padding-bottom:9px;

	background:url(/img/sarch_head.gif) left bottom no-repeat;

}



#globalnavi ul{

	list-style:none;

	text-indent:-9999px;

}



#globalnavi li{

	float:left;

	list-style:none;

	text-indent:-9999px;

}



#globalnavi a{

	display:block;

	height:26px;

	background-position:left top;

}



#globalnavi a:hover{

	background-position:0px -26px;

}



#gnavi_01 a{

	width:96px;

	background:url(/img/gnavi_01.gif);

}



#gnavi_02 a{

	width:96px;

	background:url(/img/gnavi_02.gif);

}



#gnavi_03 a{

	width:156px;

	background:url(/img/gnavi_03.gif);

}



#gnavi_04 a{

	width:156px;

	background:url(/img/gnavi_04.gif);

}



#gnavi_05 a{

	width:96px;

	background:url(/img/gnavi_05.gif);

}




div#sarch{

	background-color:#E2EDFF;
	overflow:hidden;

}



div#sarch_left {

	float:left;

	margin:0px 10px !important;

	margin:0px 5px;

	font-size:12px;

}
/* safari only \*/
html:\66irst-child div#sarch_left {

	float:left;

	margin:0px 10px !important;

	margin:0px 5px;

	font-size:12px;
	position:absolute;

}
/* end */

div#sarch_right{

	margin-left:535px !important;

	margin-left:530px;
		
}
/* safari only \*/
html:\66irst-child div#sarch_right{

	margin-left:535px !important;

	margin-left:530px;
		
}
/* end */

div#left01{

	float:left;

}
/* safari only \*/
html:\66irst-child div#left01{
	width:470px;
}
/* end */
/* safari only \*/
html:\66irst-child div#left01 select{
}
/* end */

div#left02{

	margin-left:290px;
	padding-left:0px;

}
/* safari only \*/
html:\66irst-child div#left02{
	width:180px;
	position:absolute;
	top:0px;
	left:20px;
	padding-left:0px;
	text-align:left;
	float:right;
}
/* end */

/* safari only \*/
html:\66irst-child div#left02 input{
	width:100px;
}
/* end */



div#breadcrumbs{

	clear:both;

	/*height:15px;*/

	padding:3px 3px 2px 3px;

	font-size:80%;

}



div#breadcrumbs a{

	color:#000000;

}








div#leftnavi{

	width:170px;

	background-color:#ffffff;

	float:left;

}



div#leftnavi a:link{

	text-decoration:none;

	color:#003399;

}



div#leftnavi a:visited{

	color:#000000;

}



div#leftnavi a:hover{

	color:#CC0000;

	border-bottom:1px solid;

}

/*--見積りモード表示 start--*/
.estimate_mode{
	width:156px;
	height:17px;
	padding:10px 7px 5px 7px;
	background:url(../img/estimate_mode.jpg) no-repeat left top;
	font-size:12px;
	margin-bottom:10px;
}
div#leftnavi div.mitsumori_clr a,
div#leftnavi div.mitsumori_clr a:hover{
	text-decoration: none;
	border: 0 none;
}
/*--見積りモード表示 end--*/

.leftnavi_box{

	padding-bottom:5px;

	margin-bottom:10px;

	background:url(/img/lefth3_bottom.gif) bottom left no-repeat;

}



.leftnavi_box h3{

	height:45px;

	text-indent:-9999px;

	background-position:top left;

	background-repeat:no-repeat;

}



.leftnavi_box h4{

	margin:1px 2px 0px 2px;

	padding:3px;

	background-color:#E2EDFF;

}



.leftnavi_box ul{

	padding:10px 10px 10px 20px !important;

	padding:10px 10px 10px 25px;

	list-style-image:url(../img/point_orange.gif);

	/*line-height:130%;*/

}



.leftnavi_box li{

	margin-bottom:3px;

}



h3#left_01{

	background:url(/img/lefth3_01.gif);

}

h3#left_02{

	background:url(/img/lefth3_02.gif);

}

h3#left_03{

	background:url(/img/lefth3_03.gif);

}

h3#left_04{

	background:url(/img/lefth3_04.gif);

}

h3#left_05{

	background:url(/img/lefth3_05.gif);

}

h3#left_06{

	background:url(/img/lefth3_06.gif);

}

h3#left_07{

	background:url(/img/lefth3_07.gif);

}

h3#left_08{

	background:url(/img/lefth3_08.gif);

}

h3#left_09{

	background:url(/img/lefth3_09.gif);

}

h3#left_10{

	background:url(/img/lefth3_10.gif);

}

h3#left_11{

	background:url(/img/lefth3_11.gif);

}

h3#left_12{

	background:url(/img/lefth3_12.gif);

}

h3#left_13{

	background:url(/img/lefth3_13.gif);

}

h3#left_14{

	background:url(/img/lefth3_14.gif);

}

h3#left_15{

	background:url(/img/lefth3_15.gif);

}

h3#left_16{

	background:url(/img/lefth3_16.gif);

}

h3#left_17{

	background:url(/img/lefth3_17.gif);

}

div#main_contents{

	margin-left:180px;

}






/**
*　■編集した　ここから　2008.1.31
*/
div#footer{

	margin-top:10px;
	
	margin-bottom: 10px;

	padding-top:0px;

	clear:both;

	text-align:center;

	background:url(../img/foot_bg.gif) top left repeat-y;

}
/*　■編集した　ここから　2008.1.31 */


div#footer ul{

	margin-bottom:5px;

}



div#footer ul li{

	display:inline;

	margin-right:3px;

}



div#footer a{

	font-size:80%;

	color:#333333;

}



div#footer p{

	font-size:80%;

	font-weight:normal;

	color:#ff9900;
	

}

/**
*　■追加した　ここから　2008.1.31
*/
div#footer ul#footer_menu_top{
	padding-top:10px;
	background: url(../img/foot_bg_head.gif) top left no-repeat;
}

div#footer p#under_copy{
	background: #003399;
	color: #ffffff;
	text-align: center;
	margin-top: 3px;
	text-indent:0.2em;
	
	margin:0;
	padding:0;
}
/*　■追加した　ここまで　2008.1.31　*/







p.pagetop{

	width:100px;

	height:10px;

	margin:15px 0px 10px 400px !important;

	margin:15px 0px 5px 400px;

	background:url(/img/pagetop.gif) top left no-repeat;

}



p.pagetop a{

	display:block;

	width:100px;

	height:10px;

	text-indent:-9999px;

}






#thanks{

	width:432px;

	height:170px;

	background:url(/img/contact/thanks_bg.jpg) no-repeat left top;

	margin:10px 0px 10px 60px;

	padding:60px 112px 0 53px;

	overflow:hidden;

	}

#thanks h5{

	font-size:120%;

	margin:5px 0px;

	color:#000000;

	}

#thanks p{

	margin:15px 0px;

	line-height:125%;

	}


#thanks_m{

	width:432px;

	height:275px;

	background:url(/img/thanks_bg_m.jpg) no-repeat left top;

	margin:10px 0px 10px 60px;

	padding:60px 112px 0 53px;

	overflow:hidden;

	}

#thanks_m h5{

	font-size:120%;

	margin:5px 0px;

	color:#000000;

	}

#thanks_m p{

	margin:15px 0px;

	line-height:125%;

	}




#globalnavi_no{

	width:600px;

	height:26px;

	padding-bottom:9px;

	background:url(/img/sarch_head_g.gif) left bottom no-repeat;

}



#globalnavi_no ul{

	list-style:none;

	text-indent:-9999px;

}



#globalnavi_no li{

	float:left;

	list-style:none;

	text-indent:-9999px;

}



#globalnavi_no a{

	display:block;

	height:26px;

	background-position:left top;

}



#globalnavi_no a:hover{

	background-position:0px -26px;

}



div#sarch_no{

	background-color:#CCCCCC;

}



div#sarch_left_no {

	float:left;

	margin:0px 10px !important;

	margin:0px 5px;

}

#sarch_left_no select{

	background:#DEDEDE;

	}

#sarch_left_no input{	

	background:#DEDEDE;

	border:solid 1px #EEEEEE;

	}

	

div#header_right_no{

	width:600px;

	margin:0px 0px 0px 251px !important;

	margin:0px 0px 0px 247px;

	padding-bottom:5px;

	background:url(/img/sarch_foot_g.gif) bottom left no-repeat;

}



#not_found{

	clear:both;

	margin:15px 0;

	padding:50px;

	}

	

#not_found p{

	margin:0 0 15px 0;

	line-height:150%;

	letter-spacing:0.1em;

	}



.red{

	color:#FF0000;

	}

	

.blue{

	color:#0000FF;

	}

	

.orange{

	color:#FF6600;

	}

	

.yellow{

	color:#FFFF00;

	}

	

.gray{

	color:#666666;

	}

	

.green{

	color:#339900;

	}

	

.pink{

	color:#FF99CC;

	}

	

.purple{

	color:#9999FF;

	}

	

.brown{

	color:#993300;

	}

	

.navy{

	color:#000066;

	}

	

.gold{

	color:#CC9900;

	}

	

.silver{

	color:#999999;

	}

/* 種類別ナビゲーション*/

#pen_itemnavi{
	width:860px;
	height:40px;
	margin-top:10px;
	margin-bottom:10px;
    padding: 0;
	background:url(/contents/html/images/itemnavi/pen_inaviall.gif) left bottom no-repeat;
}

#pen_itemnavi ul{

	list-style:none;

	text-indent:-9999px;

}

#pen_itemnavi li{

	float:left;

	list-style:none;

	text-indent:-9999px;

}

#pen_itemnavi a{
	display:block;
	height:40px;
	background-position:left top;
}

#pen_itemnavi a:hover{
	background-position:0px -40px;
}

#pen_inavi_01 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi01.gif);
}

#pen_inavi_02 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi02.gif);
}

#pen_inavi_03 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi03.gif);
}

#pen_inavi_04 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi04.gif);
}

#pen_inavi_05 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi05.gif);
}

#pen_inavi_06 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi06.gif);
}

#pen_inavi_07 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi07.gif);
}

#pen_inavi_08 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi08.gif);
}

#pen_inavi_09 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi09.gif);
}

#pen_inavi_10 a{
	width:86px;
	background:url(/contents/html/images/itemnavi/pen_inavi10.gif);
}

a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

div#feature_menu h2{
    width:840px;
    height:30px;
    padding:10px 5px 0px 15px;
    background:url(/img/index/desk_h2bg.gif) top left no-repeat;
}

a.feature_menu_01,a.feature_menu_03,a.feature_menu_05,a.feature_menu_07,a.feature_menu_09{
    width: 286px;
    height: 150px;
    background-color: #f0f0f0;
    color:#000000;
    text-align: left;
    float: left;
    line-height: 1.3;

}

a.feature_menu_02,a.feature_menu_04,a.feature_menu_06,a.feature_menu_08{
    width: 286px;
    height: 150px;
    background-color: #ffffff;
    color:#000000;
    text-align: left;
    float: left;
    line-height: 1.3;

}

div#feature_menu a:hover{
    width: 286px;
    background-color: #fff9ca;
    text-align: left;
    float: left;
    display: block;
    text-decoration: none;
}

div#feature_menu a:visited h4{
    color: #ff990;
    font-weight: bold;
    text-decoration:none;
}

div#feature_menu a h4{
    color: #ff9900;
    font-size: 15px;
    font-weight: bold;
    margin: 25px 0 0 5px;
    padding: 0;
}

div#feature_menu a:hover h4{
    color: #ff9900;
    font-weight: bold;
    text-decoration:none;
}

div#feature_menu a img{
    margin: 15px 10px 5px 15px;
    float: left;
}

div#feature_menu a p{
    width: 255px;
    margin: 0 15px 10px 15px;
    float: left;
}

.feature_menu_cr{
    clear:both;
}