@charset "UTF-8";
/*
Theme Name: Banjyou_Tmp
Description: 私のホームページ
Version: 1.0
Author: watashi
*/

body		{font-family: 'メイリオ','Hiragino Kaku Gothic Rro',sans-serif;
			background-image: url(./img/back.jpg);
			margin: 0;
			width: 1000px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			}

p			{
			line-height: 1.7;
			font-family: 'M PLUS Rounded 1c', sans-serif;
			}

.front	{text-align: right;
		font-size: 10px
		}
h1,h2,h3,h4,h5,h6	{margin: 0;
					padding: 0
					}

h2			{text-align: center;
			}

h3			

header		{z-index: 10;
			width: 1000px;
			}

.siteName	{background-color: #00ffff;
			font-size: 16px;
			text-align: center;
			border: solid 1px #f2f2e5;
			border-radius: 10px 10px 0 0;
			padding-top: 5px;
			padding-bottom: 5px;
			}

.subName	{background-color: #ffe4e1;
			font-size: 10px;
			color: #ffa500;
			text-align: center;
			border: solid 1px #aaaaaa;
			margin: 0;
			padding: 0;
			padding-top: 5px;
			}

.sideBySide	{display: flex;
			width: 1000px;
			height: 93vh;
			margin-left: auto;
			margin-right: auto;
			position: absolute;
			top: 36px;
			}

.navMenu	{overflow: hidden;
			flex: 1;
			}

.navMenu:hover	{overflow: auto;
				}				

a			{color: #0000ff;
			text-decoration: none}

nav			{background-color: #f5fffa;
			border: solid 1px #aaaaaa;
			margin: 0;
			padding: 10px}

nav h2		{margin: 0;
			padding: 0;
			padding-bottom: 10px}

nav ul		{list-style-type: none;
			margin-top: 0;
			margin-bottom: 0;
			padding-left: 20px}

nav li		{margin: 0;
			padding-top: 0;
			padding-bottom: 0;
			padding-left: 30px
			}
			

nav h4		{margin-top: 0;
			margin-bottom: 0;
			padding-top: 10px;
			padding-bottom: 10px}
			
a:hover			{color: darkorange}

.rightSection	{overflow: auto;
				flex: 3;
				}		

article		{background-color: #fffaf5;
			border: solid 1px #aaaaaa;
			margin: 1px;
			padding: 20px;
			margin-bottom: 5px;
			overflow: hidden;
			}

.symIcon	{vertical-align: -1.0mm;
			}

.mainText	{line-height: 1.5}

.subText	{background-color: #e0ffff;
			border: solid 3px #afeeee;
			margin: 3px;
			padding: 3px;
			overflow: hidden;}


input[type="button"]	{width: 60px;
						height: 30px;
						border: solid 1px #aaaaaa;
						border-radius: 10px;
						background-color: #7fffd4}
						

.button		{margin: 0;
			padding-right: 10px;
			text-align: right}


.button2	{-moz-appearance: none;
			-webkit-appearance: nene;
			appearance: none;
			margin: 0;
			margin-left: auto;
			font-size: 1.2em;
			font-weight: bold;
			color: #0000cd;
			cursor: pointer}
			

figure.photo	{margin: 0;
				padding: 0;
				margin-top: 10px;
				margin-bottom: 10px;
				margin-left: 20px;
				float: right;
				text-align: center}

figure.photoL	{margin: 0;
				padding: 0;
				margin-top: 10px;
				margin-bottom: 10px;
				margin-right: 20px;
				float: left;
				text-align: center}

figure.photoLV	{margin: 0;
				padding: 0;
				margin-top: 10px;
				margin-bottom: 10px;
				margin-right: 20px;
				float: left;
				text-align: center;
				clear: both}

figure.photoR	{margin: 0;
				padding: 0;
				margin-top: 10px;
				margin-bottom: 10px;
				margin-left: 20px;
				float: right;
				text-align: center;
				clear: both}


.footText		{background-color: #ffffff;
				text-align: right;
				}

input, textarea	{display: block
				}

input			{width: 400px
				}

/*
input[type="submit"]	{width: 200px;
				background-color: #90ee90;
				border: solid 1px #aaaaaa;
				border-radius: 10px;
				padding-top: 10px;
				padding-bottom: 10px
				}
*/

textarea		{width: 600px;
				height: 120px;
				}