/*--基本設定
--------------------*/
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;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
/*font-weight: normal;*/
}

body {
color:#3a3a3a;
/*font-family:'メイリオ',meiryo,'ＭＳ Ｐゴシック',MS PGothic,Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka, sans-serif;*/
font: 13px/1.5 "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif ,"メイリオ",meiryo , "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka, sans-serif;
height: 100%;
margin: 0;
padding: 0;
background-image: none;
background-repeat: repeat-x;
}

img {
border: 0;
}

a {
color: #3a3a3a;
border: 0;
text-decoration: underline;
display: inline;
outline: none;
}

a:hover {
color: #22b7d7;
text-decoration: underline;
display: inline;
}

p {
line-height: 1.4em;
}

.clearsection {
overflow: hidden;
position: relative;
}

* html .clearsection {
	height: 1%;
}


/*--ヘッダー
---------------------*/
#header {
width: 500px;
height: 50px;
position: center;
}


/*--コンテンツ
--------------------*/
#container {
width: 500px;
height: auto;
margin: 0;
padding: 0;
}

#container h1 {
text-align: center;
font-size: 14px;
margin: 5px 0px;
}

#container p {
font-size: 12px;
margin: 5px 10px;
}

#box {
border:1px solid #bbb;;
height: auto;
width: 300px;
padding: 5px 5px;
display:block;
text-align: center;
position: center;
}


/*--フッター
--------------------*/
#footer {
width: 490px;
margin: 10px 0px;
position: center;
}

#footer img {
margin: 10px 5px;
}

#footer a {
margin: 20px 180px;
}