@import 'menu.css';

@import 'header.css';
@import 'list.css';
@import 'kensaku.css';
@import 'footer.css';

* {
	padding:0;
	margin: 0;
	font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
hr.style-4 {
	height:0;
	border:0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
input[type=submit]{
font-family: FontAwesome,メイリオ,Meiryo /*FontAwesomeをフォント指定*/;
-webkit-appearance: none/*フォームボタンの角丸とグラデーションを無効化*/;
}

input,textarea{
   font-size:17px/*フォーム入力時のズームアップを無効化する*/;
}

.hikaku_count{

display: inline;
}
img{
/*max-width:100%;*/
	width /***/:auto; /* IE8のみ */
	height:auto;
	vertical-align:bottom;
}
a img { 
border: none; 
}

.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
/*
h2.heading{
	position:relative;
	padding-left:20px;
	font-weight: bold;
	font-size: 20px;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 2px;
}

h2.heading:before{
	content:''; 
	height:15px; 
	width: 100%;
	display:block; 
	position:absolute; 
	top:18px; 
	left:0px; 
	background-color:#ccc;
	filter:alpha(opacity=20);
	-moz-opacity:0.20;
	-khtml-opacity: 0.20;
	opacity:0.20;
	box-shadow: 0px 3px 3px 3px rgba(255,255,255, 0.3) inset;

}
*/
h2.heading{
	clear: both;
	position: relative;
	/*
	padding: 0.8em 0 0.8em 1.5em;
	*/
	border: 1px solid #d6d6d6;
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 25px;
	background-color: #FFF;
	filter:alpha(opacity=20);

}

h2.heading:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0.5em;
	margin-top :-15px;
	height: 30px;
	width: 8px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background-color: #2b4e9e;
}

.desclip_pager{
	clear: both;
	position: relative;
	/*
	padding: 0.8em 0 0.8em 1.5em;
	*/
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	background-color: #FFC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;

	height: 64px;

	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.desclip{
	clear: both;
	position: relative;
	/*
	padding: 0.8em 0 0.8em 1.5em;
	*/
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	background-color: #f5f5f5;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.desclip2{
	clear: both;
	position: relative;
	/*
	padding: 0.8em 0 0.8em 1.5em;
	*/
	letter-spacing: 2px;
	font-size: 22px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	background-color: #efe7c0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;

}
h3 {
	margin: 0px; padding: 0px;
}


a {
	/*color: rgb(51, 51, 51);*/
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: none;
}
#top_img {
	clear: both;
	height:250px;
	width:100%;
}
/* top */
.flex-caption{
	font-size: 14px;
	margin-top: 5px;

}

#contents {
	margin: 0px auto;
	width: 1000px;
	padding-top: 10px;
	clear: left;

}

	
.wrapper {
	margin: 0px auto;
	width: 100%;
}
.wrapper750 {
	width: 750px;
	float: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
.wrapper830 {
	width: 830px;
	float: right;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
.kensaku_box{
width: 245px;
float: left;	
}
#main {
	width: 600px; padding-bottom: 30px; float: right;
}
#sub {
	width: 390px; padding-bottom: 30px; float: left;
}
#main h2 {
	background: url("../images/arrow1.png") no-repeat left, linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)); 
	border-width: 1px 1px 4px; 
	border-style: solid; 
	border-color: rgb(212, 212, 212) rgb(212, 212, 212) rgb(221, 0, 0); 
	padding: 5px 15px 5px 30px; 
	border-radius: 6px 6px 0px 0px; color: rgb(221, 0, 0); 
	clear: both; font-size: 100%;
	 box-shadow: 1px 2px 7px #999; 
	 -webkit-box-shadow: 1px 2px 7px #999;
}
#main h3 {
	background: linear-gradient(rgb(255, 255, 255), rgb(230, 230, 230)); 
	padding: 4px 15px; 
	border-radius: 6px; 
	border: 1px solid rgb(212, 212, 212); color: rgb(221, 0, 0); 
	clear: both; font-size: 100%;
}
#main p {
	padding: 10px 10px 15px;
}



#sub h3 {
	clear: both;
	border-radius: 6px 6px 0px 0px;
	text-align: center;
	color: rgb(255, 255, 255);
	font-size: 100%;
	/*
	background-image: linear-gradient(rgb(153, 153, 153), rgb(102, 102, 102));
	background-color: rgb(102, 102, 102);
	*/
	background: #4f85bb; /* Old browsers */
background: -moz-linear-gradient(top,  #4f85bb 0%, #4f85bb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4f85bb 0%,#4f85bb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4f85bb 0%,#4f85bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=0 ); /* IE6-9 */
	margin-top: 10px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}

