a			{ text-decoration:none}
a:hover 	{ color: #FF6600; }

.craft_title {
clear: both;
FONT-SIZE: 130%; 
PADDING:13px 0 12px 0;
MARGIN: 10px auto 0px auto;
border:solid 3px #ccc;
background-color:#B3ECF8;
max-width: 640px;
}

.craft_template
{
text-align: center; 
margin: 10px 30px;
border: 2px solid #CCCCCC;
background-color: #FFFFCC;
	}

.style1 {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
}

.tyuui1
{
    FONT-SIZE: 8pt;
    COLOR: RED;
    LINE-HEIGHT: 110%
}

.tyuui2
{
    FONT-SIZE: 8pt;
    COLOR: #003399;
    LINE-HEIGHT: 110%
}

#mainframe {
	font-size: 90%; 
	width: 690px;
	margin: 0px;
	background-color: #FFFFFF;
	text-align:center;
}


#intro2 {
	padding: 10px 5px;
	line-height: 1.2em;
	border: thin dotted #666666;
	margin-left:45px;
	width: 590px;
	font-size: 90%;
}

#reader			{width: 640px; text-align: left; margin: 20px auto 10px auto; padding: 0px; }

.underline {text-decoration:underline;}

div.boxWrap {
    overflow: hidden;
}
div.boxLogin {
    float: left;
	width:323px;
	text-align:right;
	background-repeat: no-repeat;background-image: url(/noshi/images/bg_login01.gif);height:35px
}
div.boxRegister {
    float: left;
	width: calc(100% - 325px);
	padding-top: 10px;
}
div.boxDekiagari{float: left;text-align:center;width:464px;}
div.boxKatagami {float: left;text-align:center;width:calc(100% - 484px);}

@media screen and (max-width: 640px){
div.boxRegister {
    width: calc(100% - 10px);
	text-align:center;
}
div.boxDekiagari,div.boxKatagami {
    width: calc(100% - 10px);
	text-align:center;
	margin:0 auto;
}
div.boxDekiagari img{width:100%;}


}