/* ページ全体
----------------------------------------------- */
* {
	font-family: "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	word-break: break-all;
}
body{
	margin: 0;
	color: #333333;
	background: #F0F0F0;
}
a:link {
  color: #0000FF;
}
a:visited {
  color: #6600FF;
}
a:hover, a:active {
  color: #FF3300;
}

/* 全体を囲う
----------------------------------------------- */
#Container {
	float:left;
	width: 760px;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 1px solid #CCCCCC;
	background: #FFFFFF url("../design_images/content_bkgd.gif?0101_01") repeat-y left top;
}

/* ヘッダ
----------------------------------------------- */
/*ロゴ画像が入らない場合*/
#Header {
	padding: 0;
	background: #E4ECFA;
	border-bottom: 1px solid #CCCCCC;
}
#Header h1 {
	font-size: 175%;
	text-align: center;
	font-weight: bold;
	padding: 20px 0;
	margin: 0;
	color: #333333;
	border-top: 18px solid #6496C8;
}
/*ロゴ画像が入る場合*/
#HeaderContents {
	float:left;
	padding: 0;
	margin: 0;	
	width: 760px;
	background-color: #E4ECFA;
	border-top: 18px solid #6496C8;
	border-bottom: 1px solid #CCCCCC; 
}
#HeaderContents img {
	padding: 10px;
	margin: 0;
	vertical-align: middle;
}
#HeaderContents h1 {
	font-size: 175%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	color: #333333;
	vertical-align: middle;
	display: inline;
}

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

}

/* メニュー(左部分)
----------------------------------------------- */
#Menu {
	float: left;
	width: 158px;
	margin: 0;
	padding: 0;
}
#Menu h5 {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 4px 0 3px 0;
	color: #111111;
	border-bottom: 1px solid #CCCCCC;
}
#Menu ul {
 	margin: 0 10px;
 	list-style-type: none;
	padding: 0;
}
#Menu li {
	display: inline;
}
#Menu li a {
	display: block;
	text-decoration: none;
	font-size: 90%; 
	color: #333333;
	padding-left: 15px;
	margin: 0.5em 0;
	letter-spacing: 2px;
	background: url(../design_images/arrow.gif?0101_01) no-repeat 0% 50%;
}
#Menu li a:link ,
#Menu li a:visited {
	color: #333333;
}
#Menu li a:hover { 
	color: #666666;
	background: url(../design_images/arrow_on.gif?0101_01) no-repeat 0% 50%;
}
#Menu div a {
	display: block;
	text-decoration: none;
	font-size: 100%; 
	color: #333333;
}
#Menu div a:hover {
	color: #666666;
}

/* メインコンテンツ
----------------------------------------------- */
#MainContents {
	width: 600px;
	float: right;
	margin: 0 0 20px 0;
}


/* タイトル
----------------------------------------------- */
#Topic {
	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-left: 20px;
	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: 520px;
	margin: 0 40px; 
	border: 0;
}
#requestformerror li {
	font-size: 100%;
	line-height: 150%;
}
#requestformerror .submit {
	padding-bottom: 30px;
	text-align: center;
}
#requestformerror hr {
	display: none;
}


/** レイアウトパターン毎に設定 **************************/
/** パターン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: 10px 20px;
}
/* メイン内容
----------------------------------------------- */
.pattern1 .string {
	width: 550px;
	padding: 0 20px 40px 20px;
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
}
.pattern1 .string p {
	margin: 0;
	font-size: 90%;
}
/* 区切り
----------------------------------------------- */
.pattern1 hr {
	display: none;
}


/** パターン2 **----------------------------------------*/
/* メインと画像をまとめる部分
----------------------------------------------- */
.pattern2 .wrapper {
	display: inline;
	margin: 0;
	padding: 0;
}
/* メイン内容
----------------------------------------------- */
.pattern2 table {
	clear: both;
	width: 550px;
	padding: 1px;
	margin: 0 20px 40px 20px;
	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: 10px 20px;
}
/* メイン内容
----------------------------------------------- */
.pattern3 .string {
	width: 550px;
	padding: 0 20px 10px 20px;
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
}
.pattern3 .string p {
	margin: 0;
	font-size: 90%;
}
/* 画像（中央／下部分）
----------------------------------------------- */
.pattern3 .picture {
	width: 550px;
	text-align: center;
	margin: 0px auto;
	padding-bottom: 40px;
	/*padding: 0 20px 40px 20px;*/
}
.pattern3 .picture img {
	margin: 0;
}
/* 区切り
----------------------------------------------- */
.pattern3 hr {
	display: none;
}


/** パターン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 {
	width: 550px;
	padding: 0 20px 40px 20px;
	line-height: 150%;
	font-size: 100%;
	text-align: left;
	color: #333333;
}
.pattern4 .string p {
	margin: 0;
	font-size: 90%;
}
/* 画像（中央／上部分）
----------------------------------------------- */
.pattern4 .picture {
	width: 550px;
	text-align: center;
	margin: 0px auto;
	padding-bottom: 20px;
	/*padding: 0 20px 10px 20px;*/
}
.pattern4 .picture img {
	margin: 0;
}
/* 区切り
----------------------------------------------- */
.pattern4 hr {
	display: none;
}


/** パターン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: 340px;
	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 {
	display: none;
}


/** パターン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: 340px;
	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 {
	display: none;
}


/** パターン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: 10px 20px;
}

/* 画像（中央部分）
----------------------------------------------- */
.pattern7 .picture {
	width: 550px;
	text-align: center;
	margin: 0px auto;
	padding-bottom: 40px;
	/*padding: 0 20px 40px 20px;*/
}
.pattern7 .picture img {
	margin: 0;
}
/* 区切り
----------------------------------------------- */
.pattern7 hr {
	display: none;
}

/* フッタ
----------------------------------------------- */
/*カウンタが入らない場合*/
#Footer {
	clear: both;
	background: #E4ECFA;
	border-top: 18px solid #6496C8;
	border-bottom: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0;
	height: 31px;
}
#Footer p {
	margin: 0;
	padding: 10px 20px;
	text-align: right;
	font-size: 11px;
}
/*カウンタが入る場合*/
#FooterContents {
	clear: both;
	background: #E4ECFA;
	border-top: 18px solid #6496C8;
	border-bottom: 1px solid #CCCCCC;
	margin: 0;
/*padding変更*/
	padding: 10px;
	/*padding: 0;*/
	height: 31px;
}
#FooterContents img {
	float: left;
	padding: 0;
	margin: 0;
}
#FooterContents p {
/*float削除*/
	/*float: right;*/
	margin: 0;
/*padding変更*/
	padding: 10px 10px 0 0;
	/*padding: 15px 20px;*/
	text-align: right;
	font-size: 11px;
}

/*フッタなしの場合*/
#NoFooter {
	clear: both;
}