﻿/*共通設定・高さ*/
html, body{ 
	height:100%; margin:0;
	font-family:"メイリオ";
	background-color:#F0F0F0;
}
a.link_color:link { color: #ffffff;color: inherit; }
a.link_color:visited { color: #ffffff;color: inherit; }
a.link_color:hover { color: #ffffff;color: inherit; }
a.link_color:active { color: #ffffff;color: inherit; }	
/*共通設定・幅*/
.top_degine{
	max-width:720px;
	min-width:360px;
}
/*共通設定・高さ*/
.top_degine{
	height:100%;
}	
/*共通設定・背景色*/
.top_degine,.contnts_degine,.footer{
	background-color:#FAFAFA;
}
.top_degine{
	position:relative;
	text-align:center;
	color:#030303;
	size:10px;
	margin:auto;
	letter-spacing: 0.1em
}
.contnts_degine,.contnts_sub{
	position:relative;
	text-align:center;
	color:#030303;
	size:10px;
	margin:auto;
	letter-spacing: 0.1em;
}
.contnts_sub{
	border:#808080 solid 2px;
	border-left:#808080 solid 4px;
	border-right:#808080 solid 4px;
	width:95%;
}

.message_space{
	position:absolute;
	text-align:center;
	color:#030303;
	size:10px;
	left:1%;
	letter-spacing: 0.1em;	
	background-color:#FFFFFF;
	border:#808080 solid 2px;
	border-left:#808080 solid 4px;
	border-right:#808080 solid 4px;
	margin:0 auto;
	height:85%;
	width:97%;
}

.table_degine{
	margin:auto;
	overflow:scroll;
}

.link_button_div{
	position:relative;
	text-align:center;	
	margin:auto;
	width:95%;
	left:-3px;
}

.link_button{
	display:block;
	position:relative;
	text-align:center;
	color:#030303;
	size:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-left:2px solid;
	border-top:2px solid;
	border-right:2px solid;
	border-bottom:2px solid;
	border-color:#bbbbbb #777777 #777777  #aaaaaa;
	background-color:#AFEEEE;
	color:#303030;	
	width:99%;
	-webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
	-moz-border-radius: 5px;/* for Firefox 対応*/
	border-radius: 5px; /*角丸*/	
}
.button{
	-webkit-border-radius: 5px;/* for Safari and Chrome 対応*/
	-moz-border-radius: 5px;/* for Firefox 対応*/
	border-radius: 5px; /*角丸*/
}

.button_main_menu{
	width:95%;
	height:50px;
	font-size:14pt;
	background-color:#AFEEEE;
	color:#303030;
}

.button_new_contents{
	background-color:#AFEEEE;
	color:#303030;	
	width:96%;
	height:40px;
}

.input_contents{
	width:98%;
}

.textarea_contents{
	height:350px;
}

@media screen and (max-width: 480px) {
	.textarea_contents{
		height:280px;
	}
}


.button_contents,.button_yes_no_contents{
	background-color:#AFEEEE;
	color:#303030;		
	width:98%;
	height:40px;
}

.button_contents_50{
	width:49%;
}

.button_yes_no_contents{
	width:49%;
}

.button_novel_list{
	background-color:#AFEEEE;
	color:#303030;		
	width:98%;
	height:25px;
}

.footer{
	width:100%;
	text-align:center;
	color:#030303;
	font-size:10pt;
	/*position:absolute;bottom:15px;*/
}

