@charset "utf-8";

/*------------------------
=01 default style reset
=02 clearfix
=03 common
=04 layout
=05 module head
=06 module foot
=07 module navi
=08 module contents
=09 module form
=10 module page
=11 module item list
=12 module item info
=13 module item new/reco
=14 module news
=15 module inquiry
=16 module
------------------------*/



/* =01 default style reset
------------------------*/

body,div,dl,dt,dd,ul,li,ol,li,
h1,h2,h3,h4,h5,form,p,
table,th,td,address,input{
	margin:0;
	padding:0;
}

body{
	font-size:90%;
	color:#333;
	line-height:1;
}
	
a img,img{
	border:0;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
	
caption,th{
    	text-align:left;
}
	
ul,li,ol,li{
	list-style:none;
}

a{
	color:#2286b0;
	outline:none;
	text-decoration:underline;	
}

a:hover{
	text-decoration:none;
}

address{
	font-style:normal;
}

textarea{
	width:98%;
	font-size:12px;
	margin:5px 0;
}

iframe{
	border:none;
}


/* =02 clearfix
------------------------*/

.clearfix{
	/zoom:1;
}

.clearfix:after{
	content:'';
	display:block;
	clear:both;
	height:0;
}



/* =03 common
------------------------*/

.r_txt{
	text-align:right !important;	
}

.l_txt{
	text-align:left !important;	
}
	
.c_txt{
	text-align:center !important;	
}

.r_lnk{
	text-align:right;
	margin:0 !important;
}

.r_lnk a{
	line-height:150%;
	padding:0 10px 0 0;
	background:url(img/icon_arrow1.gif) no-repeat right 3px;
}

/*img a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}*/



/* =04 layout
------------------------*/

body{
	background:#fafafa;
}

#wrapper{
	width:100%;
	margin:0 auto;
	background:#fff url(img/wrapper_bg.jpg) repeat-x left top;
	position:relative;
}

#header{
	width:980px;
	height:100px;
	margin:0 auto;
	position:relative;
}

#contents{
	width:980px;
	padding:0 0 60px 0;
	margin:0 auto;
	position:relative;
}

#footer{
	height:120px;
	padding:30px 0 0 0;
	background:url(img/body_bg.gif) repeat-x left bottom;
}



/* =05 module head
------------------------*/

/*______ ロゴ ______*/

#logo{
	position:absolute;
	top:16px;
	left:0;
}

#logo a{
	width:363px;
	height:67px;
	/zoom:1;
}

#logo a:hover{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}



/* =06 module foot
------------------------*/

#foot{
	width:980px;
	font-size:85%;
	margin:0 auto;
}

#foot ul{
	text-align:center;
	margin:0 0 20px 0;
}

#foot ul li{
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
}

#foot ul li a{
	color:#666;
	padding:0 10px 2px 10px;
	border-right:1px solid #666;
}

#foot ul li.top a{
	padding-left:0;
}

#foot ul li.bottom a{
	border-right:none;
}
	
#foot p{
	color:#666;
	clear:both;
	display:block;
	padding:0 8px;
	text-align:center;
}


/* =07 module navi
------------------------*/

#g_navi{
	width:980px;
	height:35px;
	margin:0 auto;
}

#g_navi li{
	float:left;
	position:relative;
	z-index:1;
	_zoom:1;
}

#g_navi li a{
	display:inline-block;
	display:-moz-inline-box; /*Firefox 2*/
	background:url(img/g_navi_bg.jpg) no-repeat left top;
}

#g_navi li.home a{
	background-position:0 0;
}

#g_navi li.navi01 a{
	background-position:-40px 0;
}

#g_navi li.navi02 a{
	background-position:-228px 0;
}

#g_navi li.navi03 a{
	background-position:-416px 0;
}

#g_navi li.navi04 a{
	background-position:-604px 0;
}

#g_navi li.navi05 a{
	background-position:-792px 0;
}

#g_navi li a:hover{
	position:static;
}

#g_navi li a:hover img,
#g_navi li#current a img{
	position:relative;
	z-index:-1;
}


/* =08 module contents
------------------------*/

