@charset "UTF-8";

/*メインパーツ*/

*{
	margin:0px;
	padding:0px;
}

@media screen and (min-width: 641px) {/* PC用 */

	body{
		font-size:12px;
		line-height:140%;
		text-align:center;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		-webkit-text-size-adjust: 100%;
		color: #000;
	}
	
	img{
		border-style:none;
		margin:0px;
		padding:0px;
		vertical-align:bottom;
	}

}

@media screen and (max-width:641px){/* スマートフォン用 */

	body {
		text-align: center; /* box centering */
		font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック';
		color: #000;
		-webkit-text-size-adjust: 100%;
	}
	
	img {
		border: none; /* img do not want a border */
		vertical-align: bottom;
	}
	

}

img.middle{
	vertical-align:middle;
}

h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote {
	display: block;
	margin: 0;
	padding: 0; /* margin&padding reset */
	text-align: left;
	font-style: normal;
    font-weight: normal;
}

li {
	list-style: none; /* link do not want a dot */
}

table {
	margin : 0;
	empty-cells: show;
	border-collapse: collapse;
}

hr,.areaAnchor,.anchor {
	display : none;
	clear: both;
}

/*フォント*/

.f10{
	font-size:10px;
}
.f14{
	font-size:14px;
	color:#880000;
}
.red{
	color:red;
}

/*リンクカラー*/

a:link {
	color: #000;
	text-decoration:underline;
	overflow:hidden;
}
a:visited {
	color:#0a3f69;
	text-decoration:underline;
	overflow:hidden;
}
a:active {
	color:#406a9e;
	text-decoration:underline;
	overflow:hidden;
}
a:hover {
	color: #005EEC;
	text-decoration:underline;
	overflow:hidden;
}

/*ボタン*/

input[type=text]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   height:25px;
   padding:0 3px;
   margin:3px 0px;
}

input[type=submit]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   height:30px;
   width:150px;
   padding:0 3px;
   margin:3px 0px;
}

textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   padding:0 3px;
   margin:3px 0px;
}

input[type=text]:focus {
   border:solid 1px #20b2aa;
}

input[type=text], select { 
   outline: none;
}


/* xx：clearFix
---------------------------------------------------------------------------*/
/*
+ClearFix[common]
############################################################ */
.clearFix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* WinIE7 only */
*:first-child+html .clearFix { display: inline-block; }

/* end WinIE7 only*/

/* WinIE6 and below */
/*\*/
* html .clearFix { height:1%; }
/* end WinIE6 and below*/

/* Mac IE*/
/*\*//*/
#xxxxxx {
	display: inline-table;
}
/* end Mac IE*/


/*BUTTON*/

input[type=text]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   height:25px;
   padding:0 3px;
   margin:3px 0px;
}

input[type=submit]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   height:30px;
   width:150px;
   padding:0 3px;
   margin:3px 0px;
}

textarea{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   border:#a9a9a9 1px solid;
   -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.3);
   -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2),0 0 2px rgba(0,0,0,0.3);
   padding:0 3px;
   margin:3px 0px;
}

input[type=text]:focus {
   border:solid 1px #20b2aa;
}

input[type=text], select { 
   outline: none;
}