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

/*++++++++++++++++ フォント ++++++++++++++++*/
.r{color:#F00;}
.o{color:#C60;}
.gr{color:#096;}
.bl{color:#03C;}
.gl{color:#666;}
.br{color:#663300;}

.min{font-size:10px !important;}
.big{font-size:18px !important;}


/*++++++++++++++++ ページ全体 ++++++++++++++++*/
body{font-family:"Tahoma", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; overflow:auto;}
#mainContents{padding:15px 0 0 0; width:1000px; margin:0 auto; }

#mainContents a:hover{
	position:relative; top:1px; left:1px;
}

/*++++++++++++++++ ヘッダー ++++++++++++++++*/
header .top{height:20px; overflow:hidden; 
	background: #1507DA; /* Old browsers */
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#1507DA), to(#4FFF61));
 	background-image: -webkit-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -moz-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -ms-linear-gradient(top, #1507DA, #4FFF61);
	background-image: -o-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: linear-gradient(to bottom, #1507DA, #4FFF61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1507DA, endColorstr=#4FFF61);
}
	h1{font-size:75%; float:left; color:#FFF; padding-left:0.6em;}
	.sitemap{font-size:75%; float:right; color:#FFF; padding-right:0.6em; text-decoration:none;}
	.sitemap:hover{text-decoration:underline;}

header .middle div{height:70px; overflow:hidden; border-bottom:2px solid #630;}
header .middle p{width:1020px; margin:0 auto;}

.logo{float:left; padding:5px 0 5px 10px;}
.banner{float:right; padding:5px 25px 5px 0;
}

.navi{
	background: #1507DA; /* Old browsers */
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#1507DA), to(#4FFF61));
 	background-image: -webkit-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -moz-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -ms-linear-gradient(top, #1507DA, #4FFF61);
	background-image: -o-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: linear-gradient(to bottom, #1507DA, #4FFF61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1507DA, endColorstr=#4FFF61);
}
.navi ul{width:1020px; margin:0 auto; border-right:1px solid #FFF; border-left:1px solid #1507DA;}
.navi li{float:left; width:20%;}
.navi li a{
	display:block;
	padding:12px 0 11px 0;
	text-align:center;
	
	font-size:95%;
	color:#FFF;
	font-weight:none;
	text-decoration:none;
	letter-spacing:2px;
	
	
	border-left:1px solid #FFF;
	border-right:1px solid #1507DA;
	
	behavior: url(PIE/PIE.htc);
}
.navi li a:hover{
 	border:1px solid #0b0477; background-color: #4FFF61;
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#4FFF61), top(#1507DA));
 	background-image: -webkit-linear-gradient(top, #4FFF61, #1507DA);
 	background-image: -moz-linear-gradient(top, #4FFF61, #1507DA);
 	background-image: -ms-linear-gradient(top, #4FFF61, #1507DA);
 	background-image: -o-linear-gradient(top, #4FFF61, #1507DA);
 	background-image: linear-gradient(to bottom, #4FFF61, #1507DA);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4FFF61, endColorstr=#1507DA);
	color:#FFF;
}

.navi2{
	width:1020px;
	margin-bottom:5px;
}

/*++++++++++++++++ パンくずリスト ++++++++++++++++*/

#bread_crumb{
	width:650px;
	float:left;
	padding:0 3px;
	font-size:90%;
}
#bread_crumb a{
	color:#3300cc;
	text-decoration:none;
}
#bread_crumb a:hover{
	text-decoration:underline;
}
#bread_crumb li{
	display:inline;
}
#bread_crumb i{
	color:#9E732E;
	font-size:180%;
}
/*++++++++++++++++ Yahoo検索窓 ++++++++++++++++*/

#yahoo{
	width:330px;
	float:right;
	padding:0 0 10px 0;
}
/*++++++++++++++++ おススメカード5枚 ++++++++++++++++*/

.pickup{
	width:1000px;
	border:solid 2px #CCC;
	margin-bottom:20px;
}
.pickup th{
	border:solid 1px #CCC;
	font-size:90%;
	text-align:center;
	padding:8px;
}
.pickup td{
	border:solid 1px #CCC;
	font-size:90%;
	text-align:center;
	padding:10px;
}
.pickup a{
	text-decoration:none;
}
.pickup a:hover{
	text-decoration:none;
}
.pickup li{
	text-align:left;
}
.osusume{
	font-weight:bold;
	color:#F00;
}

.button_koshiki{
 border:1px solid #ff6262; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px; padding: 6px 23px 6px 23px; text-decoration:none; display:inline-block;
 margin-top:10px;
 color:#FFF;
 background-color: #ff9a9a; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
 background-image: -webkit-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -moz-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -ms-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -o-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#ff4040);
}

.button_koshiki:hover{
 border:1px solid #ff3434;
 color:#FFF;
 background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
 background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -ms-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -o-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: linear-gradient(to bottom, #ff6767, #ff0d0d);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6767, endColorstr=#ff0d0d);
}

/*++++++++++++++++ 左カラム ++++++++++++++++*/
#leftColm{
	clear:both;
	width:250px;
	float:left;
	margin-bottom:20px;
	margin-right:15px;
}
#leftColm h2{
	background: #1507DA; /* Old browsers */
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#1507DA), to(#4FFF61));
 	background-image: -webkit-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -moz-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -ms-linear-gradient(top, #1507DA, #4FFF61);
	background-image: -o-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: linear-gradient(to bottom, #1507DA, #4FFF61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1507DA, endColorstr=#4FFF61);
	color:#FFF;
	padding:15px 0;
	font-size:95%;
	font-weight:none;
	letter-spacing:2px;
	text-align:center;
}
#leftColm ul{border-left:1px solid #D5BF8B; border-right:1px solid #D5BF8B;}
#leftColm a{
	display:block;
	font-size:85%;
	color:#3300cc;
	text-decoration:none;
	padding:8px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #D5BF8B;
	
	
	background: #FFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EEE));
	background: -webkit-linear-gradient(#FFF, #EEE);
	background: -moz-linear-gradient(#FFF, #EEE);
	background: -ms-linear-gradient(#FFF, #EEE);
	background: -o-linear-gradient(#FFF, #EEE);
	background: linear-gradient(#FFF, #EEE);
	-pie-background: linear-gradient(#FFF, #EEE);
	
	behavior: url(PIE/PIE.htc);
}
#leftColm a:hover{
	text-decoration:underline;
	background: #EEE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#FFF));
	background: -webkit-linear-gradient(#EEE, #FFF);
	background: -moz-linear-gradient(#EEE, #FFF);
	background: -ms-linear-gradient(#EEE, #FFF);
	background: -o-linear-gradient(#EEE, #FFF);
	background: linear-gradient(#EEE, #FFF);
	-pie-background: linear-gradient(#EEE, #FFF);
	
	behavior: url(PIE/PIE.htc);
	position:relative; top:1px; left:1px;
}
/*++++++++++++++++ 3列メインコンテンツ ++++++++++++++++*/
#centerColm{float:left; width:470px;}

#centerColm a:hover{
	position:relative; top:1px; left:1px;
}

p{font-size:90%; line-height:21px;}
article{padding:0 10px; margin-bottom:20px;}

/*++++++++++++++++ 2列メインコンテンツ ++++++++++++++++*/
#centerColm2{float:right; width:730px;}

#centerColm2 a:hover{
	position:relative; top:1px; left:1px;
}


/*++++++++++++++++  ○○カードはここがイイ！ ++++++++++++++++*/

#cocogaii{
	font-size:100%;
	letter-spacing:2px;
	padding:10px;
}
#cocogaii li{
	padding:5px;
}
#cocogaii h3{
	font-size:115%;
	color:#663300;
	text-align:center;
	height:30px;
	width:510px;
	margin:0 0 5px 0;
	padding:5px 0 5px 0;
	background-image:url("http://www.phoenix-japan.biz/img/crayon_green.png");
	background-position:bottom;
	background-repeat:repeat-x;
}
#cocogaii p{
	text-align:center;
	font-size:100%;
}
#cocogaii a{
	color:#3300cc;
	text-decoration:none;
}
#cocogaii a:hover{
	text-decoration:underline;
	position:relative; top:1px; left:1px;
}
#cocogaii i{
	font-size:150%;
	padding:0 5px;
	color:#FF0000;
}
.marker{
	background-color:#FFCE00;
	margin:25px 20px 10px 20px;
}

/*++++++++++++++++  ○○カードはここがイイ！　パート② ++++++++++++++++*/

#cocogaii2{
	font-size:100%;
	letter-spacing:2px;
	padding:10px;
}
#cocogaii2 li{
	padding:5px;
}
#cocogaii2 h3{
	font-size:115%;
	color:#663300;
	text-align:center;
	height:30px;
	width:510px;
	margin:0 0 5px 0;
	padding:5px 0 25px 0;
	background-image:url("http://www.phoenix-japan.biz/img/crayon_green.png");
	background-position:bottom;
	background-repeat:repeat-x;
}
#cocogaii2 p{
	text-align:center;
	font-size:100%;
}
#cocogaii2 a{
	color:#3300cc;
	text-decoration:none;
}
#cocogaii2 a:hover{
	text-decoration:underline;
	position:relative; top:1px; left:1px;
}
#cocogaii2 i{
	font-size:150%;
	padding:0 5px;
	color:#FF0000;
}
/*++++++++++++++++  ○○カードはここがイイ！　パート③ ++++++++++++++++*/

#cocogaii3{
	font-size:100%;
	letter-spacing:2px;
	padding:10px;
}
#cocogaii3 li{
	padding:5px;
}
#cocogaii3 h3{
	font-size:115%;
	color:#663300;
	text-align:right;
	height:30px;
	width:510px;
	margin:0 0 5px 0;
	padding:5px 0 42px 0;
	background-image:url("http://www.phoenix-japan.biz/img/crayon_green2.jpg");
	background-position:bottom;
	background-repeat:repeat-x;
}
#cocogaii3 p{
	text-align:center;
	font-size:100%;
}
#cocogaii3 a{
	color:#3300cc;
	text-decoration:none;
}
#cocogaii3 a:hover{
	text-decoration:underline;
	position:relative; top:1px; left:1px;
}
#cocogaii3 i{
	font-size:150%;
	padding:0 5px;
	color:#FF0000;
}

