/*----------基本系の表示形式----------*/
/*----------線----------*/
hr{
	border: none;
	border-top: dotted 2px #666666;
}

/***** パソコン用 *****/
/*975px*/
@media only screen and (min-width: 975px){
/*サイズ*/
	#header .inner{
		width: 970px;
	}

/*
	#main{
		width: 970px;
	}
	#main .article{
		margin: 0;
		width: 73%;
		float: left;
	}
	#main .nav{
		margin: 0;
		width: 25%;
		float: right;
	}
*/

	#footer .inner{
		width: 970px;
	}
}

/*IE8以下*/
	.ie8 #header .inner{
		width: 970px;
	}

/*
	.ie8 #main{
		width: 970px;
	}
	.ie8 #main .article{
		margin: 0;
		width: 73%;
		float: right;
	}
	.ie8 #main .nav{
		margin: 0;
		width: 25%;
		float: left;
	}
*/

	.ie8 #footer .inner{
		width: 970px;
	}

/*****/
/*装飾*/
/*****/
/*----------見出し----------*/
/*見出し1*/
h1.title{
	margin: 0;
	padding: 10px;
	height: 3em;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
	background-color: #99ccff;
	
	/* フォント */
	font-size: xx-large;
	color: #000000;
	/*font-weight: bold;*/
	text-shadow: 1px 1px 1px #ffffff;
	box-shadow: 7px 7px  #cccccc;
}

/*見出し2*/
h2.heading2{
	margin-bottom: 0;
	padding: 0 10px;
	font-size: x-large;
	color: #000000;
	border-left: dotted 2px #666666;
	border-bottom: dotted 2px #666666;
}

/*----------トピック----------*/
.topic{
	margin: 0;
	padding: 30px 10px;
	color: #000000;
	border: solid 1px #aaaaaa;
	/*border-right: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;*/
	background-color: #eeeeee;
	box-shadow: 7px 7px #cccccc;
	font-weight: bold;
	position: relative;
	
	/* グラデーション */
	/* webkit系 */
	background: -webkit-gradient(linear,left top,left bottom, from(#eeeeee), to(#ffffff));
	/* Mozilla系 */
	background: -moz-linear-gradient(top,#eeeeee,#ffffff);
	/* IE5.5-7 */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);*/
	/* IE8-9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeeef', endColorstr='#ffffff', GradientType=0)";
	/* IE10 */
	background: -ms-linear-gradient(top,#eeeeee,#ffffff);
}

/*----------日付----------*/
.list{
	position: relative;
}
.topic-link{
	font-weight: bold;
}

.date{
	position: absolute;
	font-weight: normal;
	right: 10px;
	bottom: 0;
}
.date-up{
	position: absolute;
	font-weight: normal;
	right: 10px;
	bottom: 18px;
}

/*----------コンテンツ----------*/
.contents{
	margin: 10px 0 5px 0;
	padding: 5px;
}

/*----------カテゴリ----------*/
.category{
	font-size: small;
	color: #555555;
	font-weight: bold;
}

/******************/
/*フォーム*/
/******************/
.form-contact{
	margin:0;
	padding: 20px;
	text-align: center;
	font-size: 16px;
}

.form-contact div{
	margin:0 auto;
	width: 280px;
	padding: 5px 0;
	font-size: 14px;
	text-align: left;
}

/*テキストの大きさ*/
.form-contact label{
    display: block;
	font-weight: bold;
	text-align: left;
}

.form-contact input[type="text"]{
	width: 240px;
}

.form-contact textarea{
	width: 260px;
	height: 10em;
}

/******************/
/*注意文字*/
/******************/
.notice{
	font-weight:bold;
}

.error_form_message{
	color: #ff0000;
}

/******************/
/* ボタン */
/******************/
/*お問い合わせボタンの形状-角丸*/
.button-align{
	margin:0 auto;
	text-align: center;
}

.button-ellipse {
	width: 180px;
	height: 27px;
	text-align: center;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

.button-ellipse:hover{
	background-color: #cccccc;
}

/******************/
/*テキスト */
/******************/
/******************/
/* パンくずリスト */
/******************/
.breadCrumbs {
	display: none;
}

/* パンくずリスト320 */
.breadCrumbs320 li{
	list-style:none;
	display: block;
	padding: 5px 0 5px;
	margin-left: -35px;
	font-size: 16px;
	text-align: left;
	color: #888888;
}

.breadCrumbs320 li:before {
	content: ">";
}

/* パソコン用 */
/*975px*/
@media only screen and (min-width: 975px){
	/* パンくずリスト */
	.breadCrumbs {
		display: block;
		margin: 5px 0px 15px;
		padding: 5px 0px 5px;
		font-size: 14px;
		text-align: left;
		color: #888888;
	}

	/* パンくずリスト320 */
	.breadCrumbs320{
		display: none;
	}
}

/*IE8以下*/
	/* パンくずリスト */
	.ie8 .breadCrumbs {
		display: block;
		margin: 5px 0px 15px;
		padding: 5px 0px 5px;
		font-size: 14px;
		text-align: left;
		color: #888888;
	}

	/* パンくずリスト320 */
	.ie8 .breadCrumbs320{
		display: none;
	}
	
/******************/
/* 表示／非表示の切り替え */
/******************/
/*全体*/
.view-box {
    margin: 1em 0;
    padding: 0;
}

/*表示切替ボタン*/
.view-box .label-box {
    padding: 10px;
    font-weight: bold;
    background-color: #eeeeee;
    border: solid 2px #aaaaaa;
    cursor :pointer;
}
.view-box .label-box:hover {
    background: #efefef;
}
/*チェックボックスを消しておく*/
.view-box .view-input {
    display: none;
}
/*実際に切り替えるボックス*/
.view-box .hidden-show {
    margin: 10px 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.view-box .view-input:checked ~ .hidden-show {
    padding: 10px 0;
    height: auto;
	opacity: 1;
}

.item-search{
	text-align: right;
}

.ranking-message{
	margin: 1em 0;
}