@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 contents
=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;
}



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

/*______ 共通 ______*/

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

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

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

.news{
	width:80%;
}
.new,
.reco{
	width:100%;
}

.news h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #07a84a;
	padding:0 10px 0 10px;
	margin:0 20px 20px 0;
}
.new h2,
.reco h2{
	line-height:150%;
	font-family:"メイリオ", Meiryo;
	border-left:7px solid #07a84a;
	padding:0 0 0 10px;
	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:148px;
	line-height:150%;
	text-align:center;
	padding:10px;
	margin:0 12px 16px 0;
	/margin:0 15px 19px 0;
	_margin:0 13px 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{
	/width:148px;
	color:#fff;
	background:#ffc75a;
	padding:10px;
}

.new li .price,
.reco li .price{
	/width:148px;
}

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


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

.news h2{
	margin:10px 0;
}

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

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

.news li p{
	width:100%;
	float:right;
}