/*ページ全体の設定 */
body{
background-image:url(img/st4.png); 
background-repeat:repeat;
/*background-color:#683934;*/
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;/*フォントの指定 */
color: #333333;/*全体で使う文字の色 */
margin:0px;
padding:0px;/*隙間を空けないように指定します */
}

/*コンテンツ　実際に使うページの設定 */
#contents
{
min-width:500px;
max-width:1000px;
width:95%;
margin:0 auto;
font-size:80%;/*文字は見やすいように少し小さめに設定 */
}
#contentsModa
{
min-width:620px;
max-width:1000px;
width:95%;
margin:0 auto;
font-size:80%;/*文字は見やすいように少し小さめに設定 */
}


/*ヘッダー部分の設定 */
#header{
width:auto;
}
/*
#tweetButton{
margin-left:5px;
position:absolute;
width:450px;
top:50px;
left:640px;
}
*/

/*上部メニューボタンの設定 */
#navbar{
background-color:#Ad3c32;
width: 100%;
height:45px;/*メニューボタンの高さの指定 */
}
#navbar ul{
margin:0;
padding:0;
list-style-type:none;
font-family:"arial black", "Helvetica", sans-serif;/*メニューで使うフォントの指定 */
font-size: 16px;/*メニューのフォントサイズ */
line-height:45px;/*メニューボタンの高さの指定 */
letter-spacing:0px;/*メニューの文字間の間隔を少し空ける */

}

#navbar li{
float:left;/*メニューボタンが右側に回り込む設定 */
width:25%; /*メニューボタンの幅 */
text-align:center;/*文字がボタンのセンターに来る設定 */
padding:0;/*隙間を空けない指定 */
}

#navbar a{
color:#ffffff;/*メニューボタンの文字の色 */
display:block;
}

#navbar a:hover{
background-color:#cd5c5c;
color:#8E0036; /*メニューの文字がカーソルが上に来た時、この色に変わる */
}

/*メイン部分の設定 */
#main
{
background-color:#E5E5E5;
width:auto;/*メイン部分の横幅の指定 */
margin-top:0px;/*イメージ画像から間隔をあける指定 */
margin-left:0px;/*左から少し間隔をあける指定 */
}

/*下部のフッター部分の設定 */
address{
background-color:#666666;/*フッターの背景色の設定 */
color:#ffffff;/*文字の色がグレーだと見えないので白に変更 */
width:auto;/*フッターの幅をコンテンツピッタリに指定 */
padding-bottom:10px;/*フッターの下に隙間を空ける設定 */
border:none;
}





/*ヘッダー部分の文字の設定 */
/*最上部の小さな文字の部分の設定 */
/*検索エンジンで重要な見出しタグです */
h1{
font-size:90%;/*全体の文字より小さく設定 */
letter-spacing: 1px;/*文字と文字の間隔 */
padding-left:5px;/*左に少し間隔をあける指定 */
padding-top:10px;
padding-bottom:0px;
margin: 0px;
}

/*見出しタグにリンクを付けた場合の設定 */
h1 a{
color:#FFFFFF;/*リンク文字の色の指定 */
font-weight:normal;
}

/*ヘッダー部分のタイトルやサイトの説明の文字の設定 */
/*ヘッダーに素材としてタイトルが入っている場合はサイトの説明を記入しフォントは小さめに */
#header p {
font-size: 25px;/*今回はタイトルにしているので大きめに設定 */
color:#ffffff;
padding-top: 0px;
padding-left: 10px;
margin: 5px;
font-family:"Century",serif;/*フォントの指定 */
}
#header a
{
	color:#ffffff;
}
#header .sub
{
	font-size:15px;	
	font-family:"メイリオ",sans-serif;/*フォントの指定 */
}


/*画像の横に文字が来るように設定するので画像と同じテーブル内にある文字は */
/*この指定が必要になる */
p{
font-size:90%;/*全体の文字サイズ */
line-height:150%;/*全体で使う、文字と文字の行間 */
}

/*メニューなどの見出しタイトルの設定 */
/*今回はメニューのページでのみ使用している */
h2{
font-size:120%;
border: solid 2px #cccccc;/*見出しをグレーの枠で囲む設定 */
color:#ffffff;/*見出しの文字の色 */
background-image:url(img/menu.png);/*見出しの背景の指定自分の好みで変更する */
background-repeat:no-repeat;
background-color:#5C5278;
line-height: 35px;/*見出しの背景の高さ */
padding-left:10px;
margin-top: 10px;
margin-bottom: 1px;
}


/*リンク文字の設定 */
a{
text-decoration:none;/*リンクの文字の下線を消す設定 */
}

a:hover {
color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる */
text-decoration: none;/*リンクの文字の下線を消す設定 */
}



p img{
float:left;/*画像の右側へ回り込む設定 */
margin-left:5px; /*画像の左にスペースを空ける */
margin-right:15px; /*画像の右側へ間隔をあける設定 */
}

address{
font-size:80%;
font-style:normal;
text-align:center;/*フッターの文字をセンター合わせに指定 */
padding-top:5px;
}

address a{
color:#ff9999;/*フッター部分のリンク文字の色の指定 */
}



#ichikioDiv
{	
	background-color:#FFFFFF;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#nextButton{
	font-size:200%;
}

#addPoint
{	
	font-size:200%;	
	position:relative;
/*	top:-10px;*/
	width:200px;
}
#result
{
/*	font-size:230%;		*/
	font-size:180%;
}

.adad
{
	margin:20px 40px 60px 10px;
}
img{
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}