@charset "Shift_JIS";

/* #############################################################
##  Created by Minako Uchikoshi. 
##  E-mail: info@3-7-5.jp
##  Copyright (C) 2011 Minako Uchikoshi. All Rights Reserved.
############################################################## */

/* ****************************************
	for All Documents
**************************************** */

/* ----------------------------------------
	Initialize Default Setting
---------------------------------------- */
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}


/* ----------------------------------------
	Universal
---------------------------------------- */
body {
	background-color: #ffffff;
	color: #665533;
	font-size: 100%; /* サイト全体の基準となる。ここを変えれば全体が変わる */
	font-family: arial,sans-serif;
	line-height: 1.5;
}
	
	/* Head Lines
	---------------------------------------- */
	h1, h2, h3, h4, h5, h6 {
		margin-top: 2em;
		color: #775c2f;	
		font-weight: bold;
		letter-spacing: 0.3em;
	}
		h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
			display: block;
			vertical-align: top;
		}
	
	/* -- .offLeft (for accessibility) -- */
	.offLeft {
		position: absolute !important;
		top: 1px !important;
		left: 1px !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
		background: transparent none !important;
		border: none !important;
	}

	/* Links
	---------------------------------------- */
	a {
		cursor: pointer;
	}
	a:link {
		color: #de1b60;
		text-decoration: underline;
	}
	a:visited {
		color: #bd0546;
		text-decoration: underline;
	}
	a:hover,
	a:focus {
		color: #39a2c9;
		text-decoration: none;
	}
	
	/* Texts
	---------------------------------------- */
	em, strong {
		font-weight: bold;
		font-style: normal;
	}
	
	sup, sub {
		margin: 0 0.2em;
		font-size: 82%; /* ベースフォント14pxのとき */
		vertical-align: top;
		line-height: 1;
	}
	sub {
		vertical-align: text-bottom;
	}
	
	/* -- .lite（文字を小さく） -- */
	.lite {
		font-size: 85.7%; /* ベースフォント14pxのとき */
		font-weight: normal;
	}
	
	/* -- .heavy（文字を大きく） -- */
	.heavy {
		font-size: 114.2%; /* ベースフォント14pxのとき */
	}
	
	/* -- .attention（注意書き） -- */
	.attention {
		color: #37a3c0;
	}
	
	/* Images
	---------------------------------------- */
	img {
		vertical-align: bottom;
	}
	a img {
		border: none;
		text-decoration: none;
	}

	/* Lists
	---------------------------------------- */
	/* -- ul, ol -- */
	ul, ol {
		margin-top: 1em;
	}
	
	li {
		display: list-item;
		list-style-type: none;
	}
	ol li {
		list-style-type: decimal;
	}
	
	/* -- ol.alphaLow（リストマーカーをアルファベット小文字に） -- */
	ol.alphaLow li {
		list-style-type: lower-alpha;
	}
	
	/* -- dl -- */
	dl {
		margin-top: 1em;
	}
	dt {
		font-weight: bold;
	}
	
	/* Tables
	---------------------------------------- */
	table {
		margin-top: 1em;
		border-collapse: collapse;
	}
	
	caption {
		margin-top: 1em;
		font-weight: bold;
		text-align: left;
	}
	
	th {
		font-weight: bold;
		text-align: center;
		vertical-align: top;
	}
	
	td {
		vertical-align: top;
	}
	
	/* Forms
	---------------------------------------- */
	fieldset {
		margin-top: 2em;
		border: none;
	}

	/* -- input.check（ラジオボタン or チェックボックス） -- */
	input.check {
		margin-right: 6px;
		vertical-align: text-top;
	}

	/* -- select（プルダウン or リストボックス） -- */
	select {
		margin-right: 6px;
	}
	label select {
		margin-left: 6px;
	}
	
	/* -- textarea（複数行入力フィールド） -- */
	label textarea {
		margin-left: 6px;
	}

	/* -- button（汎用ボタン。submit, reset, buttonなど） -- */
	button {
		margin-right: 6px;
		cursor: pointer;
	}
	
	/* Blocks
	---------------------------------------- */
	p {
		margin-top: 1em;
	}
	
	address {
		margin-top: 1em;
		font-style: normal;
	}
	
	/* -- .more（詳細はこちら、的な） -- */
	p.more {
		float: none;
		text-align: right;
	}
	
	/* Clearfix（フロートする要素の親要素に使用）
	---------------------------------------- */
	div.colWrapper:after,
	div#main dl.col:after,
	.clearfix:after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		font-size: 0.1px;
		line-height: 0; /* for Opera, Netscape */
		content: "."; /* "." is for Netscape */
	}

	/* Column Layout
	---------------------------------------- */
	/* -- .colWrapper（横並びのラッパー） -- */
	div.colWrapper {
		padding-top: 1px; /* マージン相殺回避 */
	}
	div.floatL { /* 左フロート。.colWrapperと併用 */
		margin-right: -20px;
	}
	div.floatR { /* 右フロート。.colWrapperと併用 */
		margin-left: -20px;
	}

		/* -- .col（横並びするブロック or 画像） -- */
		img.col { /* 横並びする画像。横並びしない場合は.colWrapper外での単独使用可 */
			display: block;
			margin-top: 1em;
		}
		
		div.floatL .col,
		div.floatR div.floatL .col { /* .colが左フロート */
			float: left;
			margin-right: 20px;
		}
		div.floatR .col,
		div.floatL div.floatR .col { /* .colが右フロート */
			float: right;
			margin-left: 20px;
		}
		
		/* -- .pic（画像にキャプションがある時のラッパー）
			div.colと併用
			横並びしない場合は.colWrapper外での単独使用可
			div.tileでも使用 -- */
		div.pic {
			text-align: center;
		}
			div.pic img {
				display: block;
				margin: 1em auto 0.2em auto;
			}
		
		/* -- .colN（div.colの横幅を設定。div.colと併用。pairNとNを合わせる） -- */
		div.col2 {
			width: 270px;
		}
		
		div.col4 {
			width: 125px;
		}
		
		/* -- .pair（.colと対になるブロック。.pairNと併用。） -- */
		div.floatL div.pair,
		div.floatR div.floatL div.pair {
			margin-right: 20px;
		}
		div.floatR div.pair,
		div.floatL div.floatR div.pair {
			margin-left: 20px;
		}
		
		/* -- .pairN（.pairと併用。.colNとNを合わせる。回り込ませる場合は指定しない。） -- */
		div.floatL div.pair2,
		div.floatR div.floatL div.pair2 { /* 左フロートの.col1と対 */
			margin-left: 290px;
		}
		div.floatR div.pair2,
		div.floatL div.floatR div.pair2 { /* 右フロートの.col1と対 */
			margin-right: 290px;
		}
		
		div.floatL div.pair4,
		div.floatR div.floatL div.pair4 { /* 左フロートの.col1と対 */
			margin-left: 145px;
		}
		div.floatR div.pair4,
		div.floatL div.floatR div.pair4 { /* 右フロートの.col1と対 */
			margin-right: 145px;
		}