#main{
	width:710px;
	float:right;
}

#side{
	width:250px;
	float:left;
}


/*______ カラム ______*/

.column1 #main{
	width:980px;
}


/*______ パンくず ______*/

#topicpath{
	height:32px;
	padding:13px 0 0 0;
	margin:0 auto 30px auto;
}

#topicpath li{
	color:#fff;
	font-size:80%;
	display:inline;
	list-style-type:none;
	padding:0 6px 0 12px;
	background:url(img/topicpath.gif) no-repeat 0 51%;
}

#topicpath li a{
	color:#fff;
}

#topicpath li.home{
	padding:0 3px 0 18px;
	background:none;
}

#topicpath li strong{
	color:#fff;
}



/* =09 module form
------------------------*/

/*______ 共通 ______*/

td input{
	margin:0 3px 3px 3px;
	padding:2px;
	position:relative;
	top:1px;
	}

td label{
	margin:5px 20px 0 0;
	}


/*______ サブミット ______*/

.submit{
	text-align:center;
	padding:10px 0;
	clear:both;
}

.submit .sbmt_back input,
.submit .sbmt_check input,
.submit .sbmt_send input{
	width:110px;
	height:30px;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
}

.submit .sbmt_back input {
	background:url(img/sbmt_back.gif) no-repeat 0 0;
}

.submit .sbmt_check input {
	background:url(img/sbmt_check.gif) no-repeat 0 0;
}

.submit .sbmt_send input {
	background:url(img/sbmt_send.gif) no-repeat 0 0;
}

.submit .sbmt_back input:hover,
.submit .sbmt_check input:hover,
.submit .sbmt_send input:hover{
	background-position:0 -30px;
}


/*______ フォーム ______*/

.form{
	padding:20px;
	border: double #ccc;
	margin:20px 0 0 0;
}

.form table{
	width:100%;
	font-size:80%;
}

.form table caption{
	color:#fff;
	font-size:120%;
	padding:7px;
	background:#07a84b;
}

.form tr{
	border-bottom:1px dotted #ccc;
}

.form th,
.form td{
	line-height:150%;
	padding:10px;
}

.form td{
	font-size: 110%;
}

.form th{
	text-align:center;
	background:#f4fff9;
}

.form th span {
    background:#FF6600;
    color: #FFFFFF;
    font-size: 78%;
    margin: 0 0 0 10px;
    padding:3px 5px;
}

.form td{
	text-align:left;
}

.form td p{
	font-size: 90%;
	line-height:160%;
}

.form td.row label{
	width:43%;
	float:left;
}

.form .submit{
	width:150px;
	margin:0 auto;
}


/*______ チェックフォーム ______*/

.check{
	background:#fff;
	margin:0 10px;
	padding:20px;
}
	
.check table{
	width:100%;
	margin:0 0 10px 0;
}

.check table caption{
	color:#666;
	padding:10px 0;
	border-bottom: double #ccc;
}

.check th,
.check td{
	font-size:80%;
	border-bottom:1px dotted #ccc;
	padding:7px;
}

.check th{
	width:30%;
	text-align:center;
}

.check td{
	width:70%;
	text-align:left;
	line-height:180%;
}

.check .submit{
	width:300px;
	margin:0 auto;
}


/*______ 検索フォーム ______*/

#side .search{
	width:250px;
}

#side .search .narrow{
	margin:0 auto 20px auto;
	padding:0 0 2px 0;
	background:#fff url(img/search_bg.gif) no-repeat center bottom;
}

#side .search h2{
	width:250px;
	height:33px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}

#side .search .narrow {
	background:url(img/title_narrow.gif) no-repeat center top;
}

#side .search table{
	width:250px;
	margin:0 auto;
	border-left:1px solid #07a84b;
	border-right:1px solid #07a84b;
}

#side .search th,
#side .search td{
	padding:10px;
}

#side .search td{
	padding-top: 0px;
}

#side .search td table{
	width:100%;
	margin:0 auto;
	border:0;
}
#side .search td table td{
	padding: 2px;
	border:0;
	font-size:90%;
}

