/*
ブラウザのデフォルトのスタイルをリセットする
*/

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, hr, 
header, hgroup, section, article, aside, hgroup, footer, figure, 
figcaption, nav {
		margin: 0;
		padding: 0;
		font-size: 100%;
}
img{
		border: 0;
		margin: 0;
		vertical-align: bottom;
}
a img {
		border-style:none;
}
ul,ol{
		list-style: none;
}
table{
		border-spacing: 0;
		empty-cells: show;
}
body{
		font:12px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


a:link,a:visited{color:#ba55b7;text-decoration:none;}
a:hover{color:#e587e2;}
a:active, a:focus {outline:0;}
img{border:0;}



/*******************************
コンテナー
*******************************/
#containar{
		width: 1000px;
		height: 100%;
		margin: auto;
		background-image: url(images/sideline.gif);
}


/*******************************
/* ヘッダー
*******************************/

#header{
		width: 1000px;
		height: 100%;
		margin: 0;
		padding: 0;
}


/*******************************
/* ラッパー
*******************************/
#wrapper{
		width: 800px;
		height: 150px;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: 100px;
}

/*******************************
/* メニュー
*******************************/

.menu{
		width: 800px;
		height: 110px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		text-indent: -9999px;
}


.menu ul{
		margin: 0;
		padding: 0;
}

.menu li{
		list-style-type: none;
		float: left;
}


.menu #sidemenu1 a {
		display: block;
		overflow: hidden;
		height: 51px;
		width: 182px;
		background-image: url(images/top1.gif);
		padding-top: 0px;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 20px;
}

.menu #sidemenu1 a:hover {
		background-image: url(images/top2.gif);
		no-repeat;
}







.menu #sidemenu2 a {
		display: block;
		overflow: hidden;
		height: 51px;
		width: 182px;
		background-image: url(images/bosyu1.gif);
		padding-top: 0px;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 10px;
}

.menu #sidemenu2 a:hover {
		background-image: url(images/bosyu2.gif);
		no-repeat;
}







.menu #sidemenu3 a {
		display: block;
		overflow: hidden;
		height: 51px;
		width: 182px;
		background-image: url(images/teate1.gif);
		padding-top: 0px;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 10px;;
}

.menu #sidemenu3 a:hover {
		background-image: url(images/teate2.gif);
		no-repeat;
}





.menu #sidemenu4 a {
		display: block;
		overflow: hidden;
		height: 51px;
		width: 182px;
		background-image: url(images/shitumon1.gif);
		padding-top: 0px;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 10px;
}

.menu #sidemenu4 a:hover {
		background-image: url(images/shitumon2.gif);
		no-repeat;
}






.menu #sidemenu5 a {
		display: block;
		overflow: hidden;
		height: 51px;
		width: 182px;
		background-image: url(images/taigu1.gif);
		padding-top: 0px;
		text-align: center;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 20px;
}

.menu #sidemenu5 a:hover {
		background-image: url(images/taigu2.gif);
		no-repeat;
}









.menu #sidemenu6 a {
		display: block;
		overflow: hidden;
		height: 51px;
		width: 182px;
		background-image: url(images/mikeiken1.gif);
		padding-top: 0px;
		text-align: center;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 10px;
}

.menu #sidemenu6 a:hover {
		background-image: url(images/mikeiken2.gif);
		no-repeat;
}





.menu #sidemenu7 a {
		display: block;
		overflow: hidden;
		height: 51px;
		width: 182px;
		background-image: url(images/iseki1.gif);
		padding-top: 0px;
		text-align: center;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 10px;
}

.menu #sidemenu7 a:hover {
		background-image: url(images/iseki2.gif);
		no-repeat;
}





.menu #sidemenu8 a {
		display: block;
		overflow: hidden;
		height: 51px;
		width: 182px;
		background-image: url(images/oubo1.gif);
		padding-top: 0px;
		text-align: center;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 10px;
}

.menu #sidemenu8 a:hover {
		background-image: url(images/oubo2.gif);
		no-repeat;
}




/*******************************
/* コンテンツ
*******************************/
h1{
		margin-top: 20px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: 40px;
		color:#8b4513;
}

h2{
		margin-top: 20px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: 40px;
		font-family: comic sans ms;
		color: #8b4513;
		font-size: 1.8em;
		text-shadow: 1px 1px 5px gray;
}

p{
		margin-top: auto;
		margin-right: auto;
		margin-bottom: 20px;
		margin-left: 40px;
		font-family: comic sans ms;
		color: #8b4513;
}

#content{	float: right;
		width: 575px;
		height: auto;
		margin: 0;
}





.content1{
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: 0px;
		padding-top: 10px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
}

.content{
		margin-top: 20px;
		margin-right: auto;
		margin-bottom: 30px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
}


#shitumonback{
		float: right;
		width: 526px;
		height: 506px;
		margin-top: 10px;
		margin-right: 20px;
		margin-bottom: 20px;
		margin-left: 0px;
		background-image: url(images/shitumonhaikei1.gif);
}

.shitumon1{
		margin-top: 30px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: 30px;		
}

.shitumon{
		margin-top: 8px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: 30px;		
}

/*******************************
/* リンクページ
*******************************/
.linktitle {
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	width: 100%;
	color: #ba55b7;
	height: 24%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.link {
	padding: 10px;
	margin-top:30px;
	color: #ba55b7;
}

.spacer500 {
	height:500px;
	width:100%;
	margin: 0px;
	padding: 0px;
}



/*******************************
/* 応募確認ページ
*******************************/

#oubocontent{
		width: 800px;
		height: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 100px;
}

