@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}
body {
	font-size: 12px;
	background: #fff;
	color: #333333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
	min-width:890px;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	/*display: block;*/
	margin: 0;
	padding: 0;
}
h1,h2{
	margin: 0;
	padding: 0;
}
h3.md{
	margin: 0;
	padding-top: 20px;
}
a {
	color: #fb5f81;
	text-decoration: none;
}
a:hover {
	color: #fc1b4c;
}
form{
	margin: 0;
	padding: 0;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.imgover {
}
.clear{
	clear: both;
	height: 1px;
}
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}
    
.left{
	float: left;
}
.right{
	float: right;
}

/*--------------------------------------------------------------------*/
#lead_bg{
	background: #efefef;
}
#lead{
	width: 980px;
	margin: 0 auto;
	height: 21px;
	padding: 9px 0 0;
}
#lead p{
	font-size: 11px;
	float: left;
	width: 600px;
}
.lead_navi{
	float: right;
	text-align: right;
	padding: 0;
}
.lead_navi li{
	float: left;
	text-align: right;
	padding: 0 0 0 16px;
}
.lead_navi a{
	color: #000000;
	font-weight: bold;
	overflow: hidden;
	display: block;
}



#wrapper{
	width: 980px;
	margin: 0 auto;
}
#header{
	margin: 0 auto;
}
.logo{
	float: left;
	width: 284px;
}
.logo a{
	background-image: url(../images/common/logo.gif);
	background-repeat: no-repeat;
	width: 243px;
	height: 0px;
	margin: 37px 0 0 0;
	padding: 66px 0 0;
	overflow: hidden;
	display: block;
}
.call{
	text-align: right;
}
.search_navi{
	float: left;
	margin: 0 33px 0 35px;
	width: 398px;
}
.search_navi li{
	float: left;
	text-align: right;
}
.search_navi a{
	height: 0px;
	margin: 37px 0 0;
	padding: 66px 0 0;
	overflow: hidden;
	display: block;
}
.seach_btn1{
	background-image: url(../images/common/search_category.gif);
	width: 137px;
}
.seach_btn2{
	background-image: url(../images/common/search_cost.gif);
	width: 138px;
}
.seach_btn3{
	background-image: url(../images/common/search_seen.gif);
	width: 123px;
}
#call_no{
	float: left;
	background-image: url(../images/common/callno.gif);
	width: 230px;
	height: 0px;
	margin: 33px 0 0 0;
	padding: 76px 0 0;
	overflow: hidden;
	display: block;
}
#call_no3{
	float: right;
	background-image: url(../images/common/callno3.gif);
	width: 578px;
	height: 0px;
	margin: 33px 0 0 0;
	padding: 76px 0 0;
	overflow: hidden;
	display: block;
}
#pegetop{
	margin: 0;
	padding: 0;
	clear:both;
	border: 1px solid #fff;
}
.pegetop_btn{
	float: right;
	background-image: url(../images/common/pagetop.gif);
	width: 128px;
	height: 0px;
	margin: 50px 2px 0 0;
	padding: 24px 0 0 0;
	overflow: hidden;
	display: block;
}
#tag_area_bg{
	clear: both;
	background: #5b5b5b;
}
#tag_area,
#footer_navi{
	width: 980px;
	margin: 0 auto;
	overflow : hidden;
	color: #fff;
}
.call_no2{
	float: left;
	background-image: url(../images/common/callno2.gif);
	width: 225px;
	height: 0px;
	margin: 30px 0;
	padding: 91px 0 0;
	overflow: hidden;
	display: block;
}
.taglist{
	float: right;
	width: 681px;
	border: 1px solid #999999;
	margin: 30px 0;
	padding: 13px 16px;
}
#footer{
	clear: both;
	background: #4b4b4b;
	margin: 0;
}
#footer_navi ul{
	float: left;
	width: 600px;
}
#footer_navi li{
	float: left;
	margin: 17px 10px 16px 0;
}
#footer_navi li a{
	color: #fff;
	text-decoration: none;
}
#footer_navi .copyright{
	float: right;
	padding: 17px 0 16px;
	font-size: 11px;
}
.tbl_taglist{
	margin: 10px 0 3px;
}
.tbl_taglist td{
	font-size: 10px;
	color: #cccccc;
	padding-right: 15px;
	vertical-align: top;
}