#side .search th p{
	font-size:80%;
	color:#07a84b;
	width:50%;
	font-weight:bold;
	text-align:left;
	padding:0 0 0 5px;
	border-left:5px solid #07a84b;
}

#side .search td{
	font-size:80%;
	border-bottom:1px dotted #ccc;
}
	
#side .search td input[type="text"]{
	margin:0 3px 3px 0;
	padding:2px;
	position:relative;
	top:1px;
	width: 98%
}

#side .search td.row label{
	width:40%;
	float:left;
}
	
#side .search td label{
	margin:5px 20px 0 0;
	display:block;
}

#side .search .submit{
	background:#f8f8f8;
	border-left:1px solid #07a84b;
	border-right:1px solid #07a84b;
	border-bottom:1px solid #07a84b;
}

#side .search .submit input {
	width:95px;
	height:25px;
	/display:block;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
	border:none;
	margin:0 20px;
	background:url(img/sbmt_search.gif) no-repeat 0 0;
}

#side .search .submit input:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}


/*______ エラー ______*/

.error{
	padding:20px;
	margin:20px auto 0px auto;
	border:2px solid #ff6600;
	background:#ffffee;
}
	
.error .msg{
	font-weight:bold;
	color:#ff6600;
	line-height:150%;
	padding:5px 0 5px 25px;
	margin:0 0 10px 0;
	border-bottom:1px dashed #ff6600;
	background:url(img/icon_alert.gif) no-repeat 0 50%;
}

.error ul{
	padding:0 10px;
}
	
