@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------


textsetting.css
各ブラウザでのフォントサイズの違いをなくすcss

base.css
bodyの余白や、h1h2...の余白、clearfixなど、

【common.css】
上記cssのimportや、レイアウト（大枠）を記載したcss




--------------------------------------------------------------*/


/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* 全て */
/* ------------------------------------------------------------ */

.blog{
	margin:20px 0 0 0;
	}
	
.blog p{
	margin:0 0 10px 0;
	}


/* ------------------------------------------------------------ */
/* 利用規約 */
/* ------------------------------------------------------------ */

.rules{
	width:500px;
	height:350px;
	overflow-y:scroll;
	border:2px solid #333;
	padding:10px;
	margin:20px auto 10px auto;
	}
	
.rules  h4{
	font-size:122%;
	color:#F35113;
	padding:0 0 5px 0;
	}
	
.agree {
	width:width:672px;
	}
	
.agree ul{
	margin:0 auto;
	width:180px;
	}

.agree li{
	float:left;
	}
	
.agree .put{
	width:89px;
	margin:10px auto 5px auto;
	}
	
.agree .put a{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	width:89px;
	height:23px;
	display:block;
	color:#000;
	text-align:center;
	padding:3px 0 0 0;
	text-decoration:none;
	}
	
.agree .put a:visited{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
	
.agree .put a:hover{
	background:url(../img/common/bt_login_on.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
	
.agree .put a:active{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}

/* ------------------------------------------------------------ */
/* 会員確認 */
/* ------------------------------------------------------------ */
	
.blog ul{
	background:#FFFFCC;
	border:1px solid #ccc;
	width:207px;
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	}
	
.blog ul li{
	list-style-type:disc;
	}

	
.main_login{
	background:url(../img/regis/bg_login.jpg) left center no-repeat;
	width:324px;
	height:139px;
	margin:0 auto;
	}
		
.main_login li{
	margin:0 0 0 50px;
	float:left;
	}
	
	
	
.main_login .id input{
	margin:20px 0 10px 15px;
	width:160px;
	}
	
.main_login .pass input{
	margin:0 0 0 1px;
	width:160px;
	}
	
.main_login .put{
	width:89px;
	margin:10px auto 5px auto;
	}
	
.main_login .put a{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	width:89px;
	height:23px;
	display:block;
	color:#000;
	text-align:center;
	padding:5px 0 0 0;
	text-decoration:none;
	}
	
.main_login .put a:visited{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
	
.main_login .put a:hover{
	background:url(../img/common/bt_login_on.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
	
.main_login .put a:active{
	background:url(../img/common/bt_login.gif) center center no-repeat;
	color:#000;
	text-decoration:none;
	}
	
	
/* ------------------------------------------------------------ */
/* ブログ情報入力 */
/* ------------------------------------------------------------ */

.text{
	margin:20px 0 0 0;
	}
	
.blog_list{
	width:600px;
	margin:0 auto;
	}
	
.blog_list th,
.blog_list td{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:middle;
	}

.blog_list th{
	background:#FFFFCC;
	width:110px;
	}

.blog_list .category_list li{
	display:inline;
	}
	
.blog_list .textfield input{
	width:250px;
	}
	
.blog_list .textfield input{
	width:250px;
	}
	
.blog_list .textarea textarea{
	width:400px;
	height:150px;
	}
	
.blog_list .radio input{
	margin:0 5px 0 5px;
	}
	
/* ------------------------------------------------------------ */
/* アカウント入力 */
/* ------------------------------------------------------------ */

.account{
	width:325px;
	margin:0 auto;
	}
	
.account th,
.account td{
	border:1px solid #ccc;
	padding:5px;
	vertical-align:middle;
	}

.account th{
	background:#FFFFCC;
	width:100px;
	}
	
.account .textfield input{
	width:200px;
	}