/*--------- contents ------------*/
#pagebody{
	margin: 30px 0;
	padding: 0;
	width: 980px;
}
#page-left{
	width: 200px;
	float: left;
}
#page-right{
	width: 750px;
	float: right;
}

#navi{
	background: url(../images/common/navi_bg.gif) repeat-y top left;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
	overflow: hidden;
	display: block;
}
.navi_box{
	margin: 10px;
	background: #fff;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
}
.category_nm{
	margin: 10px 10px 0;
	padding: 10px 0px 6px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
}
.category_nm2{
	margin: 10px 10px 0;
	padding: 10px 0px 6px;
	font-size: 14px;
	font-weight: bold;
}
.category_nm a,
.category_nm2 a{
	color: #3ac4cf;
}



.navi_ttl{
	padding: 10px 10px 0;
}

.navi_box ul{
	margin: 0;
	padding: 5px 10px;
}
.navi_box li{
	cursor: pointer;
	font-size: 13px;
	margin: 0;
	padding: 0;
}
.navi_box li a{
	background: url(../images/common/navi_link_off.gif) no-repeat left 50%;
	display: block;
	height: 25px;
	padding: 5px 0px 0px 9px;
	color: #333;
}
.navi_box li a:hover{
	background: url(../images/common/navi_link_on.gif) no-repeat left 50%;
	color: #3ac4cf;
}
.navi_box li.on a{
	background: url(../images/common/navi_link_on.gif) no-repeat left 50%;
	color: #3ac4cf;
}
.season{
	margin: 30px 0px 2px;
}
.season_bnr{
	margin: 10px 0px 0;
}

#pankuzu{
	color: #666666;
}
h2.title{
	background: url(../images/common/h2_title_bg.gif) no-repeat;
	margin: 27px 0 0;
	padding: 12px 0 12px 25px;
	color :#fff;
	font-size: 21px;
	line-height: 21px;
	height: 21px;
}
.orderlist dt{
	float: left;
	width: 200px;
	font-size: 13px;
	line-height: 24px;
}
.orderlist dd{
	float: left;
	width: 550px;
	font-size: 13px;
	line-height: 24px;
}
.download_btn{
	width: 350px;
	float: left;
	margin: 10px 0;
}
.form_table{
	margin: 30px 0 20px;
	border-top: 1px solid #ddd;
}
.form_table th{
	background: #eee;
	padding: 7px 5px 6px;
	border-bottom: 1px solid #ddd;
}
.form_table td{
	padding: 7px 5px 6px;
	border-bottom: 1px solid #ddd;
}
.formbtn{
	background: #999;
	padding: 10px;
	text-align: center;
	width: 730px;
}

/* 文字
---------------------------------------------------*/
.red{ color:#cc0000; }
.blue{ color: #3ac4cf; }
.bold{
	font-weight:bold;
}
.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}

/* 間隔
---------------------------------------------------*/
.mt05{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt20{ margin-top: 20px; }
.mt25{ margin-top: 25px; }
.mt30{ margin-top: 30px; }
.mt40{ margin-top: 40px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mr10{ margin-right: 10px; }
.mr14{ margin-right: 14px; }
.pt05{ padding-top: 5px; }
.pt10{ padding-top: 10px; }
.pt15{ padding-top: 15px; }
.pt20{ padding-top: 20px; }
.pt40{ padding-top: 40px; }
.pb10{ padding-bottom: 10px; }
.pl10{ padding-left: 10px; }
.pl20{ padding-left: 20px; }
.pr10{ padding-right: 10px; }
.mtb10{ margin-top: 10px; margin-bottom: 10px; }
.mtb15{ margin-top: 15px; margin-bottom: 15px; }
.mtb20{ margin-top: 20px; margin-bottom: 20px; }
.mtb30{ margin-top: 30px; margin-bottom: 30px; }
.mtb40{ margin-top: 40px; margin-bottom: 40px; }