.oubocontentright{
		float: right;
		width: 630px;
		height: auto;
		margin-top: 0px;
		margin-right: 50px;
		margin-bottom: 0px;
		margin-left: 0px;
}

.oubocontentright1 h3{
		font-size: 1.2em;
		color:#ff9900;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
}


.oubocontentright2{
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 50px;
		font-size: 1em;
		color:#ff9933;
}











.oubocontentright3{
		margin-top: 30px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		color:#8b4513;
}

.oubocontentright3 h4{
		font-size: 1em;
		color:#999999;
}

.oubocontentright3 ul{
		margin: 0;
		padding: 0;
}

.oubocontentright3 li{
		list-style-type: none;
		float: left;
		margin-top: 0px;
		margin-right: 30px;
		margin-bottom: 0px;
		margin-left: 0px;
}

.oubocontentright4{
		width: 630px;
		height: 5px;
		margin-top: 49px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		background-image: url(images/dot.jpg);
		background-repeat-x;
}









.oubocontentright5{
		margin-top: 50px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		color:#8b4513;
}

.oubocontentright5 h5{
		font-size: 1em;
		color:#999999;
}

.oubocontentright5 ul{
		margin: 0;
		padding: 0;
}

.oubocontentright5 li{
		list-style-type: none;
		float: left;
		margin-top: 0px;
		margin-right: 30px;
		margin-bottom: 0px;
		margin-left: 0px;
}

.oubocontentright6{
		width: 630px;
		height: 5px;
		margin-top: 68px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		background-image: url(images/dot.jpg);
		background-repeat-x;
}








.oubocontentright7{
		width: 630px;
		height: auto;
		margin-top: 50px;
		margin-right: 0px;
		margin-bottom: 80px;
		margin-left: 0px;
		color:#8b4513;
}

.oubocontentright7 h6{
		font-size: 1em;
		color:#999999;
}

.oubocontentright8{
		width: 630px;
		height: 5px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		background-image: url(images/dot.jpg);
		background-repeat-x;
}


.oubocontentright9{
		width: 630px;
		height: auto;
		margin-top: 50px;
		margin-right: 0px;
		margin-bottom: 80px;
		margin-left: 0px;
		color:#8b4513;
		font-size: 1.2em;
}



#oubocontentleft{
		float: left;
		width: 20px;
		height: 400px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 50px;
		background-image: url(images/ouboline.gif);
		background-repeat-y;
}













/*******************************
/* サイドバー
*******************************/




#social_box {
		width:60px;
		padding:15px;
		margin-left:5px;
		text-align:center;
		position:fixed;
		top:525px;
		list-style-type:none;
}

#social_box1 {
		width:60px;
		padding:15px;
		margin-left:5px;
		text-align:center;
		position:fixed;
		top:300px;
		list-style-type:none;
}



/*******************************
/* 応募フォーム
*******************************/



		/* --- フォームエリア --- */
form.contact {
		width: 530px;
		font-size: 100%;
margin-left: 23px;
}
		/* --- テーブルのバック --- */
form.contact div.fields {
		margin-bottom: 20px;
		padding: 2px;
		background-color: #ff99ff;
		border: 1px #c0c0c0 solid;
}

		/* --- テーブル --- */
form.contact table {
		width: 100%;
		border: 1px solid;
		border-color: #c0c0c0 #999999 #999999 #c0c0c0;
}
		/* --- ヘッダー --- */
form.contact caption {
		margin-bottom: 2px;
		padding: 10px 8px;
		background: #f9f9f9 url(caption_back1.gif) repeat-x;
		border: 1px solid;
		border-color: #c0c0c0 #999999 #999999 #c0c0c0; 
		text-align: left;
		color: #808080;
		font-weight: bold;
}
		/* --- 種類・名前（th） --- */
form.contact th {
		width: 79px;
		padding: 10px 8px;
		background-color: #f5f5f5;
		border-bottom: 1px #c0c0c0 dotted;
		text-align: left;
		line-height: 130%;
}
		/* --- 見出しセル内の補足テキスト --- */
form.contact th span.supplement {
		font-weight: normal;
}
		/* --- 入力項目（td） --- */
form.contact td {
		padding: 10px 5px 7px;
		background-color: #ffffff;
		border-bottom: 1px #c0c0c0 dotted;
}
		/* --- 入力項目内の補足テキスト --- */
form.contact td span.supplement {
		color: #808080;
}
		/* --- 必須項目セル --- */
form.contact td.required {
		width: 35px;
		padding: 8px 3px;
		background-color: #ffccff;
		text-align: center;
}
		/* --- 任意項目セル --- */
form.contact td.arbitrary {
		background-color: #ffcccc;
}

		/* --- フォーム部品 --- */
form.contact input,
form.contact select,
form.contact textarea {
		margin-bottom: 2px;
}
		/* --- フォーム部品のサイズ --- */
		/* --- （長めのテキスト入力欄） --- */
#name, #name2, #email, #tel {
		width: 280px;
}

		/* --- （複数行のテキスト入力欄） --- */
#message {
		width: 350px;
		height: 10em;
}


		/* --- ボタン --- */
form.contact p.button {
		margin: 0;
		float: left;
}

















/*******************************
/* フッター
*******************************/
#footer{
		width: 1000px;
		height: 189px
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 10px;
		margin-left: auto;
		background-image: url(images/footer.gif);
		clear:both;
}

#footer a{
		font-size: 14px;
}

address{
		text-align: center;
		font-size: 14px;
		padding-top: 100px;
		padding-right: auto;
		padding-bottom: 50px;
		padding-left: auto;
}

