
/* ページ全体
----------------------------------------------- */
* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	word-break: break-all;
}

body{
	margin: 0;
	color: #333333;
	text-align: center;
	background: #8FBC8F;
}
a:link {
  color: #0000FF;
}
a:visited {
  color: #6600FF;
}
a:hover, a:active {
  color: #FF3300;
}

/* 全体を囲う
----------------------------------------------- */
#Container {
	width: 760px;
	margin: 0 auto;
	padding: 0;
}

/* ヘッダ
----------------------------------------------- */
/*ロゴ画像が入らない場合*/
#Header {
	padding: 0;
	background-color: #006600;
	border: 1px solid #006600;
	border-bottom: 0px solid #006600;
}
/*HPタイトル*/
#Header h1 {
	font-size: 170%;
	text-align: center;
	font-weight: bold;
	padding: 20px 0;
	margin: 0;
	color: #FFFFFF;
}
/*ロゴ画像が入る場合*/
 #HeaderContents {
	padding: 0;
	margin: 0;
	width: 758px;
	text-align: left;
	background-color: #006600;
	border-top: 1px solid #006600;
	border-left: 1px solid #006600;
	border-right: 1px solid #006600;
}
#HeaderContents img {
	padding: 10px;
	margin: 0;
	vertical-align: middle;
}
#HeaderContents h1 {
	font-size: 175%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #FFFFFF;
	vertical-align: middle;
	display: inline;
}

/* コンテンツ
----------------------------------------------- */
#Contents {
	
}

/* メニュー(上部分)
----------------------------------------------- */
#Menu {
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	padding: 8px 20px;
}
#Menu h5 {
	display: none;
}
#Menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#Menu li {
	display: inline;
	line-height: 140%;
	padding: 0; 
	margin: 0;
}
#Menu li a {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 90%;
	color: #333333;
	white-space: nowrap;
	padding: 4px 20px 4px 10px;
	background: transparent url(../design_images/arrow.gif?0103_03) no-repeat left center;
}
#Menu li > a {
	display: inline;
	float: none;
}
#Menu li a:link,#Menu li a:visited {
	color:#333333;
}
#Menu li a:hover { 
	color:#666666;
	background: transparent url(../design_images/arrow_on.gif?0103_03) no-repeat left center;
}

#Menu hr {
	visibility: hidden;
	height: 1em;
}
#Menu > hr {
	display: none;
}

/* メインコンテンツ
----------------------------------------------- */
#MainContents {
	width: 758px;
	border: 1px solid #CCCCCC;
	margin: 20px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
}

#QRContents {
	width: 758px;
	border: 1px solid #CCCCCC;
	margin: 5px 0 0 0;
	padding: 0;
	background-color: #FFFFFF;
	text-align:left;
}

.qr {
	padding: 10px;
	margin: 0px;
	text-align: center;
	float: left;
	font-size: 90%;
}

/* タイトル
----------------------------------------------- */
#Topic {
	clear: both;
	margin: 0;
	padding: 0;
}
/*ページタイトル*/
h2 {
	font-size: 140%;
	text-align: center;
	font-weight: bold;
	margin: 30px 20px;
	color: #333333;
}
/*ページタイトル詳細*/
h3 { 
	font-size: 100%;
	text-align: center;
	font-weight: normal;
	margin: 30px 20px;
	color: #333333;
}

/** 上部メニュー申込フォーム **----------------------------------------*/
#requestform .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
#requestform h5 {   
	font-size: 110%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #333333;
	margin: 5px;
}
#requestform fieldset {
	margin: 0 104px 35px 104px;
	border: none;
}
#requestform table {
	width: 550px;
	border: 1px solid #E1D9CA;
}
#requestform td {
	padding: 5px 7px;
	border-bottom: 1px solid #E1D9CA;
	font-size: 100%;
	text-align: left;
} 
#requestform th {
	width: 150px;
	padding: 5px 7px;
	border-bottom: 1px solid #E1D9CA;
	font-size: 100%;
	text-align: left;
}
#requestform .required {
	color: #D94040;
	font-style: normal;
	font-size: 80%;
}
#requestform .example {
	color: #787878;
	padding-left: 10px;
	font-size: 80%;
}
#requestform form {
	display: inline; 
	margin: 0; 
	padding: 3px; 
}
#requestform .submit {
	text-align: center;
	padding-bottom: 30px;

}
#requestform hr {
	display: none;
}
/* エラー画面 */