/* ----------------------------------------
	#wrapper
---------------------------------------- */
div#wrapper {
	width: 800px;
	margin: 0 auto;
	background: #ffffff url(images/wrapper.jpg) repeat-y center top;
}

/* ----------------------------------------
	#container
---------------------------------------- */
div#container {
	background: transparent url(images/container.jpg) no-repeat center bottom;
}
	
	/* #desc
	---------------------------------------- */
	h2#desc {
		margin-top: 0;
		padding: 6px 0;
		background-color: #ffffff;
		font-size: 75%;
		font-weight: normal;
	}

/* ----------------------------------------
	#main
---------------------------------------- */
div#main {
	float: right;
	width: 560px;
	background: transparent url(images/main.jpg) no-repeat left top;
	padding: 1px 30px;
	font-size: 87.5%;
}

	/* Head Lines
	---------------------------------------- */
	div#main h1 {
		margin: 60px 70px 50px 70px;
		font-size: 171.4%;
		text-align: center;
		text-shadow: 2px 2px 1px #ffffee;
		letter-spacing: 0.2em;
	}
		div#main h1 img { /* for index.html */
			margin: 130px -70px -50px -70px;
		}
	
	div#main h2 {
		font-size: 128.6%;
		text-shadow: 2px 2px 1px #ffffee;
	}
	
	div#main h3 {
		padding: 0.1em 14px 0 14px;
		background-color: #775c2f;
		color: #ffffff;
		text-shadow: 2px 2px 1px #332200;
	}
	
	div#main h4 {
		text-shadow: 2px 2px 1px #ffffee;
	}
	
	/* Lists
	---------------------------------------- */
	div#main li {
		margin: 0.5em 0 0 0;
	}
	div#main ul li {
		padding-left: 16px;
		background: transparent url(images/ul.gif) no-repeat 0 0.4em;
	}
	div#main ol li {
		margin-left: 2.2em; /* マーカー2桁の場合 */
	}
		div#main li ul,
		div#main  li ol {
			margin-top: 0.5em;
		}
		div#main ul ul li {
			margin-left: 21px; /* ベースフォント14pxのとき */
			padding-left: 0;
			background: transparent none;
			list-style-type: disc;
		}
	
	/* -- ul.note（注釈とか） -- */
	div#main ul.note li {
		margin-left: 0;
		padding-left: 1.5em;
		background: transparent none;
		color: #777777;
		font-size: 85.7%;
		text-indent: -1.5em;
	}

	/* -- dl -- */
	div#main dt {
		margin-top: 1em;
	}
	div#main dd {
		margin-top: 0.5em;
		padding-left: 14px;
	}
	
	/* Tables
	---------------------------------------- */
	div#main th,
	div#main td {
		padding: 0.5em 10px;
		border: 1px solid #775c2f;
	}
	div#main th.type2 {
		font-size: 116.7%;
		text-align: left;
	}

	/* Images
	---------------------------------------- */
	/* -- #mainImage -- */
	img#mainImage {
		display: block;
		margin: 0 auto 0 auto;
	}
	
	/* Forms
	---------------------------------------- */
	div#main form th,
	div#main form td {
		line-height: 2;
	}
	div#main form td {
		vertical-align: baseline;
	}
	
	div#main label {
		vertical-align: top;
	}
	
	/* -- フォームコントロール共通 -- */
	div#main input.text,
	div#main select,
	div#main textarea {
		border: 1px solid #bbbbbb;
		border-radius: 0.4em;
		-moz-border-radius: 0.4em;
		-webkit-border-radius: 0.4em;
	}
	div#main input:focus,
	div#main select:focus,
	div#main textarea:focus {
		background-color: #ffeeee;
	}
	
	/* -- input.text（汎用1行入力フィールド。text, password, fileなど） -- */
	div#main input.text {
	/* heightとpadding-topを足した値をline-heightと同じに */
		width: 240px;
		height: 1.3em;
		padding-top: 0.2em;
	}
	
	/* -- textarea（複数行入力フィールド） -- */
	div#main textarea {
		width: 99%;
		height: 10em;
	}

	/* -- button（汎用ボタン。submit, reset, buttonなど） -- */
	div#main button {
		width: auto;
		padding: 0 0.5em;
		border: 2px solid #cc6699;
		border-top-color: #ffeeee;
		border-left-color: #ffeeee;
		background-color: #f6dddd;
		color: #de1b60;
		border-radius: 0.6em;
		-moz-border-radius: 0.6em;
		-webkit-border-radius: 0.6em;
	}
	div#main button:hover,
	div#main button:focus {
		border-color: #f6dddd;
		border-top-color: #cc3399;
		border-left-color: #cc3399;
		background-color: #ffeeee;
	}
	
	/* -- .require -- */
	div#main form sup.require,
	div#main form span.require {
		color: #B93434;
	}
	
	/* -- #submitArea -- */
	div#submitArea {
		margin-top: 2em;
		text-align: center;
	}
		div#submitArea button {
			margin: 0 1em;
			padding: 0.8em 3em 0.8em 4em;
			font-weight: bold;
			letter-spacing: 0.5em;
			text-shadow: 1px 2px 1px #ffffff;
		}
		div#submitArea button.secondary { /* メインじゃないボタン */
			font-size: 85.7%;
			font-weight: normal;
			padding: 0.4em 1em 0.4em 2em;
		}
	
	/* Blocks
	---------------------------------------- */
	div#main iframe {
		display: block;
		margin-top: 2em;
		border: 1px solid #775c2f;
	}
	
	div#main address {
		margin-left: 30px;
		font-size: 228.57%;
		font-weight: normal;
		letter-spacing: 0.1em;
	}
	
	/* -- .publish（発行日、発行者など） -- */
	div#main p.publish {
		text-align: right;
	}
	
