@charset "utf-8";

/* =======================================

	CommonElements

======================================= */

<!--[if lt IE 9]-->
    <script src="./IE9.js"></script>
    <script src="./respond.min.js"></script>


/* 文字などの設定 */
body,div,pre,p,blockquote, 
form,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
embed,object { 
	margin: 0;
	padding: 0;
	vertical-align: baseline; 
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
}
body {
	color: #333333;
	font: 13px/1.231 Arial, Helvetica, sans-serif;
	*font-size:small;
	*font:x-small;
}

h1 {
	padding: 0px;
}
h2{
   font-size: 80.0%;}

h3{
   font-size: 100.0%;}

h4{ margin-left: 30px; 
    color: dimgray;
        font-size: 120%;}

h5{ 
    font-size: 105.0%;}

span.port {
display: inline-block;
width: 2em;
}

img {
    border-style:none;
}


dl{padding-left: 50px;}

ul{
    padding:0;margin:0; }

li {list-style-type: none;

  padding: 0 10px;
  display: inline; /* 横並びにさせる */
  border-left: 1px solid #000; /* 区切り線 */
}

li:first-child {
  border: none; /* 親要素から見て一番目のli要素のボーダーを無しに */
}
/* メニューの色を変えたいときは下記を変更 */
a{overflow:hidden;}
a:link{color:#000;background:transparent;text-decoration:none;}
a:visited{color:#666666;background:transparent;}
a:active{color:#FF2400;background:transparent;}
a:hover{color:#CC0025;}

/* フォーム */
#formWrap {
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}

table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}

table.formTable th{
	width:20%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}

/* ヘッダー */
#header {
  background: #FFF;
  padding: 30px;
  width: auto
  height: 100px;}

#menu{
	float:right;
}

/* 内容 */
.main {  
    display:block;
    background: #322C28;
    margin-top: 20px;
    width: 100%; 
    height:450px;
}

.main div   {  
    width: 80%;  
    margin-left: auto; 
    margin-right: auto;
}  

.comment {  
    width: 100%; 
    height:450px;
}
  
.comment div   {  
    width: 80%;  
    margin-left: auto; 
    margin-right: auto;
}  

.contents { 
    border-top: 1px solid #474655;
    margin-top: 24px;
    width: 100%; 
    height:auto;
}

.sousin{
	margin:10px auto;
	text-align:center;
	background-image:url(#);
}

input[type="button"]{
	margin-left:15px;
	background-color:#fff;
	border:1px solid #000;
	padding:3px;
}

input[type="submit"]{
	background-color:#fff;
	border:1px solid #000;
	padding:3px;
}

input[type="reset"]{
	//margin-left:15px;
	background-color:#fff;
	border:1px solid #000;
	padding:3px;
}

/* フッター */
#footer {
  background: #FFF;
  padding: 30px;
  width: auto
  height: 100px;
}