#requestformerror table {
	width: 550px;
	margin: 0 104px 35px 104px;
	border: 0;
}
#requestformerror li {
	font-size: 100%;
	line-height: 150%;
}
#requestformerror .submit {
	text-align: center;
	padding-bottom: 30px;
}

/** レイアウトパターン毎に設定 **************************/
/** パターン1 **----------------------------------------*/
/* メインと画像をまとめる部分
----------------------------------------------- */
.pattern1 .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
/* メインの見出し
----------------------------------------------- */
.pattern1 h4 {   
	clear: both;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #333333;
	margin: 30px 20px 10px 20px;
}
/* メイン内容
----------------------------------------------- */
.pattern1 .string {
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
	padding: 0 20px 40px 20px;
}
.pattern1 .string p {
	margin: 0;
	font-size: 90%;
}
/* 区切り
----------------------------------------------- */
.pattern1 hr {
	visibility: hidden;
	clear: both;
	width: 100%;
	height: 0px;
	color: #FFFFFF;
	background-color: transparent;
	border: 0px;
	margin: 0;
	padding: 0;
}


/** パターン2 **----------------------------------------*/
/* メインと画像をまとめる部分
----------------------------------------------- */
.pattern2 .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
/* メイン内容
----------------------------------------------- */
.pattern2 table {
	clear: both;
	width: 550px;
	padding: 1px;
	margin: 0 105px 40px 105px;
	background: #FFFFFF;
	border : 0;
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
}
.pattern2 table tr {
	margin: 0;
	padding : 1px;
}
.pattern2 table th {
	margin: 0;
	padding : 1px;
	width: 150px;
	text-align: left;
	font-weight: bold;
	border-bottom : 1px dotted #999999;
	vertical-align: top;
}
.pattern2 table td {
	margin: 0;
	padding : 1px;
	width: 400px;
	border-bottom: 1px dotted #999999;
	vertical-align: top;
}
/* 区切り
----------------------------------------------- */
.pattern2 hr {
	display: none;
}


/** パターン3 **----------------------------------------*/
/* メインと画像をまとめる部分
----------------------------------------------- */
.pattern3 .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
/* メインの見出し
----------------------------------------------- */
.pattern3 h4 {   
	clear: both;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #333333;
	margin: 30px 20px 10px 20px;
}
/* メイン内容
----------------------------------------------- */
.pattern3 .string {
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
	padding: 0 20px 10px 20px;
}
.pattern3 .string p {
	margin: 0;
	font-size: 90%;
}
/* 画像（中央／下部分）
----------------------------------------------- */
.pattern3 .picture {
	width: 550px;
	text-align: center;
	margin: 0px auto;
	padding-bottom: 40px;
}
.pattern3 .picture img {
	margin: 0;
}
/* 区切り
----------------------------------------------- */
.pattern3 hr {
	visibility: hidden;
	clear: both;
	width: 100%;
	height: 0px;
	color: #FFFFFF;
	background-color: transparent;
	border: 0px;
	margin: 0;
	padding: 0;
}


/** パターン4 **----------------------------------------*/
/* メインと画像をまとめる部分
----------------------------------------------- */
.pattern4 .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
/* メインの見出し
----------------------------------------------- */
.pattern4 h4 {   
	clear: both;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #333333;
	margin: 10px 20px;
}
/* メイン内容
----------------------------------------------- */
.pattern4 .string {
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
	padding: 0 20px 40px 20px;
}
.pattern4 .string p {
	margin: 0;
	font-size: 90%;
}
/* 画像（中央／上部分）
----------------------------------------------- */
.pattern4 .picture {
	width: 550px;
	text-align: center;
	margin: 0px auto;
	padding-bottom: 20px;
}
.pattern4 .picture img {
	margin: 0;
}
/* 区切り
----------------------------------------------- */
.pattern4 hr {
	visibility: hidden;
	clear: both;
	width: 100%;
	height: 0px;
	color: #FFFFFF;
	background-color: transparent;
	border: 0px;
	margin: 0;
	padding: 0;
}


