/* ===================================================================
style info :  リセット及びbody初期設定
=================================================================== */
/*--- reset ---*/
html {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}


img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
img{
vertical-align:top;
}
/*-------------FONT設定-------------*/
body {
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
	line-height: 150%;
}

/* for IE6 */
* html body {
    font-size: 62.5%;
    font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}

/* for IE7 */
*:first-child+html body {
    font-size: 62.5%;
    font-family: 'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}
/* ************************************************ 
 *	共通設定
 * ************************************************ */
body {
    margin:0;
    text-align:center;
    line-height: 150%;
    color:#000;
}

/*----------------------------------------------------
	CLEAR FIX
----------------------------------------------------*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*----------------------------------------------------
	LAYOUT
----------------------------------------------------*/
#wrap{
width:500px;
height:auto;
margin:0 auto;
text-align:left;
}
#header{
width:500px;
}
h1{
text-align:right;
}
h1 img{
width:120px;
height:auto !important;
margin:0 0 1em 0;
}
#main{
width:500px;
height:auto;
}
#main div{
margin:0 0 1em 0;
}
div#name{
background:url(../contact/images/name.png) no-repeat left center;
}
div#email{
background:url(../contact/images/mail.png) no-repeat left center;
}
div#subject{
background:url(../contact/images/title.png) no-repeat left center;
}
div#comment{
background:url(../contact/images/comment.png) no-repeat 0px 0px;
}

div#name input,
div#email input,
div#subject input{
width:360px;
height:30px;
margin:0 0 0 130px;
padding:.5em;
font-size:110%;
-moz-border-radius: 10px;
-webkit-border-radius:  10px;
border-radius:  10px;
}

textarea{
width:360px;
height:80px;
margin:0 0 0 130px;
padding:.5em;
font-size:110%;
-moz-border-radius: 10px;
-webkit-border-radius:  10px;
border-radius:  10px;
resize:none;
}

div#switch,
div#copy{
text-align:center;
font-size:110%;
margin:2em 0 0 0;
}

div#switch input{
margin:0 4em;
}

/*-----------------------------
form color change
--------------------------------*/
input,
textarea { 
color: #4d4d4d;
background:#e4e4e4;
border:none;
font-family:sans-serif;
font-weight:normal;
}

input:focus,
input.focused,
textarea:focus,
textarea.focused{
border:none;
color: #474747;
background:#ffffff;
}

div#switch input,
div#switch input:focus,
div#switch input.focused{
background:none;
}

#main div.thanks{
text-align:center;
margin:60px 0 40px;
}