@charset "utf-8";

/* 本文 */
body {  width: 100%;
	background: #eeeeee;
	color: #000;
		font-family:
    'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

/*レイアウト*/
.inner{
    width: 960px;
    margin: 0 auto;
}

/*ヘッダー*/
#header{
    color: blue;
    font-size: 18px;
    padding: 16px 0;
    background-color:skyblue;
    margin-bottom: 0px;
}

#header .inner{
    display:table;
}

#logo{
    width: 260px;
    display:table-cell;
    vertical-align:middle;
}

#logoname{
    margin-left: 50px;
    display:table-cell;
    vertical-align:middle;
}
    
/*グローバルナビゲーション*/
#nav{
    list-style-type: none;
    height: 30px;
    background: blue;
}

#nav li{
    position: relative;
    float: left;
    width: 155px;
    background: blue; 
    border-right: white 1px solid;  
}
 
#nav li a{
    display: block;
    color: white;
    text-decoration: none;
    padding: 3px 0;
    text-align: center;
}

#homenav{
    width: 152px;
    border-left: white 1px solid;
}

#nav li a:hover{
    color: white;
}


#nav1{
    position: absolute;
    list-style-type: none;  
    top: 14px;　　 /*←掲示板の子メニューの位置*/
    left: 0;
    height: 0;
    background: blue;
    display: none;
}                              

#nav2{
    list-style-type: none; 
    position: absolute; 
    top: -10px;    /*←掲示板「以外」の子メニューの位置*/
    left: 0;
    height: 0;
    background: blue;
    display: none;
}


#nav li ul li{
    border-top: white 1px solid;
}
  
#nav li:hover ul{
    background: blue;
}


/*パンクズ*/
#pankuzu{
    margin: 10px 0;
    padding-bottom: 10px;
}

#pankuzu li{
    display: inline;
    list-style-type: none;
}

#pankuzu li a{
    text-decoration: none;
}
/*コンテンツ*/
#contents{
    width: 960px;
    margin: 0 auto;
    padding: 0 10px 0 10px;  
}

/*メイン*/
#main{
    width: 800px;
    margin: 10px 75px;
}

/*フォーム*/
#form{
    width: 700px;
    text-align: center;
    margin: 10px 75px;
}

/* テーブル */
table.form {
	border: 1px solid #7777bb;
	border-collapse: collapse;
	margin-top: 1em;
}
table.form th, table.form td {
	text-align: left;
	border: 1px solid #7777bb;
	padding: 8px;
	font-weight: normal;
}
table.form th {
	white-space: nowrap;
	background: #cccce6;
}
table.form td {
	background: #f0f0f0;
}

/* タイトル装飾 */
strong.ttl {
	text-align: left;
	font-size: x-large; 
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
}

/* メッセージ */
p.msg {
	font-size: medium;
	color: #ff0000;
	margin: 3em;
}

strong.msg {
	font-size: large; 
	margin: 4em;
}

span.msg {
	color: #dd0000;
}

/*フッター*/
#footer{
    padding: 5px 10px;
    background: skyblue;
    clear: both;
    overflow: hidden;
}

#footer li{
    float: left;
}

#footer ul{
    list-style-type: none;
}

#footer a{
    display: block;
    margin-right:18px;
    text-decoration: none;
    color: blue;
}

#footer a:hover{
    border-bottom: 1px solid;
}