@charset "utf-8";

/* 初期設定
---------------------------------------------------- */

body{
	 margin: 0;
	 padding: 0;
	 font-size: medium;
	 color: #333;
	 background: #fff;
}

#contact{  
	font-size: 100%;
	line-height:120%;
}

h1{
	color: #222;
	font-size: medium;
	line-height:250%;
}

form div + div {
    margin-top: 1em;
}

label {
    /* すべてのラベルを同じサイズにして、きちんと揃える */
    display: inline-block;
    width: 90px;
    text-align: left;
}

input, textarea {
    /* すべてのテキストフィールドのフォント設定を一致させる
       デフォルトで、textarea は等幅フォントが設定されている */
    font: 1em sans-serif;
    /* すべてのテキストフィールドを同じサイズにする */
    width: 400px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* テキストフィールドのボーダーの外見を同一にする */
    border: 1px solid #999;
}

textarea {
    /* 複数行のテキストフィールドをラベルにきちんと揃える */
    vertical-align: top;

    /* テキスト入力に十分な領域を与える */
    height: 10em;

    /* ユーザが textarea を垂直方向にリサイズできるようにする
       これが動作しないブラウザもある */
    resize: vertical;
}

.button {
    /* ボタンを他のテキストフィールドと同じ場所に置く */
    padding-left: 362px; /* label 要素と同じサイズ */
}

/*
button {
    margin-left: .5em;
}
*/

a: link,  a:visited{
	 color: #37c;
}
a: hover {
	color: #999;
}
section, article, aside, nav, header, footer, hgroup{
	display: block;
} 

/* ページの枠組み
---------------------------------------------------- */
#page{
	margin: 0 auto;
	width: 900px; 
}
footer{
	clear: both;
}
footer section{
	float: left;
	width: 280px;
}
footer section: nth-child(2){
	margin: 30px;
}
#copyright{
	clear: both;
}

/* ヘッダー
---------------------------------------------------- */
header img{
	display: block;
}
#logo {
	margin: 20px 0;
}

/* 言語切り替え
---------------------------------------------------- */
#lang {	
	margin: 0;
	padding: 0 0 10px 0;
	text-align: right;
	}

/* ナビゲーション
---------------------------------------------------- */
nav ul {
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
	border: 1px solid #ddd;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 1px 1px 0 #fff inset, 1px 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 0 #fff inset, 1px 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 1px 0 #fff, 1px 1px 3px rgba(0, 0, 0, 0.1);
	line-height: 0.5;
	background: url(images/background/color_001.jpg) repeat-x bottom;
} 
nav li, nav a {
	display: block;
}
nav li {
	float: left;
	border-right: 0px solid #ddd;
}
nav a {
	 padding: 15px 25px;
	 font-weight: bold; 
	 text-decoration: none;
	 text-shadow: 1px 1px 0 #fff;
}
nav a:hover {
	background: #fff;
}

/*フッター
---------------------------------------------------- */
#footer {
clear: both;
width: 100%;
margin: 0;
padding: 0px 0 30px 0;
text-align: center;
font-size: 15px;
line-height: 180%;
}