.error li{
	font-size:85%;
	color:#ff6600;
	line-height:180%;
	background:url(img/icon_arrow2.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
}
	
tr.validate{
	background:#ffffcc;
}

.validate p{
	color:#ff6600;
	margin:0 0 0 3px;
}

.validate .error{
	border:none;
	background:none;
	padding:0;
	margin:0;
}

.validate .error p{
	margin:0 0 5px 0;
}

.validate input{
	border:1px solid #ff6600;
}



/* =10 module common
------------------------*/

/*______ ページナビ ______*/

.page_navi p{
	font-size:80%;
	text-align:center;
	height:24px;
	line-height:24px;
	margin:0 0 5px 0;
}

.page_navi p strong{
	margin:0 5px 0 0;
}

.page_navi ul{
	font-size:78%;
	text-align:right;
}

.page_navi li{
	display:inline;
}

.page_navi li span {
	color:#fff;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.4em 0.7em;
	background-color:#07a84c;
	border:1px #07a84c solid;
	font-weight:bold;
}

.page_navi li a{
	color:#333;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	padding:0.4em 0.7em;
	border:1px #ccc solid;
}
	 
.page_navi li a:link,
.page_navi li a:visited{
	border-color:#ccc;
}

.page_navi li a:hover,
.page_navi li a:active{
	border-color:#ccc;
	background-color:#f2f2f2;
}

.page_navi li.next a{
	width:32px;
	text-align:left;
	background:url(img/next.gif) no-repeat 33px 6px;
}

.page_navi li.back a{
	width:32px;
	text-align:right;
	background:url(img/back.gif) no-repeat 3px 6px;
}


/*______ 表示件数 ______*/

.order{
	font-size:80%;
}
	
.order span a{
	color:#333;
}
	
.order span{
	padding:0 5px 0 0;
	margin:0 0 0 5px;
}


/*______ 一覧 ______*/

.list table{
	width:100%;
	font-size:80%;
	border:1px solid #ccc;
	margin:15px 0 10px 0;
	clear:both;
}
	
.list th,
.list td{
	text-align:center;
	line-height:150%;
	/border-bottom:1px solid #ccc;
}

.list th{
	padding:7px 5px 6px 5px;
	background:#eee;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.list th a{
	color:#333;
	text-decoration:none;
}

.list th a:hover{
	color:#666;
}

.list td{
	padding:10px;
	border-left:1px dotted #ccc;
	border-right:1px dotted #ccc;
}

.list .price{
	background:#ffffee;
}

.list .price p{
	font-weight:bold;
}

.list .price p span{
	font-size:110%;
	color:#F00;
}

.list tr{
	border-bottom:1px dotted #ccc;
}

.list tr.mark{
	background:#f4fff9;
	border-bottom:2px solid #ccc;
}

.list .title{
	font-weight:bold;
	color:#07a84b;
	font-size:120%;
	text-align:left;
	background:#f4fff9;
	border-bottom:1px solid #ccc;
}

.list .title p{
	width:98%;
	float:left;
}

.list .title .update{
	width:230px;
	font-size:90%;
	font-weight:normal;
	color:#333;
	float:right;
	border-left:1px dotted #ccc;
}

.list .title .update span{
	margin:0 0 0 10px;
}


/*______ 詳細・問い合わせボタン ______*/

.list .btn{
	width:230px;
	_width:240px;
	margin:0 0 0 auto;
}

.list p.detail,
.list p.inquiry{
	float:left;
	margin:0 0 0 10px;
}

.list .detail a,
.list .inquiry a{
	width:105px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
}

.list .detail a{
	background:url(img/btn_info.jpg) no-repeat 0 0;
}

.list .inquiry a{
	background:url(img/btn_inquiry.jpg) no-repeat 0 0;
}

.list .detail a:hover,
.list .inquiry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.list .delete{
	width:20px;
	height:20px;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:block; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
	text-indent:-9999px;
	overflow:hidden;
	margin:0 5px;
}

.list a.delete{
	background:url(img/btn_delete.gif) no-repeat 0 0;
}

.list a.delete:hover{
	background-position:0 -20px;
}


/*______ 詳細用テーブル ______*/

table.detail{
	width:100%;
	background:#ccc;
	border-collapse:separate;
	border-spacing:1px;
	border:none;
}

table.detail th,
table.detail td{
	width:25%;
	border:1px solid #fff;
	line-height:150%;
	padding:5px;
}

table.detail th{
	text-align:center;
	background:#f8f8f8;
}

table.detail td{
	background:#fff;
}


/*______ オプション ______*/

.option ul{
	text-align:left;
}

.option li{
	color:#259acf;
	font-size:85%;
	text-align:center;
	border:1px solid #259acf;
	margin:0 0 3px 0;
	/margin:0 3px 3px 0;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
}



/* =11 module item list
------------------------*/

.tab{
	border-bottom:3px solid #07a84a;
	margin:0 0 10px 0;
}

.tab p{
	float:left;
}

.tab .tab1,
.tab .tab1 a,
.tab .tab2,
.tab .tab2 a{
	width:150px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.tab .tab1{
	background:url(img/tab1.jpg) no-repeat 0 0;
}

.tab .tab1 a{
	background:url(img/tab1.jpg) no-repeat 0 -30px;
}

.tab .tab1 a:hover{
	background-position:0 0;
}

.tab .tab2{
	background:url(img/tab2.jpg) no-repeat 0 -30px;
}	
	
.tab .tab2 a{
	background:url(img/tab2.jpg) no-repeat 0 0;
}

.tab .tab2 a:hover{
	background-position:0 -30px;
}


/*______ tab1 ______*/

.tab1 h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #07a84a;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.tab1 .list .photo{
	width:80px;
}

.tab1 .list .photo img{
	margin:0 0 10px 0;
}


/*______ tab2 ______*/

.tab2 h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #07a84a;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.tab2 .list table.detail{
	font-size:100%;
	}

.tab2 .list td{
	text-align:left;
	vertical-align:top;
}

.tab2 .list .access{
	background:#ffffee;
}

.tab2 .list .photo{
	width:280px;
}
.tab2 .option li{
	width:124px;
}



/* =12 module item info
------------------------*/

.item_info h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #07a84a;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.item_info h3{
	color:#07a84b;
	border-left:5px solid #07a84b;
	padding:0 0 0 10px;
	margin:30px 0 20px 0;
}

.item_info .option{
	margin:20px 0 0 0;
}

.item_info .option ul{
	margin:0 -3px 0 0;
	/margin:0 -7px 0 0;
}

.item_info .option li{
	width:126px;
	padding:3px;
	margin:0 3px 4px 0;
	/margin:0 7px 6px 0;
}

