/***************************************
 PC用スタイルシート
***************************************/

/****************************
画面全体の構成
****************************/
#smartheader{
	display:none;
	}
/****************************
HTMLの共通の設定
****************************/
html	{
	-webkit-text-size-adjust: 100%
	}
body	{
	display:block;
	margin-top : -20px;
	margin-left : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	border-width : 0px 0px 0px 0px;
	background-color: #FFFAF3;
	}
ul, ol, li {
	margin: 0;
	list-style: none;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
.listmark{
	vertical-align: middle;
	}
.break{
	clear:both;
	}
.spaceline{
	margin:5px 0px 0px 0px;
	}
/****************************
コンテンツ
****************************/
/*** PCサイズ ***/ 
@media(min-width:960px){
	#contents {
		margin: 0px;
		padding: 0px;
		width: 100%;
		text-align:center;
	}
}
/*** タブレットサイズ ***/ 
@media(max-width:960px) and (min-width: 568px){
	#contents {
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
}

/****************************
メインコンテンツ
****************************/
/*** PCサイズ ***/ 
@media(min-width:960px){
	#maincontents {
		float: center;
		display: inline-block;
		margin: 0px;
		padding: 3px 0px 0px 0px;
		width: 960px;
		max-width: 98%;
		text-align:center;
	}
}
/*** タブレットサイズ ***/ 
@media(max-width:960px) and (min-width: 568px){
	#maincontents {
		float: center;
		display: inline-block;
		margin: 0px;
		padding: 3px 0px 0px 0px;
		width: 98%;
	}
}
/****************************
フッター
****************************/
#copyright {
	float: left;
	margin: 3px 0px 3px 0px;
	padding: 0px;
	width: 100%;
	display: block;
	text-align:center;
	background-color: #FFEEDD;
	border:1px solid #993300;
	border-width : 3px 0px 3px 0px;
	}
#copyright a {
	text-decoration : none;
	}

/****************************
文字のフォント
****************************/
.TITLE {
	font-size : 22px;
	color     : #555555;
	}
.WORD {
	font-size : 13px;
	color     : #666666;
	}