/** パターン5 **----------------------------------------*/
/* メインと画像をまとめる部分
----------------------------------------------- */
.pattern5 .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
/* メインの見出し
----------------------------------------------- */
.pattern5 h4 {   
	clear: both;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #333333;
	margin: 10px 20px;
}
/* メイン内容
----------------------------------------------- */
.pattern5 .string {
	float: left;
	width: 500px;
	padding: 0 10px 40px 20px;
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
}
.pattern5 .string p {
	margin: 0;
	font-size: 90%;
}
/* 画像（右部分）
----------------------------------------------- */
.pattern5 .picture {
	float: right;
	width: 200px;
	padding: 0 20px 40px 0;
}
.pattern5 .picture img {
	margin: 0;
}
/* 区切り
----------------------------------------------- */
.pattern5 hr {
	visibility: hidden;
	clear: both;
	width: 100%;
	height: 0px;
	color: #FFFFFF;
	background-color: transparent;
	border: 0px;
	margin: 0;
	padding: 0;
}

/** パターン6 **----------------------------------------*/
/* メインと画像をまとめる部分
----------------------------------------------- */
.pattern6 .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
/* メインの見出し
----------------------------------------------- */
.pattern6 h4 {   
	clear: both;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #333333;
	margin: 10px 20px;
}
/* メイン内容
----------------------------------------------- */
.pattern6 .string {
	float: right;
	width: 500px;
	padding: 0 20px 40px 10px;
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
}
.pattern6 .string p {
	margin: 0;
	font-size: 90%;
}
/* 画像（左部分）
----------------------------------------------- */
.pattern6 .picture {
	float: left;
	width: 200px;
	padding: 0 0 40px 20px;
}
.pattern6 .picture img {
	margin: 0;
}
/* 区切り
----------------------------------------------- */
.pattern6 hr {
	visibility: hidden;
	clear: both;
	width: 100%;
	height: 0px;
	color: #FFFFFF;
	background-color: transparent;
	border: 0px;
	margin: 0;
	padding: 0;
}


/** パターン7 **----------------------------------------*/
/* メインと画像をまとめる部分
----------------------------------------------- */
.pattern7 .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
/* メインの見出し
----------------------------------------------- */
.pattern7 h4 {   
	clear: both;
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #333333;
	margin: 30px 20px 10px 20px;
}
/* 画像（中央部分）
----------------------------------------------- */
.pattern7 .picture {
	width: 550px;
	text-align: center;
	margin: 0px auto;
	padding-bottom: 40px;
}
.pattern7 .picture img {
	margin: 0;
}
/* 区切り
----------------------------------------------- */
.pattern7 hr {
	visibility: hidden;
	clear: both;
	width: 100%;
	height: 0px;
	color: #FFFFFF;
	background-color: transparent;
	border: 0px;
	margin: 0;
	padding: 0;
}

/* フッタ
----------------------------------------------- */
/*カウンタが入らない場合*/
#Footer {
	clear: both;
	margin: 0;
	padding: 0;
	height: 31px;
}

#Footer p {
	margin: 0;
	padding: 10px 20px;
	text-align: right;
	font-size: 11px;
}
/*カウンタが入る場合*/
#FooterContents {
	clear: both;
	margin: 0;
	padding: 0;
	height: 31px;
}
#FooterContents img {
	float: left;
	padding: 10px;
	margin: 0;
}
#FooterContents p {
	float: right;
	margin: 0;
	padding: 15px 20px;
	text-align: right;
	font-size: 11px;
}