.row {
	max-width: 980px;
	margin: 0 auto;
}
.row:after {
	content: "";
	display: block;
	clear: both;
}
.col {
	float: left;
	margin-left: 3.22581%;
	margin-bottom: 5px;
}

/* 左端のカラムの左マージンを削除 */
.col:first-child,
.col.left {margin-left: 0;}

/* カラムの左右を入れ替えるための設定 */
.col.right {
	float: right;
	margin-left: 3.2258064515%;
}


.one-second {
	width: 48.3870967741%;
}

.article {
        width: 100%;
        margin: 0 auto;
}

.tab-container .panel-container {
	background: #fff;
	border: solid #d4d4d4 1px;
	padding: 4px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
	/*width: 790px;*/
	width: 96%;
	float: left;
	margin-bottom: 10px;
	margin-left: 5px;
}
.etabs {
	padding: 0;
	margin-left: 5px;
}
.tab {
	margin-top: 10px;
	display: inline-block;
	zoom:1;
	*display:inline; 
	background: #e8f0f9;
	border: solid 1px #cacaca;
	border-bottom: none;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;

}
.tab a { 
	font-size: 13px; 
	line-height: 2em; 
	display: block; 
	padding: 0 10px; 
	outline: none; 
}
.tab a:hover {
	 text-decoration: none; 
}
.tab.active { 
	background: #fff; 
	padding-top: 4px; 
	position: relative; top: 1px; 
	border-color: #d4d4d4; 
}
.tab a.active { 
	font-weight: bold; 
}
.details {

	border-collapse: collapse;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
.details th {
	padding:5px;
	border:1px solid #ddd;
	background: #f5f5f5;
	font-weight: normal;
	width: 95px;
font-size: 13px;
}
.details td {
   padding:5px;
	font-size: 13px;
   border:1px solid #ddd;
}

.detail_table {
	border: 1px solid #CCC;
	border-top: none;
	display: table;
	width: 99.5%;

}

.detail_tr {
	display: table-row;
}

.detail_th,
.detail_td {
	display: table-cell;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

.detail_th {
	background: #f5f5f5;
	border-top: 1px solid #CCC;

	width: 100px;
}

.detail_td {
	background: #fff;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

.prcom{
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 10px;
	background-color: #ebebeb;
	padding: 8px;
	}


p.resizeimage img {
	display: block;
	margin-right: auto;
	margin-left: auto;

	/*
width: 100%;
height: auto; 
*/
}

.search_button{
	display: none;
	}

ul#footermenu {
	margin: 0px auto; text-align: center; clear: both; font-size: 12px;
}
ul#footermenu li {
	padding: 0px 5px; display: inline;
}
#page-top {
position:fixed;

right:15px;
font-size:15px;
z-index:10;
}
#page-top a {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	text-decoration:none;
	color:#fff;
	width:70px;
	text-align:center;
	display:block;
	border-radius:5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-color: #21abe1;
}
#page-top a:hover {
text-decoration:none;
background:#999;
}

/* ボタン */
#button_ios {
	background: linear-gradient(rgb(247, 247, 247) 0%, rgb(215, 215, 215) 100%);
	display: inline-block;
	height: 26px;
	width: 120px;
	margin-top: 7px;
	margin-bottom: 7px;
	cursor:pointer;
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	FONT-SIZE: 13px;
	padding-top: 8px;
}
#button_ios:hover {
	/*background: linear-gradient(rgb(29, 119, 239) 0%, rgb(129, 243, 253) 100%);*/