/* ----------------------------------------
	#sub
---------------------------------------- */
div#sub {
	float: left;
	width: 150px;
	padding: 10px 15px 80px 15px;
	color: #ffffff;
	font-size: 75%;
}

	/* Head Lines
	---------------------------------------- */
	div#sub h2 {
		color: #ffffff;
		font-size: 116.6%;
	}

	/* Links
	---------------------------------------- */
	div#sub a:link {
		color: #ffffff;
	}
	div#sub a:visited {
		color: #bbbbbb;
	}
	div#sub a:hover,
	div#sub a:focus {
		color: #f6cddd;
	}

	/* Lists
	---------------------------------------- */
	div#sub ul li {
		padding-left: 14px;
		background: transparent url(images/sub_ul.gif) no-repeat 0 0.4em;
	}
	div#sub ol li {
		margin-left: 2.2em; /* マーカー2桁の場合 */
	}
		div#sub li ul,
		div#sub  li ol {
			margin-top: 0.5em;
		}
		div#sub ul ul li {
			margin-left: 18px; /* ベースフォント12pxのとき */
			padding-left: 0;
			background: transparent none;
			list-style-type: disc;
		}
	
	/* Blocks
	---------------------------------------- */
	div#sub address {
		font-weight: bold;
	}
	
	/* #siteLogo
	---------------------------------------- */
	a#siteLogo,
	h2#siteLogo {
		display: block;
		margin: 10px auto 25px auto;
	}
		a#siteLogo img,
		h1#siteLogo img {
			display: block;
		}
	
	/* #gNavi (Global Navigation)
	---------------------------------------- */
	div#sub ul#gNavi {
		margin: 2em -15px 0 -8px;
	}
	div#sub ul#gNavi li {
		padding: 0;
		background: transparent none;
	}
		
		div#sub ul#gNavi a,
		div#sub ul#gNavi span,
		div#sub ul#gNavi img {
			display: block;
		}

/* ----------------------------------------
	#footer
---------------------------------------- */
div#footer {
	clear: both;
	width: 560px;
	margin-left: 180px;
	padding: 4em 30px 20px 30px;
	font-size: 75%;
	text-align: center;
}
	
	/* #fNavi (Full Navigation)
	---------------------------------------- */
	ul#fNavi {
		margin-top: 0.5em;
	}
	ul#fNavi li {
		display:inline-block;
		margin-top: 0.5em;
		padding: 0 0.5em 0 1em;
		border-left: 1px solid #443300;
		font-weight: bold;
		letter-spacing: 0.2em;
	}
	ul#fNavi li.first {
		border-left: none;
	}
	
		ul#fNavi a {
			font-weight: normal;
		}
	
	/* #copyright
	---------------------------------------- */
	p#copyright {
		/*margin-top: 2em;*/
	}


/* ----------------------------------------
	for Mail Form Documents
---------------------------------------- */
body {
	position: relative;
}

div#postmailCopy {
	position: absolute;
	right: 50%;
	bottom: 0;
	margin-right: -370px;
	font-size: 68.75%;
}