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

/* ------------------------------------------
	reset | リセット
--------------------------------------------- */
html, body, div, span,h1, h2, h3, h4, h5, h6,
p, a, em, img, strong,dl, dt, dd, ol, ul, li,
form, input, textarea, label, select, option, hr {
	margin: 0;
	padding: 0; }

img {
	border: 0; }

body, div, p {
	font-size:small;
	line-height:150%;
	}

a{    
	color:#660000;
	text-decoration:underline;
	font-weight:bold;}   
a:hover {
	color:#660000;
	text-decoration:none;}

body{
	background:url(../img/body_bg.jpg) 0 0;}

	

/* ------------------------------
 // ヘッダー
------------------------------ */
#header{
	width:320px;
	height:25px;
	position:relative;}

#beigeboxHead{
	background:url(../img/title_bg.jpg) 0 0;
	height:59px;
	margin:0 10px;}

#beigeboxHead2{
	background:url(../img/title_bg2.jpg) 0 0;
	height:69px;
	margin:0 10px;}

p#logo{line-height:1.0;}

#beigeboxHead h1{
	padding-top:23px;}

#beigeboxHead2 h1{
	padding-top:20px;}

.beigebox{
	/*width:280px;*/
	height: 100px;
	background-color:#EFEAE2;
	padding:10px;
	margin:0 10px 10px 10px;}

.beigebox p{
	font-size: 15px;
	font-weight: bold;

}

/* ------------------------------
 // howto
------------------------------ */
#howto img{
	text-align:center;
	border-top:10px solid #000;
	border-bottom:10px solid #000;
	border-right:5px solid #000;
	border-left:5px solid #000;
	-webkit-box-shadow: 0px 0px 4px #666;/* シャドー */
	-moz-box-shadow: 0px 0px 4px #666;
	box-shadow: 0px 0px 4px #666;
	margin-bottom:20px;}

#howto{
	width:85%;
	line-height:1.3;}

#howto ol li {
	list-style-position:outside;
	font-weight:bold;
	color:#3f2717;}

#howto ol{
	margin-left:10px;}	

#howto ol li h4{
	text-align:left;
	margin-bottom:10px;}

/*textArea*/
.textArea{
	text-align:center;}

.textArea p{
	text-align: center;
	margin-bottom:7px;}

	
/* ------------------------------
 // フッター
------------------------------ */
#footer{
	background:url(../img/footer_bg.jpg) 0 0 repeat-x;
	height:40px;
	text-align:center;
	padding-top:11px;
	}