.item_info table.detail{
	font-size:100%;
	}

/* =12_a module top
------------------------*/

.top_info{
	width: 980px;
	height: 400px;
	margin-top: 30px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
}

/*______ お問い合わせボタン ______*/

.item_info .inquiry{
	width:275px;
	margin:30px auto 0 auto;
}

.item_info .inquiry a{
	width:275px;
	height:40px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/btn_inquiry_full.gif) no-repeat 0 0;
}

.item_info .inquiry a:hover{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*______ 画像 ______*/

.item_info .photo{
	margin:30px -2px 0 0;
	/margin:30px -7px 0 0;
}

.item_info .photo li{
	width:300px;
	height:225px;
	padding:10px;
	margin:0 2px 6px 0;
	/margin:0 7px 7px 0;
	border:1px solid #ddd;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/	
}

.item_info .access .map{
	width:480px;
	float:left;
}

.item_info .access .address{
	width:480px;
	float:right;
}

.item_info .access .address dl{
	border:1px dashed #ccc;
	padding:10px;
}
	
.item_info .access .address dt{
	color:#07a84b;
	margin:0 0 10px 0;
}

.item_info .access .address dd{
	margin:0 0 20px 0;
}



/* =13 module item new/reco
------------------------*/

.new h2,
.reco h2{
	margin:0 0 20px 0;
}

.new ul,
.reco ul{
	margin:0 -16px 0 0;
	/margin:0 -19px 0 0;
}

.new li,
.reco li{
	width:158px;
	line-height:150%;
	text-align:center;
	padding:10px;
	margin:0 16px 16px 0;
	/margin:0 19px 19px 0;
	_margin:0 17px 17px 0;
	border:1px solid #ddd;
	display:-moz-inline-box; /*Firefox 2*/
	display:inline-block; /*Modern*/
	/display:inline; /*IE5〜7*/
	/zoom:1; /*IE5〜7*/
}

.new li img,
.reco li img{
	display:block;
}

.new li p,
.reco li p{
	margin:10px 0 0 0;
}

.new li .access,
.reco li .access{
	color:#fff;
	background:#ffc75a;
	padding:10px;
}

.new li .price span,
.reco li .price span{
	font-size:110%;
	color:#ff0000;
	font-weight:bold;
}


/* =14 module news
------------------------*/

.news{
	padding:0 0 10px 0;
	background:url(img/news_bg_bottom.gif) no-repeat left bottom;
}

.news h2{
	margin-bottom:0 !important;
}

.news ul{
	padding:10px 38px 10px 30px;
	background:url(img/news_bg.gif) repeat-y;
}

.news li{
	line-height:160%;
	padding:10px 0;
	border-bottom:1px dotted #ccc;
}

.news li span{
	width:80px;
	font-weight:bold;
	color:#07a84b;
	float:left;
}

.news li p{
	width:820px;
	float:right;
}


/* =15 module inquiry
------------------------*/

.inquiry h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #07a84a;
	padding:0 0 0 10px;
	margin:0 0 20px 0;
}

.inquiry .list .title{
	width:auto;
	}



/* =16 module etc
------------------------*/

/*______ ページトップ ______*/

.page_top a{
	width:120px;
	height:25px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/pagetop.gif) no-repeat left top;
	position:absolute;
	bottom:0;
	right:0;
}

.page_top a:hover{
	background-position:0 -25px;
}


/*______ メッセージ ______*/

.comp{
	margin:0 10px;
	padding:20px;
	border:double #ccc;
}

.comp dt{
	line-height:150%;
	margin:0 0 20px 0;
}

.comp dd{
	text-align:center;
}

.comp dd p{
	display:inline;
	margin:0 10px;
	padding:1px 0 2px 20px;
	background:url(img/icon_arrow1.gif) no-repeat left 50%;
}

.select_send {
	line-height:150%;
	margin:5px 0 0 5px;
	padding:0 0 0 25px;
	background:url(img/icon_arrow1.gif) no-repeat left 50%;
}

@-moz-document url-prefix(){
	input,
	select,
	textarea{
		font-family:MS UI Gothic;
	}
}