/****************************
ボタンとリンク
****************************/
.BT {
	line-height:140%;
	cursor:pointer;
	font-size : 12px;
	padding: 3px;
	margin: 2px;
	color     :#555555;
	background-image:linear-gradient(#FAFAFA,#CCCCCC);
	border : 1px solid #999999;
	border-width:0px 1px 1px 0px;
	border-radius:5px;
	}
.BT:hover {
	color     :#FFFFFF;
	background-image:linear-gradient(#999999,#CCCCCC);
	}
.DELEBT {
	line-height:130%;
	cursor:pointer;
	font-size : 12px;
	padding: 1px 5px 1px 5px;
	margin: 1px;
	color     :#555555;
	background-image:linear-gradient(#FAFAFA,#CCCCCC);
	border : 1px solid #999999;
	border-width:0px 1px 1px 0px;
	border-radius:2px;
	}
.DELEBT:hover {
	color     :#FFFFFF;
	background-image:linear-gradient(#999999,#CCCCCC);
	}

.LINKBT {
	line-height:170%;
	font-size : 12px;
	padding: 3px;
	margin: 5px;
	color : #555555;
	text-align : center;
	text-decoration : none;
	background-image:linear-gradient(#E1F0FF,#BBDDFF);
	border : 1px solid #999999;
	border-width : 0px 1px 1px 0px;
	border-radius:5px;
	}
.KLINKBT:hover {
	color : #FFFFFF;
	background-image:linear-gradient(#90A0FF,#5090FF);
	}
.BACK {
	line-height:300%;
	font-size : 14px;
	padding: 3px;
	margin: 5px;
	color : #555555;
	text-align : center;
	text-decoration : none;
	background-image:linear-gradient(#E1F0FF,#BBDDFF);
	border : 1px solid #999999;
	border-width : 0px 1px 1px 0px;
	border-radius:5px;
	}
.BACK:hover {
	color : #FFFFFF;
	background-image:linear-gradient(#90A0FF,#5090FF);
	border : 1px solid #999999;
	border-width : 0px 1px 1px 0px;
	font-weight: bold;
	}
.PAGE {
	cursor:pointer;
	font-size : 13px;
	color     :#555555;
	background-color:#FFFFFF;
	border-width:0px 1px 1px 0px;
	border-radius:2px;
	}
.PAGE:hover {
	font-weight : bold;
	color     :#FFFFFF;
	background-color:#E9E9FF;
	}
.PAGE2 {
	cursor:pointer;
	font-size : 14px;
	font-weight : bold;
	color     :#555555;
	background-color:#FFE9E9;
	border-width:0px 1px 1px 0px;
	border-radius:2px;
	}
.PAGE2:hover {
	font-weight : bold;
	color     :#FFFFFF;
	background-color:#E9E9FF;
	}

#return-top {
	height: 40px;
	line-height: 40px;
	background-color: #CCAA99;
	border-radius: 30%;
	bottom: 11px;
	color: #fff;
	font-size: 14px;
	outline: 0;
	position: fixed;
	right: 10px;
	text-decoration:none;
	text-align: center;
	width: 50px;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
#return-top:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/****************************
ボックス・エリア
****************************/
/*** PCサイズ ***/ 
@media(min-width:960px){
	#titlebox{
		left:0;
		line-height:1;
		position:fixed;
		width:95%;
		top:10px;
		margin-left:20px;
		z-index:24;
		font-size:18px;
		font-weight:bold;
		background: #DDEEFF;
		box-shadow: 0px 0px 0px 5px #DDEEFF;
		border: dashed 2px white;
		padding: 0.2em 0.5em;
		color: #454545;
		}
	#titlebox:after {
		position: absolute;
		content: '';
		left: -7px;
		top: -7px;
		border-width: 0 0 15px 15px;
		border-style: solid;
		border-color: #FFFAF3 #FFFAF3 #AAD0FF;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		}
	}
/*** タブレットサイズ ***/ 
@media(max-width:960px) and (min-width: 568px){
	#titlebox{
		left:0;
		line-height:1;
		position:fixed;
		width:98%;
		top:10px;
		margin-left:10px;
		z-index:24;
		font-size:16px;
		font-weight:bold;
		background: #DDEEFF;
		box-shadow: 0px 0px 0px 5px #DDEEFF;
		border: dashed 2px white;
		padding: 0.2em 0.5em;
		color: #454545;
		}
	#titlebox:after {
		position: absolute;
		content: '';
		left: -7px;
		top: -7px;
		border-width: 0 0 15px 15px;
		border-style: solid;
		border-color: #FFFAF3 #FFFAF3 #AAD0FF;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
		}
	}

#msg {
	margin:45px 5px 0px 5px;
	color:#993300;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	width:98%;
	}
/*** PCサイズ ***/ 
@media(min-width:960px){
	.form {
		float:center;
		display: inline-block;
		width:70%;
		margin:3px 0px 0px 0px;
		padding:5px;
		background-color: #FFEFE0;
		border : 2px solid #552200;
		border-width : 0px 2px 2px 0px;
		border-radius:5px;
		}
	}
/*** タブレットサイズ ***/ 
@media(max-width:960px) and (min-width: 568px){
	.form {
		float:center;
		display: inline-block;
		width:98%;
		margin:3px 0px 0px 0px;
		padding:5px;
		background-color: #FFEFE0;
		border : 2px solid #552200;
		border-width : 0px 2px 2px 0px;
		border-radius:5px;
		}
	}
/*** 入力欄 ***/
.form .item {
	float: left;
	display: inline-block;
	margin:3px 0px 0px 0px;
	padding:2px;
	font-size:12px;
	text-align:left;
	width:25%;
	}
.form .input {
	float: left;
	display: inline-block;
	margin:3px 0px 0px 0px;
	padding:2px;
	font-size:12px;
	text-align:left;
	width:70%;
	}
.form .submit {
	float: left;
	display: inline-block;
	margin:5px 10px 0px 5px;
	padding:2px;
	font-size:12px;
	text-align:center;
	width:100%;
	}
.form .lineul {
	float: left;
	display: inline-block;
	width:100%;
	border : 1px solid #999999;
	border-width : 0px 0px 1px 0px;
	}
.form input {
	font-size: 13px;
	border-radius: 3px;
	border: 2px solid #CDCDCD;
	box-sizing: border-box; /
	}
.form input:focus {
	border: 2px solid #B0D0FF; 
	z-index: 10;
	outline: 0;
	}
.form select {
	font-size: 13px;
	border-radius: 3px;
	border: 2px solid #CDCDCD;
	box-sizing: border-box; /
	}
.form select:focus {
	border: 2px solid #B0D0FF; 
	z-index: 10;
	outline: 0;
	}
.form textarea {
	font-size: 13px;
	border-radius: 3px;
	border: 2px solid #CDCDCD;
	box-sizing: border-box; /
	}
.form textarea:focus {
	border: 2px solid #B0D0FF; 
	z-index: 10;
	outline: 0;
	}
.search {
	width:98%;
	margin:10px 3px 0px 3px;
	text-align:center;
	background-color: #FFDFCF;
	border : 1px solid #999999;
	border-width : 0px 1px 1px 0px;
	border-radius:5px;
	}
.pagearea {
	width:100%;
	margin:5px 0px 0px 0px;
	padding:3px;
	background-color: #FFF9F3;
	text-align:left;
	}
/*** コメント記事 ***/
.combox {
	left:0;
	line-height:1;
	width:98%;
	margin:10px 5px 10px 5px;
	z-index:10;
	background: #DDEEFF;
	box-shadow: 0px 0px 0px 5px #DDEEFF;
	border: dashed 2px white;
	color: #454545;
	}
.comtitle {
	float: left;
	display: inline-block;
	vertical-align: middle;
	padding:6px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	font-size:16px;
	font-weight:bold;
	}
.comdele {
	float: left;
	display: inline-block;
	vertical-align: middle;
	padding:3px;
	font-size:12px;
	margin:0px 0px 0px 30px;
	}
.passin {
	font-size: 13px;
	border-radius: 3px;
	border: 2px solid #CDCDCD;
	box-sizing: border-box; /
	}
.passin:focus {
	border: 2px solid #B0D0FF; 
	z-index: 10;
	outline: 0;
	}
.comnames {
	left:0;
	line-height:1;
	width:98%;
	color:#555555;
	margin:5px 3px 0px 3px;
	padding:3px;
	background-color: #FFDFCF;
	}
.comno {
	float: left;
	display: inline-block;
	vertical-align: middle;
	padding:2px;
	font-size:11px;
	background-color: #E1E1E1;
	border : 1px solid #999999;
	border-width : 0px 1px 1px 0px;
	border-radius:2px;
	}
.comtime {
	float: left;
	display: inline-block;
	vertical-align: middle;
	margin:0px 0px 0px 10px;
	padding:3px;
	font-size:12px;
	}
.comname {
	float: left;
	display: inline-block;
	vertical-align: middle;
	margin:0px 0px 0px 5px;
	padding:3px;
	font-size:12px;
	font-weight:bold;
	}
.category {
	float: left;
	display: inline-block;
	vertical-align: middle;
	margin:0px 3px 0px 10px;
	padding:3px;
	font-size:12px;
	}
.comcom {
	float: left;
	display: inline-block;
	vertical-align: middle;
	width:98%;
	margin:3px 3px 0px 3px;
	padding:3px;
	font-size:14px;
	background-color: #FFFFFF;
	text-align:left;
	border : 1px solid #999999;
	border-width : 0px 1px 1px 0px;
	border-radius:3px;
	}
.comkanri {
	color:#5599EE;
	padding:3px 3px 3px 15px;
	}

/****************************
免責事項
****************************/
/*** PCサイズ ***/ 
@media(min-width:960px){
	#disclaimer {
		float:center;
		display: inline-block;
		width:80%;
		margin:50px 0px 0px 0px;
		padding:5px;
		background-color: #FFEFE0;
		border : 2px solid #552200;
		border-width : 0px 2px 2px 0px;
		border-radius:5px;
		}
	}
/*** タブレットサイズ ***/ 
@media(max-width:960px) and (min-width: 568px){
	#disclaimer {
		float:center;
		display: inline-block;
		width:98%;
		margin:50px 0px 0px 0px;
		padding:5px;
		background-color: #FFEFE0;
		border : 2px solid #552200;
		border-width : 0px 2px 2px 0px;
		border-radius:5px;
		}
	}
/*** 入力欄 ***/
#disclaimer .title {
	font-size:18px;
	font-weight:bold;
	width:100%;
	text-align:center;
	}
#disclaimer .item {
	float: left;
	display: inline-block;
	margin:3px 0px 0px 0px;
	padding:2px;
	font-size:12px;
	text-align:left;
	width:100%;
	}
#disclaimer .input {
	float: left;
	display: inline-block;
	margin:3px 0px 0px 0px;
	padding:2px;
	font-size:12px;
	text-align:left;
	width:100%;
	}
#disclaimer .spaceline{
	float: left;
	display: inline-block;
	margin:10px 0px 0px 0px;
	width:100%;
	}