/*++++++++++++++++  主な特徴＆サービス ++++++++++++++++*/

.service{
	width:710px;
	border:solid 2px #D5BF8B;
	margin-bottom:25px;
}
.service td{
	border:solid 1px #D5BF8B;
	font-size:90%;
	text-align:center;
	padding:8px 5px;
}
.service li{
	text-align:left;
	padding:3px 3px;
}
.service a{
	color:#3300cc;
	text-decoration:none;
}
.service a:hover{
	text-decoration:underline;
	position:relative; top:1px; left:1px;
}
.category6{
	width:170px;
	background: #cef8ff; /* Old browsers */
	background-image: -moz-linear-gradient(top, #cef8ff, #7fe0f8); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cef8ff), to(#7fe0f8)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #cef8ff, #7fe0f8); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #cef8ff, #7fe0f8); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #cef8ff, #7fe0f8); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cef8ff, endColorstr=#7fe0f8); /* IE6-9 */
	background-image: linear-gradient(to bottom, #cef8ff, #7fe0f8); /* W3C */
}
.index1{  /*+++++++++++++++++++ 大見出し +++++++++++++++++++*/
	font-size:28px;
	line-height:30px;
	color:#663300;
	letter-spacing:2px;
	text-align:center;
	
	padding:12px 12px 8px 12px;
	margin-bottom:15px;
	background:#FFF;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #663300 0px 0px 6px;
	-moz-box-shadow: #663300 0px 0px 6px;
	box-shadow: #663300 0px 0px 6px;
	
	behavior: url(PIE/PIE.htc);
}
.index2{  /*+++++++++++++++++++ 中見出し +++++++++++++++++++*/
	font-size:115%;
	line-height:20px;
	color:#663300;
	letter-spacing:2px;
	text-align:center;
	
	padding:12px 12px 8px 12px;
	margin-bottom:15px;
	border-bottom:2px solid #663300;
	
	-webkit-box-shadow: #666 0px 0px 6px;
	-moz-box-shadow: #666 0px 0px 6px;
	box-shadow: #666 0px 0px 6px;
	
	background: #FFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EEE));
	background: -webkit-linear-gradient(#FFF, #EEE);
	background: -moz-linear-gradient(#FFF, #EEE);
	background: -ms-linear-gradient(#FFF, #EEE);
	background: -o-linear-gradient(#FFF, #EEE);
	background: linear-gradient(#FFF, #EEE);
	-pie-background: linear-gradient(#FFF, #EEE);
	
	behavior: url(PIE/PIE.htc);
}

.index3{  /*+++++++++++++++++++ 中見出し +++++++++++++++++++*/
	background:
	background: #C5A866; /* Old browsers */
	background: -moz-linear-gradient(top, #C5A866 0%, #D2BB85 50%, #DDCA9F 51%, #E7D9B6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5A866), color-stop(50%,#D2BB85), color-stop(51%,#DDCA9F), color-stop(100%,#E7D9B6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #C5A866 0%,#D2BB85 50%,#DDCA9F 51%,#E7D9B6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #C5A866 0%,#D2BB85 50%,#DDCA9F 51%,#E7D9B6 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #C5A866 0%,#D2BB85 50%,#DDCA9F 51%,#E7D9B6 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5A866', endColorstr='#E7D9B6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #C5A866 0%,#D2BB85 50%,#DDCA9F 51%,#E7D9B6 100%); /* W3C */;
	margin:15px 0 5px 0;
	padding:10px 20px;
	color:#663300;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border-bottom:2px solid #663300;
	font-size:105%;
	text-shadow:1px 1px 2px #333;
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1);
	
}

.index4{  /*+++++++++++++++++++ 中見出し +++++++++++++++++++*/
	font-size:115%;
	letter-spacing:2px;
	margin:0 0 15px 0;
	padding:12px 10px;
	background: #C5A866; /* Old browsers */
	background: -moz-linear-gradient(top, #C5A866 0%, #D2BB85 50%, #DDCA9F 51%, #E7D9B6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5A866), color-stop(50%,#D2BB85), color-stop(51%,#DDCA9F), color-stop(100%,#E7D9B6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #C5A866 0%,#D2BB85 50%,#DDCA9F 51%,#E7D9B6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #C5A866 0%,#D2BB85 50%,#DDCA9F 51%,#E7D9B6 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #C5A866 0%,#D2BB85 50%,#DDCA9F 51%,#E7D9B6 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#C5A866', endColorstr='#E7D9B6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #C5A866 0%,#D2BB85 50%,#DDCA9F 51%,#E7D9B6 100%); /* W3C */
	color:#663300;
	text-shadow:1px 1px 2px #333;
	text-align:center;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
	position:relative;
	}
 
.index4:before,
.index4:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.index4:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}
.index5{  /*+++++++++++++++++++ 大見出し +++++++++++++++++++*/
	font-size:20px;
	line-height:30px;
	color:#663300;
	letter-spacing:2px;
	text-align:center;
	
	padding:12px 12px 8px 12px;
	margin-bottom:15px;
	background:#FFF;
	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: #663300 0px 0px 6px;
	-moz-box-shadow: #663300 0px 0px 6px;
	box-shadow: #663300 0px 0px 6px;
	
	behavior: url(PIE/PIE.htc);
}

.img{padding:5px; background:#FFF;}
.img2{padding:5px 15px 5px 10px; background:#FFF;}
.img3{padding:0 5px}
.img4{padding:0 10px 0 0}
.img5{padding:0 0 20px 15px}
.img6{padding:8px 3px 0 3px;}
.img7{margin:0 0 15px 10px;}
.img8{padding:0 5px 0 0}
.img9{padding:10px;}
.img10{padding:0 15px 0 0}
.img11{padding:0 30px}
/*++++++++++++++++ 右カラム ++++++++++++++++*/
#rightColm{
	width:250px;
	float:right;
	margin-bottom:20px;
	margin-left:15px;
}
#rightColm h2{
	background: #1507DA; /* Old browsers */
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#1507DA), to(#4FFF61));
 	background-image: -webkit-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -moz-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -ms-linear-gradient(top, #1507DA, #4FFF61);
	background-image: -o-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: linear-gradient(to bottom, #1507DA, #4FFF61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1507DA, endColorstr=#4FFF61);
	color:#FFF;
	padding:15px 0;
	font-size:95%;
	font-weight:none;
	letter-spacing:2px;
	text-align:center;
}
#rightColm ul{border-left:1px solid #D5BF8B; border-right:1px solid #D5BF8B;}
#rightColm a{
	display:block;
	font-size:83%;
	color:#3300cc;
	text-decoration:none;
	padding:8px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #D5BF8B;
	
	
	background: #FFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EEE));
	background: -webkit-linear-gradient(#FFF, #EEE);
	background: -moz-linear-gradient(#FFF, #EEE);
	background: -ms-linear-gradient(#FFF, #EEE);
	background: -o-linear-gradient(#FFF, #EEE);
	background: linear-gradient(#FFF, #EEE);
	-pie-background: linear-gradient(#FFF, #EEE);
	
	behavior: url(PIE/PIE.htc);
}
#rightColm a:hover{
	text-decoration:underline;
	background: #EEE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#FFF));
	background: -webkit-linear-gradient(#EEE, #FFF);
	background: -moz-linear-gradient(#EEE, #FFF);
	background: -ms-linear-gradient(#EEE, #FFF);
	background: -o-linear-gradient(#EEE, #FFF);
	background: linear-gradient(#EEE, #FFF);
	-pie-background: linear-gradient(#EEE, #FFF);
	position:relative; top:1px; left:1px;
	
	behavior: url(PIE/PIE.htc);
}

.button_moushikomi{
 border:1px solid #a71903; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:30px; padding: 13px 220px 13px 220px; text-decoration:none; display:inline-block;text-shadow: 1px 1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
 margin-bottom:25px;
 background-color: #DE2104; background-image: -webkit-gradient(linear, left top, left bottom, from(#DE2104), to(#fb9d23));
 background-image: -webkit-linear-gradient(top, #DE2104, #fb9d23);
 background-image: -moz-linear-gradient(top, #DE2104, #fb9d23);
 background-image: -ms-linear-gradient(top, #DE2104, #fb9d23);
 background-image: -o-linear-gradient(top, #DE2104, #fb9d23);
 background-image: linear-gradient(to bottom, #DE2104, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DE2104, endColorstr=#fb9d23);
}

.button_moushikomi:hover{
 border:1px solid #7a1202;
 background-color: #CB7327; background-image: -webkit-gradient(linear, left top, left bottom, from(#CB7327), to(#B80000));
 background-image: -webkit-linear-gradient(top, #CB7327, #B80000);
 background-image: -moz-linear-gradient(top, #CB7327, #B80000);
 background-image: -ms-linear-gradient(top, #CB7327, #B80000);
 background-image: -o-linear-gradient(top, #CB7327, #B80000);
 background-image: linear-gradient(to bottom, #CB7327, #B80000);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CB7327, endColorstr=#B80000);
}
/*++++++++++++++++ ○○カードを比較する ++++++++++++++++*/
.hikaku{
	width:710px;
	border:solid 2px #D5BF8B;
	margin-bottom:25px;
}
.hikaku td{
	border:solid 1px #D5BF8B;
	font-size:90%;
	text-align:center;
	padding:8px 5px;
}
.hikaku li{
	text-align:left;
	padding:5px 0;
}
#hikaku a{
	display:block;
	font-size:110%;
	color:#3300cc;
	text-decoration:none;
	padding:8px;
}
#hikaku a:hover{
	text-decoration:underline;

}
.card{
	width:160px;
}
.iccard{
	width:292px;
	background:#ffffcc
}
.brand{
	width:200px;
	background:#ffffcc
}
.hoken{
	width:20px;
	background:#ffffcc
}
.hoken2{
	width:122px;
}
.safty{
	width:150px;
}
.bgcl{
	background:#ffffcc
}
.comment{
	background:#ddbbff
}
/*++++++++++++++++ ポイントプログラム ++++++++++++++++*/
.point{
	width:710px;
	border:solid 2px #D5BF8B;
	margin-bottom:25px;
}
.point td{
	border:solid 1px #D5BF8B;
	font-size:90%;
	text-align:center;
	padding:8px 5px;
}
.point li{
	text-align:left;
	padding:3px 3px;
}
.point a{
	color:#3300cc;
	text-decoration:none;
}
.point a:hover{
	text-decoration:underline;
}
.mileage{
	height:50px;
}

.category4{
	width:80px;
	background: #f4f5f5; /* Old browsers */
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); /* IE6-9 */
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd); /* W3C */
}
.category5{
	width:80px;
	background: #f4f5f5; /* Old browsers */
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); /* IE6-9 */
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd); /* W3C */
}
.category6{
	background: #f4f5f5; /* Old browsers */
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); /* IE6-9 */
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd); /* W3C */
}
.category7{
	width:210px;
	background: #f4f5f5; /* Old browsers */
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); /* IE6-9 */
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd); /* W3C */
}
/*++++++++++++++++ 会社情報 ++++++++++++++++*/
.kaisya{
	width:710px;
	border:solid 2px #D5BF8B;
	margin-bottom:20px;
}
.kaisya td{
	border:solid 1px #D5BF8B;
	font-size:90%;
	text-align:center;
	padding:8px 5px;
}
.kaisya li{
	text-align:left;
}
/*++++++++++++++++ カード詳細情報 ++++++++++++++++*/
.syosai{
	width:710px;
	border:solid 2px #D5BF8B;
	margin-bottom:20px;
}
.syosai td{
	border:solid 1px #D5BF8B;
	font-size:95%;
	text-align:center;
	padding:8px 5px;
}
.syosai li{
	text-align:left;
	padding:3px 3px;
}
.syosai a{
	color:#3300cc;
	text-decoration:none;
	padding:5px;
}
.syosai a:hover{
	text-decoration:underline;
	position:relative; top:1px; left:1px;
}
.syosai p{
	text-align:center;
}
.category1{
	width:160px;
	background: #f4f5f5; /* Old browsers */
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); /* IE6-9 */
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd); /* W3C */
}
.category2{
	width:20px;
	background: #f4f5f5; /* Old browsers */
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); /* IE6-9 */
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd); /* W3C */
}
.category3{
	width:140px;
	background: #f4f5f5; /* Old browsers */
	background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); /* Opera11.10+ */
	background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); /* IE10+ */
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); /* IE6-9 */
	background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd); /* W3C */
}
.hoken3{
	width:120px;
}
.hoken4{
	width:120px;
	background:#ffffcc;
}
.hoken5{
	background:#ffffcc;
}
.hoken6{
	width:160px;
	background:#ffffcc;
}
.hoken7{
	width:90px;
	background:#ffffcc;
}
.comment2{
	background:#ffdfff;
}
/*++++++++++++++++ ○○カード一覧 ++++++++++++++++*/
.ichiran{
	width:710px;
	border:solid 2px #D5BF8B;
	margin-bottom:20px;
}
.card2{
	width:350px;
}
.ichiran td{
	border:solid 1px #D5BF8B;
	font-size:90%;
	text-align:center;

}
#ichiran a{
	display:block;
	font-size:90%;
	color:#3300cc;
	text-decoration:none;
	padding:8px;	
	
	background: #FFF;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EEE));
	background: -webkit-linear-gradient(#FFF, #EEE);
	background: -moz-linear-gradient(#FFF, #EEE);
	background: -ms-linear-gradient(#FFF, #EEE);
	background: -o-linear-gradient(#FFF, #EEE);
	background: linear-gradient(#FFF, #EEE);
	-pie-background: linear-gradient(#FFF, #EEE);
	
	behavior: url(PIE/PIE.htc);
}
#ichiran a:hover{
	text-decoration:underline;
	background: #EEE;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEE), to(#FFF));
	background: -webkit-linear-gradient(#EEE, #FFF);
	background: -moz-linear-gradient(#EEE, #FFF);
	background: -ms-linear-gradient(#EEE, #FFF);
	background: -o-linear-gradient(#EEE, #FFF);
	background: linear-gradient(#EEE, #FFF);
	-pie-background: linear-gradient(#EEE, #FFF);
	position:relative; top:1px; left:1px;
	
	behavior: url(PIE/PIE.htc);
}
/*++++++++++++++++ footer styles ++++++++++++++++*/
footer div{font-size:90%; text-align:right; width:1020px; margin:0 auto;}
	footer div a{color:#999;}
	footer div a:hover{color:#000;}
footer p{text-align:center; font-size:90%; padding:1em 0;
	background: #1507DA; /* Old browsers */
 	background-image: -webkit-gradient(linear, left top, left bottom, from(#1507DA), to(#4FFF61));
 	background-image: -webkit-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -moz-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: -ms-linear-gradient(top, #1507DA, #4FFF61);
	background-image: -o-linear-gradient(top, #1507DA, #4FFF61);
 	background-image: linear-gradient(to bottom, #1507DA, #4FFF61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1507DA, endColorstr=#4FFF61);
}
	footer p a{color:#FFF; text-decoration:none;}
	footer p a:hover{text-decoration:underline;
	position:relative; top:1px; left:1px;
}

/*++++++++++++++++ TOPに戻る ++++++++++++++++*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 90%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}

/*++++++++++++++++ SAMPLE ++++++++++++++++*/
.sample1{
	font-size:90%;
	padding:8px 15px;
	border:solid 2px #42CC79;
	overflow:hidden;
	margin-bottom:5px;
	line-height:150%;
	background: #CCFFCC;
	text-align:left;
}
.sample2{
	font-size:90%;
	line-height:17px;
	padding:8px;
	border:1px #CCC solid;
	background:#EEE;
}
.sample3{
	font-size:90%;
	border:solid 2px #D5BF8B;
	margin-bottom:10px;
	padding:10px;
}
.sample3 li{
	padding:3px 3px;
}
.sample4{
	font-size:115%;
	border:solid 2px #D5BF8B;
	margin-bottom:5px;
	text-align:center;
	background:#FFFFCC;
}
.sample5{
	font-size:110%;
	border:solid 2px #D5BF8B;
	text-align:center;
	background:#FFFFCC;
	padding:15px;
}
.sample5 p{
	font-size:90%;
	text-align:left;
	line-height:150%;
}
.sample5 a{
	text-decoration:none;
}
.sample5 a:hover{
	text-decoration:underline;
	position:relative; top:1px; left:1px;
}