/*background: linear-gradient(rgb(85, 239, 203) 0%, rgb(91, 202, 255) 100%);*/
/*background: linear-gradient(rgb(135, 252, 112) 0%, rgb(11, 211, 24) 100%);*/
/*background: linear-gradient(rgb(116,197,44) 0%, rgb(164, 231, 134) 100%);*/
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color: #FFF;
}
#henkou {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #cccccc 1px solid;
	WIDTH: 160px;
	PADDING-TOP: 5px;
	BACKGROUND-COLOR: #2c74c5;
	margin-top: 2px;
	cursor:pointer;
	height: 36px;
	color: #FFF;
}
#henkou:hover{
background-color: #00ADD9;	
}
#ekisentaku {
	BORDER-RIGHT: #cccccc 1px solid;
	PADDING-RIGHT: 10px;
	BORDER-TOP: #cccccc 1px solid;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #cccccc 1px solid;
	WIDTH: 160px;
	PADDING-TOP: 5px;
	/*BACKGROUND-COLOR: #EC768C;*/
	background-image: -webkit-linear-gradient(top, #EC768C, #e02044);
	background-image: -moz-linear-gradient(top, #EC768C, #e02044);
	background-image: -ms-linear-gradient(top, #EC768C, #e02044);
	background-image: -o-linear-gradient(top, #EC768C, #e02044);
	background-image: linear-gradient(to bottom, #EC768C, #e02044);
	margin-top: 2px;
	cursor:pointer;
	height: 36px;
	color: #FFF;
}

#kensakubut {
	width: 160px;
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #45ad69;
	text-decoration:none;
	
	background-image: -webkit-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -moz-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -ms-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -o-linear-gradient(top, #86cf9f, #3a9158);
	background-image: linear-gradient(to bottom, #86cf9f, #3a9158);
	color:#ffffff;
	display:block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	background-position: top;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#kensakubut:hover{
	background-image: -webkit-linear-gradient(top, #3a9158, #86cf9f);
	background-image: -moz-linear-gradient(top, #3a9158, #86cf9f);
	background-image: -ms-linear-gradient(top, #3a9158, #86cf9f);
	background-image: -o-linear-gradient(top, #3a9158, #86cf9f);
	background-image: linear-gradient(to bottom, #3a9158, #86cf9f);
	background-position: top;
}
.sma_eki_but{
	width: 100%;
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #45ad69;
	text-decoration:none;
	background-image: -webkit-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -moz-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -ms-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -o-linear-gradient(top, #86cf9f, #3a9158);
	background-image: linear-gradient(to bottom, #86cf9f, #3a9158);
	color:#ffffff;
	display:inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 6px;
	padding-right: 18px;
	padding-bottom: 6px;
	padding-left: 18px;
	margin-right: auto;
	margin-left: auto;
	background-position: top;	
}


.btn_inl {
	display:block;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	color:#FFF;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 14px;
	font-size: 14px;
	background-color: #FF9900;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-color: #ccc;
	border-bottom-color: #666;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
.btn_inl:hover{
	background-color: #00ADD9;
	color: #FFF;
}

.tuika_but {
	/*
	background-image: -webkit-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -moz-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -ms-linear-gradient(top, #86cf9f, #3a9158);
	background-image: -o-linear-gradient(top, #86cf9f, #3a9158);
	background-image: linear-gradient(to bottom, #86cf9f, #3a9158);
	*/
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #86cf9f), color-stop(100%, #3a9158) );
	background:-moz-linear-gradient( center top, #86cf9f 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #86cf9f 5%, #3a9158 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#86cf9f', endColorstr='#3a9158');
	
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #FFF;
	font-size: 14px;
	border: solid #3a9158 1px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	width: 90%;
	text-align: center;
}
.tuika_but_long {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #86cf9f), color-stop(100%, #3a9158) );
	background:-moz-linear-gradient( center top, #86cf9f 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #86cf9f 5%, #3a9158 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#86cf9f', endColorstr='#3a9158');
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	color: #FFF;
	font-size: 14px;
	border: solid #3a9158 1px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	margin-top: 10px;
	margin-bottom: 5px;
	display: block;
	width: 90%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.toi_but {
	background-image: -webkit-linear-gradient(top, #ebebeb, #c2c2c2);
	background-image: -moz-linear-gradient(top, #ebebeb, #c2c2c2);
	background-image: -ms-linear-gradient(top, #ebebeb, #c2c2c2);
	background-image: -o-linear-gradient(top, #ebebeb, #c2c2c2);
	background-image: linear-gradient(to bottom, #ebebeb, #c2c2c2);
	-webkit-border-radius: 4;
	-moz-border-radius: 4;
	border-radius: 4px;
	font-size: 14px;
	border: solid #c2c2c2 1px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	display: inline-block;
	width: 90%;
	text-align: center;
}
.t_waku {
	width:90%;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffe6;
	padding: 30px;
	/*text-align: center;*/
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 25px;
	font-size: 13px;
}

.t_waku_in {
	margin-right: auto;
	margin-left: auto;
	display:block;
	width:80%;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #000;
	background-color: #FFF;
	padding: 20px;
	clear: both;
	font-size: 14px;
}

.ui_text_b {
	font-weight: bold;
	line-height: 50px;
}
.prv__ol {
	line-height: 30px;
	margin-left:30px
}
.p12{
	font-size: 12px;	
	}
.p13{
	font-size: 13px;;
	}
.p13_red{
	font-size: 13px;
	color: #F00;
	font-weight: bold;
	}
.p14{
	font-size: 14px;
	}
.p14_red{
	font-size: 14px;
	color: #F00;
	}
.p14B_red{
	font-size: 14px;
	color: #F00;
	font-weight: bold;
	}
.p18{
	font-size: 18px;	
	}
.p20_bb{
	font-size: 20px;
	font-weight: bold;
	color: #00F;
	}
.p24B_red{
	font-size: 24px;
	color: #F00;
	font-weight: bold;
	}